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

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

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

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

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

步驟1 新建文件

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

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

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

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

雙擊Timeline標簽(時間軸),展開面板,空空如也,這是因為我們還沒開始制作動畫。接著我們將加入一些元素,就會出現(xiàn)一些層,你可以將其理解為視頻的圖層。(注:作者所說視頻的圖層即視頻軌,軌道上可以放置一個或多個視頻片段,還可以增加多個軌道,軌道以時間維度延展)

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

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

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

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

鍵入文字”tuts”

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

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

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

你將得到如下的字形。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

步驟 3 地面平面

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

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

在工具欄中選擇長方形矢量工具,拖拽出一個覆蓋整個畫布大小的長方形。

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

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

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

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

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

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

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

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

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

而在圖層面板中,整個3D場景僅包含在一個圖層中了。如下圖。

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

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

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

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

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

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

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

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

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

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

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