search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 PS文字特效 】Photoshop製作金屬質感的3D立體字教程 | PS筆刷工廠-

Photoshop製作金屬質感的3D立體字教程

這一次的教學是屬於PS教程領域中的文字特效的相關教學。

文章出處是來自優設的PS教程類文章,寫教學的作者是AverageJoseph,感謝AverageJoseph提供文字特效的實作教學。

教學大綱:

本教程主要使用Photoshop製作金屬質感的3D立體字教程,以及用圖層樣式繪製這類高冷的金屬效果。教程參數清晰,過程細緻,素材已打包下載,需要學習的朋友自己下載素材練習即可。有什麼問題可以在論壇問題交流區提問。


文字特效教學開始

本教程主要使用Photoshop製作金屬質感的3D立體字教程,以及用圖層樣式繪製這類高冷的金屬效果。教程參數清晰,過程細緻,素材已打包下載,需要學習的朋友自己下載素材練習即可。有什麼問題可以在論壇問題交流區提問。

最終效果

Photoshop製作金屬質感的3D立體字教程

一、創建背景

第1步:新建文件,大小:1260x 850像素,複製背景圖層。

Photoshop製作金屬質感的3D立體字教程

第2步:雙擊複製的背景圖層,設置圖層樣式。

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

Photoshop製作金屬質感的3D立體字教程

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

顏色:#212121位置:0

顏色:#656667位置:72

顏色:#646565位置:100

Photoshop製作金屬質感的3D立體字教程

第4步:設置圖案疊加。

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

二、創建文字及3D效果圖層

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

Photoshop製作金屬質感的3D立體字教程

第2步:複製文字圖層,填充值設置為0,再複製一層。

Photoshop製作金屬質感的3D立體字教程

第3步:複製最初的文字圖層,將其拖至原文字圖層的下一層。

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

第5步:選中原文字圖層下的所有文字圖層,點擊濾鏡>轉換為智能濾鏡,將此智能對象重新命名為3D,然後再複製一層,名為:3D拷貝,填充值設置為0。

Photoshop製作金屬質感的3D立體字教程

三、設置3D圖層效果

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

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

Photoshop製作金屬質感的3D立體字教程

第2步:等高線設置。

點擊:消除鋸齒。

Photoshop製作金屬質感的3D立體字教程

第3步:內陰影設置。

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

Photoshop製作金屬質感的3D立體字教程

第4步:漸變疊加設置。

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

Photoshop製作金屬質感的3D立體字教程

第5步:投影設置。

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

Photoshop製作金屬質感的3D立體字教程

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

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

Photoshop製作金屬質感的3D立體字教程

四、設置3D拷貝圖層效果

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

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

Photoshop製作金屬質感的3D立體字教程

第2步:等高線設置。

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

Photoshop製作金屬質感的3D立體字教程

第3步:內陰影設置。

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

Photoshop製作金屬質感的3D立體字教程

第4步:漸變疊加設置。

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

Photoshop製作金屬質感的3D立體字教程

第5步:圖案疊加設置。

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

Photoshop製作金屬質感的3D立體字教程

Photoshop製作金屬質感的3D立體字教程

五、原始文字圖層效果

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

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

Photoshop製作金屬質感的3D立體字教程

第2步:等高線設置。使用默認數值即可。

Photoshop製作金屬質感的3D立體字教程

第3步:紋理設置。

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

Photoshop製作金屬質感的3D立體字教程

第4步:描邊設置。

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

Photoshop製作金屬質感的3D立體字教程

第5步:內陰影設置。

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

Photoshop製作金屬質感的3D立體字教程

第6步:內發光設置。

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

Photoshop製作金屬質感的3D立體字教程

第7步:光澤設置。

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

Photoshop製作金屬質感的3D立體字教程

第8步:漸變疊加設置。

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

Photoshop製作金屬質感的3D立體字教程

第9步:外發光設置。

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

Photoshop製作金屬質感的3D立體字教程

第10步:投影設置。

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

Photoshop製作金屬質感的3D立體字教程

至此,文字效果如下圖:

Photoshop製作金屬質感的3D立體字教程

六、文字拷貝圖層效果

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

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

第3步:內發光設置。

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

七、第二層文字拷貝圖層效果

雙擊第二層文字拷貝圖層,添加內發光圖層樣式。

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

八、添加背景紋理圖片,調整最終效果圖顏色

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

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

Photoshop製作金屬質感的3D立體字教程

至此,大功告成!本期課程,我們創建了一個簡單的皮革背景,複製文字圖層,變形創建3D效果,轉為智能對象。接着,對各圖層進行圖層樣式的添加調整,設置數值,以達精緻紋理,發光特效。最後,對背景層添加簡單的紋理,再對整體進行色彩平衡的調整。

Photoshop製作金屬質感的3D立體字教程

— —

文章永久連結為: Photoshop製作金屬質感的3D立體字教程



熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦