在今天的教程中慷嗜，我將帶領(lǐng)大家如何使用Illustrator提供的基本形狀工具來創(chuàng)建一組精美的配件圖標(biāo)。
1.如何設(shè)置新的項(xiàng)目文件
運(yùn)行Illustrator扩劝，創(chuàng)建新文檔（文件>新建或控制-N）并進(jìn)行以下設(shè)置：
畫板數(shù)量：1
寬度：?800像素
高度：?600像素
單位：?像素
進(jìn)入“高級(jí)”選項(xiàng)卡：
色彩模式：RGB
光柵效果：屏幕（72ppi）
預(yù)覽模式：默認(rèn)
2.設(shè)置自定義網(wǎng)格
使用編輯>首選項(xiàng)>指南和網(wǎng)格子菜單江滨，然后調(diào)整以下設(shè)置：
網(wǎng)格線：1 px
細(xì)分：1
3.設(shè)置圖層
創(chuàng)建新文檔后铛纬，接下來我們開始創(chuàng)建圖層。打開“圖層”面板唬滑，創(chuàng)建五個(gè)圖層告唆，將它們重命名如下：
第1層：參考網(wǎng)格
第2層：眼鏡
第3層：皮包
第4層：鞋子
第5層：腕表
創(chuàng)建參考網(wǎng)格
通常，網(wǎng)格的大小決定了圖標(biāo)的實(shí)際大小晶密，網(wǎng)格的使用也方便我們控制水平方向和調(diào)整圖標(biāo)大小擒悬。
第1步
首先鎖定除“參考網(wǎng)格”圖層以外的所有圖層，然后選擇矩形工具（M）并創(chuàng)建一個(gè)128 x 128像素的橙色（#F15A24）方塊稻艰，定義圖標(biāo)的大小懂牧。
第2步
創(chuàng)建一個(gè)較小的120 x 120 px（#FFFFFF）矩形，將其放置在前一個(gè)形狀的頂部尊勿，將它作為我們的繪圖區(qū)域僧凤，并創(chuàng)建4 px的輪廓用狱。
第3步
使用Control-G?鍵盤快捷鍵選擇兩個(gè)正方形并將它們組合在一起，然后將它們居中對(duì)齊到底層的畫板。創(chuàng)建三個(gè)副本（Control-C> Control-F三次）創(chuàng)建剩余的畫板，將它們之間的距離調(diào)整為40 px莹汤，鎖定當(dāng)前圖層您朽，然后再進(jìn)行下一步。
創(chuàng)建眼鏡圖標(biāo)
第1步
我們首先進(jìn)入眼鏡的左側(cè)部分工作。使用44 x 44像素橢圓創(chuàng)建鏡片，并進(jìn)行著色#6FD8C4?，然后將其定位在距繪圖區(qū)域左邊緣10 px的位置鲁森，距離頂部邊緣18 px的位置。
第2步
使用描邊給我們剛剛創(chuàng)建輪廓添加形狀振惰，然后創(chuàng)建它的副本（Control-C）歌溉，將在它們粘貼到鏡片前面（Control-F），然后給剛剛創(chuàng)建的副本填充（Shift-X）顏色#3D2F2C骑晶，將其權(quán)重設(shè)置為4像素痛垛。完成后，使用Control-G?鍵盤快捷鍵選擇并將兩個(gè)形狀組合在一起桶蛔，然后再繼續(xù)下一步匙头。
第3步
打開像素預(yù)覽模式（Alt-Control-Y）?使用鋼筆工具（P）#3D2F2C以下面圖像為參考繪制左端鏡框，確保它與圓圈的左上角重疊仔雷。一旦調(diào)整好形狀蹂析，返回默認(rèn)預(yù)覽模式（Alt-Control-Y），然后再繼續(xù)下一步碟婆。
第4步
右鍵單擊>排列>發(fā)送至下一層电抚，將生成的形狀置于較大鏡片的下方。
第5步
創(chuàng)建一個(gè)8 x 16 px矩形（#3D2F2C）開始制作鏡頭的內(nèi)部形狀竖共，將其放置到鏡片的上半部分蝙叛，并確保將其與右邊緣對(duì)齊。
第6步
在“變換”面板的“矩形屬性”中將矩形右上角的半徑設(shè)置為4 px肘迎。完成后甥温，不要忘記將結(jié)果形狀發(fā)送到鏡頭下方（右鍵單擊>排列>發(fā)送到后面）锻煌，選擇并將所有這些形狀組合在一起（Control-G）妓布，然后再繼續(xù)下一步。
第7步
給我們剛剛創(chuàng)建的分組添加副本（Control-C> Control-F）作為眼鏡的鏡片宋梧，然后進(jìn)行垂直反射（右鍵單擊>變換>反射>垂直）匣沼，然后定位到繪圖區(qū)域的另一側(cè)。
第8步
使用16 x 16 px大小捂龄、4 px輪廓的圓（#3D2F2C）添加眼鏡橋接部分释涛，將圓圈的中心對(duì)齊到活動(dòng)繪圖區(qū)域加叁，將其定位在距頂部邊緣18 px的位置。
第9步
使用直接選擇工具（A）選擇其底部錨點(diǎn)然后按Delete刪除它來調(diào)整我們剛剛創(chuàng)建的圓唇撬。選擇所有組成部分并使用Control-G鍵盤快捷鍵對(duì)它們進(jìn)行分組它匕。
第10步
使用10 x 74 px大小、2 px輪廓的矩形（#3D2F2C）添加鏡框左邊支架窖认，將其放置在距繪圖區(qū)域左邊緣2 px和距底部邊緣16 px的位置豫柬。
第11步
在“變形”面板的“矩形屬性”中將其底角的半徑設(shè)置為5 px調(diào)整到繪圖區(qū)域的底部部分。完成后扑浸，將生成的形狀放在眼鏡下面（右鍵單擊>排列>發(fā)送到后面）烧给，然后再繼續(xù)下一步。
第12步
給我們剛剛完成的圖形創(chuàng)建副本（Control-C> Control-F）喝噪，將其定位到眼鏡的另一側(cè)础嫡，放置在距離繪圖區(qū)域2 px的位置。
第13步
使用12 px長(zhǎng)2 px寬的直線（#3D2F2C）添加中心部分酝惧，與其上方拱形相距16 px榴鼎。
第14步
給眼鏡添加標(biāo)簽，創(chuàng)建4 x 10 px（#F27E51）和2 px輪廓（#3D2F2C）的矩形晚唇，放置在眼鏡右邊緣檬贰，距離底部線條26px的位置。
創(chuàng)建皮包圖標(biāo)
完成第一個(gè)圖標(biāo)的工作之后缺亮，然后鎖定它的圖層翁涤，繼續(xù)前進(jìn)到下一步操作。
第1步
使用88 x 28 px大小萌踱、4 px輪廓的矩形（#3D2F2C）創(chuàng)建包的上半部分葵礼，將其進(jìn)行分組（Control-G），然后將它中心對(duì)齊到下面的繪圖區(qū)域并鸵，放置在距離頂部16 px的位置鸳粉。
第2步
使用十個(gè)4 x 2 px矩形（#3D2F2C）添加小的針腳線，調(diào)整彼此的水平間隔 為4 px园担，0分組（Control-G）届谈，然后將中心對(duì)齊到矩形區(qū)域的頂部邊緣2 px的距離。
第3步
創(chuàng)建16 x 6 px矩形（#8E5A4F）添加4 px輪廓（#3D2F2C）創(chuàng)建皮包的小口袋弯汰，然后將它們進(jìn)行分組（Control-G）艰山，將它中心對(duì)齊到較大的矩形，距離底部邊緣4 px的位置咏闪。
第4步
在矩形的兩側(cè)添加各一個(gè)6 x 6 px方形（#3D2F2C）曙搬，然后使用“對(duì)齊面板”的“垂直對(duì)齊中心”選項(xiàng)將它們居中對(duì)齊到大矩形。
第5步
創(chuàng)建一個(gè)8 x 3 px矩形（#3D2F2C）來完成皮包口袋，將它對(duì)齊到皮包的頂部邊緣纵装。完成后征讲，選擇并分組（Control-G）所有組成形狀，然后將包的上部所有形狀進(jìn)行分組橡娄。
第6步
創(chuàng)建皮包的下半部分诗箍，使用88 x 56 px（#9B6759）4 px輪廓（#3D2F2C）矩形，將圖形進(jìn)行分組（Control-G）然后定位在皮包上半部分的下方挽唉，使它們的輪廓重疊扳还。
第7步
給皮包的上半部分創(chuàng)建副本（Control-C> Control-F）添加針腳，將其定位在距離底部邊緣2 px的位置橱夭。
第8步
使用六個(gè)2 x 4 px矩形（#3D2F2C）添加左側(cè)針腳氨距，將它們垂直堆疊彼此距離調(diào)整為4 px，分組（Control-G）棘劣，然后將它們放置在矩形的左側(cè)和頂部邊緣2 px位置俏让。
第9步
給我們剛剛的分組創(chuàng)建副本（Control-C> Control-F）并建立起正確的垂直針腳線，將其定位到的另一側(cè)茬暇，讓它們彼此距離調(diào)整為2 px首昔。完成后，使用Control-G鍵盤快捷鍵將底部所有的組成形狀組合在一起糙俗。
第10步
使用12 x 18 px大小勒奇、2 px輪廓（#3D2F2C）的矩形添加皮包的帶子。
第11步
使用12 x 12 px大星缮А（#F2AC99）和4 px輪廓（#3D2F2C）的圓添加紐扣赊颠，進(jìn)行分組（Control-G），然后定位到先前創(chuàng)建的書包帶底端劈彪，如參考圖像中所示竣蹦。
第12步
完成紐扣，創(chuàng)建兩個(gè)2 x 2 px圓（#3D2F2C）沧奴，將彼此距離調(diào)整為2 px添加扣子上的小孔痘括，然后進(jìn)行分組（Control-G），然后將其中心對(duì)齊到主體部分滔吠，分組（Control-G）纲菌。
第13步
創(chuàng)建4 px輪廓6 x 12 px矩形（#8E5A4F）放置到皮包上半部分的左端，將其進(jìn)行分組（Control-G）然后定位到包的側(cè)面疮绷，居中對(duì)齊到皮包的上半部分翰舌。#3D2F2C
第14步
使用下面圖像作為參考， 繪制4 px的線條（#3D2F2C）創(chuàng)建背帶矗愧。
第15步
使用鋼筆工具選擇的拐角錨點(diǎn)將將半徑設(shè)置為4像素灶芝，然后將角調(diào)整為圓角郑原。完成后唉韭，使用Control-G鍵盤快捷鍵選擇并組合所有背帶的組成形狀夜涕。
第16步
完成背帶，給我們剛剛完成的圖形創(chuàng)建副本（Control-C> Control-F）添加到皮包的右側(cè)部分属愤，使用垂直反映（右鍵單擊>變換>反射>垂直）定位到包的另一側(cè)女器。完成后，選擇并對(duì)所有圖形進(jìn)行分組（Control-G）住诸，然后再進(jìn)行下一步驾胆。
創(chuàng)建鞋子圖標(biāo)
完成皮包圖標(biāo)，跳轉(zhuǎn)到第四個(gè)圖層進(jìn)行鞋子的創(chuàng)建贱呐。
第1步
創(chuàng)建32 x 10 px矩形（#F4E1DC）作為鞋底的前半部丧诺，然后在“變形”面板的“矩形屬性”中將其右角的半徑設(shè)置為4 px。為生成的形狀添加一個(gè)4 px的輪廓奄薇，分組（Control-G）驳阎，然后將兩者對(duì)齊到活動(dòng)繪圖區(qū)域的右邊緣，放置在距其底部邊緣32 px的位置馁蒂。#3D2F2C
第2步
添加鞋底的后端呵晚，創(chuàng)建64 x 10 px大小（#E8C4BA）4 px輪廓（#3D2F2C）的矩形沫屡，將其進(jìn)行分組（Control-G）饵隙，然后定位到先前創(chuàng)建形狀的左側(cè)。
第3步
使用64 px長(zhǎng)2 px寬的線條（#3D2F2C）創(chuàng)建鞋底條紋沮脖，將其對(duì)齊到鞋底較大的部分金矛。
第4步
創(chuàng)建4 x 4 px（#3D2F2C）的矩形添加鞋子標(biāo)簽，將其對(duì)齊到鞋底的左邊緣勺届。完成后绷柒，選擇并組合（Control-G）當(dāng)前的所有形狀，然后對(duì)整個(gè)鞋底進(jìn)行分組涮因。
第5步
使用16 x 8 px矩形（#F4E1DC）創(chuàng)建鞋子頭部废睦，在“變形”面板的“矩形屬性”中將其右上角的半徑設(shè)置為6 px。賦予4 px的輪廓养泡，進(jìn)行分組（Control-G）嗜湃，然后將兩者放在鞋底的前端。#3D2F2C
第6步
接下來澜掩，打開像素預(yù)覽模式（Alt-Control-Y）使用鋼筆工具（P）繪制鞋子的主體（#F27E51）购披，以下面圖像作為主要參考。完成后肩榕，切換到默認(rèn)預(yù)覽模式（Alt-Control-Y）刚陡，然后再繼續(xù)下一步惩妇。
第7步
使用描邊方法為剛剛創(chuàng)建的圖形添加4 px輪廓（#3D2F2C），隨后選擇并組合（Control-G）兩個(gè)形狀筐乳。
第8步
使用12 x 8 px矩形（#E26B47）添加鞋舌歌殃，然后在“變換”面板的“矩形屬性”中將其左上角的半徑設(shè)置為8 px。給得到的形狀賦予4 px的輪廓蝙云，分組（Control-G）氓皱，然后將兩者放在鞋子主體的頂部。#3D2F2C
第9步
使用4 px的直線（#3D2F2C）繪制四個(gè)鞋帶勃刨，放置在參考圖像中所示的位置波材。完成后，使用Control-G鍵盤快捷鍵選擇并將這些圖形組合在一起身隐。
第10步
使用2 px輪廓6 x 6 px大小的圓（#F4E1DC）創(chuàng)建鞋子的第一個(gè)孔眼廷区，在其中心添加一個(gè)較小的2 x 2 px圓。將三個(gè)形狀組合在一起（Control-G）贾铝，然后將它們放置在距離鞋底2 px隙轻，距離鞋子主體左邊緣24 px的位置。#3D2F2C
第11步
給剛剛創(chuàng)建的圖形添加副本（Control-C> Control-F）繪制第二個(gè)孔眼忌傻，將其定位到原始圖形的右側(cè)大脉，距離為4像素。完成后水孩，選擇并將兩者組合在一起（Control-G）镰矿，然后再繼續(xù)下一步。
第12步
創(chuàng)建一個(gè)16 x 16 px（#F4E1DC）4 px輪廓（#3D2F2C）的圓創(chuàng)建圓形貼片俘种，將其進(jìn)行分組（Control-G）秤标，然后定位在距離主體頂部邊緣12 px?，左邊緣8像素的位置宙刘。
第13步
完成貼片苍姜，使用繪圖工具繪制星星為其填充#3D2F2C的顏色。完成后悬包，選擇并組合（Control-G）所有形狀衙猪，然后將整個(gè)鞋子進(jìn)行分組。
第14步
給我們剛剛繪制的鞋子創(chuàng)建副本（Control-C> Control-B）添加另一只鞋子布近，將其與繪圖區(qū)域的左邊緣對(duì)齊垫释。
第15步
給鞋子的下列部分進(jìn)行調(diào)色：
主體：#E26B47
鞋底和貼片：#D6B4AB
鞋舌：#D65F43
第16步
使用4 px的直線（#3D2F2C）創(chuàng)建鞋帶，如參考圖像所示撑瞧。
第17步
完成鞋帶棵譬，創(chuàng)建8 x 2 px矩形（#3D2F2C）添加鞋帶頭部形狀 ，將其定位在鞋帶左端的頂部预伺。完成后订咸，選擇并將兩者組合在一起（Control-G）曼尊，對(duì)整個(gè)圖標(biāo)執(zhí)行相同操作，然后再轉(zhuǎn)到下一個(gè)圖標(biāo)脏嚷。
創(chuàng)建腕表圖標(biāo)
第1步
創(chuàng)建56 x 76 px圓角矩形創(chuàng)建腕表的主要部分骆撇，為其添加4 px角半徑和4 px寬輪廓（#3D2F2C），進(jìn)行分組（Control-G）然后將整個(gè)圖形中心對(duì)齊到下面的繪圖區(qū)域然眼。
第2步
創(chuàng)建兩組10個(gè)2 x 4 px矩形（#3D2F2C）相互垂直堆疊彼此間距4 px將所有圖形進(jìn)行分組（Control-G）然后定位在距離表帶兩側(cè)2 px的位置）來添加針腳線艾船。完成后葵腹，將繪制的所有圖形進(jìn)行分組（Control-G）高每，然后再繼續(xù)下一步。
第3步
創(chuàng)建一個(gè)24 x 22像素（#B27866）4 px輪廓（#3D2F2C）的矩形践宴，將其進(jìn)行分組（Control-G）鲸匿，然后將其中心對(duì)齊到較大部分，將其定位在距離頂端繪圖區(qū)域16像素的位置阻肩。
第4步
創(chuàng)建兩組2 x 4 px矩形（#3D2F2C）垂直堆疊彼此距離4 px（分組（Control-G）然后對(duì)齊到矩形頂部的邊緣带欢，將它們定位在距離矩形兩邊緣2 px的位置。
第5步
使用4 x 4 px圓圈（#3D2F2C）添加表帶的圓孔烤惊，將其中心對(duì)齊到其頂部附件部分乔煞，定位在距其頂部邊緣4 px的位置。完成后柒室，使用Control-G鍵盤快捷鍵選擇當(dāng)前所有形狀并將其組合在一起渡贾。
第6步
使用兩個(gè)6 x 12 px（#9B908F）4 px輪廓（#3D2F2C）的矩形添加金屬表扣，將創(chuàng)建的形狀進(jìn)行分組（Control-G）雄右，然后定位到上一部分的兩側(cè)空骚。在繼續(xù)下一步之前，選擇并組合（Control-G）所有完成的形狀擂仍。
第7步
給我們剛剛完成的圖形創(chuàng)建副本（Control-C> Control-G）囤屹，進(jìn)行水平反映（右鍵單擊>變換>反射>水平），將其定位到表帶的另一側(cè)逢渔。雙擊將組隔離肋坚，然后移除其側(cè)面針跡和小孔，將較大形狀的填充顏色更改為#7F5247肃廓。
第8步
選擇矩形工具（M）創(chuàng)建一個(gè)較小24 x 12像素（#B27866）矩形智厌，將其對(duì)齊到底部中心。
第9步
使用添加錨點(diǎn)工具（+）將新錨點(diǎn)添加到其底部邊緣的中心來調(diào)整我們剛創(chuàng)建的形狀亿昏，然后我們將使用移動(dòng)工具選擇并向下推動(dòng)10 px（右鍵單擊>變換>移動(dòng)>水平> 10像素）峦剔。
第10步
使用圓形連接為結(jié)果形狀提供4 px的輪廓（#3D2F2C），然后使用Control-G鍵盤快捷鍵選擇并將兩者組合在一起角钩。
第11步
接下來為圖形頂部添加一個(gè)4 x 4 px圓（#3D2F2C）吝沫，將其定位在距離頂部邊緣10 px的位置呻澜。完成后，選擇并組合（Control-G）所有表帶形狀惨险，然后再繼續(xù)下一步羹幸。
第12步
使用帶有4 px輪廓的56 x 56 px圓圈（#ADA6A5）來創(chuàng)建手表的表盤，將其進(jìn)行分組（Control-G）辫愉，然后中心對(duì)齊到底部的圓角矩形栅受。#3D2F2C
第13步
使用44 x 44 px（#F4E1DC）4 px輪廓（#3D2F2C）的圓添加表盤的內(nèi)部部分，將圖形進(jìn)行分組（Control-G）恭朗，然后將中心對(duì)齊到上一步的形狀屏镊。
第14步
接下來，創(chuàng)建4個(gè)6 px長(zhǎng)2 px寬的直線（#3D2F2C）創(chuàng)建刻度盤痰腮，將它們對(duì)齊到內(nèi)部輪廓中2 px的位置而芥。完成表盤部分，選擇并進(jìn)行分組（Control-G）膀值。
第15步
創(chuàng)建6×6像素大小4 像素（#3D2F2C）輪廓的圓添加表盤的中心形狀棍丐，接著在這個(gè)圓的內(nèi)部創(chuàng)建14×14像素大小2 像素輪廓（#3D2F2C）的圓，選擇所有圖形進(jìn)行分組（Ctrl-G）沧踏。
第16步
接下來歌逢，創(chuàng)建4 像素的直線（#3D2F2C）添加時(shí)針，然后創(chuàng)建2 px?的直線（#3D2F2C）進(jìn)行分針翘狱。完成后秘案，使用Control-G鍵盤快捷鍵選擇中心部分和指針并將其組合在一起。
第17步
使用20 x 20 px大小和2 px輪廓（#3D2F2C）的圓創(chuàng)建表盤裝飾圖案盒蟆，然后放置在距離底部12px的位置踏烙。
第18步
使用直接選擇工具（A）選擇其右下錨點(diǎn)按Delete刪除它們調(diào)整我們剛剛創(chuàng)建的圓環(huán)。
第19步
添加右下方的裝飾元素历等，給我們剛剛創(chuàng)建的副本（Control-C> Control-F）讨惩，將其水平和垂直反映（右鍵單擊>變換>反射>水平和垂直）然后定位到表盤的另一側(cè)。完成后寒屯，使用Control-G鍵盤快捷鍵選擇并分組（Control-C）所有表盤的組成部分荐捻。
第20步
完成手表。創(chuàng)建一個(gè)5 x 8 px（#9B908F）4 px輪廓（#3D2F2C）的矩形繪制手表表冠寡夹，將它們分組（Control-G）然后定位到較大主體的右側(cè)处面。然后，在繼續(xù)下一步之前菩掏，選擇并分組（Control-G）所有手表的組成部分魂角。
第21步
選擇鋼筆工具（P），創(chuàng)建4px的線條（#3D2F2C）繪制表帶的左邊線條智绸。
第22步
進(jìn)入“實(shí)時(shí)角”將其左上角的半徑設(shè)置為4像素野揪，將其右下角的半徑設(shè)置為8像素访忿。
第23步
使用4 px的直線（#3D2F2C）添加表帶的右端線條。
第24步
進(jìn)入“實(shí)時(shí)角”?輸入框?qū)⑵渥笙陆堑?b>半徑設(shè)置為14像素來調(diào)整線條斯稳。
第25步
完成表帶海铆，使用8 x 8 px（#F2AC99）4 px輪廓（#3D2F2C）的圓添加手表珠子，將其進(jìn)行分組（Control-G）然后定位到右側(cè)弦線部分挣惰，距離其右端8 px卧斟。完成后，使用Control-G鍵盤快捷鍵選擇并分組所有圖標(biāo)的組成部分憎茂。
完成了珍语！
