3D字體，通過(guò)PS制作紅色積木立體文字圖片(4)

本教程屬于翻譯教程，但是翻譯過(guò)來(lái)很詳細(xì)通俗易懂的教同學(xué)們?nèi)绾沃谱饕豢罘e木字體，教程或只能怪我們會(huì)用到PS里的矢量編輯和3D功能來(lái)做一個(gè)玻璃和橡膠的3D文本，這個(gè)過(guò)程中，會(huì)展現(xiàn)怎樣去制造材質(zhì)，更改燈光，渲染場(chǎng)景，最后怎樣去調(diào)整整個(gè)結(jié)果的顏色完成最終作品，具體如何制作一起來(lái)學(xué)習(xí)一下吧。

效果圖：

操作步驟：

1. 打出文字，做出主體形狀

Step 1

新建一個(gè) 1000 x 750 px 的文檔, 用顏色c2c2c2填充背景圖層. 然后，用Righteous字體在大寫(xiě)狀態(tài)下打字，顏色是#484848, 字體大小為255 pt.

Step 2

把字體轉(zhuǎn)換為形狀

Step 3

用鋼筆工具，選擇路徑模式，然后把路徑選擇器模式選為從選擇中減去。 然后用鋼筆從文字形狀中移除隨機(jī)形狀。確保他們都是多邊形的形狀，而且每個(gè)

路徑都是分開(kāi)的。

Step 4

盡量不要移除太大或太多的部分，這個(gè)文本需要保持可讀性

Step 5

把要移除的部分刪除了，點(diǎn)擊路徑選擇器，選擇合并形狀組件，這會(huì)把所有路徑都合在一起

2. 放置字母

Step 1

除了把字母放在3D場(chǎng)景下，這個(gè)會(huì)比較難和耗時(shí)間，現(xiàn)在要移動(dòng)和旋轉(zhuǎn)字母， 選擇直接選擇工具，點(diǎn)擊和拖拽字母并選擇它(它的錨點(diǎn))

Step 2

編輯>自由變換進(jìn)入自由變換模式， 然后把字母拖到你想要放的地方并旋轉(zhuǎn)到新位置，你可以用鍵盤(pán)上的箭頭鍵去移動(dòng)字母

讓字母?jìng)儽M量在每個(gè)字母的頂部保持一段距離是很重要的，但不要把它們相交或者粘在一起，如果沒(méi)有空隙，它們?cè)?D網(wǎng)格狀態(tài)下會(huì)擠成一堆。

調(diào)整完后，按回車(chē)鍵來(lái)確認(rèn)變換

Step 3

如果字母重疊了，不能通過(guò)選擇全部字母的錨點(diǎn)來(lái)點(diǎn)擊拖拽，可以按SHIFT鍵點(diǎn)擊其他單獨(dú)的錨點(diǎn)

3. 做出里面的部分

Step 1

前景色為白色，選擇形狀工具畫(huà)一個(gè)10 px 寬 和 155 px 長(zhǎng)的長(zhǎng)方形.

Step 2

下一步，復(fù)制一個(gè)長(zhǎng)方形，把它放到移除部分的其中之一里，再?gòu)?fù)制一層放到其他的部分里面。重復(fù)這樣的操作，長(zhǎng)方形就用來(lái)填滿(mǎn)了筆畫(huà)里豎直的部分

(不包括彎曲的部分)

放好了長(zhǎng)方形之后，進(jìn)入自由變換模式并旋轉(zhuǎn)它，在文字形狀里把它放大一點(diǎn)點(diǎn)。不要忘了點(diǎn)回車(chē)鍵來(lái)確認(rèn)變換。

Step 3

使用原始的長(zhǎng)方形來(lái)填充最后一個(gè)豎直筆畫(huà)(這個(gè)不用復(fù)制)

Step 4

剩下的部分可以使用橢圓工具，確定在狀態(tài)欄選擇的是形狀模式，然后按住SHIFT鍵,點(diǎn)擊拖拽做出一個(gè)正圓 ，還可以按住空格鍵來(lái)移動(dòng)圓形，直到你把它放

到想放的位置

不要把圓放到字母的正中間，相反，把它放到離中心遠(yuǎn)一點(diǎn)點(diǎn)的位置，可以在拉圓的時(shí)候檢查圓的寬高，或者之后在狀態(tài)欄查看。

Step 5

點(diǎn)擊從選擇中減去，并重復(fù)上面的步驟，再畫(huà)一個(gè)圓放在之前畫(huà)的圓中間，但是這次，要比上次的寬高少20 px ，這樣才能在之前的圓中減掉，剩下來(lái)的部

分寬度為10 px.

Step 6

你要根據(jù)字母大小來(lái)決定圓的尺寸，對(duì)于字母來(lái)說(shuō)超出界的圓，使用鋼筆工具去掉多余的部分，然后選擇合并形狀(像你在1-3和1-5里做的一樣)

Step 7

你可以隨時(shí)縮放和旋轉(zhuǎn)直到你得到想要的結(jié)果

Step 8

完成結(jié)果后，選擇除了主文字外全部形狀圖層(點(diǎn)擊最后那層，按SHIFT鍵然后點(diǎn)擊)然后到圖層>合并形狀，在Photoshop CS6, 這樣是合并所有選擇形狀圖

層到一個(gè)圖層并且沒(méi)有柵格化，重命名為里形狀

4. 把重命名的圖層建立為場(chǎng)景

Step 1

復(fù)制背景圖層，把它拉到圖層最上面，命名為地面，再?gòu)?fù)制一層重命名為墻壁.

Step 2

使用長(zhǎng)方形工具制作10 x 25 px 長(zhǎng)方形,確認(rèn)狀態(tài)欄是組合形狀狀態(tài) 并把他們弄在一個(gè)圖層里，命名為玻璃

這些會(huì)添加到文本周?chē)�，所以想做多少可以做多少，如果你想把他們放在相互之間的頂端，那最好在你制作形狀的時(shí)候就這么做，留1 px距離在他們之間

然后做一個(gè)50 x 50 px 正方形的形狀圖層并命名為橡膠

5. 制作3D圖層

Step 1

選擇每個(gè)形狀圖層，選擇3D > 從所選路徑新建3D模型，另外2個(gè)圖層，選擇 3D > 從圖層新建網(wǎng)絡(luò)> 明信片.

Step 2

3D圖層現(xiàn)在是分開(kāi)的，意味著每個(gè)網(wǎng)格是在不同場(chǎng)景里，要把所有元素放在同一個(gè)場(chǎng)景的話(huà)，選擇所有3D圖層，然后選擇 3D > 合并3D 圖層.

6. 3D場(chǎng)景和窗口

Step 1

要調(diào)節(jié)3D網(wǎng)格參數(shù)和屬性，需要開(kāi)啟兩個(gè)窗口： 3D 和屬性窗口 (都可以在窗口菜單找到)

3D窗口有3D場(chǎng)景所有調(diào)節(jié)參數(shù)，當(dāng)你點(diǎn)擊他們的名字時(shí)，就可以到屬性調(diào)節(jié)窗口，所以在你在屬性窗口更改屬性時(shí)要確認(rèn)選擇的是對(duì)的。

Step 2

激活選擇工具，確認(rèn)狀態(tài)欄在3D模式，選擇狀態(tài)欄右邊的其中之一，就可以點(diǎn)擊拖拽實(shí)現(xiàn)任何改變，(在3D窗口的選擇轉(zhuǎn)態(tài)下 )

所以在3D窗口點(diǎn)擊當(dāng)前視圖，然后在空曠地方點(diǎn)擊拖拽來(lái)更改3D場(chǎng)景的攝像機(jī)視圖，但是不要移動(dòng)網(wǎng)格。

7.修飾3D網(wǎng)格

Step 1

之后我們開(kāi)始為場(chǎng)景里的不同網(wǎng)格來(lái)調(diào)整一些基本網(wǎng)格設(shè)置

點(diǎn)擊3D窗口里的3D主文字的網(wǎng)格名，然后，在屬性窗口里，設(shè)置擠壓深度為50.

Step 2

點(diǎn)擊屬性面板上的這個(gè)按鈕，調(diào)節(jié)斜面寬度為5，輪廓為半圓

Step 3

把內(nèi)部形狀網(wǎng)格擠壓深度改為20.

Step 4

把斜面寬度改為20和輪廓改為半圓

Step 5

把玻璃網(wǎng)格擠壓深度改為200.準(zhǔn)確數(shù)值一會(huì)可以在設(shè)定，現(xiàn)在先隨便設(shè)個(gè)數(shù)。

Step 6

把斜面寬度改為3.

Step 7

把橡膠的內(nèi)部形狀網(wǎng)格擠壓深度改為 49.

Step 8

把斜面寬度改為3 ，輪廓改為半圓

Step 9

點(diǎn)擊地面網(wǎng)格名稱(chēng)，然后點(diǎn)擊在屬性窗口的坐標(biāo)按鈕，把x軸改為90

Step 10

選擇3D > 將對(duì)象轉(zhuǎn)到地面平面. 然后在Y軸上加0.1的數(shù)值避免當(dāng)渲染時(shí)摩擦到地面

8. 制作橡膠材質(zhì)

Step 1

點(diǎn)擊主文字，在3D窗口選擇Front Inflation Material，在屬性窗口選擇擴(kuò)散紋理并選擇去除紋理

Step 2

更改擴(kuò)散顏色為 #d1272e, 鏡面顏色為 #545454,光澤顏色為#080808, 環(huán)境色為#000000. 之后數(shù)值如圖

Step 3

點(diǎn)擊碰撞按鈕并選擇新紋理

Step 4

設(shè)置寬高為600

Step 5

點(diǎn)擊碰撞按鈕并選擇編輯紋理

Step 6

這樣會(huì)打開(kāi)紋理文件夾，復(fù)制背景圖層，雙擊備份并打開(kāi)圖層樣式

Step 7

應(yīng)用圖案疊加并用一開(kāi)始準(zhǔn)備的噪波圖案

Step 8

保存文件然后關(guān)閉，回到最初的文件

Step 9

再次點(diǎn)擊碰撞紋理按鈕，選擇編輯UV屬性

Step 10

將U的數(shù)值設(shè)置到250%,V的數(shù)值設(shè)置到200%,將U offset 和V offset 同時(shí)設(shè)置為0.

9. 保存并重復(fù)使用材質(zhì)

Step 1

其他材質(zhì)設(shè)置除了重復(fù)上面的步驟，你可以保存設(shè)置好的材質(zhì)并重復(fù)使用

點(diǎn)擊材質(zhì)選擇器，點(diǎn)擊右邊彈出窗口并選擇新材質(zhì)

Step 2

為材質(zhì)起個(gè)新名字，點(diǎn)擊確定

Step 3

當(dāng)在材質(zhì)選擇器頁(yè)面滾動(dòng)時(shí)，可以找到自己建的材質(zhì)，你可以點(diǎn)擊使用在任何表面，所以選擇余下的紋理網(wǎng)格，并應(yīng)用橡膠材質(zhì)

Step 4

應(yīng)用同樣的材質(zhì)到橡膠網(wǎng)格

10. 設(shè)置玻璃和Planes Materials

Step 1

選擇里面形狀的網(wǎng)格材質(zhì)設(shè)置和玻璃材質(zhì)設(shè)置，然后移除漫反射紋理，并使用下面的數(shù)值

漫反射顏色為 #dfdfdf, 鏡面 #727272, 光度 #080808, 環(huán)境 #000000.

Step 2

點(diǎn)擊地面網(wǎng)格按鈕，然后取消投影選項(xiàng)，墻壁網(wǎng)格也是同樣操作

Step 3

點(diǎn)擊地面材質(zhì)按鈕，點(diǎn)擊擴(kuò)散紋理按鈕然后點(diǎn)擊編輯紋理，然后打開(kāi)紋理文件，雙擊圖層，應(yīng)用圖案疊加，使用木紋圖案

Step 4

在圖層面版下方點(diǎn)擊新建填充/調(diào)整圖層選擇顏色/飽和度

Step 5

更改飽和度數(shù)值到-20. 保存并關(guān)閉文件并回到原始文件

Step 6

去掉透明紋理(點(diǎn)擊紋理按鈕并選擇移除紋理)然后如圖更改其他材質(zhì)數(shù)值設(shè)置，鏡面數(shù)值#bbbbbb,明度為 #000000,環(huán)境色為#000000.

Step 7

應(yīng)用到同樣的材質(zhì)到墻壁網(wǎng)格上，然后更改光照數(shù)值到50反射強(qiáng)度為 10.

11. 更改并保存攝像機(jī)數(shù)值

Step 1

現(xiàn)在材質(zhì)搞定了，該設(shè)定好最后的攝像機(jī)數(shù)值了，使用移動(dòng)工具去旋轉(zhuǎn)，縮放，并移動(dòng)攝像機(jī)，直到滿(mǎn)意攝像機(jī)角度為止

Step 2

使用3D軸，調(diào)節(jié)縱向和橫向的數(shù)值直到符合你選擇的最后視圖，確定墻和地面是垂直的

移動(dòng)3D軸的末尾并移動(dòng)網(wǎng)格，在下方的部分用于移動(dòng)，方塊是用來(lái)縮放的，方塊的中心是用來(lái)均勻地縮放物體的， 你需要做的就是點(diǎn)擊拖動(dòng)并確認(rèn)變換

Step 3

之后需要在下面幾步去調(diào)整攝像機(jī)視圖，在直接保存到最后一步前是個(gè)好主意

在3D選項(xiàng)中點(diǎn)擊攝像機(jī)視圖，在屬性的下拉菜單中選擇保存選項(xiàng)

Step 4

為視圖改個(gè)名，點(diǎn)擊確認(rèn)

Step 5

這個(gè)視圖會(huì)添加到3D選項(xiàng)和視圖菜單里，所以無(wú)論怎樣更改攝像機(jī)角度，當(dāng)你想回到這個(gè)視圖的時(shí)候，點(diǎn)擊3D選項(xiàng)這個(gè)選項(xiàng)或者從視圖菜單里選擇就行了

Step 6

在調(diào)整其他網(wǎng)格之前，選擇文字和內(nèi)形狀群組，把它們的坐標(biāo)調(diào)整到地面，并確認(rèn)沒(méi)有東西漂浮在場(chǎng)景周?chē)?/p>

12. 加一個(gè)桶

這個(gè)操作是可選擇的，但是加進(jìn)去對(duì)最終結(jié)果不錯(cuò)

Step 1

橢圓工具做一個(gè)230 x 230 px的圓

然后在選項(xiàng)里把填充改為無(wú)，描邊改為黑色的10 px,選擇內(nèi)部對(duì)齊

Step 2

點(diǎn)擊3D > 從所選路徑新建3D模型，然后在視圖下拉菜單把當(dāng)前視圖改為3D圖層

Step 3

選擇全部3D圖層并把他們合并，通過(guò)3D >合并3D圖層.然后改變圓形網(wǎng)格的X軸的旋轉(zhuǎn)數(shù)值為90.

Step 4

使用3D軸，把桶縮放，放到你想要它在場(chǎng)景里擺的地方

13. 制作桶的材質(zhì)

Step 1

點(diǎn)擊橢圓前部充氣材料標(biāo)簽，點(diǎn)擊擴(kuò)散紋理按鈕，選擇移除紋理，然后點(diǎn)擊擴(kuò)散文件夾并選擇新紋理，新材質(zhì)面積應(yīng)該設(shè)定為寬高均為1024

然后點(diǎn)擊擴(kuò)散紋理按鈕并選擇編輯紋理，新建一個(gè)層，把前景和背景色設(shè)為黑和白。

Step 2

點(diǎn)擊濾鏡 >渲染>云彩

Step 3

點(diǎn)擊濾鏡> 濾鏡庫(kù)> 變形> 玻璃,并使用數(shù)值如下

Step 4

雙擊圖層樣式，應(yīng)用顏色疊加，把混合模式改為正片疊底，顏色改為 #909090.

Step 5

保存并關(guān)閉文件

Step 6

檢查下面其他的材質(zhì)數(shù)據(jù)，鏡面數(shù)值 #c1c1c1,明度為#000000,環(huán)境色為 #000000.

Step 7

最后一次點(diǎn)擊擴(kuò)散紋理并選擇編輯UV屬性，設(shè)置U數(shù)值到300%, V數(shù)值到100%, U偏移和V偏移數(shù)值為0.

應(yīng)用材質(zhì)到其他的橢圓材質(zhì)上

14.分開(kāi)和放置玻璃和橡膠網(wǎng)格到場(chǎng)景里

Step 1

在3D選項(xiàng)里選擇玻璃網(wǎng)格名稱(chēng)，然后再3D >分裂3D擠壓。這個(gè)會(huì)分開(kāi)原始網(wǎng)格到3D設(shè)置的不同的網(wǎng)格標(biāo)簽

要用到移動(dòng)工具和3D軸去縮放，旋轉(zhuǎn)，把不同的網(wǎng)格放在場(chǎng)景里，你可以旋轉(zhuǎn)和移動(dòng)攝像機(jī)視圖來(lái)幫你放置網(wǎng)格，這個(gè)可能要花些時(shí)間，但會(huì)讓你更容易

去習(xí)慣操作

記住你可以在3D面版里選擇多于一組網(wǎng)格組并移動(dòng)他們，你也需要把他們放到地面上

Step 2

分開(kāi)橡膠網(wǎng)格然后把做好的網(wǎng)格放在場(chǎng)景里和桶里面

15.在燈光和渲染場(chǎng)景工作

Step 1

點(diǎn)擊無(wú)限光 1 ，然后更改顏色為 #fefbef,強(qiáng)度為80%,陰影強(qiáng)度為50%.

Step 2

用移動(dòng)工具移動(dòng)光源讓他斜對(duì)角地從攝像機(jī)角度上面打下來(lái)，可以使用坐標(biāo)去調(diào)整位置

Step 3

點(diǎn)擊在3D面板里增加新光源到場(chǎng)景，然后選擇新的點(diǎn)光源

Step 4

更改點(diǎn)光顏色為#fffef8, 強(qiáng)度改為 30%, 把陰影選項(xiàng)取消掉

讓光逐步地衰弱做出擴(kuò)散的感覺(jué)，看起來(lái)更自然，檢查光的衰減參數(shù)，更改內(nèi)部數(shù)值為 79.4， 其他為868.5。

Step 5

點(diǎn)光放在文本前面的中心位置，這里的坐標(biāo)數(shù)值如下。

Step 6

當(dāng)作好了全部，可以去渲染場(chǎng)景了(3D > 渲染).

Step 7

渲染會(huì)需要一些時(shí)間，但你可以在文檔內(nèi)部點(diǎn)擊任意一處來(lái)停下

16. 增加調(diào)整圖層來(lái)調(diào)節(jié)結(jié)果的顏色

Step 1

點(diǎn)擊新建填充和調(diào)整圖層選擇明度/對(duì)比度

Step 2

更改明度到5對(duì)比度到 2.

Step 3

點(diǎn)擊新建填充和調(diào)整圖層，選擇色彩平衡

Step 4

選擇不同的色調(diào)，更改數(shù)值如下

明度—陰影-高光

恭喜你完成了

這個(gè)教程中，我們把文字圖層修改為形狀圖層，使用鋼筆工具去掉一些部分，用其他形狀來(lái)填充那些部分，所有元素都轉(zhuǎn)換為3D圖層并合并成一個(gè)

所有網(wǎng)格使用用不同的材質(zhì)并按需要放在場(chǎng)景里，調(diào)整燈光，渲染場(chǎng)景。用2個(gè)調(diào)整圖層來(lái)調(diào)色和增加對(duì)比，得到最后效果

結(jié)語(yǔ)

本期教程到這里就結(jié)束了，希望大家在練習(xí)過(guò)程中多思考、理解制作思路和操作方法，活學(xué)活用。