平面設計:繪製一組創意的仙人掌圖標


平面設計:繪製一組創意的仙人掌圖標

(本教程由尋圖標icon.52112.com提供)



1.創建新的項目文件

啟動並在後臺運行Illustrator,創建新文檔文件>新建Control-N):

畫板數量: 1

寬度: 800像素

高度: 600像素

單位: 像素

進入“ 高級”選項卡:

色彩模式:

RGB

柵格效果:屏幕(72ppi)

預覽模式:默認


平面設計:繪製一組創意的仙人掌圖標


2.設置自定義網格

創建新文件之後我們需要創建一個合適的網格方便之後繪製圖標過程中觀察水平和位置。

第1步

轉到編輯>首選項>參考線和網格子菜單,然後進行以下設置:

網格線: 1 px

細分: 1


平面設計:繪製一組創意的仙人掌圖標


3.設置圖層

打開“ 圖層”面板,創建五個圖層,將它們重命名如下:

第1層:參考網格

第2層:第一個仙人掌

第3層:第二個仙人掌

第4層:第三個仙人掌

第5層:第四個仙人掌


平面設計:繪製一組創意的仙人掌圖標


4.創建參考網格

第1步

首先鎖定除“參考網格”圖層以外的所有圖層,然後選擇矩形工具(M)創建一個128 x 128像素的橙色(#F15A24)方塊。


平面設計:繪製一組創意的仙人掌圖標


第2步

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


平面設計:繪製一組創意的仙人掌圖標


第3步

使用Control-G 鍵盤快捷鍵選擇兩個正方形並將它們組合在一起,然後將它們居中對齊到底層的畫板。創建三個副本(Control-C> Control-F三次)將原始水平距離設置為40像素,鎖定當前圖層,然後再轉到下一部分的繪製。


平面設計:繪製一組創意的仙人掌圖標

(本教程由尋圖標icon.52112.com提供)



5.創建第一個仙人掌圖標

假如我們已經完成了參考網格的創建,接下來進入到下一層(這將是第二層),然後創建第一個圖標開始第一個圖標的繪製。

第1步

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


平面設計:繪製一組創意的仙人掌圖標


第2步

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


平面設計:繪製一組創意的仙人掌圖標


第3步

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


平面設計:繪製一組創意的仙人掌圖標


第4步

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


平面設計:繪製一組創意的仙人掌圖標


第5步

調整我們剛剛創建的形狀,選擇矩形兩角的錨點進入“ 變形”面板的“ 矩形屬性”中將其頂角的半徑設置為14像素


平面設計:繪製一組創意的仙人掌圖標


第6步

接下來,選擇鋼筆工具(P)調整為4 px粗細(#6D894E)和8 px粗細(寬度配置文件5)繪製兩條仙人掌紋理線。


平面設計:繪製一組創意的仙人掌圖標


第7步

選擇兩條紋理進行分組然後創建一個條紋副本,作為剪貼蒙版使用。(複製完成後,選擇圖形和描邊,然後右鍵單擊>製作剪貼蒙版。)


平面設計:繪製一組創意的仙人掌圖標


第8步

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


平面設計:繪製一組創意的仙人掌圖標


第9步

創建66 px4 px寬的圓端點線條(#3A2E2A)添加仙人掌中間的垂直線,將它對齊到植物的底部邊緣。完成後,選擇並將所有形狀組合(Control-G)在一起,然後再繼續下一步。


平面設計:繪製一組創意的仙人掌圖標


第10步

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


平面設計:繪製一組創意的仙人掌圖標


第11步

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


平面設計:繪製一組創意的仙人掌圖標


第12步

給植物一個8 px的輪廓(#3A2E2A),然後在其底部邊緣的中心繪製一條38 px4 px寬的線(#3A2E2A)。完成後,使用Control-G 鍵盤快捷鍵選擇所有組成形狀組合在一起。


平面設計:繪製一組創意的仙人掌圖標


第13步

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


平面設計:繪製一組創意的仙人掌圖標


第14步

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


平面設計:繪製一組創意的仙人掌圖標


第15步

創建一個圓角端點96像素長8像素寬的線條(#3A2E2A)繪製圖標的水平線,將對齊到活動繪圖區域的左下角。


平面設計:繪製一組創意的仙人掌圖標


第16步

接下來依舊使用前一步的參數繪製一條4 px8 px寬的線條。


平面設計:繪製一組創意的仙人掌圖標

(本教程由尋圖標icon.52112.com提供)



6.創建第二個仙人掌圖標

假設我們已經完成了第一個圖標的工作,接下來我們鎖定它的圖層,然後進入到下一個圖標的繪製。

第1步

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


平面設計:繪製一組創意的仙人掌圖標


第2步

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


平面設計:繪製一組創意的仙人掌圖標


第3步

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


平面設計:繪製一組創意的仙人掌圖標


第4步

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


平面設計:繪製一組創意的仙人掌圖標


第5步

通過在其中心添加64 px8 px厚的行程線(#3A2E2A)將中心部分分成兩半,選擇並將所有工廠的組成形狀分組(Control-G),然後再進行下一步。


平面設計:繪製一組創意的仙人掌圖標


第6步

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


平面設計:繪製一組創意的仙人掌圖標


第7步

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


平面設計:繪製一組創意的仙人掌圖標


第8步

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


平面設計:繪製一組創意的仙人掌圖標


第9步

創建我們剛剛繪製圖形的副本(Control-C> Control-F)點擊鏡像工具(O)進行垂直複製,將其定位到花瓣的另一側。選擇所有花瓣進行分組(Control-G)將它們定位在仙人球的後方右鍵單擊>排列>移到下一層。


平面設計:繪製一組創意的仙人掌圖標


第10步

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


平面設計:繪製一組創意的仙人掌圖標


第11步

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


平面設計:繪製一組創意的仙人掌圖標


第12步

使用第一個圖標創建的地平線副本(Control-C)添加到仙人球圖標的前面。完成後,選擇並給整個的圖標進行分組(Control-G),然後進行下一步的操作。


平面設計:繪製一組創意的仙人掌圖標

(本教程由尋圖標icon.52112.com提供)



7.創建第三個仙人掌圖標

第1步

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


平面設計:繪製一組創意的仙人掌圖標


第2步

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


平面設計:繪製一組創意的仙人掌圖標


第3步

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


平面設計:繪製一組創意的仙人掌圖標


第4步

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


平面設計:繪製一組創意的仙人掌圖標


第5步

給仙人掌的主體部分添加一個8像素的輪廓(#3A2E2A),然後選擇所有組成形狀並進行分組(Control-G)。


平面設計:繪製一組創意的仙人掌圖標


第6步

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


平面設計:繪製一組創意的仙人掌圖標


第7步

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


平面設計:繪製一組創意的仙人掌圖標


第8步

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


平面設計:繪製一組創意的仙人掌圖標


第9步

選擇並給完成部分進行分組(Control-G)將它們發送到底部(右鍵單擊>排列>後移一層),然後再繼續下一步。


平面設計:繪製一組創意的仙人掌圖標


第10步

使用14 x 12 px(#BAB6B3)和8 px粗輪廓(#3A2E2A)的橢圓創建小岩石,將其進行分組(Control-G)然後定位到陶瓷罐的左側,之後將它發送到陶瓷罐後面(右鍵單擊>排列>後移一層)。


平面設計:繪製一組創意的仙人掌圖標


第11步

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


平面設計:繪製一組創意的仙人掌圖標


第12步

選擇上一個圖標的水平線創建副本(Control-C),粘貼(Control-F)到當前圖標的下方作為水平線。


平面設計:繪製一組創意的仙人掌圖標

(本教程由尋圖標icon.52112.com提供)



8.創建第四個仙人掌圖標

接下來我們開始繪製最後一個圖標。

第1步

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


平面設計:繪製一組創意的仙人掌圖標


第2步

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


平面設計:繪製一組創意的仙人掌圖標


第3步

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


平面設計:繪製一組創意的仙人掌圖標


第4步

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


平面設計:繪製一組創意的仙人掌圖標


第5步

使用直接選擇工具(A)選擇兩個圓形的內部錨點 然後按Delete刪除它們,打開兩個圓的路徑。


平面設計:繪製一組創意的仙人掌圖標


第6步

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


平面設計:繪製一組創意的仙人掌圖標


第7步

調整生成的形狀,使用“ 將選定的錨點轉換為平滑”調整錨點的方向使圖形輪廓變得圓滑起來。


平面設計:繪製一組創意的仙人掌圖標


第8步

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


平面設計:繪製一組創意的仙人掌圖標


第9步

給仙人掌添加一個8 px的輪廓(#3A2E2A),然後在其底部邊緣的中心繪製一條80 px4 px寬的中垂線(#3A2E2A)。完成後,使用Control-G 鍵盤快捷鍵選擇所有組成形狀並將其組合在一起。


平面設計:繪製一組創意的仙人掌圖標


第10步

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


平面設計:繪製一組創意的仙人掌圖標


第11步

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


平面設計:繪製一組創意的仙人掌圖標


第12步

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


平面設計:繪製一組創意的仙人掌圖標


第13步

使用同樣的操作創建仙人掌盆栽的水平線,放置在圖標的頂層。


平面設計:繪製一組創意的仙人掌圖標


圖標完成!


平面設計:繪製一組創意的仙人掌圖標

(本教程由尋圖標icon.52112.com提供)




分享到:


相關文章: