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

ps CS6制作3D片頭文字教程

來(lái)源:優(yōu)設(shè) 作者:兔子 學(xué)習(xí):14452人次

該文涉及三維和后期相關(guān)內(nèi)容,為了便于說(shuō)明,小翻在文中括號(hào)內(nèi)加入了相關(guān)注釋,若看官們對(duì)此熟悉,請(qǐng)無(wú)視之,或發(fā)現(xiàn)有不妥之處,望予以指正。至于在ps中加入這些功能是否有臃腫且雞肋之嫌,是非對(duì)錯(cuò)留給各位看官下定論,譯文僅作為嘗試新功能的案例介紹,希望能共同學(xué)習(xí),激發(fā)更多創(chuàng)作靈感。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

步驟1 新建文件

首先,新建一個(gè)文件,由于我們將渲染出一個(gè)高品質(zhì)的3D動(dòng)畫,在制作過(guò)程可能會(huì)占用你電腦很多內(nèi)存,因此如遇卡機(jī),請(qǐng)務(wù)必保持蛋定。(注:在使用3D拓展功能前,確保你cs6安裝的是拓展版,并且在編輯—首選項(xiàng)—性能中打勾選了使用圖形加速器/OpenGl,建議也多設(shè)置一兩個(gè)暫存盤)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

好,考驗(yàn)?zāi)托缘臅r(shí)候到了。我們將要制作一個(gè)動(dòng)畫,我曾被無(wú)數(shù)次地問(wèn)起動(dòng)畫面板在ps的哪里。如果你選擇默認(rèn)的安裝方式裝了Photoshop cs6,你會(huì)在界面的左下角發(fā)現(xiàn)兩個(gè)標(biāo)簽,分別叫Mini Bridge和Timeline(時(shí)間軸)。(注:Bridge是Adobe系列的文件預(yù)覽和管理軟件,mini Bridge即內(nèi)置在PS中的迷你Bridge。另外,若看不到這兩個(gè)標(biāo)簽,可從菜單欄的”窗口”下拉菜單中調(diào)出)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

雙擊Timeline標(biāo)簽(時(shí)間軸),展開面板,空空如也,這是因?yàn)槲覀冞沒(méi)開始制作動(dòng)畫。接著我們將加入一些元素,就會(huì)出現(xiàn)一些層,你可以將其理解為視頻的圖層。(注:作者所說(shuō)視頻的圖層即視頻軌,軌道上可以放置一個(gè)或多個(gè)視頻片段,還可以增加多個(gè)軌道,軌道以時(shí)間維度延展)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

步驟 2 創(chuàng)建3D文字層

開始制作,首先創(chuàng)建一個(gè)文字層,選擇工具欄中的文字工具。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

鍵入文字”tuts”

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

在字體選擇框中鍵入Blippo,找到Blippo系列字體后選擇Blk BT類型的。做這一步前首先要確定你系統(tǒng)中有安裝Blippo Blk BT字體。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

你將得到如下的字形。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

接著給文字加上3D立體效果。點(diǎn)擊頂部菜單欄的3D菜單,選擇”3D擠出所選層”(注:”擠出”命令相當(dāng)于給二維的圖形加上第三維度的厚度)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

選擇后會(huì)彈出一個(gè)對(duì)話框,詢問(wèn)你是否要將工作區(qū)轉(zhuǎn)換成3D的工作區(qū),由于我們接下來(lái)的步驟都涉及到3D,請(qǐng)選擇yes。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

看見(jiàn)沒(méi),出現(xiàn)了網(wǎng)格線!字體已經(jīng)呈現(xiàn)在3D的工作區(qū)中了。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

在右邊常用的圖層面板中,你會(huì)發(fā)現(xiàn)多了一個(gè)3D的標(biāo)簽,里面包含了新場(chǎng)景中所有的3D元素。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在,字體轉(zhuǎn)變?yōu)榱?D模型了,其形狀包含了幾個(gè)部分,每個(gè)部分擁有獨(dú)立的材質(zhì),如下圖所示。選中下圖所示的所有材質(zhì)。(注:作者所說(shuō)的幾個(gè)部分分別是前平面材質(zhì)、前面倒角材質(zhì)、擠出部分材質(zhì)以及背面和背面倒角材質(zhì))

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

然后,如下圖所示,進(jìn)入屬性面板(在右上角區(qū)域),選擇最簡(jiǎn)單的空材質(zhì)球,點(diǎn)擊漫反射顏色選項(xiàng)。(注:通過(guò)調(diào)整材質(zhì)球的材質(zhì)參數(shù),同步到三維模型的某一部分上,前一步驟選中所有模型每一部分材質(zhì),所以是對(duì)整個(gè)模型賦予相同材質(zhì)。這里的漫反射顏色設(shè)置相當(dāng)于給模型指定了固有色。相關(guān)光照知識(shí)推薦參看http://dt.hxsd.com/tag/5/2/4/5e309f68dd659e84fa7f8970ca2c8.html)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

在我們熟悉的顏色選擇器面板里,把取色點(diǎn)移至左上角,給漫反射顏色賦予白色。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

接著改變環(huán)境色,如下圖所示,單擊環(huán)境色的顏色塊。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

如圖,選擇一種淺灰色。(#c7c7c7)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

 

現(xiàn)在我們選擇圖層的父級(jí)元素,即下圖tuts組,以便于我們對(duì)模型進(jìn)行整體的旋轉(zhuǎn)和移動(dòng)。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

回到屬性面板,選擇”坐標(biāo)”按鈕(在最上方一欄),設(shè)置X軸旋轉(zhuǎn)90度,這樣,物體就平躺下了。(注:該設(shè)置意義是以X軸為旋轉(zhuǎn)軸,旋轉(zhuǎn)90度。 面板中三列分別代表移動(dòng)、旋轉(zhuǎn)和縮放。)

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

接下來(lái)我們稍微減少文字?jǐn)D出的厚度,如下圖,還在屬性面板中,切換到”網(wǎng)格(mesh)”圖標(biāo),將”擠出深度(extrusion depth)”的值減少到48。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

完成以上所有步驟后,接下來(lái),選擇的3D菜單中”將物體吸附到地面”的命令,如下圖。這樣就把字體模型擺到了水平面。現(xiàn)在,創(chuàng)建字體模型的工作就完成了。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

步驟 3 地面平面

我們上面一直在說(shuō)”地面”,但事實(shí)上我們還沒(méi)有一個(gè)真正的地面模型。接下來(lái),以視圖中的網(wǎng)格為參照,我們來(lái)創(chuàng)建一個(gè)地面模型。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

在工具欄中選擇長(zhǎng)方形矢量工具,拖拽出一個(gè)覆蓋整個(gè)畫布大小的長(zhǎng)方形。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

接著,將新建的這個(gè)長(zhǎng)方形指定到3D視圖中,首相要把它變成一個(gè)3D物體,如下圖, 3D菜單—>從圖層中新建網(wǎng)格—>深度映射到—>平面

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

完成后,將得到一個(gè)新的3D層,這一層出現(xiàn)在一個(gè)全新的3D場(chǎng)景中,但這不是我們想要的結(jié)果,我們要把新建的平面放到與我們的字體相同的場(chǎng)景中去。切換回普通的圖層面板,如下圖,選中這兩個(gè)圖層。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

然后,點(diǎn)擊3D菜單,你會(huì)發(fā)現(xiàn)一個(gè)”合并3D圖層”的命令,如下圖所示。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

然后,切換標(biāo)簽回到3D面板,我們會(huì)發(fā)現(xiàn)除了原有的叫tuts的物體外,又多了一個(gè)叫rectangle_1_layer的物體。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

而在圖層面板中,整個(gè)3D場(chǎng)景僅包含在一個(gè)圖層中了。如下圖。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

接著,我們來(lái)調(diào)整觀看的視角,從頂部俯視字體模型,(在3D面板中選中當(dāng)前視角(current view))。在 “屬性”面板里第一欄圖標(biāo)中,選擇 “坐標(biāo)”,如下圖所示修改參數(shù),或者在3D場(chǎng)景中通過(guò)拖拽視圖,調(diào)整視角,直到得到頂視圖視角。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

如下圖所示,我們得到了頂視圖效果。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

得到正確視角后,你是否注意到,地面顯得非常暗,無(wú)論你最初創(chuàng)立地面平面時(shí)選擇的是什么顏色,現(xiàn)在看上去都是漆黑一團(tuán)。因此我們要給地面設(shè)定3D材質(zhì),先選擇字體模型的某一部分,如下圖選擇了前平面的材質(zhì)層。

Photoshop CS6制作3D文字的片頭動(dòng)畫教程,PS教程,16xx8.com教程網(wǎng)

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
Guchll2018-05-11 11:39
非常好
紙love羽2017-05-28 07:35
謝謝老師
天使搞飛機(jī)2017-05-28 09:30
大神厲害。
慕容影德2017-05-28 04:29
老師好利害我無(wú)意中發(fā)現(xiàn)了一些視頻,視頻中這個(gè)女的被好多好多人強(qiáng)奸了,這個(gè)女的真可憐,但當(dāng)老師時(shí)被學(xué)生強(qiáng)奸,為了生活,她又去當(dāng)護(hù)士,又被病人強(qiáng)奸,好不容易找了個(gè)監(jiān)獄的工作,還要被犯人強(qiáng)奸,就連回家坐個(gè)公交車都被無(wú)數(shù)個(gè)乘客強(qiáng)奸,我掌握了大量的證據(jù),我決定去報(bào)案,如果你們不相信可以留下郵箱,我把證據(jù)發(fā)給你們。

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

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