方舟 发表于 2015-5-1 14:36:47

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






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

http://img.jcwcn.com/attachment/portal/201504/29/212415lzpdl5yvzo6k5lo5.jpg

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

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

http://img.jcwcn.com/attachment/portal/201504/29/2124152w9u8zow29w58o5k.jpg

http://img.jcwcn.com/attachment/portal/201504/29/212415ueykfu6ffo2tel62.jpg

http://img.jcwcn.com/attachment/portal/201504/29/212415xil2o67n26il7sx6.jpg



3、分三个图层做中间的形状绘制,其对应图层如下图。

http://img.jcwcn.com/attachment/portal/201504/29/212415nvqr33ojcrn31cih.jpg

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

http://img.jcwcn.com/attachment/portal/201504/29/212416smfvs7jml5s7or2q.jpg



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