Photoshop 制作金屬質感圖標

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

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

先看看效果圖:

Photoshop 制作金屬質感圖標

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

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

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

七、復制第四步的圖層,點選圖層填充為白色,向上移動1-2象素,這樣更有層次感;如下圖:

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

Photoshop 制作金屬質感圖標

Photoshop 制作金屬質感圖標

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

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

十四、最終效果如下:

Photoshop 制作金屬質感圖標

高光部分步驟

一、新建一層,用橢圓工具畫出橢圓,填充白色,再用旋轉工具放到適當?shù)奈恢?,如下圖:

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

然后設置一下漸變

Photoshop 制作金屬質感圖標

拉出如下的效果

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

漸變設置跟前面一樣,拉出如下效果:

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

漸變設置跟面前一樣,拉出如下效果:

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

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

Photoshop 制作金屬質感圖標

七、最終效果:

Photoshop 制作金屬質感圖標