教你临摹旋钮图标教程
今天教大家做一枚旋转按钮图标,步骤简单,效果精致,还提供了PSD参考文件,喜欢的同学一起练练吧,做完记得交作业。最终效果:PSD源文件:http://www.16xx8.com/photoshop/sucai/jiaochengsucai/2015/137578.html
http://pic.16xx8.com/allimg/150513/144455F37-0.jpg
类似图标教程:《
图标设计,设计同步按钮实例
》、《
图标设计,设计播放按钮图标
》新建一个1000*1000,72分辨率的新画布。
http://pic.16xx8.com/allimg/150513/1444553X9-1.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:137583 作者:_projava_ 出处:贴吧 新建一层,填充34%的灰色。
http://pic.16xx8.com/allimg/150513/144455G11-2.jpg
在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单里选择这个命令。
http://pic.16xx8.com/allimg/150513/14445512c-3.jpg
添加杂色。
http://pic.16xx8.com/allimg/150513/144455A30-4.jpg
再高斯模糊一点。
http://pic.16xx8.com/allimg/150513/14445563N-5.jpg
现在看上去跟原图的背景差不多了。这里我插一句,之所以我把这个背景层转成智能对象后再添加滤镜的好处是,万一你觉得哪里不合适的话可以很方便的修改,比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值,不需要重新来过"
http://pic.16xx8.com/allimg/150513/14445524L-6.jpg
布置两条居中的参考线,以参考线的交叉点为中心画一个直径为723像素的椭圆形状。
http://pic.16xx8.com/allimg/150513/1444551D2-7.jpg
在圆形的下面用“合并形状”模式添加一个小圆形。
http://pic.16xx8.com/allimg/150513/1444552061-8.jpg
把填充透明度调至0,双击这个层进入图层样式,添加纯黑白的渐变。有同学做出来不是这个效果,可以试试取消勾选反向。
http://pic.16xx8.com/allimg/150513/14445561Y-9.jpg
继续添加内阴影。
http://pic.16xx8.com/allimg/150513/144455J18-10.jpg
外发光。我添加一些杂色,这样外发光能很柔和的融入到同样带有杂色的背景里,不会太突然。
http://pic.16xx8.com/allimg/150513/1444554214-11.jpg
最后给这个层添加白色的“投影”,数值非常的小,模拟这个凹陷的圆形边缘厚度。
http://pic.16xx8.com/allimg/150513/1444554a0-12.jpg
重新画一个直径为468像素的圆形。
http://pic.16xx8.com/allimg/150513/1444551G1-13.jpg
从“椭圆1”层里选中小的圆形路径,直接CTRL+C复制小圆形。
http://pic.16xx8.com/allimg/150513/1444555141-14.jpg
粘贴到“椭圆2”,把路径操作模式改为“减去”。有同学反映复制过去后交叉部分是黑色的,这是因为在步骤上出了一点问题,粘贴小圆形之前先要激活路径,就是按A点击大圆形。
http://pic.16xx8.com/allimg/150513/1444554Y8-15.jpg