UI设计教程 ps鼠绘相机镜头UI图标教程(2)

来源:网络   作者:热心网友   发布时间:2016-08-27    浏览次数:301


STEP 2 中间那层塑料壳

用Ps制作细节完美的Apple Aperture镜头图标

角度渐变,颜色是#222226、#2e3033

用Ps制作细节完美的Apple Aperture镜头图标

内阴影:纯黑、正片叠底、不透明度75%、角度-45、距离20、大小30

用Ps制作细节完美的Apple Aperture镜头图标

外面叠个20%的圈,正片叠底

用Ps制作细节完美的Apple Aperture镜头图标

然后开始画那一层一层的东西,这么一个黑色半月牙,羽化0.5

用Ps制作细节完美的Apple Aperture镜头图标

右下角的白色半月牙,羽化0.5,不透明度30%

用Ps制作细节完美的Apple Aperture镜头图标

为了让两个月牙达到这种效果,需要仔细调整两个月牙内外圆的大小

我的数值是(图标大小1024*1024,图标圆形区域782*782):

黑:外圆直径728、内圆直径725、内圆向下偏移3px向右偏移2px

白:外圆直径730、内圆直径730、内圆向上偏移2px向左偏移1px

这组数值不好(为什么不好就不费劲解释了),但是也能出效果…

用Ps制作细节完美的Apple Aperture镜头图标

用类似的关系做出全部五层

用Ps制作细节完美的Apple Aperture镜头图标

用Ps制作细节完美的Apple Aperture镜头图标

为了加强层次,我又叠了这么一层圆环套圆环(稍有偏移)的投影,黑色,不透明度40%

用Ps制作细节完美的Apple Aperture镜头图标

覆个黑圆看看效果,在最里面用白色半月牙加个边缘高光。

好像少了点明暗效果。

用Ps制作细节完美的Apple Aperture镜头图标

在固有色的上一层:羽化25的黑圆,加一个羽化8的矢量蒙版,不透明度80%

用Ps制作细节完美的Apple Aperture镜头图标

再叠一个羽化40的#5d5c66圆,60%透明。

然后我发现颜色还是不大对,又在这层加了个内发光:#a3a3cc,大小160,滤色,不透明度75%。

用Ps制作细节完美的Apple Aperture镜头图标

然后放在一块看,就有了这个效果。

教程未完,请看下一页!


12345共5页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4781.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通