當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps文字教程>3D立體字>教程內(nèi)容

ps金屬立體字教程(7)

來(lái)源:站酷 作者:藍(lán)色性格 學(xué)習(xí):16648人次

本教程主要使用Photoshop制作金屬質(zhì)感的3D立體字,教程主要使用濾鏡工具來(lái)制作紋理配合筆刷的使用和素材的合成完成最終效果圖,喜歡的朋友讓我們一起來(lái)學(xué)習(xí)吧。
所用素材:

http://pan.baidu.com/share/link?shareid=848711938&uk=755000821

http://bbs.16xx8.com/thread-164272-1-1.html

最終效果

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

1、建立基本框架和文字

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)復(fù)制矩形層

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(4)在選項(xiàng)欄,修改填充為無(wú),邊框?yàn)楹谏笮?0點(diǎn)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(5)設(shè)置邊框?qū)R方式為外面

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(6)創(chuàng)建文本,使用黑色,大小為45點(diǎn),間距為100

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(7)繼續(xù)創(chuàng)建文本,修改間距為50,其他參數(shù)不變

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

2、創(chuàng)建橢圓形及文字

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)復(fù)制橢圓層

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)修改復(fù)制橢圓層的填充為無(wú),邊框?yàn)楹谏?點(diǎn),對(duì)齊方式為外面

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

(1)按住“Ctrl+R”調(diào)出標(biāo)尺,使用移動(dòng)工具,拖出輔助線

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

4、轉(zhuǎn)3D圖層

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)選擇所有3D圖層,然后執(zhí)行“3D>合并3D圖層”

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

 

5、修改網(wǎng)格

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

橢圓1擠出深度為30

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

橢圓1副本擠出深度為50

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

橢圓2擠出深度為30

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

6、移動(dòng)網(wǎng)格

(1)坐標(biāo)軸的各項(xiàng)功能如下所示(沒(méi)做個(gè)3D的認(rèn)識(shí)下吧)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

7、創(chuàng)建金屬紋理

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)執(zhí)行“濾鏡>Filter Forge>Filter Forge3”選擇下面的材質(zhì),并改變參數(shù)如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)這個(gè)是主紋理

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(4)執(zhí)行“圖像>調(diào)整>色相飽和度”,改變參數(shù)如下:

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

8、創(chuàng)建主材質(zhì)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

9、保存材質(zhì),以便后面再次利用

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)彈出的對(duì)話框中,填寫(xiě)材質(zhì)名稱,點(diǎn)確定

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

10、修改主材質(zhì)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

 

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)將剛保存的材質(zhì)應(yīng)用給其他文字層

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

11、創(chuàng)建前面的紋理

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

12、創(chuàng)建前面的材質(zhì)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)打開(kāi)紋理屬性對(duì)話框,修改參數(shù)如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

14、蓋子設(shè)置

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)選擇橢圓1,單擊蓋子標(biāo)簽,修改參數(shù)如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)選擇橢圓2,同樣在蓋子標(biāo)簽欄下,修改參數(shù)如下,然后應(yīng)用“Metal Texture”給橢圓2材質(zhì)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

15、安放模型

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)沿著X軸旋轉(zhuǎn)模型73度

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(4)縮放攝像機(jī),并改變攝像機(jī)的視角,達(dá)到下圖效果

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

16、燈光設(shè)置

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)單擊坐標(biāo),使用下圖坐標(biāo)數(shù)值

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(4)修改聚光燈的坐標(biāo),參數(shù)如下:

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(6)新建一個(gè)點(diǎn)光源,參數(shù)設(shè)置如下:

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(8)再次選擇點(diǎn)光源,移動(dòng)它到橢圓的右側(cè)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(9)完成后,即可開(kāi)始渲染。(Alt+Shift+Ctrl+R)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

 

17、創(chuàng)建背景

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

18、修改背景

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)“Ctrl+J”復(fù)制選中的區(qū)域到新層,同樣的方法,復(fù)制出其他的部分

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

19、陰影和裂縫

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

(1)復(fù)制3D物體,并選擇副本

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(2)執(zhí)行“Filter Forge 3”濾鏡,選擇下圖預(yù)設(shè),改變?cè)O(shè)置如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)效果如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(4)繼續(xù)添加下面的預(yù)設(shè),并修改參數(shù)如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(5)得到效果如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

21、最終效果

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(3)可以適當(dāng)調(diào)整筆刷大小,盡量多些變化

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(4)繼續(xù)添加“Filter”濾鏡預(yù)設(shè),并修改下面參數(shù)

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

(5)得到效果如下

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

至此,這個(gè)教程就完成了!效果還是相當(dāng)不錯(cuò)的!學(xué)完這個(gè),估計(jì)大家能對(duì)PS里的3D功能有比較深的認(rèn)識(shí)啦!至于還有一個(gè)用的多的就是“Filter Forge 3”濾鏡,確實(shí)挺不錯(cuò)的濾鏡,可惜不是完全免費(fèi)的,只能下載30天免費(fèi)試用版本!好了,再來(lái)看看最終的效果吧!

Photoshop制作3D立體效果的金屬字教程,PS教程,16xx8.com教程網(wǎng)

 

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
pei2017-05-16 02:18
11不會(huì)做,沒(méi)有3d濾鏡

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

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