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

方舟

今天的教程是临摹一枚特别特别特别精致的旋钮图标，效果好看到哭，过程非常细致。 最终效果： PSD源文件  微盘下载 新建一个1000*1000，72分辨率的新画布。 新建一层，填充34%的灰色。 在当前这个层上右键选择“转换为智能对象”，你也可以在“图层”菜单里选择这个命令。 添加杂色。 再高斯模糊一点。 手把手教你制作精致立体的旋钮图标2 现在看上去跟原图的背景差不多了。这里我插一句，之所以我把这个背景层转成智能对象后再添加滤镜的好处是，万一你觉得哪里不合适的话可以很方便的修改，比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值，不需要重新来过~ 布置两条居中的参考线，以参考线的交叉点为中心画一个直径为723像素的椭圆形状。 在圆形的下面用“合并形状”模式添加一个小圆形。 把填充透明度调至0，双击这个层进入图层样式，添加纯黑白的渐变。 有同学做出来不是这个效果，可以试试取消勾选反向 继续添加内阴影。 手把手教你制作精致立体的旋钮图标3 外发光。我添加一些杂色，这样外发光能很柔和的融入到同样带有杂色的背景里，不会太突然。 最后给这个层添加白色的“投影”，数值非常的小，模拟这个凹陷的圆形边缘厚度 重新画一个直径为468像素的圆形。 从“椭圆1”层里选中小的圆形路径，直接CTRL+C复制小圆形。 粘贴到“椭圆2”，把路径操作模式改为“减去”。 有同学反映复制过去后交叉部分是黑色的，这是因为在步骤上出了一点问题，粘贴小圆形之前先要激活路径，就是按A点击大圆形。 同样把填充透明度调为0，在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图，你可以左键移动渐变的黑白分布。