AI圖標(biāo)設(shè)計，用AI設(shè)計一組仙人掌的圖標(biāo)

創(chuàng)作一幅很可愛的仙人掌植物圖標(biāo)，整個圖標(biāo)繪制比較長，同學(xué)們可以根據(jù)教程來制作一下，相信你可以完成的更好，圖標(biāo)制作一直是很多同學(xué)們不想練習(xí)的，比較長，又沒有耐心去做完，其實只要肯動手制作還是比較有趣的，具體我們通過教程來學(xué)習(xí)一下吧，一定要動手制作噢。

效果圖：

m.tgudhdp.cn

（本教程由尋圖標(biāo)icon.52112.com提供）

1.創(chuàng)建新的項目文件

啟動并在后臺運行Illustrator，創(chuàng)建新文檔（文件>新建或Control-N）：

畫板數(shù)量：1

寬度：800像素

高度：600像素

單位：像素

進入“高級”選項卡：

色彩模式：RGB

柵格效果：屏幕（72ppi）

預(yù)覽模式：默認(rèn)

2.設(shè)置自定義網(wǎng)格

創(chuàng)建新文件之后我們需要創(chuàng)建一個合適的網(wǎng)格方便之后繪制圖標(biāo)過程中觀察水平和位置。

第1步

轉(zhuǎn)到編輯>首選項>參考線和網(wǎng)格子菜單，然后進行以下設(shè)置：

網(wǎng)格線：1 px

細(xì)分：1

3.設(shè)置圖層

打開“圖層”面板，創(chuàng)建五個圖層，將它們重命名如下：

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

第2層：第一個仙人掌

第3層：第二個仙人掌

第4層：第三個仙人掌

第5層：第四個仙人掌

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

第1步

首先鎖定除“參考網(wǎng)格”圖層以外的所有圖層，然后選擇矩形工具（M）創(chuàng)建一個128 x 128像素的橙色（#F15A24）方塊。

第2步

接下來創(chuàng)建一個較小的120 x 120像素（#FFFFFF）方形，將它放置在上一個形狀的頂部，作為我們的活動繪圖區(qū)域，從而為我們的圖標(biāo)提供4 px的邊緣填充。

第3步

使用Control-G鍵盤快捷鍵選擇兩個正方形并將它們組合在一起，然后將它們居中對齊到底層的畫板。創(chuàng)建三個副本（Control-C> Control-F三次）將原始水平距離設(shè)置為40像素，鎖定當(dāng)前圖層，然后再轉(zhuǎn)到下一部分的繪制。

（本教程由尋圖標(biāo)icon.52112.com提供）

5.創(chuàng)建第一個仙人掌圖標(biāo)

假如我們已經(jīng)完成了參考網(wǎng)格的創(chuàng)建，接下來進入到下一層（這將是第二層），然后創(chuàng)建第一個圖標(biāo)開始第一個圖標(biāo)的繪制。

第1步

首先使用68 x 32 px圓角矩形和8 px創(chuàng)建植物的陶瓷罐，使用#E5E5E5進行著色 ，然后將它中心對齊到下面的活動繪圖區(qū)域，距底邊4 px的位置。

第2步

使用描邊為我們剛剛創(chuàng)建的形狀添加輪廓，創(chuàng)建它的副本（Control-C），將其粘貼（Control-F）在圖形前面，然后將其顏色更改為#3A2E2A。使用它的筆觸（Shift-X）翻轉(zhuǎn)副本的填充。

第3步

創(chuàng)建68 px長4 px的線條（#3A2E2A）給圓角矩形添加水平線條，將其居中對齊到陶盆的上半部分，距離頂部邊緣4 px的位置。完成后，使用Control-G鍵盤快捷鍵選擇并將所有形狀組合在一起。

第4步

使用28 x 80 px矩形（#88AF66）創(chuàng)建植物的主體，將其定位在花盆頂部，放置在距離活動繪圖區(qū)域右邊緣38 px的位置。

第5步

調(diào)整我們剛剛創(chuàng)建的形狀，選擇矩形兩角的錨點進入“變形”面板的“矩形屬性”中將其頂角的半徑設(shè)置為14像素。

第6步

接下來，選擇鋼筆工具（P）調(diào)整為4 px粗細(xì)（#6D894E）和8 px粗細(xì)（寬度配置文件5）繪制兩條仙人掌紋理線。

第7步

選擇兩條紋理進行分組然后創(chuàng)建一個條紋副本，作為剪貼蒙版使用。（復(fù)制完成后，選擇圖形和描邊，然后右鍵單擊>制作剪貼蒙版。）

第8步

使用描邊為仙人掌提供8 px的輪廓，將其顏色設(shè)置為#3A2E2A。

第9步

創(chuàng)建66 px長4 px寬的圓端點線條（#3A2E2A）添加仙人掌中間的垂直線，將它對齊到植物的底部邊緣。完成后，選擇并將所有形狀組合（Control-G）在一起，然后再繼續(xù)下一步。

第10步

創(chuàng)建28 x 52 px矩形（#A9D884）作為左側(cè)的仙人掌主體，通過在“變換”面板的“矩形屬性”中將其頂角的半徑設(shè)置為14 px。將生成的形狀放在花盆頂部，距離活動繪圖區(qū)域的左邊緣38 px的位置。

第11步

使用同樣的方法給圖形添加兩條傾斜的紋理線。

第12步

給植物一個8 px的輪廓（#3A2E2A），然后在其底部邊緣的中心繪制一條38 px長4 px寬的垂線（#3A2E2A）。完成后，使用Control-G鍵盤快捷鍵選擇所有組成形狀組合在一起。

第13步

使用14 x 12 px橢圓（#BAB6B3）和8 px輪廓（#3A2E2A）繪制小巖石，將其進行分組（Control-G），然后定位在花盆右邊緣的頂部，將其發(fā)送到較大巖石的下方（右鍵單擊>排列>后移一層）。

第14步

選擇鋼筆工具（P），使用#9B928E作為填充顏色選擇8 px輪廓（#3A2E2A），將連接設(shè)置為圓形連接，給圖形進行分組（Control-G），然后將兩個圖形定位在陶瓷罐后面（右擊>排列>后移一層）。在進入下一步之前，不要忘記選擇和分組（Control-G）目前為止我們創(chuàng)建的所有形狀。

第15步

創(chuàng)建一個圓角端點96像素長，8像素寬的線條（#3A2E2A）繪制圖標(biāo)的水平線，將對齊到活動繪圖區(qū)域的左下角。

第16步

接下來依舊使用前一步的參數(shù)繪制一條4 px長8 px寬的線條。

（本教程由尋圖標(biāo)icon.52112.com提供）

6.創(chuàng)建第二個仙人掌圖標(biāo)

假設(shè)我們已經(jīng)完成了第一個圖標(biāo)的工作，接下來我們鎖定它的圖層，然后進入到下一個圖標(biāo)的繪制。

第1步

使用68 x 40 px圓角矩形（#E5E5E5）創(chuàng)建8 px 圓角半徑8 px輪廓（#3A2E2A）陶瓷罐，將陶瓷罐進行分組（Control-G）然后將其居中對齊到活動繪圖區(qū)域的底部。

第2步

創(chuàng)建68 px長4 px寬的直線（#3A2E2A）添加陶瓷罐的水平線條，將其居中對齊到距離頂部4 px的位置。完成后，選擇并將所有三個形狀組合在一起（Control-G），然后再繼續(xù)下一步。

第3步

使用64 x 64 px圓（#A9D884）和8 px輪廓（#3A2E2A）創(chuàng)建仙人球主體形狀，選擇的并將其進行分組（Control-G），中心對齊到陶瓷罐。

第4步

使用8 px輪廓（#3A2E2A）34 x 64 px大小的橢圓（#88AF66）添加仙人球的內(nèi)部部分，將其進行分組（Control-G），然后中心對齊到其較大的形狀。

第5步

通過在其中心添加64 px高8 px厚的行程線（#3A2E2A）將中心部分分成兩半，選擇并將所有工廠的組成形狀分組（Control-G），然后再進行下一步。

第6步

由于我們希望仙人球位于陶瓷罐后面，所以首先我們要選擇它，然后通過右鍵單擊>排列>后移一層將其定位在陶瓷罐后面。

第7步

使用8 px輪廓（#3A2E2A）12 x 16 px大小的橢圓（#EF835E）創(chuàng)建仙人掌的中心花瓣，將其分組（Control-G）然后居中對齊到活動繪圖區(qū)域的頂部邊緣

第8步

使用16 x 16 px矩形（#EF835E）創(chuàng)建左邊花瓣，通過在“變形”面板的“矩形屬性”中將其左下角和右上角的角半徑設(shè)置為12 px。使得到的形狀具有8px厚的輪廓，設(shè)置為圓形連接，進行分組（Control-G），然后將兩者定位在花瓣側(cè)面。#3A2E2A

第9步

創(chuàng)建我們剛剛繪制圖形的副本（Control-C> Control-F）點擊鏡像工具（O）進行垂直復(fù)制，將其定位到花瓣的另一側(cè)。選擇所有花瓣進行分組（Control-G）將它們定位在仙人球的后方右鍵單擊>排列>移到下一層。

第10步

使用8 px輪廓（#3A2E2A）、16 x 14 px大小橢圓（#BAB6B3）創(chuàng)建小巖石，將其進行分組（Control-G），然后將底部對齊到陶瓷罐的主體，距離右邊緣4 px的位置。

第11步

使用8 px輪廓#3A2E2A填充顏色#9B928E的鋼筆工具繪制陶瓷罐后面的巖石，使用圓形連接，分組（Control-G），然后將兩個形狀定位在其他形狀下方（右鍵單擊>排列>后移一層）。

第12步

使用第一個圖標(biāo)創(chuàng)建的地平線副本（Control-C）添加到仙人球圖標(biāo)的前面。完成后，選擇并給整個的圖標(biāo)進行分組（Control-G），然后進行下一步的操作。

（本教程由尋圖標(biāo)icon.52112.com提供）

7.創(chuàng)建第三個仙人掌圖標(biāo)

第1步

使用8 px圓角半徑和8 px輪廓（#3A2E2A）68 x 32 px圓角矩形（#E5E5E5）創(chuàng)建陶瓷罐，將罐子進行分組（Control-G），然后將其中心對齊到活動繪圖區(qū)域的底部。

第2步

使用68 px長4 px寬的線條（#3A2E2A）給罐子添加水平細(xì)節(jié)線，將其定位在距陶瓷罐頂部4 px的位置。完成后，選擇三個形狀并使用Control-G鍵盤快捷鍵將它們組合在一起。

第3步

創(chuàng)建64 x 64 px圓（#A9D884）作為仙人掌的主體形狀，將其中心對齊到陶瓷罐，將其定位在距活動繪圖區(qū)域頂部邊緣28 px的位置。

第4步

創(chuàng)建三個對角紋理線#88AF66，進行分組（Control-G），然后使用底層圓形的副本（Control-C> Control-F）對它們進行遮罩。

第5步

給仙人掌的主體部分添加一個8像素的輪廓（#3A2E2A），然后選擇所有組成形狀并進行分組（Control-G）。

第6步

使用36 x 36 px圓（#88AF66）創(chuàng)建仙人掌的左上部分，在上面將添加對角紋理線（#6D894E）并賦予8 px粗輪廓（#3A2E2A）。選擇并將三個形狀組合（Control-G）在一起，將它們與活動繪圖區(qū)域的上邊緣對齊，確保將它們放在陶瓷罐的后面（右鍵單擊>排列>后移一層）。

第7步

使用16 x 16 px（#A9D884）和8 px粗輪廓（#3A2E2A）的圓添加一個較小的仙人掌部分，進行分組（Control-G），然后將其定位到先前創(chuàng)建形狀的右側(cè)。

第8步

使用同樣的方法創(chuàng)建帶有條紋圖案的圓形仙人掌，放置在仙人掌主體部分的右上方。

第9步

選擇并給完成部分進行分組（Control-G）將它們發(fā)送到底部（右鍵單擊>排列>后移一層），然后再繼續(xù)下一步。

第10步

使用14 x 12 px（#BAB6B3）和8 px粗輪廓（#3A2E2A）的橢圓創(chuàng)建小巖石，將其進行分組（Control-G）然后定位到陶瓷罐的左側(cè)，之后將它發(fā)送到陶瓷罐后面（右鍵單擊>排列>后移一層）。

第11步

使用#9B928E填充顏色8 px輪廓（#3A2E2A）的線條繪制出巖石的形狀，使用圓形連接，給巖石進行分組（Control-G），然后將巖石放置在陶瓷罐后面（右鍵單擊>排列>后移一層）。

第12步

選擇上一個圖標(biāo)的水平線創(chuàng)建副本（Control-C），粘貼（Control-F）到當(dāng)前圖標(biāo)的下方作為水平線。

（本教程由尋圖標(biāo)icon.52112.com提供）

8.創(chuàng)建第四個仙人掌圖標(biāo)

接下來我們開始繪制最后一個圖標(biāo)。

第1步

首先使用8 px 圓角半徑和8 px粗輪廓（#3A2E2A）68 x 24像素的圓角矩形（#E5E5E5）創(chuàng)建陶瓷花盆，將創(chuàng)建的圖形進行分組（Control-G）然后居中對齊到活動繪圖區(qū)域的底部邊緣。

第2步

使用68 px長4 px寬的線條（#3A2E2A）添加陶瓷罐水平細(xì)節(jié)線，將其定位在距陶瓷罐頂部邊緣4 px的位置。完成后，選擇三個形狀并使用Control-G鍵盤快捷鍵將它們組合在一起。

第3步

創(chuàng)建一個24 x 24 px圓（#A9D884）作為仙人掌的主體形狀，將它中心對齊到活動繪圖區(qū)域，距離頂部邊緣4 px的位置。

第4步

創(chuàng)建另一個稍大的44 x 44 px圓圈（#A9D884），將其定位在距離較小圓圈24 px的位置。

第5步

使用直接選擇工具（A）選擇兩個圓形的內(nèi)部錨點然后按Delete刪除它們，打開兩個圓的路徑。

第6步

選擇兩個錨點然后點擊Control-J組合鍵兩次將兩個路徑合并為一個更大的形狀。

第7步

調(diào)整生成的形狀，使用“將選定的錨點轉(zhuǎn)換為平滑”調(diào)整錨點的方向使圖形輪廓變得圓滑起來。

第8步

使用#88AF66的筆觸顏色添加對角紋理線，使用底層形狀的副本（Control-C> Control-F）作為蒙版遮蓋多出的條紋（右鍵單擊>制作剪貼蒙版）。

第9步

給仙人掌添加一個8 px的輪廓（#3A2E2A），然后在其底部邊緣的中心繪制一條80 px高4 px寬的中垂線（#3A2E2A）。完成后，使用Control-G鍵盤快捷鍵選擇所有組成形狀并將其組合在一起。

第10步

將我們剛剛分組的形狀放在陶瓷罐后面（右鍵單擊>排列>后移一層），使用Control-G鍵盤快捷鍵選擇并將兩個形狀組合在一起。

第11步

使用8 px輪廓（#3A2E2A）22 x 16 px大小的橢圓（#BAB6B3）添加較小的巖石，將巖石形狀進行分組（Control-G）然后定位到陶瓷罐的右側(cè)，距離陶瓷罐右邊緣4 px的位置。

第12步

選擇8 px輪廓（#3A2E2A）填充顏色#9B928E的鋼筆工具繪制巖石，將圖形調(diào)整為圓形連接，進行分組（Control-G），然后將它們放置在陶瓷罐后面（右鍵單擊>排列>后移一層）。

第13步

使用同樣的操作創(chuàng)建仙人掌盆栽的水平線，放置在圖標(biāo)的頂層。

圖標(biāo)完成！

（本教程由尋圖標(biāo)icon.52112.com提供）

比較可愛，制作起來也比較簡單，同學(xué)們要耐心去制作。