當(dāng)前位置:首頁>ps入門教程>ps文字教程>金屬字>教程內(nèi)容

質(zhì)感字,ps設(shè)計反光金屬紋理字教程(9)

來源:優(yōu)設(shè) 作者:AverageJoseph 學(xué)習(xí):21951人次

今天教大家做一個金屬樣式的文字效果,主要用圖層樣式制作出金屬效果,素材已經(jīng)打包好,有興趣的同學(xué)可以跟著一起練習(xí)。

素材下載:http://www.tgudhdp.cn/photoshop/sucai/2015/137487.html

最終效果

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
一、創(chuàng)建背景

第1步:新建文件,大。1260x 850像素,復(fù)制背景圖層。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步:雙擊復(fù)制的背景圖層,設(shè)置圖層樣式。

添加漸變疊加。勾選:仿色,混合模式:柔光,不透明度:85%,樣式:徑向,縮放:150%,勾選:反向。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步:點擊漸變條,設(shè)置起止顏色。從左到右,顏色及位置設(shè)置數(shù)值如下:

顏色:#212121位置:0

顏色:#656667位置:72

顏色:#646565位置:100

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第4步:設(shè)置圖案疊加。

用圖案:webtreats_black_leather.jpg(在02壓縮包里放著)

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

這樣皮革紋理的背景層做好了。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
二、創(chuàng)建文字及3D效果圖層

第1步:新建文字圖層,使用字體:SansSerif Exb FLF(在01壓縮包里放著),輸入全大寫字母:GREAT,大。300像素,顏色:#504d4a,水平縮放比例:90%。詳細(xì)參數(shù)設(shè)置見下圖。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步: 復(fù)制文字圖層,填充值設(shè)置為0,再復(fù)制一層。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步: 復(fù)制最初的文字圖層,將其拖至原文字圖層的下一層。

編輯>自由變換,快捷鍵Command+T(或者Ctrl+T),按向右箭頭及向下箭頭各一次,使該復(fù)制層向右向下各移1像素,按回車鍵完成。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第4步: 按Option+Command+Shift+T 9次(即Windows系統(tǒng)下的Alt+Ctrl+Shift+T,此快捷鍵可以重復(fù)上一次ctrl+T的操作,并且可以累積效果),從而達(dá)到3D效果。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第5步: 選中原文字圖層下的所有文字圖層,點擊濾鏡>轉(zhuǎn)換為智能濾鏡,將此智能對象重新命名為3D,然后再復(fù)制一層,名為:3D拷貝,填充值設(shè)置為0。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
三、設(shè)置3D圖層效果

第1步: 雙擊3D圖層,設(shè)置圖層樣式。

斜面和浮雕效果設(shè)置如圖,方法:雕刻清晰,大小10像素,光澤等高線:內(nèi)凹-深,點擊:消除鋸齒,高光模式:線性光。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步: 等高線設(shè)置。

點擊:消除鋸齒。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步: 內(nèi)陰影設(shè)置。

距離:0像素,阻塞:10%,大。5像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第4步: 漸變疊加設(shè)置。

載入漸變填充:CSPTrue Sky Blue (在05壓縮包里放著)

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第5步: 投影設(shè)置。

距離:20像素,大。20像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

3D圖層的漸變效果完成。

如果樂意,待剩余部分完成也可返回此圖層,再試試看其他漸變效果。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
四、設(shè)置3D拷貝圖層效果

第1步: 雙擊3D拷貝圖層,設(shè)置圖層樣式。

斜面及浮雕效果設(shè)置如圖,方法:雕刻清晰,大小:15像素,取消勾選:使用全局光,角度:30度,高度:50度,勾選:消除鋸齒,高光模式下的不透明度:0%,陰影模式下的不透明度:50%。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步: 等高線設(shè)置。

等高線:錐形,點擊:消除鋸齒。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步: 內(nèi)陰影設(shè)置。

距離:0像素,阻塞:10%,大小:5像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第4步: 漸變疊加設(shè)置。

混合模式:疊加,樣式:對稱的,角度:60度,使用faucet30漸變填充(在05壓縮包里放著,名為:CHROMES的漸變文件中可以找到名為faucet30的漸變)。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第5步: 圖案疊加設(shè)置。

混合模式:疊加,不透明度:90%,圖案:metal_2-512px.jpg(在03壓縮包里放著),縮放:75%。此步讓3D效果細(xì)節(jié)更逼真。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
五、原始文字圖層效果

第1步: 雙擊最開始的文字圖層,設(shè)置圖層樣式。

斜面及浮雕效果設(shè)置。大。14像素,取消勾選:使用全局光,角度:76度,高度:69度,勾選:消除鋸齒,高光模式:亮光,顏色:#ffe1c9

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步: 等高線設(shè)置。使用默認(rèn)數(shù)值即可。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步:紋理設(shè)置。

圖案:metal_2-512px.jpg(在03壓縮包里放著),深度:50%。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第4步:描邊設(shè)置。

大。2像素,位置:內(nèi)部,混合模式:線性光,填充類型:漸變,樣式:對稱的,角度:90度,使用stovepipe 50漸變填充(在05壓縮包里放著,名為:RS_Chrome的漸變文件中可以找到名為stovepipe 50的漸變)。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第5步:內(nèi)陰影設(shè)置。

混合模式:顏色加深,顏色:#123c6b,不透明度:55%,距離:0像素,大。60像素,等高線:內(nèi)凹-深,勾選:消除鋸齒。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第6步:內(nèi)發(fā)光設(shè)置。

混合模式:亮光,雜色:15%,顏色: #f4d9c0,大。14像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第7步:光澤設(shè)置。

混合模式:顏色減淡,顏色:#9a9a9a,距離:48像素,大。39像素,等高線:錐形-非對稱。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第8步:漸變疊加設(shè)置。

混合模式:變亮,使用stovepipe 100漸變填充。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第9步:外發(fā)光設(shè)置。

混合模式:亮光,雜色:10%,顏色:#c6ab6a,大。35像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第10步:投影設(shè)置。

顏色:#8d5411,距離:10像素,大。10像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

至此,文字效果如下圖:

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
六、文字拷貝圖層效果

第1步:雙擊第一次拷貝的文字圖層,設(shè)置圖層樣式。

斜面及浮雕效果設(shè)置。大小:1像素,勾選:消除鋸齒,高光模式:亮光,陰影模式:顏色加深,顏色:#74460f

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步:等高線設(shè)置。等高線:畫圓步驟,勾選:消除鋸齒。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步:內(nèi)發(fā)光設(shè)置。

混合模式:亮光,雜色:30%,顏色: #f3d8aa 源:居中,大小:62像素

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

此步驟加強了文字中間的光效,效果如圖:

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
七、第二層文字拷貝圖層效果

雙擊第二層文字拷貝圖層,添加內(nèi)發(fā)光圖層樣式。

混合模式:亮光,不透明度:55%,雜色:30%,顏色:#d5ad89,大。14像素。

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

此步驟加強了文字邊緣的光效,效果如圖

質(zhì)感字,ps設(shè)計反光金屬紋理字教程
八、添加背景紋理圖片,調(diào)整最終效果圖顏色

第1步:將名為:TextureStainless Steel With Light-deviant 的圖片放置在背景拷貝圖層之上,適當(dāng)調(diào)整大小,混合模式調(diào)整為:柔光

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第2步:點擊圖層最下方一排功能鍵 “創(chuàng)建新的填充或調(diào)整圖層”,選擇“色彩平衡”

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

第3步: 色調(diào):中間調(diào),顏色值依次為:-35,-1,+10,勾選:保留明度

質(zhì)感字,ps設(shè)計反光金屬紋理字教程

至此,大功告成!本期課程,我們創(chuàng)建了一個簡單的皮革背景,復(fù)制文字圖層,變形創(chuàng)建3D效果,轉(zhuǎn)為智能對象。接著,對各圖層進(jìn)行圖層樣式的添加調(diào)整,設(shè)置數(shù)值,以達(dá)精致紋理,發(fā)光特效。最后,對背景層添加簡單的紋理,再對整體進(jìn)行色彩平衡的調(diào)整。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
俺愛看看2019-01-09 02:27
謝謝大大提供那么棒的教學(xué)喲
黑玫瑰調(diào)零2019-01-09 09:42
真復(fù)雜啊~~~~~
寶貝2018-03-28 02:04
LZ 辛苦了。不回都不好意思啊
金牛菲菲552017-05-28 08:25
新方法學(xué)習(xí)了
金牛菲菲552017-05-28 08:25
新方法學(xué)習(xí)了
龍城柯少2017-05-28 05:48
學(xué)習(xí)了,好東東
龍城柯少2017-05-28 05:48
學(xué)習(xí)了,好東東
浮云舊事好溫柔2017-05-28 05:23
LZ 辛苦了。不回都不好意思啊
浮云舊事好溫柔2017-05-28 05:23
LZ 辛苦了。不回都不好意思啊
囧囧蝸牛哥2017-05-28 05:22
懂了 謝謝
囧囧蝸牛哥2017-05-28 05:22
懂了 謝謝
記憶淩亂不堪2017-05-28 03:19
真是復(fù)雜啊
記憶淩亂不堪2017-05-28 03:19
真是復(fù)雜啊
琴淺唱2017-05-28 02:05
擠出一定要打好
琴淺唱2017-05-28 02:05
擠出一定要打好

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!