平面设计：创建一组美味的冰淇淋图标

创建新文件

按Ctrl+N创建新文件

• 画板数量：1 个

• 宽度：  800 px

• 高度：  600 px

• 单位：  像素（px）

在“  高级” 标签中：

• 色彩模式：  RGB

• 栅格效果：  屏幕（72 ppi）

• 将新对象与像素网格对齐

新建图层

新建四个图层，重命名：

• 第1层-参考网格

• 第2层-阴影

• 第3层-图标

• 第4层-渐变叠加

  （ 锁定除待处理的图层外的所有图层，避免误操作。）

  
  

创建参考矩形

创建参考矩形将有助于在创建图标时保持一致性。

选择 矩形工具（M） ，绘制4个 96×96 px的正方形，填充浅灰色（＃F2F2F2），

正方形相互间距 40 px ，保持正方形与画板的中心对齐。

（创建参考矩形后，锁定当前图层，避免意外移动。）

给图标创建阴影

01

选择 椭圆工具（L） 并创建4个 40×6 px 的椭圆，填充黑色（＃000000），

移动到参考矩形的底部，与矩形的中心垂直对齐。

02

将椭圆的不透明度改为20％。

创建第一个图标

01

放大第一个参考矩形，使用 圆角矩形工具 创建1个圆角半径为6 px，尺寸为44×60 px的圆角矩形作为冰淇淋的主体，

颜色填充＃AA8F77，移动到参考矩形的顶部，与顶边相距 4 px。

02

给冰淇淋的主体添加轮廓，然后转到“对象”>“路径”>“偏移路径”，在“偏移”值处输入4 px。

03

添加轮廓后，颜色填充（＃4F4343）

04

绘制一个圆角半径为 4 px，尺寸为 8×18 px的圆角矩形，作为冰淇淋的木棍，  

颜色填充＃DDB185。 

使用“偏移路径”的方法给木棍添加一个4 px的轮廓（颜色＃4F4343），

移动到冰淇淋主体的下方：右键单击>排列>置于底层“shift+ctrl+[ ”，向上移动到图示位置。

05

选择冰淇淋的主体，创建它的副本（Ctrl+ C>Ctrl+ F ） ，修改偏移路径为 -2 px。

06

颜色填充为白色（#FFFFFF），混合模式改为“叠加”，不透明度改为30％。

07

使用圆角矩形工具创建一个如图的形状作为冰淇淋的巧克力，颜色填充＃4F4343。

08

创建一个8×4 px的矩形（颜色填充＃4F4343）作为冰淇淋与木棍连接处的阴影，

不透明度改为40％。

09

重复冰淇淋高光部分的步骤，给木棍也添加 2 px 的高光，

使用“剪贴蒙版”遮盖下半部分，颜色填充为白色（#FFFFFF）

混合模式改为“叠加”，不透明度改为30％。

10

创建4个圆角半径为 0.5 px，尺寸为 1×4 px的圆角矩形（颜色填充为＃4F4343）作为木棍的纹理。

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

创建第二个图标

01

创建两个 22×36 px的圆角矩形，圆角半径为 11 px，颜色填充为亮黄色（＃FCD757），移动到参考矩形的顶部，与顶边相距 4 px。

02

将两个圆角矩形合并形状，删除底部中心的锚点，将底部两侧锚点的圆角半径改为6 px。

03

使用“ 偏移路径” 的方法给冰淇淋主体增加一个 4 px 的轮廓（颜色填充为＃4F4343）  。

04

创建一个圆角半径为 6 px，尺寸为 44×20 px的圆角矩形（颜色填充为＃FC7A57），作为冰淇淋的底部。

添加一个 4 px 的轮廓（颜色填充为＃4F4343），

移动到黄色形状的下方，使两个形状的轮廓重叠。

05

创建一个圆角半径为 2 px，尺寸为 4×18 px 的圆角矩形（颜色填充为＃DDB185）作为冰淇淋的木棍，

增加一个 4 px的轮廓（颜色填充为＃4F4343），移动到左侧冰淇淋下方。

然后再创建木棍的副本（Control + C> Control + F ），向右侧移动 10 px。

选择两个木棍Control + G进行编组，与冰淇淋垂直对齐。

06

为黄色部分的冰淇淋创建  2 px 的高光，填充为白色（#FFFFFF），

混合模式改为“叠加”，不透明度改为40％。

07

重复上一步，使用相同的颜色和透明度，为橙色冰淇淋部分也添加一个高光。

08

重复上一步，为木棍也添加相同颜色和透明度，宽度为 1 px 的高光。

添加 4 x 4 px 的矩形作为木棍顶部的阴影，颜色填充为#a3846b

09

创建一些 2×2 px的圆形，以及一些矩形，颜色填充为＃4F4343，随意移动到图示位置。

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

创建第三个图标

01

创建一个圆角半径为 6 px ，尺寸为 44×60 px 的圆角矩形，颜色填充为＃D6DB71。

02

选择形状，将顶部两个圆角的圆角半径改为 22 px，使用偏移路径的方法创建 4 px的轮廓（颜色填充为＃4F4343）。

03

为冰淇淋主体添加 2 px 的高光，填充为白色（#FFFFFF），混合模式改为“叠加”，不透明度改为40％。

04

复制我们绘制的第一个冰淇淋的（Control + C> Control + V），

移动到底部  （右键单击> 排列> 置于底层）。

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

创建第三个图标

01

创建一个圆角半径为 6 px ，尺寸为40×32 px 的圆角矩形。颜色填充为（＃EFCBB1）

添加一个 4 px 的轮廓（颜色填充为＃4F4343），垂直对齐到参考矩形顶部。

02

给冰淇淋主体添加一个 2 px 粗的高光，颜色填充为白色（#FFFFFF），

混合模式改为“叠加”，不透明度改为到40％。

03

创建一个圆角半径为 6 px，尺寸为 44×54 px的圆角矩形（颜色填充为＃AA8F77），

添加一个 4 px 的轮廓（颜色填充为＃4F4343），

移动到与底部阴影相距 4 px的位置。

04

为下半部分的冰淇淋添加一个高度为20 px 的圆角矩形，颜色填充为＃8E7561。

05

为底部冰淇淋添加一个 2 px 的高光，不透明度改为30％。

06

创建一个 44×4 px的矩形，颜色填充为＃4F4343，移动到图示位置。

07

创建一个 40×2 px 的高光，颜色填充为白色（#FFFFFF），混合模式改为“叠加”，不透明度改为30％。

08

创建一些 4×4 px的圆形（颜色填充为＃4F4343），水平间距 2 px，移动位置如图。

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

创建渐变叠加

01

使用直接选择工具（A）选择每个图标的主要轮廓 ，然后将它们粘贴（Control + C > Control + F ）到“渐变叠加层”上。

02

合并四个图标轮廓中的每个轮廓。

03

选择第一个形状，添加线性渐变，将＃C69C6D设置为左侧颜色，将＃603813设置为右侧颜色，并将“ 角度”设置为-60度。 混合模式改为“叠加”，不透明度改为80％。

04

选择第二个形状，添加线性渐变，左侧颜色使用＃FBB03B，右侧颜色使用＃ED1C24，将混合模式改为“叠加”， 

不透明度改为60％。

05

为第三个图标创建渐变叠加，使用＃D9E021作为左侧颜色，＃009245作为右侧颜色，将“ 混合模式”改为“叠加”，

并将“不透明度”改为60％。

06

使用第一个图标中完全相同的数值，为第四个图标创建渐变叠加。

恭喜！我们结束啦！

希望你能有所收获，尝试绘制更多创意冰淇淋！