本教程主要使用Illustrator繪制時(shí)尚的數(shù)碼相機(jī)圖標(biāo)，教程難度中等，繪制方法介紹的非常詳細(xì)，繪制的圖標(biāo)有卡通的效果，非常漂亮，轉(zhuǎn)發(fā)過(guò)來(lái)和腳本之家的朋友們一起學(xué)習(xí)，希望大家喜歡。

先來(lái)看看最終的效果圖：

1. 畫一個(gè)圓角矩形。

2. 畫基本的形狀，例如圓、鏡頭、取景器和閃光燈。

3. 執(zhí)行"對(duì)象"菜單>變換>傾斜，數(shù)值如圖所示。

4. 按住alt+shift鍵(這確定副本的角度是精確的)拖移以復(fù)制相機(jī)主體的副本。

5. 新建圖層，取名為"鏡頭"，然后把鏡頭的所有對(duì)象移到新圖層上。然后鎖定"相機(jī)"圖層。

6. 我使用的是紅色，這樣你可以很容易地跟著教程做。你可以選擇其他顏色不管是什么，只要是你喜歡的。我們可以在之后更改顏色。

復(fù)制3個(gè)鏡頭形狀，就如第4步的操作。你必須逐一進(jìn)行，你也需要把復(fù)制鏡頭分別置于每個(gè)原鏡頭之下，這樣就可以得到一個(gè)驚艷的效果。當(dāng)你完成后，你可以解鎖"相機(jī)"圖層。然后把這2個(gè)圖層合為一個(gè)。

提示：逐一將復(fù)制鏡頭置于原鏡頭之下來(lái)實(shí)現(xiàn)疊加層次效果可以按ctrl+括號(hào)。左括號(hào)后移一層。右括號(hào)前移一層。

7. 使用斜面的視覺效果使用路徑查找器。你先使這2個(gè)形狀交錯(cuò)(2個(gè)同樣的形狀在彼此的頂部)，然后選擇下面的高光對(duì)象(譯者注：也就是說(shuō)，先復(fù)制右上角的圓角矩形ctrl+c ctrl+f，然后用之前的方法復(fù)制右上方的圓角矩形即第6步的方法，然后選擇這2個(gè)矩形(不包括原矩形)，點(diǎn)"路徑查找器"面板中的"與形狀區(qū)域相減"按鈕。然后擴(kuò)展)。

8. 使用鋼筆工具，繪制相機(jī)的邊緣部分，以完整相機(jī)的面。

9. 最后閉合形狀，以使它看上去干凈平滑。

10. 繪制相機(jī)頂部的面。

11. 在相機(jī)的邊緣棱角上繪制一個(gè)矩形。然后使用"路徑查找器"面板創(chuàng)建相機(jī)的黑色邊緣，同第7步一樣。

12. 使用鋼筆工具繪制頂部的黑色邊緣。

13. 使用鋼筆工具繼續(xù)繪制閉合路徑。

14. 使用鋼筆工具，選擇白色描邊。然后沿相機(jī)中心畫一根線，看上去是被分成了2半。

15. 使用橢圓形狀繪制快門按鈕。

16. 在最上面繪制另一個(gè)橢圓。使用鋼筆工具圍繞快門按鈕繪制一個(gè)輪廓，這使我們可以增加按鈕的層次感。你也可以使用路徑查找器工具來(lái)制作重疊的形狀。

17. 調(diào)整顏色。然后復(fù)制按鈕放在頂部以創(chuàng)建出按鈕的層次感。

18. 再次使用橢圓形狀，繪制投射下來(lái)的陰影。你必須旋轉(zhuǎn)橢圓以實(shí)現(xiàn)這個(gè)角度。

19. 使用"路徑查找器"面板中的"分割"分割形狀。刪除不需要的形狀。

20. 給鏡頭添加漸變。重復(fù)步驟給每個(gè)鏡頭都畫上陰影。

21. 現(xiàn)在3個(gè)鏡頭都已經(jīng)完成了，你的相機(jī)看上去像這樣。

22. 添加一些細(xì)節(jié)如高光。

23. 復(fù)制粘貼你剛才繪制的高光，如下圖所示。

24. 繪制一個(gè)橢圓，以作投射在相機(jī)主體上的陰影。你需要旋轉(zhuǎn)橢圓，看上去像下圖一樣。

25. 選中黑色邊緣，相機(jī)主體和橢圓，按"路徑查找器"面板中的"分割"。確定除了剛才繪制的橢圓之外，還選中了這2個(gè)形狀。這是為了使投射的陰影看上去真實(shí)，因?yàn)樗呛茏匀坏赝队霸谙鄼C(jī)上的。完成"路徑查找器"工具后，刪除不需要的部分。

26. 添加你喜歡的漸變。依照你想要的效果，深色在漸變的頂部使投影看上去更真實(shí)。

27. 注意相機(jī)的最頂部是淺紅色，這個(gè)細(xì)節(jié)讓相機(jī)看上去有3d效果。

28. 復(fù)制整個(gè)相機(jī)。

29. 使用"路徑查找器"面板中的"與形狀區(qū)域相加"以把所有的形狀組合在一起(譯者注：在做組合形狀之前，先復(fù)制整個(gè)相機(jī)ctrl+c,ctrl+f)。顯示紅色高光時(shí)，按擴(kuò)展按鈕。

30. 形狀置于原相機(jī)之后。然后添加一點(diǎn)點(diǎn)的漸變使它看上去更加漂亮。

31. 使用鋼筆工具，圍繞相機(jī)繪制一個(gè)矩形，如下圖。

32. 使用漸變混合工具，添加4個(gè)深色的網(wǎng)格點(diǎn)。你可以看到，當(dāng)你添加網(wǎng)格點(diǎn)時(shí)，出現(xiàn)了不規(guī)則的對(duì)象，漸變混合會(huì)得到意想不到的結(jié)果。因此我們不要添加太多的網(wǎng)格點(diǎn)就ok了。

33. 在"透明度"面板中，設(shè)置混合模式為"正片疊底"。這使得你剛才繪制的使用漸變混合的矩形看上去更接近于真實(shí)的陰影!

34. 注意你可以看到透過(guò)陰影的反光。

35. 繪制一個(gè)圓角矩形，開始制作照片。

36. 在圓角矩形內(nèi)部再繪制一個(gè)標(biāo)準(zhǔn)的矩形。

37. 繪制橢圓，如第25步。這是為了制作投射在照片的陰影。

38. 添加漸變，使它看上去更真實(shí)。

39. 復(fù)制整張照片。然后選擇下圖高光顯示的按鈕。確定"擴(kuò)展"，否則形狀不能組合在一起(譯者：此步驟是為了給照片加陰影效果，注意看照片底部和右邊)。

40.調(diào)整照片位置，使它們?cè)谙鄼C(jī)和相機(jī)陰影反光的后面。選擇反光，設(shè)置混合模式為"正片疊底"，這樣你可以透過(guò)反光看到照片。

尾聲

一個(gè)數(shù)碼相機(jī)和照片的圖標(biāo)就完成了，如下圖。

以上就是使用Illustrator繪制時(shí)尚的數(shù)碼相機(jī)圖標(biāo)全過(guò)程，感興趣的朋友可以嘗試?yán)L制一遍，謝謝大家觀看本教程！

最新評(píng)論