日常工具图标制作实例教程

guxing00888

今天跟大家说说如何制作出我们日常生活常用到的工具形状图标，教程不难，主要考验大家钢笔工具的运用，大家一起练习一下。
最终效果：

作者：ChloeRowe林雅诺 出处：优设网

guxing00888

步骤 1新建600*450px 的图层，视图>显示>网格，让网格显示出来，然后视图>对齐到>网格，对齐网格，Control + K打开参数设置（编辑-首选项-常规），参考线、网格和切片，参数值如下图所示，( Control + ‘ )显示/隐藏网格。

guxing00888

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

guxing00888

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

guxing00888

步骤 4添加锚点工具，在矩形上添加一个新的锚点，如下图所示哦"

guxing00888

步骤 5选择转换点工具，然后点击之前建立的锚点，按住Ctrl+左键，拖动锚点，如图二所示。

guxing00888

步骤 6如果你不满意上一步，也可以使用直接选择工具适当进行调整啦"该点调整后的位置离原来的点有4px的距离。

guxing00888

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

guxing00888

步骤 8选择矩形工具，新建一个50 x 14px的矩形，如下图所示。

guxing00888

步骤 9将2-7步里所建立的图形复制，然后CTRL+T变形，水平翻转。就像下面的图一样哦，它就成为了一把扳手啦""

guxing00888

步骤 10选择所有的形状，选择其中任何一个形状，右键选择统一形状。点击图层缩略图，然后将图形的颜色改为#F6F6F6。

guxing00888

步骤 11图层混合模式 ，参数设置如下图所示：

guxing00888

内发光，正常，透明度35%，颜色#000000，大小：2px

guxing00888

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

guxing00888

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