Photoshop设计立体时尚的软件APP图标
一枚超级漂亮的图标教程。今天P大点S微博同学临摹了一个色板图标，效果好到发指，重点是图层样式的运用，关键部分都有大字标示，方便大家练习。效果图：
http://www.missyuan.net/uploads/allimg/150312/1429423305-0.jpg
新建1000*1000画布，填充颜色e82571，利用圆角矩形工具，半径100像素按住Shift画一个正方形，点一下上面的形状，建立形状图层。
http://www.missyuan.net/uploads/allimg/150312/142942G07-1.jpg
执行图层样式斜面浮雕，投影和颜色叠加，参数：
http://www.missyuan.net/uploads/allimg/150312/14294260Q-2.jpg
http://www.missyuan.net/uploads/allimg/150312/14294213J-3.jpg
如下，大家也可以自己摸索不同的数值：
http://www.missyuan.net/uploads/allimg/150312/1429422318-4.jpg
效果：
http://www.missyuan.net/uploads/allimg/150312/1429422161-5.jpg
新建一个空白图层，用上面方法，用椭圆工具，建一个正圆的形状图层。
http://www.missyuan.net/uploads/allimg/150312/1429425c0-6.jpg
用参考线或者网格，使圆形尽量居中。添加图层样式-渐变叠加，参数如下：
http://www.missyuan.net/uploads/allimg/150312/142942AV-7.jpg
效果如下：
http://www.missyuan.net/uploads/allimg/150312/1429423361-8.jpg
将椭圆图层1 复制一份，Ctrl+T调整大小，这里用数字调整，WH都改为87%
http://www.missyuan.net/uploads/allimg/150312/1429422531-9.jpg
图层样式，添加渐变叠加和内阴影：
http://www.missyuan.net/uploads/allimg/150312/1429421c9-10.jpg
http://www.missyuan.net/uploads/allimg/150312/1429424553-11.jpg
渐变用角度渐变，注意首尾颜色一致即可，颜色大家可以吸色或者调些自己喜欢的颜色。
效果如下：
http://www.missyuan.net/uploads/allimg/150312/142942DZ-12.jpg
将椭圆图层继续复制一份，Ctrl+T变为原来的70%，添加图层样式，斜面浮雕，渐变叠加和投影。
http://www.missyuan.net/uploads/allimg/150312/142942J94-13.jpg
http://www.missyuan.net/uploads/allimg/150312/142942L21-14.jpg
http://www.missyuan.net/uploads/allimg/150312/1429425a8-15.jpg
效果
http://www.missyuan.net/uploads/allimg/150312/14294255Z-16.jpg
将上面图层复制一份，变为原来的80%，用钢笔工具，选择合并形状，在椭圆上加个三角形。
http://www.missyuan.net/uploads/allimg/150312/1429425E4-17.jpg
然后调整图层样式，只调整斜面浮雕，其余的保持原样。
http://www.missyuan.net/uploads/allimg/150312/1429423306-18.jpg
图层现在除了背景图层外有五个：
http://www.missyuan.net/uploads/allimg/150312/1429422I6-19.jpg
现在效果如下
http://www.missyuan.net/uploads/allimg/150312/1429423452-20.jpg
将右边名为椭圆 1 副本 2的图层复制一份，拖到最上面，Ctrl+T变为原来的50%.右键图层。
清除图层样式，添加新的图层样式描边和渐变叠加 ：
http://www.missyuan.net/uploads/allimg/150312/1429425N4-21.jpg
http://www.missyuan.net/uploads/allimg/150312/1429425041-22.jpg
完成。
http://www.missyuan.net/uploads/allimg/150312/1429424C7-23.jpg
页:
[1]