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

3D字體,通過PS制作紅色積木立體文字圖片

來源:網(wǎng)絡(luò) 作者:網(wǎng)絡(luò) 學(xué)習(xí):6922人次

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

效果圖:

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

操作步驟:

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

Step 1

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 2

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 3

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

路徑都是分開的。

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 4

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 5

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

2. 放置字母

Step 1

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 2

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

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

調(diào)整完后,按回車鍵來確認(rèn)變換

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 3

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

3. 做出里面的部分

Step 1

前景色為白色,選擇形狀工具畫一個(gè)10 px 寬 和 155 px 長的長方形.

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 2

下一步,復(fù)制一個(gè)長方形,把它放到移除部分的其中之一里,再復(fù)制一層放到其他的部分里面。重復(fù)這樣的操作,長方形就用來填滿了筆畫里豎直的部分

(不包括彎曲的部分)

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 3

使用原始的長方形來填充最后一個(gè)豎直筆畫(這個(gè)不用復(fù)制)

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 4

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

到想放的位置

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 5

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

分寬度為10 px.

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 6

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 7

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 8

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

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

4. 把重命名的圖層建立為場景

Step 1

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 2

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

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

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

5. 制作3D圖層

Step 1

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 2

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

6. 3D場景和窗口

Step 1

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

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

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)擊拖拽來更改3D場景的攝像機(jī)視圖,但是不要移動網(wǎng)格。

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

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

Step 1

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

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 2

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

Step 3

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

3D字體,通過PS制作紅色積木立體文字圖片_www.theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

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

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