PS制作質(zhì)感圖標(biāo)(5)
最終效果

下面是具體的制作步驟:
1、新建一個(gè)256 * 256像素的文檔,如下圖。

2、先把圖標(biāo)主要輪廓形狀畫出來(lái)。新建一個(gè)組,然后選擇圓角矩形工具,半徑設(shè)置為100,畫出一個(gè)兩頭圓的形狀。

3、選擇橢圓工具,畫出兩個(gè)橢圓,將小橢圓向上移一點(diǎn),讓它看起來(lái)有透視感。然后按住Ctrl 點(diǎn)小橢圓的圖層,得到小橢圓的圖層選區(qū)。

4、選擇矩形選框工具,在屬性欄選擇"添加到選區(qū)",然后拉出下圖所示的選區(qū)。

5、新建一個(gè)組,選中,然后點(diǎn)擊蒙版,得到一個(gè)帶有蒙版的組,把白色長(zhǎng)條圓角圖層拖進(jìn)去,就得到一個(gè)半圓角。我們等下就要在這個(gè)組里制作這個(gè)透明玻璃罩。蒙版組這個(gè)方法挺方便不用一個(gè)ietuc一個(gè)圖層去蒙版。

6、用圓角矩形工具再畫一個(gè)相同的形狀,不過(guò)要大一點(diǎn),不要超過(guò)黑色橢圓的寬度,加點(diǎn)顏色好區(qū)分各個(gè)圖層。

7、柵格化黃色這個(gè)圓角圖層,然后把多余的用選區(qū)工具刪除。因?yàn)橛脵E圓工具畫出來(lái)是矢量,沒(méi)法直接刪減,只有柵格化變成位圖再刪減。

8、復(fù)制白色圓角圖層,然后雙擊其中一個(gè),填充為0%,然后給它添加"內(nèi)發(fā)光"數(shù)值,不透明度為:20%,大小20。

9、雙擊另外一個(gè)圓角圖層,也是設(shè)置填充0%,這個(gè)內(nèi)發(fā)光就要厚一些,不透明度80%,大小為10。

10、新建一個(gè)組,用白色圓角作為選區(qū)來(lái)蒙版組,在這個(gè)組里添加透明玻璃罩的細(xì)節(jié),先畫一個(gè)反光,透明度為20%。

11、畫一個(gè)白色橢圓,柵格化,然后點(diǎn)快速蒙版模式,畫一個(gè)漸變。退出蒙版模式,按Delete 得到一個(gè)透明漸變高光。

12、用鋼筆工具隨意畫些圓弧形狀,用到制作一些反光細(xì)節(jié)。

13、畫完后執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值自己測(cè)試,這里是2.5,得到一個(gè)小光點(diǎn)。

14、按同樣的方法,畫多幾個(gè)反光點(diǎn)。

15、用鋼筆工具畫一個(gè)高光,填充7%。

16、在頂部畫一個(gè)橢圓,用來(lái)制作玻璃罩的高光部分。

17、執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為15,得到高光部分。

18、現(xiàn)在來(lái)制作下半部分,因?yàn)橐鼋饘俑,所以給他添加一個(gè)淺灰色。

19、畫細(xì)節(jié),同樣新建一個(gè)蒙版組,在組里用鋼筆工具畫陰影部分。

20、高斯模糊一下,數(shù)值為9.5。

21、用鋼筆工具畫出高光及反光部分,然后高斯模糊。

22、現(xiàn)在畫個(gè)裝飾物,新建組,用圓角矩形工具畫一個(gè)矩形,這個(gè)半徑數(shù)值就要小點(diǎn),隨個(gè)人喜好要圓點(diǎn)還是方點(diǎn),然后選擇大圓角圖層的選區(qū),如下圖。23、給組加上蒙版。

24、復(fù)制一層,縮小95%,然后添加藍(lán)色漸變,點(diǎn)回黑色那層,添加一個(gè)大小為1的描邊。

25、按照之前添加細(xì)節(jié)的方法給藍(lán)色這層添加光影細(xì)節(jié)。

26、現(xiàn)在來(lái)制作里面的光效。選擇小橢圓的選區(qū)。

27、新建一個(gè)組,添加蒙版。在組里面畫一個(gè)橢圓添加一個(gè)深橙色,適當(dāng)高斯模糊。

28、再畫一個(gè)小的橢圓,添加黃色并高斯模糊,效果如下圖。

29、現(xiàn)在來(lái)制作罩的液體,選擇玻璃罩的選區(qū)。

30、也是新建組然后添加蒙版,在里面用鋼筆畫出液體的性質(zhì)。

學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計(jì)扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個(gè)四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)簡(jiǎn)單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程