教你临摹旋钮图标教程

hjtk · 发表于 2015-5-16 14:26:03

您需要登录才可以下载或查看，没有账号？注册

x

今天教大家做一枚旋转按钮图标，步骤简单，效果精致，还提供了PSD参考文件，喜欢的同学一起练练吧，做完记得交作业。最终效果：PSD源文件：
http://www.16xx8.com/photoshop/sucai/jiaochengsucai/2015/137578.html

类似图标教程：《
图标设计，设计同步按钮实例
》、《
图标设计，设计播放按钮图标
》新建一个1000*1000，72分辨率的新画布。

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:137583 作者：_projava_ 出处：贴吧

hjtk · 发表于 2015-5-16 14:26:03

新建一层，填充34%的灰色。

hjtk · 发表于 2015-5-16 14:26:03

在当前这个层上右键选择“转换为智能对象”，你也可以在“图层”菜单里选择这个命令。

hjtk · 发表于 2015-5-16 14:26:03

添加杂色。

hjtk · 发表于 2015-5-16 14:26:03

再高斯模糊一点。

hjtk · 发表于 2015-5-16 14:26:03

现在看上去跟原图的背景差不多了。这里我插一句，之所以我把这个背景层转成智能对象后再添加滤镜的好处是，万一你觉得哪里不合适的话可以很方便的修改，比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值，不需要重新来过"

hjtk · 发表于 2015-5-16 14:26:03

布置两条居中的参考线，以参考线的交叉点为中心画一个直径为723像素的椭圆形状。

hjtk · 发表于 2015-5-16 14:26:03

在圆形的下面用“合并形状”模式添加一个小圆形。

hjtk · 发表于 2015-5-16 14:26:03

把填充透明度调至0，双击这个层进入图层样式，添加纯黑白的渐变。有同学做出来不是这个效果，可以试试取消勾选反向。

hjtk · 发表于 2015-5-16 14:26:03

继续添加内阴影。

hjtk · 发表于 2015-5-16 14:26:03

外发光。我添加一些杂色，这样外发光能很柔和的融入到同样带有杂色的背景里，不会太突然。

hjtk · 发表于 2015-5-16 14:26:03

最后给这个层添加白色的“投影”，数值非常的小，模拟这个凹陷的圆形边缘厚度。

hjtk · 发表于 2015-5-16 14:26:03

重新画一个直径为468像素的圆形。

hjtk · 发表于 2015-5-16 14:26:03

从“椭圆1”层里选中小的圆形路径，直接CTRL+C复制小圆形。

hjtk · 发表于 2015-5-16 14:26:03

粘贴到“椭圆2”，把路径操作模式改为“减去”。有同学反映复制过去后交叉部分是黑色的，这是因为在步骤上出了一点问题，粘贴小圆形之前先要激活路径，就是按A点击大圆形。

账号		自动登录	找回密码
密码			注册

[按钮图标] 教你临摹旋钮图标教程