ps绘制镜头UI图标教程(2)

来源:zhihu 作者:石磊_Stone 学习:8483人次

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镜头图标

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
心所想梦归处2017-12-30 11:35
镜片那太难了,描述的的太简单
如果没有你7152017-05-28 04:22
对于新手真的有点难
属于彼岸的守望2017-05-28 01:33
有点困难
吹牛比败火2017-05-28 10:53
步骤挺多的~对我这个新人来说。。有点难诶~~去实验一下~

关注大神微博加入>>

网友求助,请回答!