Photoshop 制作金屬質(zhì)感圖標(biāo)
第一次寫的教程,很多地方言語(yǔ)表達(dá)不清,有哪里不足,望能諒解!
先看看效果圖:
一、新建一個(gè)300x300象素的文檔,填充黑色背景色。
二、新建一層畫一個(gè)這樣的形狀如下圖:(形狀按個(gè)人喜歡去定義,一開始做的話用圓形更為合適) 填充漸變;(不要取消選擇)
三、復(fù)制形狀那個(gè)圖層,然后縮小到80%;拉個(gè)垂直黑白漸變;如下圖:
四、復(fù)制第三步的圖層,再然后縮小到90% ,填充顏色(#3E8111);如下圖:
五、再?gòu)?fù)制第四步的圖層,再然后縮小到80-90% ;填充徑向漸變;如下圖:
六、然后在上面做高光;如下圖:
七、復(fù)制第四步的圖層,點(diǎn)選圖層填充為白色,向上移動(dòng)1-2象素,這樣更有層次感;如下圖:
八、在上面再新建一層,做如圖的效果
九、然后回到第一層,再上面新建一層,按ctrl G與下層組合起來,再用鋼筆描出一個(gè)輪廓,如下圖;
十、然后ctrl enter 選中填充白色,再設(shè)置圖層樣式,如下幾圖:
十一、再新建一層于上,然后ctrl G再與下層組合,用鋼筆描出一個(gè)輪廓,再做漸變;如下圖:
十二、然后如此類推做出以下效果,如下圖:(記住要新建一層再操作,方便修改)
十三、為了更為有金屬感,在第一層上用加深和減弱工具涂抹一下,效果更明顯!
十四、最終效果如下:
高光部分步驟
一、新建一層,用橢圓工具畫出橢圓,填充白色,再用旋轉(zhuǎn)工具放到適當(dāng)?shù)奈恢,如下圖:
二、再新建一層,用鋼筆畫出上部分的高光,如下圖:
然后設(shè)置一下漸變
拉出如下的效果
三、繼續(xù)新建一層,用鋼筆畫出下半部分的高光,如下圖:
漸變?cè)O(shè)置跟前面一樣,拉出如下效果:
四、繼續(xù)新建一層,鋼筆畫出右面部分的高光,
漸變?cè)O(shè)置跟面前一樣,拉出如下效果:
五、繼續(xù)新建一層,用橢圓工具畫出比較小的橢圓,填充白色,旋轉(zhuǎn)好位置,透明度設(shè)置為50%,效果如下:
六、這樣就差不多了,最終高光效果如下:
七、最終效果:
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- LOGO制作,用PS做一個(gè)會(huì)動(dòng)的logo
- LOGO教程,用PS制作燙金效果的logo
- 扁平化,扁平化LOGO設(shè)計(jì)視頻教程
- 展示模板,用智能對(duì)象制作LOGO展示模板
- 圖標(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)
推薦教程
- ps寶石LOGO設(shè)計(jì)教程
- photoshop制作Intel Core i7標(biāo)志
- 用ps制作綠色網(wǎng)站博客Logo
- Logo知識(shí),七個(gè)設(shè)計(jì)文字Logo的知識(shí)
- photoshop制作簡(jiǎn)單的火焰球圖標(biāo)
- ps輕松打造簡(jiǎn)約風(fēng)格Logo教程
- 頭像設(shè)計(jì),用高曉松做一個(gè)歐美范的人物logo頭像
- PS制作晶瑩剔透的立體標(biāo)志...。
- PS與ImageReady打造動(dòng)態(tài)Logo
- PS CS3制作MAXTHON 2.0 Logo