Photoshop设计一款半透明浅蓝色的扁平图标
发布时间:2015-06-07 来源:查字典编辑
摘要:Photoshop设计一款半透明浅蓝色的扁平图标依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度...
Photoshop设计一款半透明浅蓝色的扁平图标
依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。
最终效果
![Photoshop设计一款半透明浅蓝色的扁平图标1](/Images/jiaocheng/2015-06-07/2599323205.jpg)
1、新建大小自定的画布,用形状工具制作圆角矩形。
2、添加图层样式:渐变叠加和投影,参数及效果如下图。
![Photoshop设计一款半透明浅蓝色的扁平图标2](/Images/jiaocheng/2015-06-07/871052892.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标3](/Images/jiaocheng/2015-06-07/925776947.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标4](/Images/jiaocheng/2015-06-07/251476455.jpg)
3、分三个图层做中间的形状绘制,其对应图层如下图。
![Photoshop设计一款半透明浅蓝色的扁平图标5](/Images/jiaocheng/2015-06-07/3414107898.jpg)
4、首先看红点标注的2个图层,参数是一样的。
![Photoshop设计一款半透明浅蓝色的扁平图标6](/Images/jiaocheng/2015-06-07/533473565.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标7](/Images/jiaocheng/2015-06-07/3223154305.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标8](/Images/jiaocheng/2015-06-07/52676251.jpg)
5、正圆形图层样式:内阴影和内发光。
![Photoshop设计一款半透明浅蓝色的扁平图标9](/Images/jiaocheng/2015-06-07/672316563.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标10](/Images/jiaocheng/2015-06-07/2363755190.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标11](/Images/jiaocheng/2015-06-07/204875966.jpg)
6、将刚才的三个形状选中,然后成组。
7、在组上添加图层样式:投影,如下图。
![Photoshop设计一款半透明浅蓝色的扁平图标12](/Images/jiaocheng/2015-06-07/836907411.jpg)
![Photoshop设计一款半透明浅蓝色的扁平图标13](/Images/jiaocheng/2015-06-07/2486770027.jpg)
最终效果及其它类似效果:
![Photoshop设计一款半透明浅蓝色的扁平图标14](/Images/jiaocheng/2015-06-07/1004761515.jpg)