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

【 PS文字特效 】Photoshop製作3D立體效果的金屬字教程 – PS筆刷工廠

Photoshop製作3D立體效果的金屬字教程

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

文章出處是來自站酷的PS教程類文章,寫教學的作者是藍色性格,感謝藍色性格提供文字特效的實作教學。

教學大綱:

本教程主要使用Photoshop製作金屬質感的3D立體字,教程主要使用濾鏡工具來製作紋理配合筆刷的使用和素材的合成完成最終效果圖,喜歡的朋友讓我們一起來學習吧。


文字特效教學開始

本教程主要使用Photoshop製作金屬質感的3D立體字,教程主要使用濾鏡工具來製作紋理配合筆刷的使用和素材的合成完成最終效果圖,喜歡的朋友讓我們一起來學習吧。

教程素材:超酷的3D金屬字PS教程素材節點式PS濾鏡Filter Forge 2.008 額外的200多個精品預置

最終效果

Photoshop製作3D立體效果的金屬字教程

1、建立基本框架和文字

(1)新建文檔1000×1000像素文件,設置分辨率為300,填充背景顏色為#dcdcdc

Photoshop製作3D立體效果的金屬字教程

(2)設置前景色為白色,使用矩形工具,創建一個588×611像素的矩形

Photoshop製作3D立體效果的金屬字教程

(3)複製矩形層

Photoshop製作3D立體效果的金屬字教程

(4)在選項欄,修改填充為無,邊框為黑色,大小10點

Photoshop製作3D立體效果的金屬字教程

(5)設置邊框對齊方式為外面

Photoshop製作3D立體效果的金屬字教程

(6)創建文本,使用黑色,大小為45點,間距為100

Photoshop製作3D立體效果的金屬字教程

(7)繼續創建文本,修改間距為50,其他參數不變

Photoshop製作3D立體效果的金屬字教程

2、創建橢圓形及文字

(1)使用橢圓工具,設置前景色為#dcdcdc,在兩個文本層之間創建一個橢圓

Photoshop製作3D立體效果的金屬字教程

(2)複製橢圓層

Photoshop製作3D立體效果的金屬字教程

(3)修改複製橢圓層的填充為無,邊框為黑色,4點,對齊方式為外面

Photoshop製作3D立體效果的金屬字教程

(4)在橢圓中心創建文本,間距為-25

Photoshop製作3D立體效果的金屬字教程

3、添加輔助線,在邊框添加小圓形

(1)按住“Ctrl+R”調出標尺,使用移動工具,拖出輔助線

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

(2)設置前景色為白色,使用橢圓工具,設置固定尺寸為20×20像素,從輔助線交叉處點擊拖動,得到下圖效果

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

(3)執行“Ctrl+;”,隱藏輔助線

Photoshop製作3D立體效果的金屬字教程

4、轉3D圖層

(1)除背景層外,對每一層執行“3D>從所選圖層新建3D模型”,如果是形狀圖層,執行“3D>從所選路徑新建3D模型”

Photoshop製作3D立體效果的金屬字教程

(2)選擇所有3D圖層,然後執行“3D>合併3D圖層”

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

5、修改網格

(1)改變矩形1的擠出深度為30

Photoshop製作3D立體效果的金屬字教程

(2)修改矩形1副本的擠出深度為80

Photoshop製作3D立體效果的金屬字教程

(3)修改文本層擠出深度為50

Photoshop製作3D立體效果的金屬字教程

橢圓1擠出深度為30

Photoshop製作3D立體效果的金屬字教程

橢圓1副本擠出深度為50

Photoshop製作3D立體效果的金屬字教程

橢圓中心文本擠出深度為30

Photoshop製作3D立體效果的金屬字教程

最上面的文本擠出深度為50

Photoshop製作3D立體效果的金屬字教程

橢圓2擠出深度為30

Photoshop製作3D立體效果的金屬字教程

6、移動網格

(1)坐標軸的各項功能如下所示(沒做個3D的認識下吧)

Photoshop製作3D立體效果的金屬字教程

(2)修改各個組件的位置,達到如下效果

Photoshop製作3D立體效果的金屬字教程

(3)你也可以從各個角度檢查每個物件的位置是否正確

Photoshop製作3D立體效果的金屬字教程

7、創建金屬紋理

(1)新建1000×1000像素文檔,分辨率為72

Photoshop製作3D立體效果的金屬字教程

(2)執行“濾鏡>Filter Forge>Filter Forge3”選擇下面的材質,並改變參數如下

Photoshop製作3D立體效果的金屬字教程

(3)這個是主紋理

Photoshop製作3D立體效果的金屬字教程

(4)執行“圖像>調整>色相飽和度”,改變參數如下:

Photoshop製作3D立體效果的金屬字教程

(5)繼續修改亮度對比度參數如下,改好后保存為JPG圖片命名為“Metal Texture”

Photoshop製作3D立體效果的金屬字教程

8、創建主材質

(1)回到原始文檔,修改矩形1副本的前面的材質,替換為剛才保存的“Metal Texture”

Photoshop製作3D立體效果的金屬字教程

(2)接着選擇“Edit UV Properties(編輯貼圖屬性)”,設置參數如下:

Photoshop製作3D立體效果的金屬字教程

(3)修改“Specular(鏡像)”的顏色為#333333,“Illumination(發光)”和“Ambient(環境)”的顏色都為#000000,“Shine(閃亮)”的值為70%

Photoshop製作3D立體效果的金屬字教程

9、保存材質,以便後面再次利用

(1)單擊材質預覽框箭頭,在彈出的菜單中選擇“新材質”

Photoshop製作3D立體效果的金屬字教程

(2)彈出的對話框中,填寫材質名稱,點確定

Photoshop製作3D立體效果的金屬字教程

(3)按住shift鍵,選中矩形1副本剩下的部分,打開材質選擇器,應用剛才保存的材質即可

Photoshop製作3D立體效果的金屬字教程

10、修改主材質

(1)選中文字層的前面材質,編輯UV屬性,參數設置如下

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

(2)同樣保存材質,命名為“Metal Texture-Text”,以方便後面賦予其他文字層

Photoshop製作3D立體效果的金屬字教程

(3)將剛保存的材質應用給其他文字層

Photoshop製作3D立體效果的金屬字教程

11、創建前面的紋理

(1)新建文檔1000×1000像素,執行“濾鏡>Filter Forge>Filter Forge 3”,選擇下面的材質,並修改參數如下:

Photoshop製作3D立體效果的金屬字教程

(2)得到下圖紋理效果:

Photoshop製作3D立體效果的金屬字教程

(3)修改色相飽和度,改變參數如下,然後保存圖片命名為“Front Texture”

Photoshop製作3D立體效果的金屬字教程

12、創建前面的材質

(1)回到原始文檔,選擇矩形1的前面材質,(Diffuse)替換剛保存的紋理,並設置參數如下

Photoshop製作3D立體效果的金屬字教程

(2)修改“Shine(閃亮)”值為80%

Photoshop製作3D立體效果的金屬字教程

(3)單擊“Bump”,選擇“新紋理”

Photoshop製作3D立體效果的金屬字教程

(4)在彈出的對話框中,繼續設置大小為1000×1000像素,分辨率為72

Photoshop製作3D立體效果的金屬字教程

(5)繼續單擊“Bump(凹凸)”,選擇編輯紋理

Photoshop製作3D立體效果的金屬字教程

13、創建“Bump(凹凸)”紋理

(1)在剛打開的紋理文件中,執行“Filter Forge 3”濾鏡,選擇下圖紋理,修改設置如下:

Photoshop製作3D立體效果的金屬字教程

(2)得到下圖效果,保存回到原始文檔

Photoshop製作3D立體效果的金屬字教程

(3)打開紋理屬性對話框,修改參數如下

Photoshop製作3D立體效果的金屬字教程

14、蓋子設置

(1)選擇橢圓1前面材質,改變“Diffuse(漫射)”顏色為#020a2b,“Specular(鏡像)”顏色為#384478,“Illumination(發光)”顏色為#000000,“Ambient(環境)”顏色為#030303,然後改變“Shine(閃亮)”的值為10%

Photoshop製作3D立體效果的金屬字教程

(2)選擇橢圓1,單擊蓋子標籤,修改參數如下

Photoshop製作3D立體效果的金屬字教程

(3)選擇橢圓2,同樣在蓋子標籤欄下,修改參數如下,然後應用“Metal Texture”給橢圓2材質

Photoshop製作3D立體效果的金屬字教程

15、安放模型

(1)在3D面板里,選擇所有模型

Photoshop製作3D立體效果的金屬字教程

(2)沿着X軸旋轉模型73度

Photoshop製作3D立體效果的金屬字教程

(3)執行“3D>將對象移到地面”確保物體在地面上,沒有陷落或者漂浮

Photoshop製作3D立體效果的金屬字教程

(4)縮放攝像機,並改變攝像機的視角,達到下圖效果

Photoshop製作3D立體效果的金屬字教程

16、燈光設置

(1)選擇無限光1,改變強度為30%,陰影柔和度為100%

Photoshop製作3D立體效果的金屬字教程

(2)單擊坐標,使用下圖坐標數值

Photoshop製作3D立體效果的金屬字教程

(3)新建一個聚光燈,設置參數如下:(你也可以自己嘗試不同的燈光設置)

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

(4)修改聚光燈的坐標,參數如下:

Photoshop製作3D立體效果的金屬字教程

(6)新建一個點光源,參數設置如下:

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

(7)燈光設置完畢后,選擇中間文字的千米那材質面板,改變“Specular(鏡像)”顏色為#7d7d7d

Photoshop製作3D立體效果的金屬字教程

(8)再次選擇點光源,移動它到橢圓的右側

Photoshop製作3D立體效果的金屬字教程

(9)完成後,即可開始渲染。(Alt+Shift+Ctrl+R)

Photoshop製作3D立體效果的金屬字教程

17、創建背景

(1)渲染完后,保存一個副本,然後柵格化3D層

Photoshop製作3D立體效果的金屬字教程

(2)在柵格化后的3D模型下面新建一個圖層,用黑色畫筆塗抹上方,效果如下所示

Photoshop製作3D立體效果的金屬字教程

(3)置入“Concrete”圖像,放置在Black下方,得到下圖效果

Photoshop製作3D立體效果的金屬字教程

18、修改背景

(1)隱藏3D物體和Black層

Photoshop製作3D立體效果的金屬字教程

(2)使用磁性套索工具,選擇下方區域

Photoshop製作3D立體效果的金屬字教程

(3)“Ctrl+J”複製選中的區域到新層,同樣的方法,複製出其他的部分

Photoshop製作3D立體效果的金屬字教程

(4)使用橡皮工具,去掉不需要的部分,並製作出下圖效果

Photoshop製作3D立體效果的金屬字教程

(5)修改其中的一個磚塊的圖層樣式,參數如下

Photoshop製作3D立體效果的金屬字教程

(6)同樣運用給其他磚塊,得到下圖效果

Photoshop製作3D立體效果的金屬字教程

19、陰影和裂縫

(1)設置前景色為#564a2e,創建新層,命名為“Color Overlay”,改變圖層模式為“正片疊底”,透明度為75%,使用畫筆工具,塗抹出下圖效果

Photoshop製作3D立體效果的金屬字教程

(2)改變前景色#020202,創建新層在所有圖層之上,命名為“Shadow”,改變圖層模式為“顏色加深”,使用小尺寸畫筆畫出下圖效果

Photoshop製作3D立體效果的金屬字教程

(3)新建圖層“Brush”,改變圖層模式為“顏色加深”,透明度80,使用下面兩個畫筆(畫筆在素材包里有),繪製一些裂縫效果

Photoshop製作3D立體效果的金屬字教程

20、修改顏色,增加破舊感

(1)複製3D物體,並選擇副本

Photoshop製作3D立體效果的金屬字教程

(2)執行“Filter Forge 3”濾鏡,選擇下圖預設,改變設置如下

Photoshop製作3D立體效果的金屬字教程

(3)效果如下

Photoshop製作3D立體效果的金屬字教程

(4)繼續添加下面的預設,並修改參數如下

Photoshop製作3D立體效果的金屬字教程

(5)得到效果如下

Photoshop製作3D立體效果的金屬字教程

(6)改變3D圖層副本的圖層模式為疊加,透明度為30%

Photoshop製作3D立體效果的金屬字教程

(7)添加色相飽和度調整層,修改參數如下

Photoshop製作3D立體效果的金屬字教程

Photoshop製作3D立體效果的金屬字教程

21、最終效果

(1)創建新層“Corners”,改變圖層模式為正片疊底,透明度60%,設置前景色#020202,使用大號軟筆刷,繪製下圖暗角效果

Photoshop製作3D立體效果的金屬字教程

(2)保存文件,並另存一張為jpg文件,然後打開jpg文件,修改前景色為#cccccc,使用畫筆工具,改變畫筆模式為“亮光”,透明度為80%,繪製3D物體高光

Photoshop製作3D立體效果的金屬字教程

(3)可以適當調整筆刷大小,盡量多些變化

Photoshop製作3D立體效果的金屬字教程

(4)繼續添加“Filter”濾鏡預設,並修改下面參數

Photoshop製作3D立體效果的金屬字教程

(5)得到效果如下

Photoshop製作3D立體效果的金屬字教程

至此,這個教程就完成了!效果還是相當不錯的!學完這個,估計大家能對PS里的3D功能有比較深的認識啦!至於還有一個用的多的就是“Filter Forge 3”濾鏡,確實挺不錯的濾鏡,可惜不是完全免費的,只能下載30天免費試用版本!好了,再來看看最終的效果吧!

Photoshop製作3D立體效果的金屬字教程

–本文轉載自 http://www.missyuan.net 教學網 —

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

版权所有,保留一切权利! © 2019 PS筆刷工廠


熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

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