Illustrator繪製復古風格的相機圖標教程

本教程主要使用Illustrator繪製扁平化風格的復古相機圖標，這類的圖標很漂亮的說，感興趣的朋友一起來學習吧。

先看看效果圖：

一：建立畫布，和建立網格

二：畫相機身體

1.點擊畫布中心，使用矩形工具(M)繪製一個(#e3e3e3)寬300，高170的大矩形。

2.點擊畫布中心，使用矩形工具(M) 繪製一個寬130，高20的矩形，調整並放到上個矩形的左上方，同時選中兩個矩形，然後在[路徑查找器]面板上點擊減去頂層。

3.點擊畫布中心，使用矩形工具(M) 繪製一個寬30，高18的矩形，然後把它放到大矩形的右上角，使用直接選擇工具(A)選擇矩形，然後刪除它左下角的節點，然後它就變成了三角形，然後同時選擇這個小三角加上大矩形，在[路徑查找器]面板上點擊減去頂層。

4.點擊畫布中心，使用矩形工具(M) 繪製一個 (#ebbd63) 寬300，高104的矩形，把這個矩形移動到距離大矩形的底部16px處，在變換面板上把這個矩形的左下角設置為8px。

5.點擊畫布中心，使用矩形工具(M) 繪製一個寬278，高44的矩形，移動到距離大矩形的底部126px，同時選擇這個矩形和大矩形，用形狀生成器工具(shift-M)減去左上角區域形成的重合區域。

6.選中矩形，並將它複製(Control-C)並粘貼(Control-F)，並把它後移一層【對象】>【變換】>【後移一層】，並填充顏色 #c4c4c4，將它向下移動直到出現剪頭指向的頁面。

7.點擊畫布中心，使用矩形工具(M) 繪製一個 (#c4c4c4) 寬2，高46的矩形，將它移動到下圖所示的圖片的位置，再另外繪製一個 (#c4c4c4) 寬300，高2的矩形，將它移動到下面第二張圖片的位置。

三：畫相機鏡頭( 藉助橢圓工具)

1.在工具欄上用橢圓工具(L)點擊畫布，在彈出框上設置寬120,高120，填充顏色為#c4c4c4，放到下面第二張圖的位置。

3.增加8個新橢圓，可以直接新建一個橢圓後並將它複製(Control-C)並粘貼(Control-F)，與此同時，我們還要在【變換】面板上控制這8個圓的大小和所填充的色值，具體規格如下圖：

First ellipse: 104 x 104 px; #b5b5b5

Second ellipse: 100 x 100 px; #c7c7c7

Third ellipse: 96 x 96 px; #b5b5b5

Fourth ellipse: 88 x 88 px; #4f4f4f

Fifth ellipse: 84 x 84 px; #383838

Sixth ellipse: 60 x 60 px; #242424

Seventh ellipse: 56 x 56 px; #383838

Eighth ellipse: 44 x 44 px; #242424

4.用橢圓工具(L)繪製一個8*8的圓,填充顏色#fffdc7,再繪製一個32*32的圓，填充顏色#ffffff，並在【外觀】面板中的不透明度設置為10%。再繪製一個橢圓20*20，填充顏色為#fffdc7，並把不透明度設置為50%，把這兩個圓放到如下第二張圖所示。

5.選擇剛剛這三個圓並把他們編成組，用【旋轉】工具R，以裡面最小的圓為中心並旋轉45度。

6.用橢圓工具(L)繪製一個120*120的圓,填充顏色#000000，並把它後移一層【對象】>【變換】>【後移一層】，在【外觀】面板中的不透明度設置為20%，雙擊【選擇】工具，設置一個4px的垂直運動。

完成後，不要忘記推出隔離模式。

四：畫相機攝像頭

1.點擊畫布中心，使用矩形工具(M) 繪製一個 (#bababa )寬46，高2的矩形，把它移動8px，如下圖所示

2.點擊畫布中心，使用矩形工具(M) 繪製一對 (#999999 )寬12，高2的矩形，再使用矩形工具(M) 繪製一對 (#b0b0b0 )寬4，高2的矩形，他們的位置如圖所示。

3.點擊畫布中心，使用矩形工具(M) 繪製一個 (#d6d6d6)寬50，高12的矩形，把它放在剛剛創建的矩形上面。再創建12個小矩形 (#c4c4c4)寬2，高10，並把它們放到水平間隔2px的放到剛剛創建的矩形的邊緣，並編成組，如下圖所示。

4.點擊畫布中心，使用矩形工具(M) 繪製一個 (#dedede )寬42，高4的矩形，同時添加5個4px高的小矩形，它們的寬度如下圖所示

First rectangle (#9c9c9c): 6 px

Second rectangle (#d1d1d1): 4 px

Third rectangle (#d1d1d1): 4 px

Fourth rectangle (#bdbdbd): 10 px

Fifth rectangle (#9c9c9c): 8 px

6.點擊畫布中心，使用矩形工具(M) 繪製一個 (#d1d1d1)寬14，高2的矩形來作為刻度盤的按鈕，添加四個副本為2*2，顏色分別為#9c9c9c，#c9c9c9，如下圖所示

7.點擊畫布中心，使用矩形工具(M) 繪製三個矩形來作為刻度盤的另一個按鈕，分別為(#dedede)寬20，高2;(#9c9c9c)寬20，高2;(#d1d1d1)寬4，高2,並把它們三個編成組，放在離主按鈕水平方向2px處。

8.現在要畫取景器。使用矩形工具(M) 繪製一個 (#bdbdbd)寬44，高34的矩形，在【變換】面板上把四個角都改為3px。同時增加3個矩形，分別為(#383838)寬44，高26;(#454545)寬28，高16，圓角為3px;(#2b2b2b)寬16，高10，圓角為2px;

把以上所有的矩形都編成組。

10.然後畫這個相機的logo ,用橢圓工具(L)繪製一個16*16的圓,填充顏色#c64832，增加兩個矩形，分別為 (#ffffff)寬2，高4; (#ffffff)寬8，高2，把它們擺成L形，然後選中這兩個並編組，複製粘貼，把另外一個用旋轉工具旋轉180度，並分開間距為2px。

11.使用矩形工具(M) 繪製一個 (#3b3b3b)寬20，高14的矩形，橢圓工具(L)繪製一個10*10的圓,填充顏色#6b6b6b，與矩形水平垂直居中，並把它們兩個分組。

12.使用矩形工具(M) 繪製兩個矩形，分別為(#c4c4c4)寬36，高4;(#c4c4c4)寬12，高4，間距為2px，它們在相機中的位置如下圖所示。

13.現在用四個矩形來做一個撥號按鈕，具體的樣式如下圖所示：

First rectangle: 34 x 12 px (#e3e3e3)

Second rectangle: 8 x 12 px (#cfcfcf)

Third rectangle: 12 x 12 px (#c4c4c4)

Fourth rectangle: 28 x 2 px (#8a8a8a)

現在把這四個矩形編成組，按照如下圖所示的擺放，然後取消對齊網格，可以讓他自由旋轉，然後在【變換】面板上設置旋轉角度為329度，並把它後移一層【對象】>【變換】>【後移一層】。完成這步後，別忘了再激活對齊網格。

14.增加四個小矩形，具體的樣式如下圖所示：

First rectangle: 6 x 24 px (#3d3d3d)

Second rectangle: 6 x 20 px (#3d3d3d)

Third rectangle: 4 x 10 px (#d6d6d6)

Fourth rectangle: 2 x 10 px (#bfbfbf)

把第1個挪到左邊，第2個挪到右邊，還有2個放在相機的左下部分，如下圖所示：

15.繪製兩個12*12的圓,填充顏色#d8d9dd，保持水平對齊，繪製一個6*12的矩形，填充顏色#d8d9dd，並把他放在兩橢圓的中心，選中所有的，然後在【路徑查找器】面板上點聯合，再增加個8*8的圓然後重新選中全部，點擊【路徑查找器】面板的減去頂層。

16.另外畫一個12*12的圓，填充顏色#cca456，並把它後移一層【對象】>【變換】>【後移一層】。用形狀生成器工(Shift-M)，選中它們並減去圓突出的部分，並編組。複製粘貼，把另一個對稱放在如圖所示，【對象】>【變換】>【對稱】。

17.現在畫一個扣子，先畫一個16*16的圓,填充顏色#cca456，雙擊進入隔離模式，複製粘貼，並把另外一個填充顏色#cccccc，向上移動如下圖所示。

再繪製一個12*18的矩形，填充顏色#dbdbdb，然後再增加4個圓，具體的樣式如下圖所示：

First ellipse: 12 x 12 px; #e3e3e3

Second ellipse: 8 x 8 px; #cccccc

Third ellipse: 8 x 8 px; #e3e3e3

Fourth ellipse: 4 x 4 px; #cccccc

把這些圓編成組，然後扣子的位置如下圖所示

18.畫一個36*36的圓,填充顏色#cca456，雙擊進入隔離模式，複製粘貼，並把另外一個填充顏色#ebbd63，如下圖所示按照箭頭移動，然後再繪製一個28*28的圓,填充顏色#cca456，另外一個24*24的圓,填充顏色#ebbd63並向上移動，然後把它們編成組，移動到如下圖所示的位置。

19.現在要創建一個新的按鈕，先畫一個16*16的圓,填充顏色#cca456，複製粘貼，並把另外一個填充顏色#ebbd63，按照箭頭向上移動如下圖所示，繼續繪製8*8的圓,填充顏色#e3e3e3，複製粘貼，並把另外一個填充顏色#cccccc，並刪除上面的節點，用旋轉工具(R)以旋轉45度，然後再把它們編成組。

20.我們將做最後一部分，繪製12*26的圓,填充顏色#dbdbdb，12*12的矩形，填充顏色#cca456並把這個矩形複製粘貼，並把另外一個填充顏色#cccccc，並向上移動，效果如下圖所示，另外繪製一8*8的圓,填充顏色#e3e3e3，用直接選擇工具移動矩形的來個那個節點，如下圖所示。最後增加一個4*4的矩形,填充顏色#cccccc，複製粘貼，並把另外一個填充顏色#b5b5b5，並把它後移一層【對象】>【變換】>【後移一層】，並向下移動，然後把它們兩個編成組，用旋轉工具旋轉45度，放在如下圖所示的位置

21.繪製一個12*152的矩形，填充顏色#000000，把不透明度降低到10%，把它放到相機的左邊，再繪製一個12*164的矩形，填充顏色#000000，選擇相機和新建立的矩形，用形狀工具減去多餘的，同樣把不透明度降低到10%。

最近建立一個800*600，填充顏色#422e39作為背景，並它把向後移一層【對象】>【變換】>【後移一層】。

友情平台

平台自營微店

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！