图标设计制作日常工具图标教程(图标设计制作日常工具图标教程下载)

本文主要介绍图标设计制作日常工具图标教程视频(图标设计制作日常工具图标教程)，下面跟着东辰网详细了解一下吧。

今天，我我将和你谈谈如何制作我们日常生活中常用的工具形状图标。教程不难。主要测试钢笔工具的应用。让我们一起练习。最终效果:

开始步

新建一个600*450px的图层。该视图显示网格，因此可以显示网格。然后视图与网格对齐，网格也对齐。ControlK打开参数设置(编辑首选项常)、参考线、网格和切片，参数值如下图所示。(控制和管理；)显示/隐藏网格。

第二步

回到工具栏，设置前景色为#FF0000，然后选择椭圆工具在画布上创建一个26*30px的椭圆。

第三步

选择矩形工具，创建一个大小为14*15px的矩形，然后如下图所示放置。

第四步

添加锚点工具，在矩形上添加一个新的锚点，如下图所示~

第五步

选择变形点工具，然后点击之前建立的锚点，按住Ctrl的左键，拖动锚点，如图2所示。

第六步

如果对上一步不满意，还可以使用直接选择工具进行适当调整~调整后的这个点的位置距离原点4px。

第七步

回到图层面板，选择两个形状中的任何一个，然后右键单击选择统一的形状，选择路径选择工具，单击矩形，然后减去顶部的形状。

第八步

选择矩形工具创建一个50x14px的新矩形，如下图所示。

第九步

复制步骤27中创建的图形，然后CTRLT变形，水平翻转。就像下图，变成了扳手~~

第十步

选择所有形状，选择其中任何一个，然后右键单击以选择统一的形状。

单击图层缩略图，然后将图形的颜色更改为#F6F6F6。

步骤11

内部发光，正常，透明度35%，颜色#000000，尺寸:2px。

光泽，正常，颜色#000000，透明度14%，角度90，距离:11px，大小:10px，反转，消除锯齿。

步骤12

复制你的扳手三次，然后变形，组合所有扳手，如下图。

第十三步

打开两个箭头指示的扳手图层混合模式，更改光泽度。参数设置如下图所示。

光泽，正常，颜色#000000，透明度18%，角度0，距离11px，大小10px。

步骤14

分组所有扳手控制G，重命名他们F，然后打开该组的混合模式。

投影，正常，透明度55%，角度90，距离1px，大小4p。十.

第十五步

将前景色更改为#00FFEA，选择圆角矩形工具，半径6px，大小25x80px。

选择“添加锚点”工具，然后在圆角矩形上添加一个锚点，如图所示。

第十六步

选择直接选择工具，将锚点拉至左右内侧。效果如下图所示。

步骤17

打开图层混合模式，参数如下图所示。

渐变叠加，#484847，#4F4F4F，#484847

取消反向，线性，角度0，范围100%

步骤18

回到图层面板，然后复制一层我们刚刚创建的图形，使图层样式清晰，填充减少到0%。

打开复制图形的图层样式并更改参数。

重叠图案，将其加载到艺术表面，然后选择如图所示的图案。

内部灯，柔光，透明度45%，颜色#000000，边缘，尺寸10px。

步骤19

将前景色更改为#4C4C4C，然后选择椭圆工具在图层上创建一个大小为6x34px的椭圆，如图1所示。

接下来直接选择工具，然后选择顶部锚点，向上拖动15px~直到它们变得比原来的更加细长，就像图2一样。

步骤20

打开图层混合模式，设置如下参数:

投影，柔光，#FFFFFF，透明度55%，角度90，距离1px。

内部灯，柔光，透明度25%，颜色#000000，柔和，尺寸5px。

内部阴影，颜色#000000，透明度55%，角度90度，距离1px，大小2px。

步骤21

将前景色更改为#AF594C，然后选择矩形工具创建一个30x4px的矩形，如图1所示。

现在让我们让我们回到图层。原来的教程是给矩形加一个蒙版。Kobayashi认为可以创建一个剪切层。在手柄体和矩形之间按住ALT键即可。

步骤22

打开矩形层混合模式，并设置如下参数。

投影，柔光，颜色#000000，透明度20%，角度90，距离1px。

内阴影，柔光，颜色#FFFFFF，透明度45%，角度90。距离1px

斜面浮雕。内部斜面，平滑，深度100%，向上，距离5px，角度0，高度30，无全局光。

正面覆盖，颜色#000000，透明度40%，正面覆盖40%。

步骤23

或者将前景色改为#FF0000~矩形工具，然后创建一个5x68px的矩形，放置如图1所示。

选择添加锚点工具，然后添加两个距离顶部锚点5px的锚点，如图2所示。

之后我们选择直接选择工具，然后改变顶部锚点的位置，也就是左右拖动2px~(≧▽)/~啦啦~

步骤24打开图层混合模式，设置如下参数。

渐变叠加，正常，透明度100%，线性，与图层对齐，角度0，#A5A5A5，#FFFFFF，#a5a5a5。

步骤25

设置前景色为#F6F6F6，选择椭圆工具，创建一个15x15px的圆。让再次打开图层混合模式。参数设置如下。

光泽，正常，#000000，透明度14%，角度50，距离11px，大小14px，反相，无抗锯齿。

内部光，正常，透明度35%，颜色#000000，柔和，边缘，尺寸2px，范围50%。

步骤26

更改前景色#C1C1C1，使用矩形工具。哦，创建一个2x12px的矩形，然后放置它，如图1所示。

打开地图层混合模式，然后设置如下参数:

内部阴影，正常，颜色#000000，透明度25%，角度180，距离1px。

步骤27

让我们仍然使用矩形工具，然后创建一个13x2px的矩形并水平放置，如图1所示。

打开图层混合模式，设置如下参数:

内部阴影，正常，颜色#000000，透明度25%，角度90度，距离10px。

步骤28

回到图层面板，选择我们之前做的螺丝形状，然后CtrlT旋转，再为组成螺丝的形状设置一个组(Contro)，打开图层混合模式。参数设置如下。

投影，正常，颜色#000000，透明度55%，距离1px，大小4px。

步骤29

将前景色更改为#C9A67C，然后选择圆角矩形工具，将半径设置为2px，创建一个15x165px的圆角矩形。

然后选择AddAnchor工具，如图2所示，添加一个锚点。

步骤30

现在让我们s选择直接选择工具，然后左右拖动顶部锚点~

步骤31

打开图层混合模式，参数设置如下:

内部灯，柔光，透明度10%，噪声100%，颜色#000000，柔和，边缘，尺寸12px。

内阴影，柔光，颜色#FFFFFF，透明度45%。角度为20。距离1px

斜面浮雕，内斜面，平滑，宽度100%，大小6px，角度0，高度30，无全局光，柔光，颜色#000000，透明度45%。

步骤32

设置前景色为#E6E6E6，选择矩形工具，然后创建一个60x24px的矩形，如图1所示。

选择你的矩形，然后让■编辑变换变形，然后在变形中选择外壳形状。让矩形看起来像图2，然后执行CTRLT，旋转45~

步骤33

打开图层混合模式，设置如下参数:光泽，正常，颜色#000000，透明度10%，角度162，距离18px，大小14px，反转，无消除锯齿。

内部光线，正常，透明度30%，颜色#000000，柔和，边缘，尺寸5px。

内阴影，强光，颜色#FFFFFF，透明度100%，角度130，距离5px，遮挡10%，大小3px。

步骤34

将前景色更改为#000000，然后选择线条工具，如图1所示画一条直线~然后将填充减少到0%，控制【将图层向后移动一层，放置在如图1所示的位置~再次开启图层混合模式，参数设置如下~酱紫我们可以让我们的斧头下的阴影更加自然。

投影，正重叠，透明度46%，角度120，距离1px，大小3px。

步骤35

让让我们回到图层面板，复制一个扳手，然后把它拖出我们之前创建的扳手集合。

再次使用路径选择工具，选择扳手的左端，然后删除。

改变前景色为#00eb69，选择椭圆工具，创建一个24px的圆，如下图2所示。

使用相同的工具，创建一个12像素的矢量形状，并把它放在一个24像素的圆圈。

然后选择两个圆，再选择减去上面的数字，我们做出的效果如图5所示。

步骤36

选择矩形工具，创建一个2x3px的矩形，然后如图1所示放置它。

然后复制这个矩形几次，旋转其他矩形，做出锯齿效果。

步骤37

返回“图层”面板，选择所有图形，合并图形，然后将颜色更改为#F6F6F6。

打开图层混合模式，设置参数如下~然后将整个图形旋转45~放置如图4所示。

光泽，正常，颜色#000000，透明度14%，角度120，距离11px，大小10px，无锯齿。

内部光线，正常，透明度45%，颜色#000000，柔和，边缘，尺寸2px。

步骤38

我们会把上面做的扳手分组，复制一层，因为我们会把这个复制的扳手反方向放，它的投影会被调整。

然后打开图层混合模式，设置参数如下。

投影，颜色#000000，透明度45%，距离2px，大小4px。

步骤39

再次复制螺丝刀和螺丝，然后如图1所示放置。复制斧头的手柄，如图2所示放置。

步骤40

将前景色更改为#F6F6F6，使用钢笔工具勾勒出图1中的形状。

步骤41

打开图层混合模式，然后设置参数，如图2所示。

光泽，正常，颜色#000000，透明度14%，角度50，距离11px，大小14px。

内部发光，正常，透明度35%，彩色#000000，软边，尺寸2px

步骤42

回到图层板，把斧头的斧柄和刚做好的图形分组，然后打开图层混合模式。参数设置如下。

投影，透明度45%，角度90，距离2px，大小4px。

了解更多图标设计制作日常工具图标教程视频(图标设计制作日常工具图标教程下)相关内容请关注东辰网。