建立新文檔
我們首先建立一個新文檔（文件>新建或控制-N），進(jìn)行以下調(diào)整：
畫板數(shù)量：?4
版面設(shè)置：從右向左
間距：?64像素
寬度：?128像素
高度：?128像素
單位：像素
“高級”選項：
色彩模式：?RGB
光柵效果：屏幕（72 ppi）
設(shè)置圖層
一旦我們建立了新文檔厚掷，接下來我們則需要設(shè)置幾個圖層室埋，以便將參考網(wǎng)格與圖標(biāo)分開，這將有助于我們簡化工作流程次舌。
打開“?圖層”面板熄攘，創(chuàng)建兩個圖層，將其命名：
第1層>參考網(wǎng)格
第2層>圖標(biāo)
創(chuàng)建參考網(wǎng)格
接來下開始創(chuàng)建參考網(wǎng)格彼念，這將有助于我們對齊圖標(biāo)和調(diào)整圖標(biāo)大小挪圾。
第1步
選擇矩形工具（M）創(chuàng)建一個128x128像素的正方形，使用＃F15A24進(jìn)行著色逐沙，然后使用“?對齊”面板的“?水平和垂直對齊中心”選項定位到第一個畫板的中心哲思。
第2步
創(chuàng)建另一個較小的120x120像素正方形（#FFFFFF），將其定位到前一個形狀的中心吩案，用作我們的繪圖區(qū)域棚赔，提供4像素的輪廓。
第3步
使用Control + G鍵盤快捷鍵選擇兩個形狀并將它們組合在一起，然后創(chuàng)建它們的副本（Control + C）添加到剪貼板靠益，然后我們使用（Control + F）粘貼到每個剩余的畫板上丧肴。組合并鎖定背景圖層，進(jìn)行下一步操作胧后。
創(chuàng)建足球鞋圖標(biāo)
定位到第一個畫板選擇第一圖層芋浮，我們開始創(chuàng)建足球鞋圖標(biāo)。
第1步
選擇橢圓工具（L）壳快，然后使用120x120 px的圓創(chuàng)建背景纸巷，使用＃5FB3FF對其進(jìn)行著色，然后定位到底層畫板的中心濒憋。
第2步
接下來的創(chuàng)建一個112x12像素的矩形何暇，使用#FFFFFF進(jìn)行著色然后放在位置繪圖區(qū)域底邊40像素的位置。
第3步
選擇“?變換”面板的“?矩形屬性”中將其底角的半徑設(shè)置為8 px凛驮，調(diào)整我們剛剛創(chuàng)建的矩形的形狀裆站。
第4步
使用描邊方法為形狀賦予輪廓，然后創(chuàng)建它的副本（Control + C）黔夭，粘貼在圖形前面（Control + F）宏胯，將其顏色更改為＃19649B進(jìn)行調(diào)整。使用填色（Shift + X）填充顏色本姥，將生成的形狀的權(quán)重設(shè)置為8 px肩袍，將角設(shè)置為圓形。
第5步
使用12 px高8 px寬的畫筆（＃19649B）繪制垂直線條婚惫，放置在位于距離鞋底左邊緣24 px的位置氛赐，使用Control +G選擇并將所有三個形狀組合在一起。
第6步
創(chuàng)建一個8x10像素的矩形（＃19649B）開始處理鞋底的鋸齒先舷，使用直接選擇工具（A）單獨(dú)選擇其底部錨點(diǎn)進(jìn)行調(diào)整艰管，然后使用箭頭鍵或移動工具（右鍵單擊>變換>移動>水平>±2 px將其推入內(nèi)部方向2像素的距離（具體取決于你從哪一側(cè)開始）。將生成的形狀添加為4 px的輪廓（＃19649B）蒋川，分組（Control + G）牲芋，然后將繪制的圖形定位在鞋底的底部邊緣上，距離左錨點(diǎn)4像素的位置捺球。
第7步
給剛剛創(chuàng)建的圖形添加四個副本（Control + C> Control + F四次）缸浦，將他們放置在參考圖像中看到的位置。創(chuàng)建完成時氮兵，不要忘記選擇并分組（Control + G）當(dāng)前創(chuàng)建的形狀裂逐，然后再繼續(xù)下一步。
第8步
創(chuàng)建一個112x36 px的矩形開始繪制靴子的上部分泣栈，使用＃9FDFFF進(jìn)行著色絮姆，然后將其放置在鞋底的頂部邊緣上方醉冤。
第9步
使用添加錨點(diǎn)工具（+）給剛剛創(chuàng)建的形狀添加幾個新錨點(diǎn)，通過使用直接選擇工具（A）單擊并拖動它們調(diào)整到它們在參考圖像中看到的位置篙悯。
第10步
調(diào)整其底部和右側(cè)腳踝的錨點(diǎn)使用平滑選項進(jìn)行調(diào)整蚁阳，然后重新選擇錨點(diǎn)的把手，進(jìn)行調(diào)整鸽照，直到你得到一個不錯的弧度螺捐。
第11步
給剛剛創(chuàng)建的形狀添加副本（Control + C> Control + F）添加內(nèi)部的高光，將其與內(nèi)部對齊的并添加8 px的輪廓（#FFFFFF）矮燎。
第12步
選擇并將其底部錨點(diǎn)向下推進(jìn)4 px（右鍵單擊>）來調(diào)整其高度定血。（變換>移動>垂直> 4像素）。
第13步
使用20x16 px矩形（#FFFFFF）添加鞋子的腳跟诞外，將其左上角的半徑設(shè)置為“?變換”面板的“?矩形屬性”中的16 px澜沟。為生成的形狀添加8 px的輪廓（＃19649B），給圖形進(jìn)行分組（Control + G）峡谊，然后將兩者放在上部填充形狀的右下角茫虽。
第14步
創(chuàng)建三條24 px寬36 px高的斜線（＃19649B）繪制阿迪達(dá)斯鞋子的線條，彼此間隔16 px既们，進(jìn)行分組（Control + G）然后定位在如參考圖像所示的位置濒析。
第15步
創(chuàng)建一個32x16 px的矩形（＃19649B）添加腳趾部分的側(cè)面部分，我們將對齊到鞋子上部分的左下角啥纸，然后通過重新定位其右上方的錨點(diǎn)号杏，使其最終與第一個條紋平行。
第16步
創(chuàng)建4x4 px的圓創(chuàng)建鞋帶孔眼斯棒，使用＃19649B進(jìn)行著色盾致，然后定位到參考圖像中高光的上部。
第17步
靴子的上半部分完成以后我們就可以進(jìn)行分組（Control + G）了荣暮，我們選擇前面粘貼底層填充形狀的副本（Control + C）來掩蓋它們（Control + F）然后選擇副本和組绰上，右鍵單擊>制作剪貼蒙版。
第18步
接下來給靴子的上部添加8 px粗輪廓（＃19649B）完成圖標(biāo)渠驼，選擇所有完成的圖形并進(jìn)行分組（Control + G），然后對整個圖標(biāo)執(zhí)行相同操作鉴腻。
創(chuàng)建足球場圖標(biāo)
一旦我們完成了第一個圖標(biāo)的處理迷扇，我們就可以跳到下一個畫板，我們將逐步在該區(qū)域創(chuàng)建足球場圖標(biāo)爽哎。
第1步
首先使用120x120 px的圓創(chuàng)建背景蜓席，使用＃5FB3FF對其進(jìn)行著色，然后將中心對齊到底層的畫板课锌。
第2步
接下來創(chuàng)建一個56x64 px矩形（＃9FDFFF）開始處理足球場的左半部分厨内，給矩形創(chuàng)建8 px的內(nèi)部高光（#FFFFFF）和8 px的輪廓（＃19649B）祈秕，我們將繪制的圖形進(jìn)行分組（Control + G）然后居中對齊到繪圖區(qū)域的左邊緣。
第3步
創(chuàng)建一個8 px輪廓（＃19649B）12x24像素的矩形（#FFFFFF）雏胃，將其進(jìn)行分組（Control + G）请毛，然后將中心對齊到上一步驟形狀的左邊緣。
第4步
創(chuàng)建12x16 px的矩形（#FFFFFF）瞭亮，將其右角的半徑設(shè)置為8 px進(jìn)行調(diào)整方仿，將圖形定位在上一步創(chuàng)建圖形的下方（右鍵單擊>排列>向下一層移動） 。完成后统翩，選擇剛剛創(chuàng)建的圖形并進(jìn)行組合（Control + G）仙蚜。
第5步
給我們剛剛完成圖形創(chuàng)建副本（Control + C> Control + F）移動到右半部分，給圖形做垂直反射（右鍵單擊>變換>反射>垂直）厂汗，然后定位到繪圖區(qū)域的另一側(cè)委粉。
第6步
創(chuàng)建24x24 px的圓（#FFFFFF）創(chuàng)建8 px的輪廓（＃19649B）給圓形的中間添加一個24 px高8 px寬的直線（＃19649B），使用Control + G鍵盤快捷鍵將三個圖形組合在一起娶桦。
第7步
完成圖標(biāo)贾节，創(chuàng)建幾個4x4 px圓圈（＃19649B）作為球員，調(diào)整到參考圖像中看到的陣型或您自己選擇的陣型進(jìn)行定位趟紊，選擇所有圖形并進(jìn)行分組（Control + G）氮双。
創(chuàng)建裁判口哨圖標(biāo)
一旦我們完成了第二個圖標(biāo)的處理，我們就可以轉(zhuǎn)到相鄰的畫板霎匈，創(chuàng)建裁判哨子戴差。
第1步
創(chuàng)建120x120 px的圓圈添加背景，使用＃5FB3FF對其進(jìn)行著色铛嘱，然后將中心對齊到下面的活動繪圖區(qū)域暖释。
第2步
使用64x64 px圓圈為哨子的圓形部分創(chuàng)建主要形狀，我們將使用＃9FDFFF進(jìn)行著色墨吓，然后將其定位在距活動繪圖區(qū)域左邊緣中心16 px的位置球匕。
第3步
使用添加錨點(diǎn)工具（+）在圓形的右上部分添加新錨點(diǎn)來，然后使用直接選擇工具（A)擇頂部錨點(diǎn)并刪除它（Delete）帖烘。
第4步
選擇鋼筆工具（P）亮曹，創(chuàng)建參考圖像中的形狀。
第5步
使用“?實時角”工具將其內(nèi)側(cè)角的半徑設(shè)置為8 px秘症，然后使用“?移動”工具選擇并將其右側(cè)部分的底部錨點(diǎn)向內(nèi)推動4 px的距離來調(diào)整生成的路徑（右側(cè)單擊>變換>移動>水平> -4 px）照卦。
第6步
給我們剛剛創(chuàng)建的圖形添加8 px的內(nèi)部高光（#FFFFFF）和8 px的輪廓（＃19649B），在移動之前選擇并將它們組合在一起（Control + G）進(jìn)行下一步乡摹。
第7步
創(chuàng)建16x16像素的圓（#FFFFFF）添加哨子的裝飾役耕，在其上方我們再添加一個較小的8x8像素（＃19649B）圓，將其分組（Control + G）然后定位到哨子圓形的中心部分聪廉。
第8步
創(chuàng)建20x4 px矩形（＃19649B）創(chuàng)建哨子上方的小口瞬痘，通過選擇并將其左下錨點(diǎn)向內(nèi)推動4 px（右鍵單擊>變換>移動>水平> 4 px）進(jìn)行調(diào)整故慈。為生成的形狀創(chuàng)建8 px的輪廓（＃19649B），給圖形進(jìn)行分組（Control + G）框全，然后將兩個定位在參考圖像中的位置察绷。
第9步
使用8x4 px矩形（＃19649B）和8 px粗輪廓（＃19649B）添加凸起部分，將它們分組（Control + G）然后定位在喙頂部竣况。
第10步
創(chuàng)建12x12 px和8 px輪廓的圓（＃19649B）添加哨子底部的小圓克婶，將其定位在哨子圓形部分的前端。完成后丹泉，選擇并將所有組成形狀組合（Control + G）在一起情萤，然后對整個圖標(biāo)執(zhí)行相同操作。
創(chuàng)建擴(kuò)音器圖標(biāo)
接下來我們跳轉(zhuǎn)到最后一個畫板摹恨，開始進(jìn)行揚(yáng)聲器的繪制筋岛。
第1步
首先創(chuàng)建120x120像素的圓作為背景，使用＃5FB3FF對其進(jìn)行著色晒哄，然后將中心對齊到下面的繪圖區(qū)域睁宰。
第2步
使用112x64 px矩形為擴(kuò)音器創(chuàng)建主要形狀，使用＃9FDFFF進(jìn)行著色寝凌，然后將中心對齊到底層畫板柒傻。
第3步
選擇并將左錨點(diǎn)向內(nèi)推動20 px的距離來調(diào)整我們剛剛創(chuàng)建的矩形的形狀（右鍵單擊>變換>移動>垂直>±20像素，具體取決于從哪一側(cè)開始）较木。
第4步
將生成的形狀賦予8 px內(nèi)部高光（#FFFFFF）红符，完成之后，繼續(xù)進(jìn)行下一步伐债。
第5步
創(chuàng)建四條44 px寬64 px高的直線（＃19649B）為揚(yáng)聲器添加細(xì)節(jié)预侯，將彼此的間隔調(diào)整為24 px，給完成的圖形進(jìn)行分組（Control + G）峰锁，然后將它們居中對齊到底層畫板萎馅。
第6步
創(chuàng)建一個88x64像素的矩形并添加8 px的輪廓（＃19649B）放置在下圖所示的位置，創(chuàng)建它的副本（Control + C> Control + F）來屏蔽對角線細(xì)節(jié)（選擇副本形狀>右側(cè)單擊>制作剪貼蒙版）虹蒋。完成后糜芳，選擇蒙版形狀和矩形，并使用Control + G鍵盤快捷鍵將它們組合在一起魄衅。
第7步
使用填充形狀的副本（Control + C> Control + F）遮住我們剛剛創(chuàng)建的形狀峭竣，添加8 px的輪廓，然后再繼續(xù)下一步徐绑。
第8步
創(chuàng)建32像素和72像素高同樣寬8像素的直線（＃19649B）分別放置在圓形的后部和前部。完成后莫辨，使用Control + G鍵盤快捷鍵選擇并分組剛剛創(chuàng)建的形狀傲茄。
第9步
完成圖標(biāo)毅访，創(chuàng)建24x24 px和8 px輪廓的圓（＃19649B），將其放置在揚(yáng)聲器的后面（右鍵單擊>排列>向后排列）盘榨，如參考中所示圖像喻粹。完成圖形以后，將所有圖形選擇并組合（Control + G）在一起草巡。
完成
