
創(chuàng)建新的項(xiàng)目文件
啟動(dòng)并在后臺(tái)運(yùn)行Illustrator,創(chuàng)建新文檔(文件>新建或Control-N)
畫(huà)板數(shù)量:1
寬度:?800像素
高度:?600像素
單位:?像素
進(jìn)入“高級(jí)”選項(xiàng)卡:
色彩模式:RGB
柵格效果:屏幕(72ppi)
預(yù)覽模式:默認(rèn)

設(shè)置自定義網(wǎng)格
創(chuàng)建新文件之后我們需要?jiǎng)?chuàng)建一個(gè)合適的網(wǎng)格方便之后繪制圖標(biāo)過(guò)程中觀察水平和位置
第1步
轉(zhuǎn)到編輯>首選項(xiàng)>參考線和網(wǎng)格子菜單,然后進(jìn)行以下設(shè)置:
網(wǎng)格線:1 px
細(xì)分:1

設(shè)置圖層
打開(kāi)“圖層”面板,創(chuàng)建五個(gè)圖層,將它們重命名如下:
第1層:參考網(wǎng)格
第2層:第一個(gè)仙人掌
第3層:第二個(gè)仙人掌
第4層:第三個(gè)仙人掌
第5層:第四個(gè)仙人掌

創(chuàng)建參考網(wǎng)格
第1步
首先鎖定除參考網(wǎng)格圖層以外的所有圖層,然后選擇矩形工具(M)創(chuàng)建一個(gè)128 x 128像素的橙色(#F15A24)方塊

第2步
創(chuàng)建一個(gè)較小的120 x 120像素(#FFFFFF)方形,將它放置在上一個(gè)形狀的頂部,作為我們的活動(dòng)繪圖區(qū)域,從而為我們的圖標(biāo)提供4 px的邊緣填充

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

創(chuàng)建第一個(gè)仙人掌圖標(biāo)
假如我們已經(jīng)完成了參考網(wǎng)格的創(chuàng)建,接下來(lái)進(jìn)入到下一層(這將是第二層),然后創(chuàng)建第一個(gè)圖標(biāo)開(kāi)始第一個(gè)圖標(biāo)的繪制
第1步
首先使用68 x 32 px圓角矩形和8 px創(chuàng)建植物的陶瓷罐,使用#E5E5E5進(jìn)行著色 ,然后將它中心對(duì)齊到下面的活動(dòng)繪圖區(qū)域,距底邊4 px的位置

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

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

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

第5步
調(diào)整我們剛剛創(chuàng)建的形狀,選擇矩形兩角的錨點(diǎn)進(jìn)入變形面板的矩形屬性中將其頂角的半徑設(shè)置為14像素

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

第7步
選擇兩條紋理進(jìn)行分組然后創(chuàng)建一個(gè)條紋副本,作為剪貼蒙版使用(復(fù)制完成后,選擇圖形和描邊,然后右鍵單擊>制作剪貼蒙版)

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

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

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

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

第12步
給植物一個(gè)8 px的輪廓(#3A2E2A),然后在其底部邊緣的中心繪制一條38 px長(zhǎng)4 px寬的垂線(#3A2E2A),完成后,使用Control-G鍵盤(pán)快捷鍵選擇所有組成形狀組合在一起

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

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

第15步
創(chuàng)建一個(gè)圓角端點(diǎn)96像素長(zhǎng),8像素寬的線條(#3A2E2A)繪制圖標(biāo)的水平線,將對(duì)齊到活動(dòng)繪圖區(qū)域的左下角

第16步
接下來(lái)依舊使用前一步的參數(shù)繪制一條4 px長(zhǎng)8 px寬的線條

創(chuàng)建第二個(gè)仙人掌圖標(biāo)
假設(shè)我們已經(jīng)完成了第一個(gè)圖標(biāo)的工作,接下來(lái)我們鎖定它的圖層,然后進(jìn)入到下一個(gè)圖標(biāo)的繪制
第1步
使用68 x 40 px圓角矩形(#E5E5E5)創(chuàng)建8 px 圓角半徑8 px輪廓(#3A2E2A)陶瓷罐,將陶瓷罐進(jìn)行分組(Control-G)然后將其居中對(duì)齊到活動(dòng)繪圖區(qū)域的底部

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

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

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

第5步
通過(guò)在其中心添加64 px高8 px厚的行程線(#3A2E2A)將中心部分分成兩半,選擇并將所有工廠的組成形狀分組(Control-G),然后再進(jìn)行下一步

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

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

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

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

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

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

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

創(chuàng)建第三個(gè)仙人掌圖標(biāo)
第1步
使用8 px圓角半徑和8 px輪廓(#3A2E2A)68 x 32 px圓角矩形(#E5E5E5)創(chuàng)建陶瓷罐,將罐子進(jìn)行分組(Control-G),然后將其中心對(duì)齊到活動(dòng)繪圖區(qū)域的底部

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

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

第4步
創(chuàng)建三個(gè)對(duì)角紋理線#88AF66?,進(jìn)行分組(Control-G),然后使用底層圓形的副本(Control-C> Control-F)對(duì)它們進(jìn)行遮罩

第5步
給仙人掌的主體部分添加一個(gè)8像素的輪廓(#3A2E2A),然后選擇所有組成形狀并進(jìn)行分組(Control-G)

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

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

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

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

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

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

第12步
選擇上一個(gè)圖標(biāo)的水平線創(chuàng)建副本(Control-C),粘貼(Control-F)到當(dāng)前圖標(biāo)的下方作為水平線

創(chuàng)建第四個(gè)仙人掌圖標(biāo)
接下來(lái)我們開(kāi)始繪制最后一個(gè)圖標(biāo)
第1步
首先使用8 px 圓角半徑和8 px粗輪廓(#3A2E2A)68 x 24像素的圓角矩形(#E5E5E5)創(chuàng)建陶瓷花盆,將創(chuàng)建的圖形進(jìn)行分組(Control-G)然后居中對(duì)齊到活動(dòng)繪圖區(qū)域的底部邊緣

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

第3步
創(chuàng)建一個(gè)24 x 24 px圓(#A9D884)作為仙人掌的主體形狀,將它中心對(duì)齊到活動(dòng)繪圖區(qū)域,距離頂部邊緣4 px的位置

第4步
創(chuàng)建另一個(gè)稍大的44 x 44 px圓圈(#A9D884),將其定位在距離較小圓圈24 px的位置

第5步
使用直接選擇工具(A)選擇兩個(gè)圓形的內(nèi)部錨點(diǎn)?然后按Delete刪除它們,打開(kāi)兩個(gè)圓的路徑

第6步
選擇兩個(gè)錨點(diǎn)然后點(diǎn)擊Control-J組合鍵兩次將兩個(gè)路徑合并為一個(gè)更大的形狀

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

第8步
使用#88AF66的筆觸顏色添加對(duì)角紋理線,使用底層形狀的副本(Control-C> Control-F)作為蒙版遮蓋多出的條紋(右鍵單擊>制作剪貼蒙版)

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

第10步
將我們剛剛分組的形狀放在陶瓷罐后面(右鍵單擊>排列>后移一層),使用Control-G鍵盤(pán)快捷鍵選擇并將兩個(gè)形狀組合在一起

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

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

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

圖標(biāo)完成啦
