Photoshop 制作金屬質(zhì)感圖標(biāo)

2022-12-26 11:03:35 來源/作者: / 己有:23人學(xué)習(xí)過
發(fā)表于 2007-8-28 09:46 Photoshop 制作金屬質(zhì)感圖標(biāo)作者:hjp2005 來源:藍(lán)色理想 PS教程論壇:http://bbs.16xx8.com

第一次寫的教程,很多地方言語表達(dá)不清,有哪里不足,望能諒解!

先看看效果圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

一、新建一個(gè)300x300象素的文檔,填充黑色背景色。

二、新建一層畫一個(gè)這樣的形狀如下圖:(形狀按個(gè)人喜歡去定義,一開始做的話用圓形更為合適) 填充漸變;(不要取消選擇)

Photoshop 制作金屬質(zhì)感圖標(biāo)

三、復(fù)制形狀那個(gè)圖層,然后縮小到80%;拉個(gè)垂直黑白漸變;如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

Photoshop 制作金屬質(zhì)感圖標(biāo)

四、復(fù)制第三步的圖層,再然后縮小到90% ,填充顏色(#3E8111);如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

Photoshop 制作金屬質(zhì)感圖標(biāo)

五、再復(fù)制第四步的圖層,再然后縮小到80-90% ;填充徑向漸變;如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

六、然后在上面做高光;如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

七、復(fù)制第四步的圖層,點(diǎn)選圖層填充為白色,向上移動(dòng)1-2象素,這樣更有層次感;如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

八、在上面再新建一層,做如圖的效果

Photoshop 制作金屬質(zhì)感圖標(biāo)

九、然后回到第一層,再上面新建一層,按ctrl G與下層組合起來,再用鋼筆描出一個(gè)輪廓,如下圖;

Photoshop 制作金屬質(zhì)感圖標(biāo)

十、然后ctrl enter 選中填充白色,再設(shè)置圖層樣式,如下幾圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

Photoshop 制作金屬質(zhì)感圖標(biāo)

Photoshop 制作金屬質(zhì)感圖標(biāo)

Photoshop 制作金屬質(zhì)感圖標(biāo)

十一、再新建一層于上,然后ctrl G再與下層組合,用鋼筆描出一個(gè)輪廓,再做漸變;如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

十二、然后如此類推做出以下效果,如下圖:(記住要新建一層再操作,方便修改)

Photoshop 制作金屬質(zhì)感圖標(biāo)

十三、為了更為有金屬感,在第一層上用加深和減弱工具涂抹一下,效果更明顯!

十四、最終效果如下:

Photoshop 制作金屬質(zhì)感圖標(biāo)

高光部分步驟

一、新建一層,用橢圓工具畫出橢圓,填充白色,再用旋轉(zhuǎn)工具放到適當(dāng)?shù)奈恢茫缦聢D:

Photoshop 制作金屬質(zhì)感圖標(biāo)

二、再新建一層,用鋼筆畫出上部分的高光,如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

然后設(shè)置一下漸變

Photoshop 制作金屬質(zhì)感圖標(biāo)

拉出如下的效果

Photoshop 制作金屬質(zhì)感圖標(biāo)

三、繼續(xù)新建一層,用鋼筆畫出下半部分的高光,如下圖:

Photoshop 制作金屬質(zhì)感圖標(biāo)

漸變?cè)O(shè)置跟前面一樣,拉出如下效果:

Photoshop 制作金屬質(zhì)感圖標(biāo)

四、繼續(xù)新建一層,鋼筆畫出右面部分的高光,

Photoshop 制作金屬質(zhì)感圖標(biāo)

漸變?cè)O(shè)置跟面前一樣,拉出如下效果:

Photoshop 制作金屬質(zhì)感圖標(biāo)

五、繼續(xù)新建一層,用橢圓工具畫出比較小的橢圓,填充白色,旋轉(zhuǎn)好位置,透明度設(shè)置為50%,效果如下:

Photoshop 制作金屬質(zhì)感圖標(biāo)

六、這樣就差不多了,最終高光效果如下:

Photoshop 制作金屬質(zhì)感圖標(biāo)

七、最終效果:

Photoshop 制作金屬質(zhì)感圖標(biāo)