第一步、建立一个新的文件  点击【文件】>【新建（或CTRL+N）】，设置如下图：

第二步、建立自定义网格 点击【编辑】>【首选项】>【参考线和网格】，设置如下（注意勾选）：

第三步、新建图层 按F7呼出【图层】面板，新建几个图层，更改图层名称如下：

第四步、创建参考网格  有了这个参考网格，你所制作出来的图标会更规范和精致哦！

步骤1：选中【参考网格】图层，使用【矩形工具（M）】创建一个128×128像素的矩形，填充颜色ff6b57。SHIFT+F8呼出【变换】面板，将下面3个选项全部勾选，如下图：

步骤2： 添加另一个较小的116×116像素的矩形，颜色f2f2f2。

步骤3： 选中这两个矩形，按CTRL+G组合，然后CTRL+C复制，CTRL+F粘贴三份，分别放置在右侧40像素，使用【对齐】面板将他们垂直居中对齐，并统一对其到画板的中心。

第五步、创建图标基底

步骤1：将视野放大到第一个参考网格，使用【椭圆工具（L）】，创建一个88 x 88像素的圆，颜色34d5ea，然后将它放置在距离底部4个像素的位置。

小提示：我建议你打开【视图】>【像素预览】，这样你可以更轻松地定位你的形状与底层的像素网格。（定位好了可以关掉像素预览哦~）

步骤2： 选择它，然后【对象】>【路径】>【偏移路径】，设置如下图，颜色493e3e。

步骤3： 选择蓝色的圆，CTRL+C > CTRL+F创建一个它的副本，再给它一个【-4px的位移】，选中通过复制和偏移得到的这两个圆，SHIFT+CTRL+F9呼出【路径查找器】面板，使用【减去顶层】得到剪影。

步骤4： 调整剪影的颜色为白色ffffff，SHIFT+CTRL+F10呼出【透明度】面板，设置其【混合模式】为柔光，不透明度80%。

步骤5： 用【矩形工具（M）】绘制一个96*46的矩形，颜色edbc32，确保它的底部与蓝色圆的底部对齐。

使用【锚点工具（SHIFT+C）】，点击矩形左上角的锚点，按住SHIFT往上拉动，使其变弯曲，再点击矩形右上角的锚点，按住SHIFT往上拉动，使其变为下图中的样子。

步骤6： 给它一个4像素的位移（使用偏移路径的方法），颜色493e3e。

步骤7： 我们需要添加一些沙子的纹理，用【椭圆工具（L）】适当添加一些2×2像素的圆，颜色d19a20，完成后，选中所有小圆，使用CTRL+G组合。

步骤8： 选择黄色海滩+海滩的轮廓+沙子，CTRL+G组合在一起。

复制一个蓝色的圆，将其放置在最顶层，如下图。

同时选中这个圆和黄色海滩，右键选择【建立剪切蒙版】。

步骤9： CTRL+C复制蓝圆的白边，CTRL+F创建一个它的副本，将它放置在沙滩图层的上面。同时选中沙滩和白边的副本，在【路径查找器】面板中点击【分割】，然后右键【取消编组】。

删除掉沙滩之外的多余白边部分。

用【钢笔工具（P）】勾一条白边在沙滩最上面的部分，调整其混合模式为柔光，不透明度80%，得到下图中的形状。

步骤11：

（1）用【圆角矩形工具】创建一个16 x 8像素、4像素圆角半径的圆角矩形，颜色ffffff；

（2）然后画一个6×2像素的矩形连接元件；

（3-4）添加2 x 2像素的圆，一边一个，用它来创建切口（用路径查找器）；

（5）添加一个12×4像素、2像素圆角半径的圆角矩形，连接起来。

步骤12： 选择所有的云CTRL+G组合，然后定位到左上角，设置其【混合模式】为柔光。

步骤13： 再创建两朵云，确保CTRL+G组合。 选中背景中所有的组件，CTRL+G组合

步骤14： 我们需要创建背景的三个副本，并将它们放置到参考网格，确保你粘贴到相应的图层上。

第六步、创建果汁图标

步骤1： 将视野放大到第一个图标的位置，使用【矩形工具（M）】创建一个48 x 50像素的形状，颜色9fba7d，然后放置在海滩沙子底部，确保水平中心对齐。

步骤2： 下一步，添加一个较小的28×4像素的矩形，颜色9fba7d，放在距刚刚创建的矩形顶部16像素的位置。

步骤3： 使用【钢笔工具（P）】，画一个形状连接这两个形状，用锚点工具调整它的弯曲度。

步骤4：选择三个形状组成的瓶子，使用【路径查找器】中的联集。

步骤5： 给它一个4像素的粗轮廓（偏移路径），颜色493e3e。

步骤6： 下一步，创建一个36 x 2像素、1像素圆角半径的圆角矩形，颜色ccc8be，给它一个4像素的轮廓，颜色493e3e，与罐子上部的轮廓相交。

步骤7： 复制粘贴另一个瓶盖。（可以用ALT拖动复制）

步骤8： 选择绿色罐子，使用一个-2像素的偏移，消除其顶部和底部的中间部分，颜色ffffff，然后设置其混合模式为柔光，不透明度80%。

步骤9： 使用【矩形工具（M）】创建一个2×70像素的形状，然后添加另一个稍宽的4×70像素，放置在右侧2像素的位置，CTRL+G组合它们，然后调整透明度。

步骤10： 添加一个28×4像素的矩形，颜色000000，放置在瓶盖下面，不透明度40%。

步骤11： 接下来使用【椭圆工具（L）】绘制两排2 x 2像素的圆，颜色493e3e，分别间隔2像素，然后CTRL+G，与罐子中心对齐，距离瓶盖20像素。

步骤12： 用圆角矩形工具创建一个24 x 42像素、12圆角半径的圆角矩形，颜色eddac0，再添加一个4像素的偏移，颜色493e3e，对齐罐子中心，距离小圆点8像素。

步骤13： 用相同的方法添加一些高光，使用相同的透明度。（用路径查找器合并）

步骤14： 使用一些简单的形状，如圆、矩形和圆角矩形添加一些细节元素。记得做完用CTRL+G组合！

步骤15： 给罐子的顶部添加一些高光，颜色ffffff，调整其混合模式为柔光，不透明度80%。记得做完用CTRL+G组合！

步骤16： 创建一个4×22像素的矩形，颜色eddac0，给一个4像素的偏移，颜色493e3e，放置在瓶盖顶部右侧。

步骤17： 添加一个4×2像素的矩形（# ffffff），设置其混合模式为柔光，不透明度90%。然后，添加一个4 x 4像素的黑色（# 000000）在它的底部，变成阴影，不透明度为40%。

步骤18： 添加一个4×4像素的矩形，用【直接选择工具（A）】选择其右边的2个锚点，往上拖动使其变斜，颜色493e3e，然后再复制粘一个。记得做完用CTRL+G组合！

步骤19：开始制作薄荷叶，创建一个14 x 14像素的圆（# 809b54）。

（1）使用【直接选择工具（A）】选择最上的锚点，推动它向顶部延长8像素；

（2）给它一个4像素的偏移（# 493e3e），再给内部做一个高光（偏移+复制+路径查找器）；

（3）高光颜色ffffff，【混合模式】柔和，不透明度80%；

（4）CTRL+G组合，旋转整个叶片45度；

（5）添加阴影（颜色000000，不透明度40%）在底部，得到（6）。

步骤20： CTRL+G组合，把叶子放在瓶盖图层的下面，放置在对应的位置。

步骤21： 创建一个88×88的圆，颜色34d5ea，放置在正中心。

步骤22： 再添加一个88×70的矩形，放在圆的上方，与顶部参考线对齐。用路径查找器合并这两个形状。

步骤23： CTRL+G合并瓶罐的所有元素（不包括圆形背景），检查你的图层顺序是否同下图一样。

同时选中蓝色形状和瓶罐，右键>建立剪切蒙版。

我们已经完成了第一个图标~ 现在可以CTRL+2锁定这个图层。

第七步、创建冰淇淋图标

选择【冰淇淋】图层，将视野放大到第二个参考网格，开始制作我们的第二个图标（一共有4个图标哦~ 做到这一步的你已经完成一半啦！保持耐心哦^^）

步骤1：使用圆角矩形工具，创建一个48×92像素、6圆角半径的圆角矩形（# e25439），使用【直接选择工具（A）】选择上面的两个锚点将其变圆（你也可以在【变换】面板中改变上面两个的圆角半径数值哦），给它一个4像素的偏移（# 493e3e），将它对齐参考网格的顶部。

步骤2： 添加一些高光（# ffffff），混合模式柔光，不透明度80%。

记得CTRL+G组合冰淇淋哦！

步骤3：开始做冰淇淋的木棍，画一个12×12像素的正方形，颜色# d3b276，然后给一个4像素的偏移（# 493e3e），放在冰淇淋下面，与冰淇淋对齐。

步骤4： 使用【矩形工具（M）】，创建两个2×12像素的形状（# ffffff），放在棍子的两边，混合模式设置为柔光，不透明度为80%。

步骤5： 添加一些2像素宽的圆角矩形（# b2915d）作为纹理。记得CTRL+G！

步骤6： 创建一个12 x 4像素的矩形（# 000000），放在棍子的顶部变成一个阴影，不透明度40%。

记得一定要CTRL+G组合哦！这样你的图层顺序才不会乱~

步骤7：选择所有冰淇淋的组件CTRL+G组合起来，同一个图标使用相同的方法建立剪切蒙版。

我们已经完成了第二个图标，CTRL+2锁定这两个图层，并移动到第三个图层【冲浪板】。

第八步、创建冲浪板图标 选择【冲浪板】图层，将视野放大到第三个参考网格，开始制作我们的第三个图标（一共有4个图标哦~ 做到这一步的你已经完成四分之三啦！保持耐心哦^^）

步骤1：使用【椭圆工具（L）】，创建一个48×164像素的形状，颜色# d3b276，然后给它4像素的偏移（# 493e3e），确保它与参考网格顶部对齐。

步骤2： 再给它一个-2的偏移（# ffffff）（复制+路径查找器），混合模式柔光，不透明度80%。

步骤3： 添加一些2像素宽的圆角矩形作为纹理（# b2915d），彼此之间的距离相等，并用剪切蒙版的方法使它们呈现在冲浪板的内部。

步骤4：添加两个垂直的高光，（颜色ffffff；混合模式柔光；不透明度80%），将它们放置在冲浪板右侧，用路径查找器将它们与外环高光联集。

步骤5： 创建一个18 x 32像素的椭圆，颜色# eddac0，给它一个4像素的偏移（# 493e3e），对齐冲浪板的中心，距离参考网格顶部82像素的距离。

步骤6： 给圆环添加高光，完成后添加一个2×84像素的矩形（# 493e3e），连接圆环到冲浪板的顶部，对齐冲浪板的中心。

步骤7： 选择所有冲浪板的组成元素，CTRL+G组合。和前面两个图标一样的方法创建剪切蒙版。

我们已经完成了第三个图标啦，CTRL+2锁定图层，并移动到第四个图层【砂桶】。

第九步、创建砂桶图标

选择【砂桶】图层，将视野放大到第四个参考网格，开始制作我们最后一个图标（恭喜你做到了最后一个图标，加油！离成功只差一步啦~）。

步骤1：使用【矩形工具（M）】，创建一个40×28像素的形状（# aaa79f），将它放置在沙滩底部。

步骤2： 用【直接选择工具（A）】，将其下面两个锚点朝内2像素，再添加一个4像素的偏移（# 493e3e）。

步骤3： 添加高光和阴影，高光（# ffffff，混合模式柔和，不透明度80%），阴影（# 000000，不透明度40%）。记得随时CTRL+G哦！

步骤4： 创建一个16 x 20像素、8圆角半径的圆角矩形，颜色# eddac0。给它一个4像素的偏移（# 493e3e），然后放在距离桶顶部10像素的位置。

步骤5：给它一些高光和两个小矩形阴影（# 493e3e），使它更具视觉吸引力。

一旦你完成后，一定记得CTRL+G组合哦！

 步骤6：使用【矩形工具（M）】，创建一个48×10像素的形状，颜色# ccc8be，给它一个4像素的偏移（# 493e3e）然后放在桶的上面，确保它们的轮廓重叠。

步骤7： 给新的形状的一些高光（# ffffff），设置其混合模式为柔光，不透明度为80%。

步骤8：添加两组三个2×2像素的圆（#493e3e），彼此距离2像素，放在两侧。

步骤9： 完成了桶的顶部，添加一个22 x 2像素、1圆角半径的圆角矩形（# 493e3e），然后选择所有元素CTRL+G组合。

步骤10：创建一个8×42像素的矩形，颜色# e25439。给它一个4像素的偏移（#  493e3e）放在砂桶上面，确保它们的轮廓重叠。

步骤11：添加两个2 x 40像素的矩形（# ffffff）到它的两侧，并将它们的混合模式设为柔光，不透明度80%。

步骤12：使用【矩形工具（M）】，创建一个更小的8×4像素的形状（# 000000），然后变成一个阴影，不透明度40%，确认它的位置在铲体下段。

步骤13：创建一个2×14像素的矩形，然后由另一个较小的2×2矩形放在它上面2像素的位置，颜色# 493e3e。将它们放在中心。

步骤14：创建铲子的把手，先添加一个28×20像素、4像素圆角半径的圆角矩形，颜色e25439。

（1）添加一个20×12像素的矩形在中间；

（2）使用路径查找器的减去顶层得到图2的样子，把这个形状进行一个4像素的偏移（# 493e3e）；

（3）添加一个8×4像素的矩形（e25439）遮盖住铲子下部分的黑色轮廓；

（4）添加两个6×4像素、2圆角半径的圆角矩形（# 493e3e）；

（5）添加一些高光得到（6）。

步骤15：选中所有砂桶元素，使用CTRL+G组合，和前面用到的方法一样，建立剪切蒙版。想学习更多内容关注微信公众号：平面广告设计