图标设计快速设计精致旋钮图标教程怎么做(旋钮图形符号)-东辰网

图标设计快速设计精致旋钮图标教程怎么做(旋钮图形符号)

本文主要介绍图标设计如何快速设计精致旋钮图标教程(旋钮图形)，下面跟着东辰网详细了解一下吧。

今天，我将教你做一个旋转按钮图标。步骤简单，效果精致。我也提供PSD参考文件。让和我最喜欢的学生一起练习。记得做完作业后交上来。

最终效果:

PSD源文件:

相似图标教程:《图标设计，设计播放按钮图标》《图标设计，设计同步按钮实例》

创建一个分辨率为1000*1000，72的新画布。

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

右键单击当前层并选择转换为智能对象。您也可以在层菜单。

添加噪声。

多一点高斯模糊。

现在看起来像原图的背景。我我想在这里插一句话。在我把这个背景图层变成智能对象之后再加一个滤镜的好处是，万一你觉得不合适，可以很容易的修改。比如你觉得噪点不够，可以直接双击图层下方的噪点栏修改数值，不用从头再来~

排列两条居中的参考线，以参考线的交点为中心，画一个直径为723像素的椭圆。

在amp里的圆圈下面加一个小圆圈合并形状模式。

将填充透明度设置为0，双击此图层进入图层样式，添加纯黑白渐变。

有些同学没有这个效果，你可以试着反过来取消勾选。

继续添加内部阴影。

外部发光。我添加了一些杂色，这样外部光线就可以和杂色的背景轻轻融合，它就赢了不要太突然。

最后，添加一个白色投影和投影到这一层，数值很小，模拟这个凹陷的圆形边缘的厚度。

再画一个直径为468像素的圆。

从椭圆1图层，直接用CTRLC复制小圆。

粘贴到椭圆2并将路径操作模式更改为减去。

有同学反映抄完十字部分是黑的，因为步骤有问题。粘贴小圆之前，要激活路径，也就是按A键点击大圆。

还设置填充透明度为0，并添加一个黑白渐变图层样式。为了让这个渐变能更好的模仿原图，你可以用左键移动渐变的黑白分布。

投影。

像椭圆1一样，添加一个白色的内阴影来显示厚度。

在椭圆1层，按A并点击小圆圈。CtrlJ复制一个层，并将其移动到顶层。CtrlT将直径改为192像素，顺便将图层名称改为椭圆3。取消图层样式中的外部光线，取消渐变反向打勾，其他什么都不做。

继续复制椭圆3一个图层，右键点击图层清除图层样式，CtrlT改变直径为173像素。

设置填充透明度为0，添加一个梯度，并选择42%的灰色。斜面浮雕。

投影。

画一个直径为400像素的圆。你也可以复制椭圆2并且编辑了一下，但是为了让大家直接看清楚，我又画了一张新的。

将填充透明度设置为0，并添加黑白渐变。

然后做一个中间有细齿的旋钮，画一个长方形，旋转45度，压平。

CtrlAltT，旋转2度后，疯狂换挡CtrlAltT完成循环，一个档位诞生。

添加渐变。

投影。

最后，外部发光。

再画一个圆，在属性中羽化两个像素，边缘虚拟，填充透明度调整为0。

加一个大家都喜欢模拟金属的角度渐变，相比之前的渐变有点复杂。

还有一个模拟旋钮高度的斜面浮雕。其实投影效果也差不多。

然后，制作更复杂的刻度，画一个比外圆略小的圆，复制一条路径，减去它，一个圆就出来了。为了更好的直观观察它的大小，我暂时降低了它的透明度。

用钢笔把不必要的部分删掉。为了让两边更对称，我加了一条参考线。

复制一个层并隐藏它以备后用。输入图层样式以添加斜面浮雕。

点击隐藏备用层，并添加一个两个像素宽的直栏在中心与减去模式。

CtrlAltT，旋转3度。

之后，我最喜欢的步骤是按ShiftStrlaltT。

改变图层样式中的颜色为深灰色，并添加斜面浮雕。

还是有一点点投影的~

编辑路径，删除不完整的个体，并相应地修改底层的凹槽。

将椭圆8复制到一个图层，右键单击以清除图层样式，并将名称更改为椭圆9。

在图层样式中将颜色更改为漂亮的浅蓝色后，添加一个奇怪的斜面浮雕，因为它没有黑暗面。

再次编辑路径，砍掉一部分，科幻尺度完成。

像之前一样在小按钮上做一个指示灯，过程不再重复。

带内阴影和白色投影的文本非常简单。

搞定了。