方舟 发表于 2015-5-26 15:19:36

手把手教你制作精致立体的旋钮图标欣赏






今天的教程是临摹一枚特别特别特别精致的旋钮图标,效果好看到哭,过程非常细致。
最终效果:
PSD源文件微盘下载
http://img.jcwcn.com/attachment/portal/201505/13/070849bbiqii9934q4qo3y.jpg新建一个1000*1000,72分辨率的新画布。
http://img.jcwcn.com/attachment/portal/201505/13/070850tpz11ytp5jwpvwis.jpg新建一层,填充34%的灰色。
http://img.jcwcn.com/attachment/portal/201505/13/0708519bedwx1ctnie3d7d.jpg在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单里选择这个命令。
http://img.jcwcn.com/attachment/portal/201505/13/07085111tawnjhfnq9tn29.jpg添加杂色。
http://img.jcwcn.com/attachment/portal/201505/13/070852qn7qgq00ggl00lnn.jpg再高斯模糊一点。
http://img.jcwcn.com/attachment/portal/201505/13/0708527s6e5vn9wz6xvpo6.jpg

现在看上去跟原图的背景差不多了。这里我插一句,之所以我把这个背景层转成智能对象后再添加滤镜的好处是,万一你觉得哪里不合适的话可以很方便的修改,比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值,不需要重新来过~
http://img.jcwcn.com/attachment/portal/201505/13/070853of73nb6v5bvenbfu.jpg布置两条居中的参考线,以参考线的交叉点为中心画一个直径为723像素的椭圆形状。
http://img.jcwcn.com/attachment/portal/201505/13/070853c38q3tfs8bb88scm.jpg在圆形的下面用“合并形状”模式添加一个小圆形。
http://img.jcwcn.com/attachment/portal/201505/13/070854pcvhjvvlrjsjp9rr.jpg把填充透明度调至0,双击这个层进入图层样式,添加纯黑白的渐变。
有同学做出来不是这个效果,可以试试取消勾选反向。
http://img.jcwcn.com/attachment/portal/201505/13/0708545b0f5nr0itnrazum.jpg继续添加内阴影。
http://img.jcwcn.com/attachment/portal/201505/13/0708557ngrvlx8alayndgy.jpg外发光。我添加一些杂色,这样外发光能很柔和的融入到同样带有杂色的背景里,不会太突然。
http://img.jcwcn.com/attachment/portal/201505/13/070856j88tjlfpfcngnttn.jpg最后给这个层添加白色的“投影”,数值非常的小,模拟这个凹陷的圆形边缘厚度。
http://img.jcwcn.com/attachment/portal/201505/13/070856w8x9pjemz0iwmjzx.jpg重新画一个直径为468像素的圆形。
http://img.jcwcn.com/attachment/portal/201505/13/070856fqzq1qiu9izgxg5u.jpg从“椭圆1”层里选中小的圆形路径,直接CTRL+C复制小圆形。
http://img.jcwcn.com/attachment/portal/201505/13/070857m9237a2phnapghpg.jpg粘贴到“椭圆2”,把路径操作模式改为“减去”。
有同学反映复制过去后交叉部分是黑色的,这是因为在步骤上出了一点问题,粘贴小圆形之前先要激活路径,就是按A点击大圆形。
http://img.jcwcn.com/attachment/portal/201505/13/070857zf3pz4633m62xhzv.jpg同样把填充透明度调为0,在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图,你可以左键移动渐变的黑白分布。
http://img.jcwcn.com/attachment/portal/201505/13/070858v4vcwlqdgc8vkcac.jpg投影。
http://img.jcwcn.com/attachment/portal/201505/13/070859jrwzfrffll49zd5z.jpg

像椭圆1一样,为了表示厚度添加白色的内阴影。
http://img.jcwcn.com/attachment/portal/201505/13/070859mrhrdh9ymxmybz97.jpg在“椭圆1”层按A点击小圆形,Ctrl+J复制一层,移到顶层,Ctrl+T把直径改为192像素,顺便把层的名称改为“椭圆3”。在图层样式里取消外发光,把渐变“反向”勾取消,其他不做改变。
http://img.jcwcn.com/attachment/portal/201505/13/0709005fa4d8a0ah558pwd.jpg继续把“椭圆3”复制一层,在图层上右键清除图层样式,Ctrl+T把直径改为173像素。
http://img.jcwcn.com/attachment/portal/201505/13/070901szzl0ld6ua6ux0su.jpg填充透明度调为0,添加渐变,灰色选择42%。
http://img.jcwcn.com/attachment/portal/201505/13/070902drlre7s7t7g7g7r3.jpg斜面浮雕。
http://img.jcwcn.com/attachment/portal/201505/13/070902fd3c2ck0kn2w3cdf.jpg投影。
http://img.jcwcn.com/attachment/portal/201505/13/070903mme2232d2fm33swx.jpg


页: [1]
查看完整版本: 手把手教你制作精致立体的旋钮图标欣赏