第一步戳吝、建立一個(gè)新的文件 ?點(diǎn)擊【文件】>【新建（或CTRL+N）】浩销，設(shè)置如下圖：

第二步、建立自定義網(wǎng)格?點(diǎn)擊【編輯】>【首選項(xiàng)】>【參考線和網(wǎng)格】听哭，設(shè)置如下（注意勾選）：

第三步慢洋、新建圖層?按F7呼出【圖層】面板，新建幾個(gè)圖層陆盘，更改圖層名稱如下：

第四步普筹、創(chuàng)建參考網(wǎng)格 ?有了這個(gè)參考網(wǎng)格，你所制作出來(lái)的圖標(biāo)會(huì)更規(guī)范和精致哦隘马！

步驟1：選中【參考網(wǎng)格】圖層太防，使用【矩形工具（M）】創(chuàng)建一個(gè)128×128像素的矩形，填充顏色ff6b57酸员。SHIFT+F8呼出【變換】面板蜒车，將下面3個(gè)選項(xiàng)全部勾選，如下圖：

步驟2：?添加另一個(gè)較小的116×116像素的矩形沸呐，顏色f2f2f2醇王。

步驟3：?選中這兩個(gè)矩形，按CTRL+G組合崭添，然后CTRL+C復(fù)制寓娩，CTRL+F粘貼三份，分別放置在右側(cè)40像素，使用【對(duì)齊】面板將他們垂直居中對(duì)齊棘伴，并統(tǒng)一對(duì)其到畫板的中心寞埠。

第五步、創(chuàng)建圖標(biāo)基底

步驟1：將視野放大到第一個(gè)參考網(wǎng)格焊夸，使用【橢圓工具（L）】仁连，創(chuàng)建一個(gè)88 x 88像素的圓，顏色34d5ea阱穗，然后將它放置在距離底部4個(gè)像素的位置饭冬。

小提示：我建議你打開(kāi)【視圖】>【像素預(yù)覽】，這樣你可以更輕松地定位你的形狀與底層的像素網(wǎng)格揪阶。（定位好了可以關(guān)掉像素預(yù)覽哦~）

步驟2：?選擇它昌抠，然后【對(duì)象】>【路徑】>【偏移路徑】，設(shè)置如下圖鲁僚，顏色493e3e炊苫。

步驟3：?選擇藍(lán)色的圓，CTRL+C > CTRL+F創(chuàng)建一個(gè)它的副本冰沙，再給它一個(gè)【-4px的位移】侨艾，選中通過(guò)復(fù)制和偏移得到的這兩個(gè)圓，SHIFT+CTRL+F9呼出【路徑查找器】面板拓挥，使用【減去頂層】得到剪影唠梨。

步驟4：?調(diào)整剪影的顏色為白色ffffff，SHIFT+CTRL+F10呼出【透明度】面板侥啤，設(shè)置其【混合模式】為柔光姻成，不透明度80%。

步驟5：?用【矩形工具（M）】繪制一個(gè)96*46的矩形愿棋，顏色edbc32，確保它的底部與藍(lán)色圓的底部對(duì)齊均牢。

使用【錨點(diǎn)工具（SHIFT+C）】糠雨，點(diǎn)擊矩形左上角的錨點(diǎn)，按住SHIFT往上拉動(dòng)徘跪，使其變彎曲甘邀，再點(diǎn)擊矩形右上角的錨點(diǎn)，按住SHIFT往上拉動(dòng)垮庐，使其變?yōu)橄聢D中的樣子松邪。

步驟6：?給它一個(gè)4像素的位移（使用偏移路徑的方法），顏色493e3e哨查。

步驟7：?我們需要添加一些沙子的紋理逗抑，用【橢圓工具（L）】適當(dāng)添加一些2×2像素的圓，顏色d19a20，完成后邮府，選中所有小圓荧关，使用CTRL+G組合。

步驟8：?選擇黃色海灘+海灘的輪廓+沙子褂傀，CTRL+G組合在一起忍啤。

復(fù)制一個(gè)藍(lán)色的圓，將其放置在最頂層仙辟，如下圖同波。

同時(shí)選中這個(gè)圓和黃色海灘，右鍵選擇【建立剪切蒙版】叠国。

步驟9：?CTRL+C復(fù)制藍(lán)圓的白邊未檩，CTRL+F創(chuàng)建一個(gè)它的副本，將它放置在沙灘圖層的上面煎饼。同時(shí)選中沙灘和白邊的副本讹挎，在【路徑查找器】面板中點(diǎn)擊【分割】，然后右鍵【取消編組】吆玖。

刪除掉沙灘之外的多余白邊部分筒溃。

用【鋼筆工具（P）】勾一條白邊在沙灘最上面的部分，調(diào)整其混合模式為柔光沾乘，不透明度80%怜奖，得到下圖中的形狀。

步驟11：

（1）用【圓角矩形工具】創(chuàng)建一個(gè)16 x 8像素翅阵、4像素圓角半徑的圓角矩形歪玲，顏色ffffff；

（2）然后畫一個(gè)6×2像素的矩形連接元件掷匠；

（3-4）添加2 x 2像素的圓滥崩，一邊一個(gè)，用它來(lái)創(chuàng)建切口（用路徑查找器）讹语；

（5）添加一個(gè)12×4像素钙皮、2像素圓角半徑的圓角矩形，連接起來(lái)顽决。

步驟12：?選擇所有的云CTRL+G組合短条，然后定位到左上角，設(shè)置其【混合模式】為柔光才菠。

步驟13：?再創(chuàng)建兩朵云茸时，確保CTRL+G組合。?選中背景中所有的組件赋访，CTRL+G組合

步驟14：?我們需要?jiǎng)?chuàng)建背景的三個(gè)副本可都，并將它們放置到參考網(wǎng)格缓待，確保你粘貼到相應(yīng)的圖層上。

第六步命斧、創(chuàng)建果汁圖標(biāo)

步驟1：?將視野放大到第一個(gè)圖標(biāo)的位置，使用【矩形工具（M）】創(chuàng)建一個(gè)48 x 50像素的形狀，顏色9fba7d厚宰，然后放置在海灘沙子底部，確保水平中心對(duì)齊遂填。

步驟2：?下一步铲觉，添加一個(gè)較小的28×4像素的矩形，顏色9fba7d吓坚，放在距剛剛創(chuàng)建的矩形頂部16像素的位置撵幽。

步驟3：?使用【鋼筆工具（P）】，畫一個(gè)形狀連接這兩個(gè)形狀礁击，用錨點(diǎn)工具調(diào)整它的彎曲度并齐。

步驟4：選擇三個(gè)形狀組成的瓶子，使用【路徑查找器】中的聯(lián)集客税。

步驟5：?給它一個(gè)4像素的粗輪廓（偏移路徑），顏色493e3e撕贞。

步驟6：?下一步更耻，創(chuàng)建一個(gè)36 x 2像素、1像素圓角半徑的圓角矩形捏膨，顏色ccc8be秧均，給它一個(gè)4像素的輪廓食侮，顏色493e3e，與罐子上部的輪廓相交目胡。

步驟7：?復(fù)制粘貼另一個(gè)瓶蓋锯七。（可以用ALT拖動(dòng)復(fù)制）

步驟8：?選擇綠色罐子，使用一個(gè)-2像素的偏移誉己，消除其頂部和底部的中間部分眉尸，顏色ffffff，然后設(shè)置其混合模式為柔光巨双，不透明度80%噪猾。

步驟9：?使用【矩形工具（M）】創(chuàng)建一個(gè)2×70像素的形狀，然后添加另一個(gè)稍寬的4×70像素筑累，放置在右側(cè)2像素的位置袱蜡，CTRL+G組合它們，然后調(diào)整透明度慢宗。

步驟10：?添加一個(gè)28×4像素的矩形坪蚁，顏色000000，放置在瓶蓋下面镜沽，不透明度40%敏晤。

步驟11：?接下來(lái)使用【橢圓工具（L）】繪制兩排2 x 2像素的圓，顏色493e3e淘邻，分別間隔2像素茵典，然后CTRL+G，與罐子中心對(duì)齊宾舅，距離瓶蓋20像素统阿。

步驟12：?用圓角矩形工具創(chuàng)建一個(gè)24 x 42像素、12圓角半徑的圓角矩形筹我，顏色eddac0扶平，再添加一個(gè)4像素的偏移，顏色493e3e蔬蕊，對(duì)齊罐子中心结澄，距離小圓點(diǎn)8像素。

步驟13：?用相同的方法添加一些高光岸夯，使用相同的透明度麻献。（用路徑查找器合并）

步驟14：?使用一些簡(jiǎn)單的形狀，如圓猜扮、矩形和圓角矩形添加一些細(xì)節(jié)元素勉吻。記得做完用CTRL+G組合！

步驟15：?給罐子的頂部添加一些高光旅赢，顏色ffffff齿桃，調(diào)整其混合模式為柔光惑惶，不透明度80%。記得做完用CTRL+G組合短纵！

步驟16：?創(chuàng)建一個(gè)4×22像素的矩形带污，顏色eddac0，給一個(gè)4像素的偏移香到，顏色493e3e鱼冀，放置在瓶蓋頂部右側(cè)。

步驟17：?添加一個(gè)4×2像素的矩形（# ffffff）养渴，設(shè)置其混合模式為柔光雷绢，不透明度90%。然后理卑，添加一個(gè)4 x 4像素的黑色（# 000000）在它的底部翘紊，變成陰影，不透明度為40%藐唠。

步驟18：?添加一個(gè)4×4像素的矩形帆疟，用【直接選擇工具（A）】選擇其右邊的2個(gè)錨點(diǎn)，往上拖動(dòng)使其變斜宇立，顏色493e3e踪宠，然后再?gòu)?fù)制粘一個(gè)。記得做完用CTRL+G組合妈嘹！

步驟19：開(kāi)始制作薄荷葉柳琢，創(chuàng)建一個(gè)14 x 14像素的圓（# 809b54）。

（1）使用【直接選擇工具（A）】選擇最上的錨點(diǎn)润脸，推動(dòng)它向頂部延長(zhǎng)8像素柬脸；

（2）給它一個(gè)4像素的偏移（# 493e3e），再給內(nèi)部做一個(gè)高光（偏移+復(fù)制+路徑查找器）毙驯；

（3）高光顏色ffffff倒堕，【混合模式】柔和，不透明度80%爆价；

（4）CTRL+G組合垦巴，旋轉(zhuǎn)整個(gè)葉片45度；

（5）添加陰影（顏色000000铭段，不透明度40%）在底部骤宣，得到（6）。

步驟20：?CTRL+G組合序愚，把葉子放在瓶蓋圖層的下面涯雅，放置在對(duì)應(yīng)的位置。

步驟21：?創(chuàng)建一個(gè)88×88的圓展运，顏色34d5ea活逆，放置在正中心。

步驟22：?再添加一個(gè)88×70的矩形拗胜，放在圓的上方蔗候，與頂部參考線對(duì)齊。用路徑查找器合并這兩個(gè)形狀埂软。

步驟23：?CTRL+G合并瓶罐的所有元素（不包括圓形背景）锈遥，檢查你的圖層順序是否同下圖一樣。

同時(shí)選中藍(lán)色形狀和瓶罐勘畔，右鍵>建立剪切蒙版所灸。

我們已經(jīng)完成了第一個(gè)圖標(biāo)~ 現(xiàn)在可以CTRL+2鎖定這個(gè)圖層。

第七步炫七、創(chuàng)建冰淇淋圖標(biāo)

選擇【冰淇淋】圖層爬立，將視野放大到第二個(gè)參考網(wǎng)格，開(kāi)始制作我們的第二個(gè)圖標(biāo)（一共有4個(gè)圖標(biāo)哦~ 做到這一步的你已經(jīng)完成一半啦万哪！保持耐心哦^^）

步驟1：使用圓角矩形工具侠驯，創(chuàng)建一個(gè)48×92像素、6圓角半徑的圓角矩形（# e25439）奕巍，使用【直接選擇工具（A）】選擇上面的兩個(gè)錨點(diǎn)將其變圓（你也可以在【變換】面板中改變上面兩個(gè)的圓角半徑數(shù)值哦）吟策，給它一個(gè)4像素的偏移（# 493e3e），將它對(duì)齊參考網(wǎng)格的頂部的止。

步驟2：?添加一些高光（# ffffff）檩坚，混合模式柔光，不透明度80%诅福。

記得CTRL+G組合冰淇淋哦匾委！

步驟3：開(kāi)始做冰淇淋的木棍，畫一個(gè)12×12像素的正方形权谁，顏色# d3b276剩檀，然后給一個(gè)4像素的偏移（# 493e3e），放在冰淇淋下面旺芽，與冰淇淋對(duì)齊沪猴。

步驟4：?使用【矩形工具（M）】，創(chuàng)建兩個(gè)2×12像素的形狀（# ffffff）采章，放在棍子的兩邊运嗜，混合模式設(shè)置為柔光，不透明度為80%悯舟。

步驟5：?添加一些2像素寬的圓角矩形（# b2915d）作為紋理担租。記得CTRL+G！

步驟6：?創(chuàng)建一個(gè)12 x 4像素的矩形（# 000000）抵怎，放在棍子的頂部變成一個(gè)陰影奋救，不透明度40%岭参。

記得一定要CTRL+G組合哦！這樣你的圖層順序才不會(huì)亂~

步驟7：選擇所有冰淇淋的組件CTRL+G組合起來(lái)尝艘，同一個(gè)圖標(biāo)使用相同的方法建立剪切蒙版演侯。

我們已經(jīng)完成了第二個(gè)圖標(biāo)，CTRL+2鎖定這兩個(gè)圖層背亥，并移動(dòng)到第三個(gè)圖層【沖浪板】秒际。

第八步、創(chuàng)建沖浪板圖標(biāo)?選擇【沖浪板】圖層狡汉，將視野放大到第三個(gè)參考網(wǎng)格娄徊，開(kāi)始制作我們的第三個(gè)圖標(biāo)（一共有4個(gè)圖標(biāo)哦~ 做到這一步的你已經(jīng)完成四分之三啦！保持耐心哦^^）

步驟1：使用【橢圓工具（L）】盾戴，創(chuàng)建一個(gè)48×164像素的形狀寄锐，顏色# d3b276，然后給它4像素的偏移（# 493e3e）捻脖，確保它與參考網(wǎng)格頂部對(duì)齊锐峭。

步驟2：?再給它一個(gè)-2的偏移（# ffffff）（復(fù)制+路徑查找器），混合模式柔光可婶，不透明度80%沿癞。

步驟3：?添加一些2像素寬的圓角矩形作為紋理（# b2915d），彼此之間的距離相等矛渴，并用剪切蒙版的方法使它們呈現(xiàn)在沖浪板的內(nèi)部椎扬。

步驟4：添加兩個(gè)垂直的高光，（顏色ffffff具温；混合模式柔光蚕涤；不透明度80%），將它們放置在沖浪板右側(cè)铣猩，用路徑查找器將它們與外環(huán)高光聯(lián)集揖铜。

步驟5：?創(chuàng)建一個(gè)18 x 32像素的橢圓球恤，顏色# eddac0顺献，給它一個(gè)4像素的偏移（# 493e3e）袁波，對(duì)齊沖浪板的中心亏栈，距離參考網(wǎng)格頂部82像素的距離。

步驟6：?給圓環(huán)添加高光衩辟，完成后添加一個(gè)2×84像素的矩形（# 493e3e）粮彤，連接圓環(huán)到?jīng)_浪板的頂部谬俄，對(duì)齊沖浪板的中心汤功。

步驟7：?選擇所有沖浪板的組成元素物邑，CTRL+G組合。和前面兩個(gè)圖標(biāo)一樣的方法創(chuàng)建剪切蒙版。

我們已經(jīng)完成了第三個(gè)圖標(biāo)啦色解，CTRL+2鎖定圖層茂嗓，并移動(dòng)到第四個(gè)圖層【砂桶】。

第九步科阎、創(chuàng)建砂桶圖標(biāo)

選擇【砂桶】圖層在抛，將視野放大到第四個(gè)參考網(wǎng)格，開(kāi)始制作我們最后一個(gè)圖標(biāo)（恭喜你做到了最后一個(gè)圖標(biāo)萧恕，加油！離成功只差一步啦~）肠阱。

步驟1：使用【矩形工具（M）】票唆，創(chuàng)建一個(gè)40×28像素的形狀（# aaa79f），將它放置在沙灘底部屹徘。

步驟2：?用【直接選擇工具（A）】走趋，將其下面兩個(gè)錨點(diǎn)朝內(nèi)2像素，再添加一個(gè)4像素的偏移（# 493e3e）噪伊。

步驟3：?添加高光和陰影簿煌，高光（# ffffff，混合模式柔和鉴吹，不透明度80%）姨伟，陰影（# 000000，不透明度40%）豆励。記得隨時(shí)CTRL+G哦夺荒！

步驟4：?創(chuàng)建一個(gè)16 x 20像素、8圓角半徑的圓角矩形良蒸，顏色# eddac0技扼。給它一個(gè)4像素的偏移（# 493e3e），然后放在距離桶頂部10像素的位置嫩痰。

步驟5：給它一些高光和兩個(gè)小矩形陰影（# 493e3e）剿吻，使它更具視覺(jué)吸引力。

一旦你完成后串纺，一定記得CTRL+G組合哦丽旅！

?步驟6：使用【矩形工具（M）】，創(chuàng)建一個(gè)48×10像素的形狀造垛，顏色# ccc8be魔招，給它一個(gè)4像素的偏移（# 493e3e）然后放在桶的上面，確保它們的輪廓重疊五辽。

步驟7：?給新的形狀的一些高光（# ffffff）办斑，設(shè)置其混合模式為柔光，不透明度為80%。

步驟8：添加兩組三個(gè)2×2像素的圓（#493e3e）乡翅，彼此距離2像素鳞疲，放在兩側(cè)。

步驟9：?完成了桶的頂部蠕蚜，添加一個(gè)22 x 2像素尚洽、1圓角半徑的圓角矩形（# 493e3e），然后選擇所有元素CTRL+G組合靶累。

步驟10：創(chuàng)建一個(gè)8×42像素的矩形腺毫，顏色# e25439。給它一個(gè)4像素的偏移（# ?493e3e）放在砂桶上面挣柬，確保它們的輪廓重疊潮酒。

步驟11：添加兩個(gè)2 x 40像素的矩形（# ffffff）到它的兩側(cè)，并將它們的混合模式設(shè)為柔光邪蛔，不透明度80%急黎。

步驟12：使用【矩形工具（M）】，創(chuàng)建一個(gè)更小的8×4像素的形狀（# 000000）侧到，然后變成一個(gè)陰影勃教，不透明度40%，確認(rèn)它的位置在鏟體下段匠抗。

步驟13：創(chuàng)建一個(gè)2×14像素的矩形故源，然后由另一個(gè)較小的2×2矩形放在它上面2像素的位置，顏色# 493e3e戈咳。將它們放在中心心软。

步驟14：創(chuàng)建鏟子的把手，先添加一個(gè)28×20像素著蛙、4像素圓角半徑的圓角矩形删铃，顏色e25439。

（1）添加一個(gè)20×12像素的矩形在中間踏堡；

（2）使用路徑查找器的減去頂層得到圖2的樣子猎唁，把這個(gè)形狀進(jìn)行一個(gè)4像素的偏移（# 493e3e）；

（3）添加一個(gè)8×4像素的矩形（e25439）遮蓋住鏟子下部分的黑色輪廓顷蟆；

（4）添加兩個(gè)6×4像素诫隅、2圓角半徑的圓角矩形（# 493e3e）；

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

步驟15：選中所有砂桶元素逐纬，使用CTRL+G組合，和前面用到的方法一樣削樊，建立剪切蒙版豁生。想學(xué)習(xí)更多內(nèi)容關(guān)注微信公眾號(hào)：平面廣告設(shè)計(jì)