设计4款万圣节创意图标

创建新文件

按Ctrl+N创建新文件

画板数量：4个        

排列方式：行

间距：128px

尺寸：256 x 256px

在“高级”选项卡中：

颜色模式：RGB

光栅效果：屏幕（72 ppi）

如何设置图层

打开“图层”面板，然后创建三个图层，如下方重命名：

第1层：参考网格

第2层：图标

第3层：渐变覆盖

创建参考矩形

第一步

使用矩形工具（M）创建一个256×256px的正方形，填充#f15a24，使用“对齐”面板的“水平和垂直对齐中心”选项定位到第一个画板的中心。

第二步

创建另一个224×224px的正方形（#ffffff），使用Control+G快捷键选择两个矩形图层编组。

第三步

选择步骤2中编组后的图层 Control+C 进行复制，再按 Control+F 粘贴到其余画板上。并锁定该图层。

绘制第一个图标：绞刑架

第一步

点击进入画板1，使用椭圆工具绘制一个224 × 224px的圆形作为背景，填充#ff9255，居中对齐画板。

第二步

绘制40×40 px的圆形，填充#ffcd50，移动到距左部边缘24px，距顶部边缘56px的位置。

第三步

Control+C 复制上一个步骤的圆形，按 Control+F 粘贴，填充#ff9255，移动到图示位置，覆盖第一个圆形的右上部分。完成后，按 Control+G 快捷键将两个圆形进行图层编组。

第四步

绘制一个24×16px的椭圆（#fff5e6），移动到距左边缘8px，距其顶部边缘96px的位置。

第五步

绘制一个24×24px的圆形（#fff5e6），再绘制一个16×8px的椭圆（#fff5e6），移动到图示位置。

第六步

分别选择三个椭圆组合形状，使用定位点工具（Shift+C）通过单击锚点来调整宽度，如下图。

第七步

选择直接选择工具（A）单独选择每个组成部分的底部定位点，然后按delete删除这些锚点，

最后按Control+G快捷键将三个形状进行编组，第一个云朵就绘制好啦！

第八步

绘制第一个圆：32×16px（#fff5e6），

       第二个圆：48×48px（#fff5e6）

       第三个圆：48×32px（#fff5e6）

重复第五至第七步的步骤，绘制第二个云朵。

第九步

选择三个形状并编组（Control+G），移动到图示位置。

第十步

现在来绘制绞刑架的木框架，绘制一个24×216 px的矩形作为绞刑架的垂直木杆，填充#967065

移动到底部，与右侧边缘相距16 px。

第十一步

选择钢笔工具（P），在木架上画出一些尖锐的形状作为木质纹路，

填充#77554f。完成后将所有形状进行编组（Control+G）。

第十二步

绘制一个96×24 px的矩形作为绞刑架的水平木杆，填充#967065，移动到垂直木杆的左侧，距离垂直木杆的顶部56px。

第十三步

选择钢笔工具（P），在木架上画出一些尖锐的形状作为木质纹路，

填充#77554f。完成后将所有形状进行编组（Control+G）。

第十四步

绘制一个4×24 px的矩形作为木杆交接处的细微阴影，填充#77554f，移动到图示位置，将不透明度降低到80%。

第十五步

选择钢笔工具，按住shift键保持直线，如图示绘制一个形状作为绞刑架的斜梁，填充#84625a。

第十六步

绘制一个48×8 px的矩形（#77554f）投射顶部阴影，然后绘制一个4×48 px的矩形（#77554f）投射侧面阴影，位置移动到下图所示位置，将不透明度降低到80%。

第十七步

使用Control+G快捷键选择两个阴影图层进行编组，选择阴影图层，按住Alt，鼠标移动到阴影图层与斜梁图层中间单击，阴影图层只有与斜梁相交的位置才会显示，其余位置则隐藏，效果如图所示。

第十八步

绘制一个12×4 px的矩形作为固定绳索的金属部分，填充#d7f3f4，移动到水平木杆的底部，距离其左边缘16px。

第十九步

调整上一步创建的矩形，使用钢笔工具，在矩形上左右两侧线条中间位置各添加1个锚点，然后使用直接选择工具（a）分别选择底部的锚点，然后向中间移动4px。

第二十步

绘制一个92x4 像素的形状作为绞刑架的绳索，填充#77554f，移动到图示位置。

第二十一步

绘制一个24×24 px的圆形，描边4 px（描边颜色#77554f），移动到图示位置。

第二十二步

调整上一步创建的圆形，使用直接选择工具（a）选择顶部锚点，然后使用方向箭向上移动16 px。

第二十三步

使用钢笔工具（P），绘制三条4x4 px的线条（#77554F）作为绳结，将线条的右侧锚点向上移动2px，将三个线条堆叠在一起，完成后将整个绳索Control+G进行编组。

第二十四步

绘制第一个圆：12 x 8 px（#84625a）

       第二个圆：8×4 px（#84625a）

       第三个圆：4×4 px（#84625a）

选择3个形状Control+G进行编组，移动到水平木杆的图层底下，位置如图所示。

第二十五步

选择圆形背景Control+C 复制，Control+F粘贴在前面，然后使用直接选择工具（a）选择顶部锚点，然后按delete将其删除，使用钢笔工具（P）绘制一个矩形来关闭路径。

第二十六步

在图层面板中，右键单击上一步骤的形状图层，选择创建剪贴蒙版，蒙版就会把绞刑架底部给遮盖掉。

绘制第二个图标：棺材

第一步

绘制一个224×224 px的圆形（#967065）作为背景，居中对齐画板。

第二步

绘制144×224 px矩形（#ffab57）作为棺材的主体，在左右两条侧边的中心各添加一个新的锚点，

顶部两个锚点分别向内移动32 px，底部两个锚点则分别向内移动24 px。

第三步

绘制五个4×224 px的矩形（#d38442）作为棺材的纹路，水平间距24 px，全选5个矩形Control+G进行编组，与棺材主体居中对齐。

第四步

选择棺材主体图层Control+C，Control+F 粘贴在前面作为遮罩，然后选中粘贴的棺材主体，右键单击选择创建剪贴蒙版。

第五步

绘制一个112×24 px的矩形（#ffba7b）作为棺材上半部分的水平梁，距离顶部边缘32px

再绘制一个128×24 px的矩形（#ffba7b）作为棺材下半部分的水平梁，距离底部边缘40px

第六步

绘制四个4×4 px的圆形（#84625a）作为螺栓，移动至下图所示。

第七步

使用钢笔工具在两个横梁上画出一些锐利的形状，填充#e09c65。

第八步

使用钢笔工具在棺材上绘制一些小的裂缝，填充#d38442。

第九步

绘制两个144×8 px的矩形作为横梁的阴影，填充#84625a，不透明度改为40%，移动到图示位置。

第十步

绘制一个8×64 px的矩形（#d38442），再绘制一个32×8 px的矩形（#d38442）作为棺材上的十字架，

Control+G将两个矩形进行编组，移动至下图所示位置。

第十一步

绘制一个20×20 px的矩形，描边4px（#7C8489），在属性面板中将顶部圆角半径设置为10px，移动到棺材的右侧。

第十二步

绘制一个32×20 px的矩形作为锁的主体，填充#dae7ed，移动到图示位置。

第十三步

绘制一个8×8 px的圆形（#7C8489）作为锁孔，再绘制一个4×8 px的矩形（#7C8489），Control+G将两个形状进行编组，将两个形状居中对齐。Control+G将挂锁的所有图层进行编组。

第十四步

绘制一个8×16 px的圆角矩形（圆角半径为4 px），填充#7C8489，移动到锁的右侧。

第十五步

绘制一个40×8 px的圆角矩形（#dae7ed），圆角半径为4 px作为铰链，移动到图示位置。

第十六步

绘制一个8×4 px的圆角矩形（#7c8489），圆角半径为2px，再绘制一个4×4 px的圆形（#7c8489）。

将挂锁与铰链的所有图层选中，Control+G进行编组。

第十七步

复制挂锁编组Control+C，粘贴在底部，填充为#84625a，不透明度降改为40%，向下移动4 px作为阴影。

第十八步

重复“绞刑架”图标的第25和第26步，创建遮罩，将棺材底部遮盖住。

创建第三个图标：眼球

第一步

绘制一个224×224 px的圆形作为背景，填充#ff9255，居中对齐到画板。

第二步

绘制一个24×212 px的矩形作为螺钉的垂直部分，填充#7c8489，居中对齐到画板，并移动到底部边缘。

第三步

绘制14个24×8 px的矩形（#60696d），将所有右侧的锚点向上移动8 px的，14个矩形垂直间距8 px。

Control+G将矩形图层编组。

第四步

绘制一个64×16 px的圆角矩形（#dae7ed）作为螺钉的顶部，圆角半径为4 px，

在底边的中心添加一个新锚点，选择该锚点向下移动8 px，将整个形状居中对齐画板。

第五步

Control+C复制螺钉的顶部，粘贴在底部，向下移动8 px，颜色填充为#464d4f，不透明度降低到80%，

复制螺丝垂直部分的图层（control+c>control+f），右单击作为阴影的螺钉顶部图层，创建剪贴蒙版。

第六步

绘制一个128×128 px的圆形作为眼球主体，填充#f4e4ce，居中对齐到画板。

第七步

再绘制一个128×128 px的圆形（#fff5e6），向上移动8 px，然后复制上一个步骤的圆形（Control+C），粘贴在前面（Control+F），然后选中这两个图层，右单击选择创建剪贴蒙版。

第八步

绘制一个64×64 px的圆形（#967065）作为瞳孔，再绘制一个32×32 px的圆形（#84625a）作为虹膜，

居中对齐到眼球主体，Control+G将眼球的图层进行编组。

第九步

绘制一个32 x 32 px的圆形作为高光，填充#fff5e6，移动到瞳孔的右上角。

第十步

使用钢笔工具（P）画出一些锐利的形状作为眼球的血管，填充#967065，将血管的图层进行编组（Control+G），

复制眼球主体的圆形（Control+C），Control+F粘贴，右单击血管的编组图层，创建剪贴蒙版。

第十一步

复制眼球主体（Control+C>Control+B）作为眼球的阴影，填充#464d4f，不透明度降低到80%，向下移动8 px。

复制螺钉的垂直部分，右单击阴影图层创建剪贴蒙版，效果如图所示。

第十二步

绘制一个16×32 px矩形（#ff7b57）作为血滴，在矩形的属性面板中将其底角半径设置为8 px。

复制眼球主体，作为血液上方的阴影（#84625a，不透明度：40%），右单击此时的眼球主体，右单击创建剪贴蒙版。

第十三步

重复“绞刑架”图标的第25和第26步，创建遮罩，将螺钉底部遮盖住。

绘制第四个图标：城堡

第一步

绘制一个224×224 px的圆形作为背景，填充#967065，居中对齐到画板。

第二步

绘制一个16×16 px的圆形（#fff5e6），

再绘制一个24×8 px的椭圆（#fff5e6），

选中底部的锚点，按delete删除，选中两个图层进行编组（control+g），移动到下图所示位置。

第三步

绘制一个40×40 px的圆形（#ffcd50）作为月亮，移动位置如下图所示。

第四步

复制绞刑架图标中的云朵图层（control+c>control+f）移动位置如下图。

第五步

绘制一个96×128 px的矩形作为城堡的主体，填充#fff5e6，居中对齐到底边。

第六步

绘制一个24×4 px的矩形作为窗台，填充#84625a，移动位置如下图所示。

第七步

绘制一个16×32 px的矩形（#a3766c）作为窗口，在属性面板中将顶部的圆角半径设为8 px。

第八步

绘制一个4×32 px的矩形（#84625a）作为窗户的垂直栏杆，

再绘制两个16×4 px的水平栏杆（#84625a），彼此间隔8 px，将栏杆选中Control+G进行编组。

第九步

绘制8×32 px的矩形（#84625a）作为窗户，顶部一侧的圆角半径设置为8 px，Control+G将窗户的所有图层进行编组。

第十步

复制三个窗户的编组（control+c>control+f），移动位置如图。

第十一步

调整右上角和左下角的窗户，移除垂直栏杆和窗户，填充颜色#84625a，将水平栏杆两端略微延长。

使用钢笔工具或者形状工具在左上角的窗户绘制一个幽灵，填充颜色#fff5e6，如图。

第十二步

绘制10个 8×4 px的长方形（#a3766c）作为装饰的砖块，随意移动到窗户四周。

选中所有砖块（Control+G）将图层编组。然后将城堡目前的图层也同样Control+G进行编组。

第十三步

绘制一个64×96 px的矩形（#ffab57）作为左侧的屋顶主体，

再绘制12个64×4px的矩形（#d38442），间距 4 px，

将12个小矩形Control+G进行编组，然后移动到屋顶的主体上。

第十四步

绘制一些8×4 px的矩形（#d38442）作为屋顶颜色较深的砖块，

随意移动到如图所示位置，完成后选中这些小的矩形Control+G进行编组。

第十五步

绘制8个4 x 4 px的正方形（#d38442）水平间距为4 px，移动到左侧房顶的顶部，

再绘制一个64×2 px的矩形（#d38442），移动到8个小正方形的上方，完成后Control+G将左侧房顶的主体进行编组。

第十六步

复制上一个步骤的房顶编组（Control+C>Control+F）作为右侧的屋顶，

单击锚点>右单击>水平翻转，移动到如图位置。

第十七步

绘制一个24×4 px的矩形（#dae7ed）作为烟囱水平位置的底座，

再绘制一个16×32 px的矩形（#7c8489）作为烟囱垂直的主体，

再绘制一个24×8 px的矩形（#dae7ed）作为烟囱的顶部，

再绘制一个16×4 px的矩形（#7c8489）作为烟囱主体的顶部，

再绘制一个16×8 px的矩形（#464d4f），不透明度80%作为阴影，

全选Control +G进行编组，移动到如图位置。

第十八步

选中除底部圆形背景外的其余图层Control+G进行编组，

选择圆形背景Control+C>Control+F，创建剪贴蒙版，效果如图。

第十九步

绘制一个112×96 px的矩形（#ffab57）作为上方的房顶，

选中顶部的两个锚点向内各移动12 px的距离，完成后将矩形居中对齐画板。

第二十步

绘制11个112×4 px的矩形（#d38442），垂直间距4 px，

选中矩形的图层Control+G进行编组，

选中房顶主体图层Control+C>Control+F创建剪贴蒙版，将主体外多余的矩形遮盖住。

第二十一步

绘制一些8×4 px的矩形（#d38442）作为颜色较深的砖块，完成后Control+G进行编组。

第二十二步

绘制七个16×16 px的圆形（#d38442），选中圆形底部的锚点按delete删除锚点、选中半圆Control+G进行编组。

第二十三步

绘制一个24×24 px的圆形（#d38442）作为房顶的窗口，

再绘制一个16×16 px的圆形（#84625a），

再绘制一个4×20 px的矩形（#d38442）。选中这三个形状Control+G进行编组，移动到如图位置。

第二十四步

绘制一个96×8 px的矩形（#84625a），不透明度40%作为房顶的阴影，

完成后，全选所有图层Control+G进行编组。

如何创建渐变遮罩

第一步

复制每个图标的主要形状（Control+C），粘贴Control+F，调整一下锚点，使它不会超出圆形的表面。

第二步

要对每个图标应用均匀的渐变遮罩，打开“路径查找器”面板，在高级菜单选项中选择“建立复合形状”。

第三步

建立复合形状后，添加90°角的线性渐变，左色块使用#f15a24，右色块使用#1b1464。

第四步

在透明度面板中将颜色模式改为“滤色”，不透明度降低到64%。

第五步

给另外3个图标进行相同操作，就大功告成了！

恭喜！我们结束啦！

希望你能有所收获，尝试绘制更多万圣节相关的图标，记住：实践是完美的！