建立新文件

在處理所有項(xiàng)目時(shí)张峰，設(shè)置一個(gè)?新文檔?（File> New或Control + N）開始，使用以下設(shè)置進(jìn)行調(diào)整：

寬度：?800像素

高度：?600像素

單位：?像素

在“?高級”?標(biāo)簽中：

色彩模式：?RGB

柵格效果：?屏幕（72 ppi）

我們使用Pixel Perfect Workflow創(chuàng)建圖標(biāo)?蹦狂，因此，建議您提前花一點(diǎn)時(shí)間去了解?朋贬，以使您快速上手

設(shè)置圖層

建立新文檔后凯楔，使用幾個(gè)不同的層來分離圖層，因?yàn)檫@樣可以一次專注于一個(gè)項(xiàng)目來簡化工作流程锦募，從而使我能夠完全跟蹤每個(gè)形狀時(shí)間

因此摆屯，打開“?圖層”?面板，讓我們創(chuàng)建總共四個(gè)圖層糠亩，并將其命名如下：

第1層>參考網(wǎng)格

第2層>公路自行車

第3層> bmx自行車

第4層>城市自行車

創(chuàng)建參考網(wǎng)格

對項(xiàng)目文件進(jìn)行了分層后虐骑，就可以開始創(chuàng)建參考網(wǎng)格，這將有助于我們通過關(guān)注大小和一致性來創(chuàng)建圖標(biāo)

第1步

抓住?矩形工具（M）?赎线，創(chuàng)建一個(gè)?128×128像素的?正方形廷没，使用?＃F15A24對其進(jìn)行著色，然后使用“?對齊”面板的“水平?和?垂直對齊中心”?選項(xiàng)將其放置在?畫板的中心

第2步

創(chuàng)建另一個(gè)較小的?120×120像素?正方形垂寥，它將用作活動繪圖區(qū)域颠黎，為我們提供了一個(gè)?4像素的全?邊框。使用白色（#FFFFFF）為形狀著色滞项，然后將正方形分組（Control + G）狭归，然后通過制作兩個(gè)側(cè)面副本（Control + C?>?Control + F?兩次）來使用它們來創(chuàng)建剩余的網(wǎng)格，以距原始像素40像素

創(chuàng)建公路自行車圖標(biāo)

放置在下一層（即第二層）后文判，通過創(chuàng)建第一個(gè)圖標(biāo)開始該項(xiàng)目

第1步

通過使用20 px?寬?4 px?厚的?筆觸（＃3F3330）和?Round Cap來創(chuàng)建左段过椎，開始在前景線上的工作?，將其與活動繪圖區(qū)域的?左邊緣相距2 px的距離戏仓，從其底部的26像素

第2步

使用4 px?寬?4 px?粗的?描邊?線（＃3F3330）添加較小的線段?潭流，將其定位為與先前創(chuàng)建的路徑相距?36 px

第3步

創(chuàng)建40 px?寬?4 px?粗的?筆觸?（＃3F3330）第三條線段結(jié)束前景，將其放置在活動繪圖區(qū)域的右側(cè)柜去，相距僅?4 px?從外緣。完成后拆宛，使用Control + G鍵盤快捷鍵選擇所有三個(gè)段并將其分組?

第4步

創(chuàng)建其輪胎截面?44×44像素?的圓與?4 PX?厚?中風(fēng)（＃3F3330）嗓奢，在頂部位置時(shí)，對準(zhǔn)至有源繪圖區(qū)域的?左邊緣

第5步

使用較小的34×34 px?圓和?2 px?厚的?筆觸?（＃3F3330）添加邊緣部分?浑厚，將其居中對齊到先前創(chuàng)建的形狀

第6步

使用12×12 px的?圓創(chuàng)建中心部分?股耽，使用?＃F9BB5A對其進(jìn)行著色根盒，然后將其居中對齊到先前創(chuàng)建的形狀。完成后物蝙，在繼續(xù)下一步之前炎滞，將所有三個(gè)組成的形狀選擇并分組（Control + G）

第7步

完成后，（Control + C> Control + F）創(chuàng)建前輪诬乞，將其放置在活動繪圖區(qū)域的另一側(cè)?册赛，確保將其與外部對齊如參考圖片所示

第8步

通過創(chuàng)建36×32 px?矩形??（厚?4 px的筆觸（＃3F3330）和Round Join）?開始研究自行車的車架， 將其左下錨點(diǎn)對準(zhǔn)后輪轂的中心

第9步

調(diào)整我們剛剛創(chuàng)建的形狀震嫉，方法是使用直接選擇工具（A）選擇其頂部錨點(diǎn)森瘪，然后?使用“移動”工具將其頂?到右側(cè)?20 px（右鍵單擊>“變換”>“移動”>“水平> 20像素）

第10步

使用36×40 px?矩形和?4 px?厚的?筆觸?（＃3F3330）創(chuàng)建座管和頭管?，通過選擇其底部錨點(diǎn)并將其?向右推?20 px的距離來進(jìn)行調(diào)整??（右鍵單擊>變換>移動>水平> 20像素）票堵。完成后扼睬，通過將結(jié)果形狀的右下角錨點(diǎn)?對準(zhǔn)前輪的輪轂來定位結(jié)果形狀?，以使它們與框架重疊悴势，如參考圖像所示

第11步

通過使用添加錨點(diǎn)工具（+）在其頂部和底部邊緣的中心?添加新的錨點(diǎn)?窗宇，然后按Delete來立即選擇并刪除它們，從而打開我們剛剛創(chuàng)建的形狀的路徑?

第12步

花一些時(shí)間特纤，通過延長頭管的路徑（如參考圖所示）军俊，繪制桿和車把節(jié)，并確保將?Stroke's Cap?and?Join設(shè)置為Round

第13步

通過使用“?直接選擇工具”（A）選擇其右錨點(diǎn)來?對車把進(jìn)行修整?叫潦，然后從“??實(shí)時(shí)角”?輸入框中將其半徑設(shè)置?為?4 px

第14步

選擇座管的路徑蝇完，然后通過設(shè)置其調(diào)整其形狀?帽?到?輪?從withing描邊面板

第15步

通過創(chuàng)建一個(gè)8×8像素的?圓圈開始在座椅上工作?，使用?＃F9BB5A對其進(jìn)行著色矗蕊，然后將其與?活動繪圖區(qū)域的?左邊緣相距32像素短蜕，與頂部區(qū)域相距26像素

第16步

通過使用?直接選擇工具（A）選擇其右錨點(diǎn)，然后使用“移動”工具將其向右推12 px的距離傻咖，來開始調(diào)整剛創(chuàng)建的形狀?（右鍵單擊>“變換”>“移動” >水平> 12像素）

第17步

通過選擇并重新定位其錨點(diǎn)的?控點(diǎn)來繼續(xù)調(diào)整結(jié)果形狀朋魔，?直到獲得與參考圖像相似的形狀

第18步

通過使用12×12 px的?圓創(chuàng)建主體，開始使用踏板齒輪卿操， 使用?＃F9BB5A對其進(jìn)行著色警检，然后將其定位在框架的下部，如參考圖像所示

第19步

?通過創(chuàng)建描邊的形狀來創(chuàng)建輪廓形狀?（Control + C）害淤，將其粘貼到前面（Control + F）扇雕，然后通過首先將其顏色更改為?＃3F3330進(jìn)行調(diào)整?然后翻轉(zhuǎn)其?填充?其?行程?（Shift + X）。將結(jié)果形狀的“權(quán)重”設(shè)置?為?4 px窥摄，然后確保使用Control + G?鍵盤快捷鍵將兩者選中并分組在一起?

第20步

通過使用13?厘米高镶奉，?2像素?厚的?帶圓帽的行程?（＃3F3330）?來創(chuàng)建其曲柄臂，開始右踏板的工作?，我們將其定位?為使其頂部?錨點(diǎn)與齒輪填充中心對齊形狀

第21步

使用具有1 px?角半徑的6×2 px?圓角矩形（＃3F3330）?添加踏板?哨苛，定位到曲柄底部?錨點(diǎn)的中心鸽凶。完成后，在進(jìn)行下一步之前建峭，將兩者選擇并分組（Control + G）

第22步

通過使用我們剛剛完成的副本（Control + C> Control + F）添加左踏板組件玻侥，從而完成自行車及其圖標(biāo)本身的制作，將其水平反映（右鍵單擊>變換>反射>水平）亿蒸，然后定位到齒輪的上側(cè)凑兰。將副本放置在齒輪下方（右鍵單擊>排列>發(fā)送到背面），選擇并將所有組成形狀組合在一起（按Control + G組合）祝懂，然后對自行車和整個(gè)圖標(biāo)進(jìn)行相同操作

創(chuàng)建BMX自行車圖標(biāo)

完成了第一個(gè)圖標(biāo)的工作后票摇，鎖定其圖層，然后移至下一個(gè)圖標(biāo)（即第三個(gè)圖標(biāo)）砚蓬，將集中精力創(chuàng)建第二個(gè)自行車

第1步

首先使用前一個(gè)圖標(biāo)的副本（Control + C> Control + F）創(chuàng)建前景矢门，然后將其粘貼到當(dāng)前圖層上，將其與空白的活動繪圖區(qū)域對齊?

第2步

使用較小的40×40 px?圓創(chuàng)建后輪灰蛙，輪胎的沖程為?4 px厚（＃3F3330）祟剔，輪輞使用?30×30 px，2 px?厚的圓圈（＃3F3330）和?12×12 px的?圓（＃F9BB5A）用于集線器摩梧。擁有所有三個(gè)形狀后物延，將（Control + G）分組，然后將它們放置在前景上仅父，使其與活動圖形區(qū)域的左邊緣對齊叛薯，?如參考圖像所示

第3步

使用剛剛完成的副本的副本（Control + C> Control + F）添加自行車的前輪，將其放置在活動繪圖區(qū)域的另一側(cè)?

第4步

通過創(chuàng)建一個(gè)32×20 px?矩形??（厚?4 px的筆畫（＃3F3330））開始在框架上工作?笙纤，我們將其左下錨點(diǎn)對準(zhǔn)后輪輪轂的中心耗溜，以對其進(jìn)行?定位?

第5步

通過使用直接選擇工具（A）選擇右上角的錨點(diǎn)，開始調(diào)整剛創(chuàng)建的框架的幾何形狀省容，??然后將其向右推34 px?抖拴，向頂部推?較小的?8 px?（右鍵單擊>變換>移動>水平> 34 px>垂直> -8 px）

第6步

通過選擇并將其左上角的錨點(diǎn)?t并向右推24 px距離，繼續(xù)調(diào)整形狀（右鍵單擊>變換>移動>水平> 24 px）

第7步

使用繪制座管?30像素?高對角線?筆畫線?（＃3F3330用）?圓帽腥椒，確保該幀的右下部分連接到所看到的參考圖像中的左上之一

第8步

花一些時(shí)間阿宅，使用前輪轂的中心從前輪轂的中心開始，使用帶有圓帽的4 px?厚的?沖程線（＃3F3330）?繪制自行車的前叉和車把組件?笼蛛，如參考圖像所示洒放。慢慢來，一旦完成滨砍，請繼續(xù)下一步

第9步

使用前一輛自行車的副本（Control + C）創(chuàng)建座椅拉馋，將其粘貼到當(dāng)前圖層（Control + F）榨为，然后將其放置在與活動圖形區(qū)域?左邊緣34 px的距離處，和距其頂部40像素的位置

第10步

調(diào)整座椅的形狀煌茴，方法是選擇并向右推?固定錨點(diǎn)?至頂部4 px（右鍵單擊>變換>移動>垂直> -4 px），重新放置其手柄日川，直到獲得與參考圖片

第11步

通過使用上一個(gè)圖標(biāo)的副本（Control + C）添加踏板組件蔓腐，并完成自行車及其圖標(biāo)本身，將其粘貼（Control + F）到當(dāng)前圖層上龄句，并將其定位到框架右下錨點(diǎn)的中心回论。完成后，選擇并組合（Control + G）自行車的所有組成部分分歇，然后對整個(gè)圖標(biāo)進(jìn)行相同的操作

創(chuàng)建城市自行車圖標(biāo)

完成了第二個(gè)圖標(biāo)后傀蓉，繼續(xù)進(jìn)行到下一層（即第四層），在此我們將開始處理第三層和最后一層

第1步

由于城市自行車與公路自行車非常相似职抡，復(fù)制后者（Control + C）葬燎，然后將其粘貼（Control + F）到當(dāng)前圖層上，并將其放置在第三個(gè)活動圖形上區(qū)域

第2步

取消組合（右鍵單擊>取消組合?兩次）剛剛創(chuàng)建的副本缚甩，然后通過選擇和刪除其框架的右上錨點(diǎn)開始調(diào)整自行車的幾何形狀谱净，??如參考圖像所示

第3步

抓住?鋼筆工具（P），?并按照車輪輪胎的形狀繪制彎曲路徑擅威，將車架連接到頭管壕探。慢慢來，一旦完成郊丛，請繼續(xù)下一步

第4步

通過選擇并移除當(dāng)前朝向右的錨點(diǎn)開始對車把進(jìn)行操作李请，?然后繪制一個(gè)面向自行車車架內(nèi)部的新車，使用9?厘米高的?2像素?粗的?帶圓帽的描邊線?（＃F9BB5A）?添加小裝飾弦段?厉熟，將其放置在車把的下方（右鍵單擊>排列>發(fā)送到返回）导盅，距離僅?2像素?從它的左邊緣開始。慢慢來庆猫，一旦完成认轨，請選擇并組合（Control + G），然后再繼續(xù)下一步

第5步

通過使用?2 px?厚的帶圓帽?和?Join的?Stroke（＃3F3330）?繪制自行車的主要形狀月培，開始在自行車的行李架上工作嘁字。使用參考圖像作為主要參考，確保繪制與座管平行的對角線

第6步

通過使用?20×3 px?矩形（帶有?2 px粗?筆畫?（＃3F3330）和Round Join）?添加其上部杉畜，完成機(jī)架及其圖標(biāo)本身纪蜒，將其放置在我們已經(jīng)擁有的形狀的頂部剛剛畫。放置好形狀后此叠，選擇并組合（Control + G）兩者纯续，對自行車的所有組成部分和整個(gè)圖標(biāo)進(jìn)行相同的處理

大功告成啦