建立新文件

​首先建立一個新文件（檔案>新建或控制+ N），並進行以下設定：

畫板數量：1

寬度： 800畫素

高度： 600畫素

單位：畫素

“ 高階”選項卡：

色彩模式： RGB

柵格效果：螢幕（72 ppi）

學習設計圖示的過程中需要積累大量的素材、熟悉各種風格的圖示，因此我強烈建議您花點時間閱讀一些有用的圖示網站尋圖示icon.52112.com，只有這樣才能讓我們的設計之路更寬更遠。

設定圖層

對於每個新專案，我喜歡在幾個不同的層上分離我的資產，因為這樣我可以通過一次關注一個專案來簡化我的工作流程，這使我可以隨時跟蹤每個形狀。

所以，開啟圖層面板，讓我們建立四個圖層，我們將其命名如下：

第1層 >reference grids 參考網格

第2層 >winter hat 冬帽

第3層 > sledge雪橇

第4層 >thermos熱水瓶

（本教程由尋圖示https://icon.52112.com提供）

分層是設計過程中必不可少的一步對我們的設計有著決定性的作用，學習過程中一定要注意這一點。

 

建立參考網格

一旦我們對專案檔案進行了分層，我們就可以開始建立參考網格，參考網格有助於我們通過對比位置以及調整大小來建立我們的圖示。

第1步

旋轉矩形工具（M）建立一個128x128畫素的正方形，然後使用＃F15A24進行著色，然後使用“對齊”面板的“水平”和“垂直對齊中心”選項將其定位到畫板的中心。

第2步

建立另一個較小的120x120畫素正方形，它將作為有效繪圖區域，從而為我們提供全面的4 px填充。使用白色（#FFFFFF）對形狀進行著色，然後將正方形（Ctrl+ G）分組並再建立兩個副本，一個在左側，另一個在右側，與原始距離為40畫素。

（本教程由尋圖示https://icon.52112.com提供）

完成參考網格的建立和定位後，我們可以鎖定它們的圖層，然後繼續前進到下一個圖層，開始處理第一個圖示。

製作冬帽

移動到第二層（winter hat冬帽），準備建立第一個圖示開始專案。放大它的參考網格，以便你可以有一個更好的檢視，讓我們開始吧。

第1步

選擇矩形工具（M）並使用72x86 px矩形建立帽子的主要形狀，我們將使用＃ED664C進行著色，然後將中心對齊到下面的活動繪圖區域的上邊緣，為其輪廓留出4 px的空隙。

第2步

開始調整我們剛建立的形狀，方法是使用Pathfinder的Minus Front Shape Mode從中心底部切出一個較小的32x46畫素矩形（用黃色突出顯示）。

第3步

使用直接選擇工具（A）選擇生成的形狀的左上角和右上角，然後在“角”輸入框的幫助下將其半徑設定為20畫素。

第4步

依照第三步的方法將下方的四個角改為圓角

 

第5步

開始給帽子新增細節，方法是建立一個10x46畫素的矩形，使用＃8195C1進行著色，然後右下角對齊其左耳罩。

第6步

使用直接選擇工具（A）選擇其左上角，然後將其半徑設定為6畫素，調整我們剛剛建立的形狀。

第7步

選擇鋼筆工具（P）並使用4 px厚的筆刷（＃2B3249）繪製三條對角線細節線，然後我們將彼此垂直堆疊，彼此間隔2 px，分組（Ctrl + G）然後將它們對齊到藍色填充形狀。

完成後，使用Ctrl + G鍵盤快捷鍵選擇並組合所有耳罩的組成形狀。

第8步

建立帽子的左耳罩裝飾的副本（Ctrl + C> Ctrl + F），並將其放置在另一側，確保在它到位後垂直翻轉它（右鍵單擊>變換>反射>垂直） 。

第9步

選擇並分組（Ctrl + G）我們剛剛建立的兩個裝飾部分，然後使用較大底層紅色形狀的副本（Ctrl + C）對它們進行遮罩，我們將在它們前面貼上（Ctrl + F） 。

如果您之前從未使用過剪貼蒙版，請不要擔心，因為這個過程相當簡單。您所要做的就是選擇分組物件和副本，然後右鍵單擊>製作剪貼蒙版。

第10步

新增帽子的主要輪廓，使用它的副本（Ctrl + C），我們將在前面貼上（Ctrl + F），然後通過將其顏色設定為＃2B3249進行調整，然後使用其筆劃翻轉其填充（Shift + X） ）確保之後將其重量設定為8 px。

完成後，使用Ctrl + G鍵盤快捷鍵選擇並分組到目前為止我們擁有的所有形狀。

第11步

使用32x24 px矩形建立帽子的前摺疊部分，我們使用＃8195C1進行著色，然後將中心對齊到其身體，距離下方活動繪出區域的上邊緣20 px。

第12步

然後在“變換”面板的“矩形屬性”中將其頂角的半徑設定為8 px，調整我們剛剛建立的形狀。

第13步

使用描邊方法為得到的形狀提供8 px厚的輪廓（＃2B3249），然後繪製一組三個4 px厚的垂直線段，彼此間隔7 px，我們將分組（Ctrl + G）和然後居中對齊藍色形狀。

完成後，選擇所有摺疊部分的構圖形狀和組（Ctrl + G）。

第14步

使用72x30 px矩形建立帽子的背面部分，我們使用＃D34F3D對其進行著色，然後將中心對齊到較大的紅色形狀，將其定位在距活動繪圖區域底部邊緣46 px的位置。

第15步

調整我們剛建立的形狀，使用路徑尋找器（shift+Ctrl+F9）的形狀模式從底邊的中心切出一個32x8畫素的橢圓（用黃色突出顯示）。

第16步

建立9行2x2畫素正方形（＃2B3249），彼此間隔2 px，然後我們將分組（Ctrl + G）並定位到其可見區域的中心，給帽子的背部區域一些紋理。

完成後，選擇所有帽子的組成部分和組（Ctrl + G）。

第17步

開始處理帽子的左側流蘇，通過建立一個12x12畫素的圓圈，我們使用＃8195C1進行著色，給出一個8畫素的輪廓（＃2B3249），然後分組（Ctrl + G）並對齊到活動繪圖區域的底部邊緣，將它放在帽子裝飾性左耳墊的輪廓上。

第18步

完成圖示，通過繪製流蘇的字串部分，然後分組（Ctrl + G）並使用它的副本（Ctrl + C> Ctrl + F）建立正確的圖示。

並且不要忘記，一旦完成，請選擇並分組（Ctrl + G）所有圖示的組成部分，以便它們不會被意外分開。

（本教程由尋圖示​​​​​​​https://icon.52112.com提供）

 

建立雪橇圖示

完成第一個圖示，鎖定它的圖層，然後繼續前進到下一個圖示，放大其參考網格，以便我們可以開始處理小雪橇。

第1步

首先使用48x116 px矩形建立雪橇，我們將使用＃2B3249進行著色，然後將中心對齊到活動繪圖區域的下邊緣。

第2步

調整我們剛建立的形狀，方法是首先用描邊（Shift + X）翻轉其填充，然後將其權重設定為8px

第3步

使用直接選擇工具（A）選擇生成的形狀的頂角，然後通過在“變換”面板的“矩形屬性”中將“半徑”設定為12 px來調整其圓度。

第4步

在新增錨點工具（+）的幫助下，在其底邊的中心新增一個新錨點來完成雪橇，然後通過按刪除來開啟形狀的路徑選擇並移除它。

第5步

使用36x12 px矩形建立雪橇的頂部中心木條，使用＃8195C1進行著色，給出8 px厚的輪廓（＃2B3249）分組（Ctrl + G）並將兩個定位在距繪圖48 px的位置區域的頂部邊緣。

第6步

建立第二個木條，使用我們已經擁有的副本（Ctrl + C> Ctrl + F），我們將定位到雪橇的下部，使用對齊面板與原始位置相距32 px垂直分佈間距選項。

完成後，使用Ctrl + G鍵盤快捷鍵選擇並將兩個圖形組合在一起。

第7步

開始在雪橇上工作，建立一個12x88畫素的矩形，使用＃EDA672進行著色，然後定位到雪橇的左側，中心對齊兩個木條。

第8步

將其左上角的半徑設定為8 px來調整我們剛剛建立的形狀，使得到的形狀建立8 px寬輪廓（＃2B3249）和兩個4x4 px圓圈（＃2B3249），距離為距離木條的四角16畫素。

完成後，使用Ctrl + G鍵盤快捷鍵選擇所有組成形狀並將其組合在一起。

第9步

使用我們剛剛完成的副本（Ctrl + C> Ctrl + F）建立雪橇的右側部分，我們將其定位到雪橇的另一側，方便垂直翻轉（右鍵單擊>變換>反射>垂直）。

第10步

完成雪橇，使用12x88 px矩形（＃EDA672）和8 px輪廓（＃2B3249）和兩個4x4 px螺栓（＃2B3249）建立雪橇的中間部分，我們將其進行分組（Ctrl + G）然後居中對齊其他兩個部分。

完成後，不要忘記使用Ctrl + G鍵盤快捷鍵選擇並分組所有圖示的合成部分。

（本教程由尋圖示​​​​​​​https://icon.52112.com提供）

 

建立熱水瓶圖示

現在已經到了我們的第三個也是最後一個圖示，移動到最後一層，放大它的參考網格，讓我們開始處理熱水瓶。

第1步

使用44x64 px矩形建立熱水瓶的下部，並使用＃8195C1進行著色，然後將中心對齊到下面的繪圖區域，距離其底部邊緣4 px。

第2步

通過在“變形”面板的“矩形屬性”中將其底角的半徑設定為8 px，調整我們剛剛建立的形狀。

第3步

給得到的形狀新增8px寬的輪廓（＃2B3249），接著是8px寬的水平分隔線（＃2B3249），將其放在距形底邊的可見部分8px的距離處。

第4步

使用鋼筆工具（P）繪製小雪花，建立一個24 px寬4 px寬線段，對準熱水瓶的底部，然後建立一條距離為18 px從它的水平分隔線。

第5步

繪製兩個向內的箭頭（＃2B3249），然後選擇它們並用Ctrl + G鍵盤快捷鍵將它們組合在一起。

第6步

給我們剛剛完成的雪片部分建立副本（Ctrl + C> Ctrl + F），然後旋轉並建立垂直部分（右鍵單擊>變換>旋轉> 90）。完成後，將雪花片的組成部分分組（Control + G），對熱水瓶的下部進行相同的操作。

第7步

建立44x10 px矩形（＃DCE5F4）和8 px高的垂直分隔線（＃2B3249）建立熱水瓶的中心部分，我們將它們組合在一起（Ctrl + G）然後定位在上半部分的頂部，確保它們的輪廓重疊。

第8步

建立一個44x26畫素的矩形在圖示的上部，使用＃ED664C進行著色，然後將其中心對齊到中心部分的填充形狀，將其定位在距繪圖區域頂部邊緣16 px的位置。

第9步

使用描邊方法給出我們剛建立的8 px寬的輪廓（＃2B3249），然後使用4 px寬的筆（＃2B3249）建立小的裝飾鑽石，使用圓形連線，選擇和分組（Ctrl + G）之後將三個形狀一起。

第10步

建立一個36x12 px矩形來完成圖示的上半部分，用＃D34F3D進行著色，建立一個8 px寬的輪廓（＃2B3249）分組（Ctrl + G），然後將它們定位在之前的形狀上，以便它們的輪廓交疊。

第11步

建立一個12x32 px矩形開始建立杯子手柄，使用＃2B3249進行著色，然後定位到熱水瓶的右側，將其對準雪花，距離為10畫素。

第12步

完成圖示，去除手柄的填充色（Shift + X），然後將把手的右角調整為圓角半徑設定為8 px。

完成後，使用Ctrl + G鍵盤快捷鍵選擇並將所有圖示的合成部分組合在一起。

（本教程由尋圖示​​​​​​​https://icon.52112.com提供）

完成

文章最後歡迎大家到尋圖示​​​​​​​https://icon.52112.com收集下載海量圖示素材，讓我們一起學習共同進步。