手把手教你用Illustrator繪制扁平化風格的復古擬物相機圖標，教程主要介紹了相機身體、相機鏡頭、相機攝像頭的繪制過程，主要用到了矩形工具、橢圓工具、路徑查找器等，效果非常漂亮，下面讓我們開始繪制吧！

效果圖：

主要過程：

一：建立畫布，和建立網(wǎng)格

二：畫相機身體

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

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

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

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

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

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

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

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

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

2.選擇橢圓并右擊，選擇隔離選中的路徑，這個會幫助你只對選中路徑操作有效，不會對其他的形狀有任何影響，現(xiàn)在選擇這個橢圓并將它復制(Control-C)并粘貼(Control-F)，并填充顏色 #e3e3e3，然后設置一個-2px的值【對象】>【路徑】>【偏移路徑】，然后點擊ok。擴大圓的大小【對象】>【擴展外觀】。

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

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的矩形，把它放在剛剛創(chuàng)建的矩形上面。再創(chuàng)建12個小矩形 (#c4c4c4)寬2，高10，并把它們放到水平間隔2px的放到剛剛創(chuàng)建的矩形的邊緣，并編成組，如下圖所示。

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

5.點擊畫布中心，使用矩形工具(M) 繪制一對 (#d1d1d1)寬30，高4的矩形來作為兩個環(huán)，同時另外增加兩個矩形，分別為(#bdbdbd)寬6，高4;(#dedede)寬4，高4，把它們兩個矩形編成組，并復制粘貼，分別放到垂直4px處，如下圖所示

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

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

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

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

9.點擊畫布中心，使用矩形工具(M) 繪制 (#575757)寬34，高24的矩形來作為手電筒，添加(#6e6e6e) 寬2，高20的矩形，點擊直接選擇工具(A)選擇右邊兩個節(jié)點，上邊的向下挪1px，下邊的向上挪1px，并把這個復制粘貼出8個，水平間隔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.現(xiàn)在用四個矩形來做一個撥號按鈕，具體的樣式如下圖所示：

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)

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

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，并把他放在兩橢圓的中心，選中所有的，然后在【路徑查找器】面板上點聯(lián)合，再增加個8*8的圓然后重新選中全部，點擊【路徑查找器】面板的減去頂層。

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

17.現(xiàn)在畫一個扣子，先畫一個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.現(xiàn)在要創(chuàng)建一個新的按鈕，先畫一個16*16的圓,填充顏色#cca456，復制粘貼，并把另外一個填充顏色#ebbd63，按照箭頭向上移動如下圖所示，繼續(xù)繪制8*8的圓,填充顏色#e3e3e3，復制粘貼，并把另外一個填充顏色#cccccc，并刪除上面的節(jié)點，用旋轉工具(R)以旋轉45度，然后再把它們編成組。

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

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

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

教程結束，以上就是Illustrator繪制扁平化風格的復古相機圖標教程的全部內(nèi)容，小伙伴們看完要多多練習哦！

相關教程推薦：

Ai怎么畫照相機按鈕的圖標?

AI繪制一個質感不錯的寫實相機圖標

Illustrator教程：繪制卡通時尚的紅色數(shù)碼相機圖標