基督山伯爵 发表于 2015-4-26 18:14:38

Photoshop设计一个清新的半透明图标实例

依旧是扁平化风格，这次难度略微提升，光影很简单，难点是半透明叠加样式的制作，还有就是色彩纯度较低不好控制。最终效果
http://pic.16xx8.com/allimg/150423/153R21001-0.jpg
1、新建大小自定的画布，用形状工具制作圆角矩形。2、添加图层样式：渐变叠加和投影，参数及效果如下图。
http://pic.16xx8.com/allimg/150423/153R2O57-1.jpg

http://pic.16xx8.com/allimg/150423/153R24025-2.jpg

http://pic.16xx8.com/allimg/150423/153R2I54-3.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:137315 作者：Victor_J_C 出处：站酷

基督山伯爵 发表于 2015-4-26 18:14:38


3、分三个图层做中间的形状绘制，其对应图层如下图。
http://pic.16xx8.com/allimg/150423/153R23318-4.jpg

基督山伯爵 发表于 2015-4-26 18:14:38

4、首先看红点标注的2个图层，参数是一样的。
http://pic.16xx8.com/allimg/150423/153R2B01-5.jpg

http://pic.16xx8.com/allimg/150423/153R25322-6.jpg

http://pic.16xx8.com/allimg/150423/153R22245-7.jpg

基督山伯爵 发表于 2015-4-26 18:14:38


5、正圆形图层样式：内阴影和内发光。
http://pic.16xx8.com/allimg/150423/153R2J20-8.jpg

http://pic.16xx8.com/allimg/150423/153R255I-9.jpg

http://pic.16xx8.com/allimg/150423/153R21626-10.jpg

基督山伯爵 发表于 2015-4-26 18:14:38

Photoshop设计一个清新的半透明图标实例

6、将刚才的三个形状选中，然后成组。7、在组上添加图层样式：投影，如下图。
http://pic.16xx8.com/allimg/150423/153R25433-11.jpg

http://pic.16xx8.com/allimg/150423/153R2Mb-12.jpg
最终效果及其它类似效果：
http://pic.16xx8.com/allimg/150423/153R21361-13.jpg

zjuzjuqaf 发表于 2015-4-27 16:40:18

楼主
页: [1]
查看完整版本: Photoshop设计一个清新的半透明图标实例