教程介紹如何快速臨摹一個(gè)圖標(biāo)，思路：先認(rèn)真分析圖標(biāo)的構(gòu)成，尤其是一些細(xì)節(jié)的構(gòu)造，然后分析一遍各個(gè)部分的大致實(shí)現(xiàn)方法；最后就是新建文件，從底層開始制作即可。下面一起跟小編來看看教程吧！

最終效果

這個(gè)是原圖：

1、下面開始我的制作過程。為了后面的工作更加輕松便捷，所以我把新建的畫布尺寸設(shè)成一個(gè)比較好計(jì)算的整數(shù)。

2、原圖的背景過于簡單，我畫蛇添足，制作一個(gè)iOS風(fēng)格的背景。新建一層純黑色填充層。

 3、新建一層，填充白色。執(zhí)行“濾鏡-雜色-添加雜色”，參數(shù)如圖。

4、濾鏡-模糊-動感模糊。

5、把這個(gè)動感模糊層的透明度調(diào)到45%。

6、復(fù)制一層，CTRL+T自由變化旋轉(zhuǎn)90度，把透明度調(diào)回100%，圖層混合模式改為“疊加”。

7、畫布四周的“毛邊”看著很不和諧，選中這兩個(gè)動感模糊層，CTRL+T自由變化，放大一些，直至毛邊不見為止，背景完成。

8、ctrl+r開啟標(biāo)尺，在標(biāo)尺上右鍵選擇百分比。按ALT+V+E快速布置水平和垂直兩條處于中心位置的參考線。

9、為了圖層欄的簡潔以及照顧到以后臨摹方便起見，我把屬于背景的三個(gè)圖層打包成組且隱藏。選擇“編輯-首選項(xiàng)-參考線.網(wǎng)格和切片”，把間隔單位設(shè)為20個(gè)像素，子網(wǎng)格設(shè)為2，單純設(shè)為10像素的話覺得密密麻麻的不舒服。

 10、用“橢圓工具”畫一個(gè)直徑為840像素的圓形。為了讓它跟白色的背景區(qū)分開來，我給它設(shè)了一個(gè)85%的灰色。

11、按ctrl+’隱藏網(wǎng)格。雙擊這個(gè)形狀層，添加投影。我稍微調(diào)整了一下“等高線”，讓這個(gè)投影是邊緣收縮一些，再加一點(diǎn)點(diǎn)雜色。

12、再加一個(gè)人見人愛的角度漸變，用它來模擬圓形金屬是最好用了。

13、最后是這個(gè)金屬圓盤的倒角，斜面浮雕是不二之選。

14、我仔細(xì)觀察了原圖，金屬圓盤上似乎有“拉絲”的效果，但不是我們大家習(xí)慣使用的雜色+徑向模糊的那種。而是類似于很細(xì)很密的同心圓。按D恢復(fù)前景色和背景色。新建一層填充白色。選擇濾鏡素描中的半調(diào)圖案。

15、然后極坐標(biāo)，一個(gè)同心圓的拉絲效果出來了。

16、如果你對上面的半調(diào)圖案有異議我認(rèn)為很正常，因?yàn)榘胝{(diào)圖案里有“圓形”的選項(xiàng)，可以直接制作同心圓。但是直接制作出來的同心圓的線條比較粗，我想要一個(gè)線條很細(xì)，很精致的同心圓，所以選擇直線選項(xiàng)再用極坐標(biāo)后它的效果比較符合我的要求。最后把這個(gè)同心圓的透明度調(diào)到8%左右，隱隱約約能看到就行，繼續(xù)把它剪切蒙版到金屬圓盤?；蛘呓o它一個(gè)蒙版也行。

 17、接著我要用圖形工具制作圖標(biāo)中間的麥克風(fēng)，按ctrl+’開啟網(wǎng)格，先用橢圓工具畫一個(gè)15%灰色，比“金屬圓盤”小1.5個(gè)網(wǎng)格單位的圓形。

18、繼續(xù)用“減去”模式再畫一個(gè)小1.5間隔單位的圓，這樣我得到一個(gè)邊寬為1.5間隔單位的圓環(huán)。

19、制作里面的麥克風(fēng)。打開網(wǎng)格，選用圓角矩形工具，把圓角的直徑盡可能的設(shè)得大一些，比如現(xiàn)在我就是500，用“添加”模式以膠囊狀下半圓直徑為中心畫一個(gè)的麥克風(fēng)支架。

20、繼續(xù)用“減去”模式再畫一個(gè)小1.5間隔單位的膠囊，因?yàn)榫W(wǎng)格的“吸附”功能，精確的完成這些都不叫事。

最新評論