效果图:
源文件下载:http://vdisk.weibo.com/lc/2xE6YzjV2GPByvXrFi3 密码:RC98
新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。
执行图层样式斜面浮雕,投影和颜色叠加,参数:
如下,大家也可以自己摸索不同的数值:
效果:
新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。
用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下:
效果如下:
将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%
图层样式,添加渐变叠加和内阴影:
渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。
效果如下:
将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。
效果
将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。
然后调整图层样式,只调整斜面浮雕,其余的保持原样。
图层现在除了背景图层外有五个:
现在效果如下
将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。
清除图层样式,添加新的图层样式描边和渐变叠加 :
完成。
一些小编喜欢的图标教程:
《使用Photoshop绘制精致写实的购物袋图标》
《使用Photoshop图层样式绘制精致舒服的播放器图标》
《相机应用图标临摹过程简要分享》
教程合集:
《24个Photoshop实用的iPhone APP UI设计教程》
来源地址:tieba.baidu
作者:P大点S微博
本文标签: Photoshop, Photoshop教程, 图标, 图标教程