創(chuàng)建新文檔
啟動(dòng)Illustrator創(chuàng)建新的項(xiàng)目文件“文件”>“新建” 或者“Control-N”。然后為新文件命名，設(shè)置尺寸，然后選擇像素?為單位?和RGB?的色彩模式
接下來(lái)，轉(zhuǎn)到編輯>首選項(xiàng)>常規(guī)并將鍵盤(pán)增量設(shè)置為1像素，然后轉(zhuǎn)到單位將數(shù)據(jù)設(shè)置如下圖所示選項(xiàng)。接下來(lái)繪制的過(guò)程中你會(huì)發(fā)現(xiàn)這些設(shè)置將為你提供很大的幫助
創(chuàng)建圖標(biāo)形狀
第1步
使用橢圓工具（L）畫(huà)板上繪制一個(gè)98 x 98像素的圓圈,并創(chuàng)建4px深灰色描邊
轉(zhuǎn)到“視圖”>“標(biāo)尺”>“顯示標(biāo)尺”，然后在圓的四周創(chuàng)建參考線，作為活動(dòng)繪圖區(qū)域
第2步
接下來(lái)，使用矩形工具（M）繪制一個(gè)30 x 30像素的正方形，在正方形的對(duì)角線之間繪制一個(gè)三角形。將此三角形移動(dòng)到灰色圓圈的左下方。確保它沒(méi)有超出繪圖區(qū)域
第3步
接下來(lái)我們需要做一些小調(diào)整。使用添加錨點(diǎn)工具（+）在三角形上添加一個(gè)新的錨點(diǎn)。將此點(diǎn)拖動(dòng)到灰色輪廓上避免接觸到圓圈內(nèi)部。最后，用與圓圈相同的深灰色著色
第4步
選擇灰色圓圈并轉(zhuǎn)到對(duì)象>擴(kuò)展外觀，將圓圈內(nèi)部筆觸變?yōu)樘畛?，選擇生成的灰色環(huán)形狀以及三角形，然后在“路徑查找器”?面板中選擇“?聯(lián)集”?將它們合并為單個(gè)形狀。圖標(biāo)的主要形狀就完成了
第5步
制作“圖標(biāo)形狀”的五個(gè)副本，然后依照參考圖像或進(jìn)入“對(duì)齊”?面板將它們排列在畫(huà)板上。將每個(gè)圖標(biāo)形狀移動(dòng)到單獨(dú)的圖層并相應(yīng)地命名它們，方便之后在“圖層”面板中進(jìn)行圖標(biāo)的調(diào)整
創(chuàng)建臉書(shū)（Facebook）圖標(biāo)
第1步
定位到“Facebook圖標(biāo)”圖層，選擇文字工具（T）并使用World of Water字體，粗體，在畫(huà)板上輸入字母“f”?，尺寸為?68pt。填充與形狀相同的填充顏色并賦予文字2pt的輪廓
轉(zhuǎn)到對(duì)象>擴(kuò)展輪廓兩次以展開(kāi)文本。然后在圖標(biāo)形狀內(nèi)移動(dòng)字母，與圖標(biāo)形狀對(duì)齊
第2步
將圖標(biāo)形狀和徽標(biāo)保存為兩個(gè)單獨(dú)的形狀，將它們合并為復(fù)合路徑。進(jìn)入“路徑查找器”?面板中按“聯(lián)集”，然后按“對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）
創(chuàng)建照片墻（Instagram）圖標(biāo)
第1步
定位在“Instagram圖標(biāo)”圖層上。使用矩形工具（M）畫(huà)板上繪制44 x 44像素正方形;?然后轉(zhuǎn)到形狀面板并在圓角半徑中輸入10 px獲得圓角（1）。用相同的深灰色填充此形狀
使用橢圓工具（L）繪制一個(gè)25 x 25像素的圓;?然后選擇兩個(gè)形狀并選擇對(duì)齊面板中的水平對(duì)齊中心和垂直對(duì)齊中心（2）
選中兩個(gè)形狀的同時(shí)，在“路徑查找器”?面板中選擇“減去頂層” 獲得復(fù)合路徑（3）
第2步
接下來(lái)，在圖標(biāo)上繪制一個(gè)細(xì)長(zhǎng)的46 x 2 px矩形;?然后選擇兩個(gè)形狀并在“路徑查找器”面板中選擇“減去頂層”，然后進(jìn)入“對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（1）
在圖標(biāo)的右上方繪制一個(gè)5 x 5 px圓圈，選中兩個(gè)形狀后，在“路徑查找器”面板中選擇“減去頂層”，然后選擇“對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（2）
第3步
繪制18 x 18像素的圓圈，使用相同的深灰色給它創(chuàng)建一個(gè)2pt的輪廓。選擇圖標(biāo)形狀以及此圓圈，然后在“對(duì)齊”?面板中按“水平對(duì)齊中心”和“垂直對(duì)齊中心” 確保它們完美對(duì)齊（1）
保持選中狀態(tài)，轉(zhuǎn)到對(duì)象>擴(kuò)展對(duì)象以將筆劃轉(zhuǎn)換為形狀（2）。選擇兩個(gè)形狀并在“路徑查找器”面板中選擇“聯(lián)集”，然后選擇“對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（3）
第4步
將完成的復(fù)合形狀排列在圖標(biāo)形狀的中心（1）
此時(shí)，“Instagram圖標(biāo)”圖層上應(yīng)該有兩個(gè)形狀：徽標(biāo)和圖標(biāo)形狀。保持選中它們，進(jìn)入“路徑查找器”面板中按“聯(lián)集”，?然后選擇“對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（2）將它們合并到新的復(fù)合路徑中
創(chuàng)建推特（Twitter）圖標(biāo)
第1步
定位在“Twitter圖標(biāo)”圖層上，創(chuàng)建一個(gè)27.5 x 27.5 px的圓圈，填充與圖標(biāo)形狀相同的深灰色。切換到鋼筆工具（P）繪制小鳥(niǎo)的主體形狀，如下圖所示
創(chuàng)建喙，繪制一個(gè)類(lèi)似三角形的形狀，然后轉(zhuǎn)到對(duì)象>變換>反射，選中水平，?然后點(diǎn)擊復(fù)制以獲得下半部分
最后，用鋼筆工具（P）繪制翅膀的形狀。選擇所有形狀并在“路徑查找器”?面板中選擇“聯(lián)集”?將它們合并為單個(gè)形狀
第2步
將鳥(niǎo)標(biāo)志移動(dòng)到圖標(biāo)形狀內(nèi)，將其排列在中心位置（1）
在“Twitter圖標(biāo)”圖層上，您現(xiàn)在應(yīng)該有兩個(gè)形狀：徽標(biāo)和圖標(biāo)形狀。選擇兩個(gè)形狀進(jìn)入“?路徑查找器”面板單擊“聯(lián)集”，然后選擇“對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）
創(chuàng)建優(yōu)兔（YouTube）圖標(biāo)
第1步
定位在“YouTube圖標(biāo)”圖層上。使用矩形工具（M）在畫(huà)板上?繪制一個(gè)50 x 37像素的矩形（1）;?然后轉(zhuǎn)到變形面板并在圓角半徑中輸入8 px獲得圓角（2）
接下來(lái)，在圓角矩形的中心位置（3）繪制一個(gè)小三角形，然后保持選中兩個(gè)圖形，進(jìn)入“路徑查找器”面板中選擇“減去頂層” 獲得復(fù)合路徑（4）
第2步
將徽標(biāo)移動(dòng)到圖標(biāo)形狀內(nèi)并將其排列在形狀中心（1）。如果需要，將圖標(biāo)形狀和徽標(biāo)合并到新的復(fù)合路徑中（2）
創(chuàng)建色拉布（Snapchat）圖標(biāo)
第1步
在“Snapchat圖標(biāo)”圖層上，繪制一個(gè)27 x 43像素的矩形（1）;?然后轉(zhuǎn)到“變形”面板并在“圓角半徑”中輸入12px，獲得圓角矩形（2）
使用直接選擇工具（A）選擇形狀的左下角和右下角錨點(diǎn)，將它們向外移動(dòng)一段距離（3）。切換到添加錨點(diǎn)工具（+）并使用它在底部添加三個(gè)新的錨點(diǎn);?然后移動(dòng)它們并調(diào)整手柄以創(chuàng)建波浪形形的底部（4）
使用添加錨點(diǎn)工具（+）在左側(cè)和右側(cè)添加其他兩個(gè)錨點(diǎn);?然后將它們向內(nèi)移動(dòng)，獲得類(lèi)似幽靈的形狀（5）
第2步
使用相同的深灰色填充上一步驟中獲得的形狀（1）。然后使用鋼筆工具（P）繪制兩條短線條作為手臂，并將粗細(xì)設(shè)置為4pt。選擇“描邊”?面板中的“圓形端點(diǎn)”選項(xiàng)以獲得圓形末端（2）。保持選中手臂形狀的同時(shí)，轉(zhuǎn)到對(duì)象>擴(kuò)展外觀將筆劃變?yōu)樾螤睿?）
選擇所有形狀，然后在“路徑查找器”?面板中選擇“聯(lián)集”?將它們合并為單個(gè)形狀（4）
第3步
將徽標(biāo)移動(dòng)到圖標(biāo)形狀內(nèi)，將其排列在圖標(biāo)形狀的中心（1）。如果需要，也可以將徽標(biāo)和圖標(biāo)形狀合并到一個(gè)新的復(fù)合路徑中（2）
創(chuàng)建矢量Pinterest圖標(biāo)
第1步
在“Pinterest圖標(biāo)”圖層上，使用文本工具（T）使用Magnolia腳本字體在畫(huà)板上寫(xiě)下字母“P”?，大小設(shè)置為64pt（1）。轉(zhuǎn)到對(duì)象>擴(kuò)展外觀將文本轉(zhuǎn)換為形狀（2）
在直接選擇工具（A）的幫助下?，移動(dòng)文字上的一些錨點(diǎn)獲得尖形的底端，使其頂部變得更圓，使其右側(cè)不那么圓（3） ，最后，你會(huì)得到一個(gè)更像原始徽標(biāo)的形狀（4），當(dāng)然也不需要完全相同
第2步
將徽標(biāo)移動(dòng)到圖標(biāo)形狀的中心位置（1）。如果需要，可以將徽標(biāo)和圖標(biāo)形狀合并為新的復(fù)合路徑（2）
保存圖標(biāo)
第1步
首先將所有圖標(biāo)整齊的排放在畫(huà)板上
第2步
我們以Facebook圖標(biāo)為例。使用矩形工具（M）繪制一個(gè)98 x 98像素的正方形。選中圖標(biāo)和方形，選擇水平對(duì)齊中心和垂直對(duì)齊中心確保它們居中對(duì)齊
僅選擇正方形并轉(zhuǎn)到對(duì)象>畫(huà)板>轉(zhuǎn)換為畫(huà)板以定義新區(qū)域。轉(zhuǎn)到文件>導(dǎo)出>另存為Web來(lái)保存圖標(biāo)。選擇您需要的文件類(lèi)型，PNG，透明背景或JPEG，然后點(diǎn)擊保存。對(duì)其余圖標(biāo)執(zhí)行相同操作以單獨(dú)保存它們
創(chuàng)建圖標(biāo)通知符號(hào)
第1步
使用矩形工具（M）繪制一個(gè)80 x 50像素矩形，并用淺紅色（1）著色。在“變換”面板中，選擇“圓角半徑”輸入10px獲得圓角矩形（2）
在圓角矩形的底部繪制一個(gè)小三角形（3），然后保持選中兩個(gè)形狀，進(jìn)入“路徑查找器”面板選擇“聯(lián)集”?將它們合并為單個(gè)形狀（4）
第2步
在圓角矩形的左側(cè)繪制白色的11 x 11像素?圓圈 ，然后在其下方繪制一個(gè)15.5 x 6像素矩形。在圓角矩形中將圓角半徑設(shè)置為4px（1）
使用文本工具（T）并使用Sniglet字體寫(xiě)入“1”或者任意的數(shù)字，大小設(shè)置為27磅。給它一個(gè)白色填充和0.75pt的輪廓（2）
第3步
首先繪制一個(gè)14 x 14像素的圓圈，填充白色（1）。使用直接選擇工具（A）選擇底部錨點(diǎn)并向下移動(dòng)一定距離獲得類(lèi)似花瓣的形狀（2）;?然后在“變換”面板（3）中將此形狀旋轉(zhuǎn)20度。轉(zhuǎn)到對(duì)象>變換>反射，選中垂直并單擊復(fù)制獲取第二個(gè)形狀，通過(guò)使它們的底部錨點(diǎn)重疊來(lái)對(duì)齊它們（4）
保持選中兩個(gè)形狀的同時(shí)，在“路徑查找器”面板中選擇“聯(lián)集”?將它們合并為心形（5）
最后，使用相同的字體和設(shè)置在形狀的旁邊輸入數(shù)字（6）
第4步
將創(chuàng)建好的形狀放置在圖標(biāo)的右上方，完成通知符號(hào)
完成
