注：此教程為英翻教程，軟件操作不嫻熟的小伙伴兒，謹(jǐn)慎嘗試哦。翻譯不足之處或者有錯(cuò)別字，自行腦補(bǔ)一下哦。有看過的小伙伴兒，溫故而知新哦。

?

1.建立新文檔 文件 新建（或使用Ctrl-N鍵盤快捷鍵）如圖設(shè)置

?

2.設(shè)置圖層 完成文檔設(shè)置后，我們需要花一些時(shí)間并使用幾層結(jié)構(gòu)來構(gòu)建項(xiàng)目，以便可以將圖標(biāo)與參考網(wǎng)格分開。為此，只需打開“ 圖層”面板，然后使用“ 創(chuàng)建新圖層”按鈕創(chuàng)建兩個(gè)圖層，命名如下：

• 底層：參考網(wǎng)格

• 頂層：圖標(biāo)

3.創(chuàng)建參考網(wǎng)格 一旦完成文檔的分層，我們就可以專注于構(gòu)建參考網(wǎng)格，這將幫助我們定義圖標(biāo)的實(shí)際大小，同時(shí)允許我們?cè)谕瓿傻脑O(shè)計(jì)中添加一個(gè)小的保護(hù)性填充。

第1步

選擇底層，然后使用64 x 64 px的正方形創(chuàng)建參考表面（基本尺寸），我們將使用該顏色進(jìn)行著色#F15A24，然后使用“ 對(duì)齊”面板的“ 水平和垂直對(duì)齊中心”選項(xiàng)將其放置在基礎(chǔ)Artboard 的中心。

?

第2步

使用較小的56 x 56 px正方形添加活動(dòng)繪圖區(qū)域，我們將使用白色（#FFFFFF）進(jìn)行著色，然后將其居中對(duì)齊至較大的下一個(gè)，這將導(dǎo)致4 px的填充。

?

第3步

將兩個(gè)形狀都放置好后，請(qǐng)使用Ctrl-G鍵盤快捷鍵選擇它們并將它們分組在一起，并確保在繼續(xù)下一步之前鎖定當(dāng)前層。

?

4.創(chuàng)建信息圖標(biāo) 現(xiàn)在我們已經(jīng)完成了項(xiàng)目文件的設(shè)置，我們可以開始處理實(shí)際的圖標(biāo)了，我們將逐步逐步構(gòu)建一個(gè)形狀。

第1步

抓住橢圓工具（L），并使用56 x 56 px的圓圈創(chuàng)建背景，我們將使用該圓圈進(jìn)行著色#FF8A3B，然后將其與下一個(gè)Artboard居中對(duì)齊。

?

第2步

使用28 x 20 px的圓角矩形和4 px的圓角半徑為聊天符號(hào)添加主要形狀，我們將使用白色（#FFFFFF）對(duì)其進(jìn)行著色，然后將其與活動(dòng)繪圖區(qū)域的左邊緣相距12 px且距其16 px從頭開始。

?

第3步

創(chuàng)建一個(gè)較小的8 x 8 px的正方形（#FFFFFF），我們將其放置在圓角矩形的下方，以使它們的路徑重疊，如參考圖像所示。

?

第4步

通過選擇“ 刪除錨點(diǎn)工具”（-）來調(diào)整我們剛剛創(chuàng)建的形狀，然后只需單擊其右下角的錨點(diǎn)即可將其刪除。

?

第5步

首先將聊天符號(hào)的兩個(gè)組成形狀都選中，然后使用路徑查找器的 “ 連接模式 ” ，將它們組合成一個(gè)較大的形狀。

?

第6步

首先使用Shift-X 鍵盤快捷鍵翻轉(zhuǎn)“ 填充有描邊 ” ，然后將“ 描邊” 面板打開，并將其“權(quán)重”設(shè)置為4 px，將“ 角”設(shè)置為“ 圓角連接 ”，將生成的形狀變成輪廓。

?

第7步

接下來，我們將通過使用40 x 20 px矩形創(chuàng)建切口來開始使用鉛筆。使用為其著色#FF8A3B，然后使用添加錨點(diǎn)工具（+）將新的錨點(diǎn)添加到其底部邊緣的中心。

?

第8步

使用直接選擇工具（A）選擇形狀的底部錨點(diǎn)，然后使用方向箭頭鍵或“ 移動(dòng)” 工具將它們按頂部5 px推入頂部（右鍵單擊>“變換”>“移動(dòng)”>“垂直”> -5 px）。

?

第9步

使用45°角順時(shí)針旋轉(zhuǎn)生成的形狀（右鍵單擊>“變換”>“旋轉(zhuǎn)” --45°），然后將其放置在聊天符號(hào)的右上角，如參考圖像所示。

?

第10步

通過使用“ 描邊”方法為輪廓指定輪廓來調(diào)整切口的大小。為此，只需創(chuàng)建一個(gè)副本（Ctrl-C> Ctrl-F），然后我們將其筆觸的權(quán)重 從4 px增加到10 px進(jìn)行調(diào)整。完成后，請(qǐng)確保使用Ctrl-G 鍵盤快捷鍵選擇兩個(gè)形狀并將它們分組在一起。

?

第11步

通過使用剛剛分組的形狀的副本（Ctrl-C）添加鉛筆，完成圖標(biāo)和項(xiàng)目本身，我們將其粘貼在前面（Ctrl-F），然后通過設(shè)置進(jìn)行調(diào)整它們的顏色變?yōu)榘咨?FFFFFF）。完成后，請(qǐng)確保在最終點(diǎn)擊該保存按鈕之前，選擇并分組（Ctrl-G）所有圖標(biāo)的組成形狀。推薦：AI從入門到精通(視頻教程)

?

至此就完成啦！

?