方舟 发表于 2015-4-27 15:32:05

Photoshop制作一个清新的半透明扁平图标欣赏




依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。
最终效果


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_1.jpg


1、新建大小自定的画布,用形状工具制作圆角矩形。

2、添加图层样式:渐变叠加和投影,参数及效果如下图。


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_2.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_3.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_4.jpg
3、分三个图层做中间的形状绘制,其对应图层如下图。


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_5.jpg


4、首先看红点标注的2个图层,参数是一样的。


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_6.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_7.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_8.jpg
5、正圆形图层样式:内阴影和内发光。


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_9.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_10.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_11.jpg


6、将刚才的三个形状选中,然后成组。

7、在组上添加图层样式:投影,如下图。


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_12.jpg


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_13.jpg


最终效果及其它类似效果:


http://www.68ps.com/jc/UploadFile1466/20150423/jc1504231_14.jpg




页: [1]
查看完整版本: Photoshop制作一个清新的半透明扁平图标欣赏