下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps CS6制作3D片頭文字教程

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

時間:2024-03-05 21:00作者:下載吧人氣:24

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

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

步驟1 新建文件

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

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

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

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

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

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

步驟 2 創建3D文字層

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

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

鍵入文字”tuts”

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

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

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

你將得到如下的字形。

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

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

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

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

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

看見沒,出現了網格線!字體已經呈現在3D的工作區中了。

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

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

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

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

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

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

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

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

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

接著改變環境色,如下圖所示,單擊環境色的顏色塊。

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

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

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

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

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

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

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

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

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

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

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

步驟 3 地面平面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

你會在屬性面板的材質設定中看到我們之前設置好的材質球,我們將不用重新設置,復制相同的材質給地面即可。方法如下。

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

如上圖紅箭頭所示,點擊材質球縮略圖右邊的小三角下拉菜單,再點擊最右邊的齒輪圖標設置按鈕,在展開設置選項中,選擇如下圖所示的”新材質”選項。

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

這時會彈出一個對話框,你可以在輸入框中給新材質命名,然后點擊ok即可。

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

在3D圖層面板中選中長方形,如下圖。

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

再回到”屬性”面板,點擊材質球的縮略圖小三角,展開材質球面板,滾動下拉到最底,你會發現剛才新復制好的材質球(鼠標懸浮材質球上,會顯示其命名),選擇這個材質球。這樣我們模型都設置好了。

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

步驟 4 光照

通常在ps中,調整光照效果自然會想到添加一些調整層,再加上陰影效果,對不?這回錯了!我們要把思維轉換成在3D的工作環境中,要設置3D場景中的光照,我們設置上幾個光源。首先,選擇場景中已有的光源。(即下圖所選的3D面板中的平行光1(Infinite Light 1))

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

在工作區預覽中,出現了用于調節燈光的操縱桿,目前顯示光源是位于文字模型的前方,于是文字模型的后方產生了一塊黑暗的投影。讓我們拖拽操縱桿的小球,按照下圖紅箭頭所示的路徑,沿著光源的邊緣改變光照方向。

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

你也可以在燈光的”屬性”面板的坐標軸中進行參數調整。如下圖。

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

PS通過OpenGL渲染引擎,實時地將操作結果呈現在視圖中,顯示出物體收光效果、陰影投射方向等等。這里,我們想達到的光照效果是陰影從右上角向左下角的方向投射。

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

接著,我們再新建一個光源,在3D面板的最下方有一個通常用來新建層的小圖標,這個圖標在3D面板中是用來創建光源的。點擊后在下拉菜單中選擇”新建平行光”(new infinite light)。

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

如下圖所示,新建的光源出現在視圖正上方。

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

在”屬性”面板”坐標”中對燈光位置進行精確調節,參數如下。

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

同時在”屬性”的”平行光”里,調節參數如下圖所示(intenstiy指的是光照強度,softness指的是燈光邊緣的柔化程度)

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

回到3D面板,選擇默認的那個光源——平行光1

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

同樣對其屬性中光照參數進行設置,如下圖所示

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

用上述方法再新建兩個光源

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

改變平行光3的光照顏色,在”屬性”—>”燈光”面板上點擊顏色屬性的長方形取色框。

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

在彈出的取色器里選擇如下圖所示的淺紅色。(#e2c4c4)

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

然后按照下圖所示,調整光照強度和柔化值

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

選擇第4個光源,同樣對其光照色彩進行調整。

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

這回選擇一種藍色。(#6ba9c0)

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

如下圖調整光強和柔化參數。

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

選中第四個光源,調整其坐標位置,參數如下圖所示。該參數會將第四個光源設置在第一個光源的斜對面,作為第一個光源的補光。(注:補光作用是為了彌補主光源所產生投影過黑,在陰影處增加一定的光照)

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

然后我們調整第三個光源的坐標位置。同樣,先在3D面板中選擇平行光3。

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

如下圖所示參數,旋轉光照方向。

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

好了,整體設置完成,如下圖所示。第一個光源從右上角照射出光線,與地面成角較低,因此在左下角得到一個斜長的文字陰影

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

第二個光源(黃色箭頭所示)從較高的角度照向右上角,減淡了第一個光源所產生的陰影,營造出較柔和的光照環境,同時產生了整個文字基底與地面貼合的縫隙陰影。

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

第三個光源提供了粉紅暖色的補光,使光照效果顯得十分柔和。

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

最后,為了營造光照冷暖的對比,第四個光源照射出淡藍色的冷光,同時也減淡了主光源產生的陰影。至此,我們場景中光照就設置好了。

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

步驟 5 制作平滑的邊緣倒角

接下來,我們調整一下文字模型,使它產生柔和的圓角和邊界。如圖,選擇整個文字模型。

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

在”屬性”面板,單擊選擇”蓋子”(Cap)圖標,如圖所示調整參數設置。點擊等高線縮略圖的下拉按鈕,即下圖中用紅色大圈圈出的那個設置項。(注:這里設置的是模型邊緣的倒角,可以產生類似蓋子的感覺)

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

如下圖,在下拉框中選擇圓角曲線模式。

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

設置好后,立馬可以看到模型邊緣出現了柔和的倒角邊

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

快速渲染后,我們能看到大致的細節效果。這樣我們就調整好字體模型的倒角了。

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

步驟6 動畫

好的,接下來我們準備制作動畫了。首先,點擊時間線標簽,打開時間線面板。打開后,點擊中心的按鈕,創建一條時間軌。

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

很快,出現一個包含著tut場景的長長的視頻軌道,以及一個音頻軌道。如圖,點擊左邊的三角形箭頭。

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

展開的面板呈現了3D場景中的全部可以設置動畫的屬性。首先,我們選擇3D攝像機的位置屬性。

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

在默認情況下,整條視頻軌道都是可渲染的工作范圍,我們可以拖動在最末端的的操縱桿來改變工作范圍,下圖紅色箭頭所示。(注:該控制桿限定了軌道上工作區的長度范圍,從而指定了渲染范圍。)

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

將操縱桿向左拖動到3分20幀處。(注:動畫是利用視覺滯留原理,由一張張靜態圖片連起來形成的動態效果,一張靜態圖片稱為一幀(frame),該例子中1秒有30幀,你也可以在timeline最右邊的設置菜單中修改視頻的幀速率)

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

先前,我們已經設置過攝像機的位置了,這一位置其實是動畫最后結束時的位置。點擊小碼表圖標(下圖紅色箭頭所示),在時間軸上就會產生一個黃色小鉆石形狀的關鍵幀。(注:關鍵幀記錄了動畫變化過程中關鍵動作或狀態的那一幀,在兩個關鍵幀所記錄的狀態之間平滑過渡變化就產生了動畫效果)

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

接著,把剛產生的這個小黃點關鍵幀移至動畫最后一幀。(即30秒20幀處)

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

你有兩種方法來移動鏡頭視角,一是在場景左下角中選擇帶有3D坐標軸箭頭的操作桿,三個箭頭分別代表X、Y、Z三個方向。點擊操縱桿,按住左鍵拖動,就可以移動改變視角了。

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

第二種方法是,(先選擇3D面板中的當前視角(current view))進入之前使用過的”屬性”面板—>”坐標”中,在這里精確調節移動和旋轉的參數。

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

第三種方法是,在ps界面上方的工具欄中,可以快速選擇移動操作工具。

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

這個移動工具對于所有模型都通用,所以你只要選擇了這一工具,點擊任何一個模型的顯示區域,就會快速選中模型,坐標操作桿也會隨之出現。然而,現在我們并不需要移動模型,我們要移動視角。因此,你自己嘗試著動一動,看怎么讓視圖更靠近一些。(注:泄題,要使用該工具調節鏡頭視角時先點擊場景空白區域,按住左右拖動是平移,上下拖動是縮放)

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

得到想要的視角之后,點擊關鍵幀圖標(紅箭頭所示的碼表圖標),就設置好了動畫開始時的第一個關鍵幀。

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

你可以點擊下圖所示的播放按鈕,來預覽你的動畫。你也可以修改開始和結束幀至滿意為止。讓時間軸的指示器在現有的關鍵幀上進行調節,確保不會產生新的關鍵幀。(注:指示器就是那個預覽時會移動的那個帶紅線的物體,工作區顯示的畫面即它所在的幀)

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

點擊播放,你可以通過指示器查看到動畫的每一幀。你也可以把它放置在開始或結尾幀上,給其他物體層增加和選擇關鍵幀,設置關鍵幀動畫。

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

步驟7 添加調整層并設置調整層動畫

我們將給3D場景統一使用一些常用的調整層,并且給調整層設置動畫。首先,在圖層面板中,創建一個照片濾鏡(photo filter)調整層。

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

在屬性面板中,選擇過濾器(fliter)為暖色濾鏡(warming fliter)

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

在時間軸面板中,將出現照片濾鏡的新軌道層。接著, 在比2秒處稍稍多一點的位置打上一個新的關鍵幀,如下圖所示。

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

在這一幀上,我們設置透明度為0.

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

移至動畫最后,再打上一個關鍵幀。

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

設置最后一幀透明度值為30%

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

好啦~現在在圖層面板最頂上建立再新建一個照片濾鏡調整層,如下圖所示

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

如下圖參數,這次使用冷色濾鏡,設置密度為25%

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

回到動畫起始幀,如下所示,在開始處創建透明度關鍵幀:

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

透明度設置為100%

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

在大約3秒處,創建第二個關鍵幀

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

透明度設為0

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

最后,在最上層新建一個色階調整層(level)

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

在屬性面板中調整 參數如下圖所示

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

回到時間線面板,在透明度屬性開始處設置一個關鍵幀

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

設定其透明度值為100

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

如下圖,在約2秒8幀的位置上打上第二個關鍵幀

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

設置第二個關鍵幀透明度為0

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

完成了這一步后,現在最上方創建一個空圖層

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

選擇顏色填充工具,將這層的顏色填充為100%的黑色 (即K值100%)

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

點擊濾鏡菜單,選擇渲染——>鏡頭光暈

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

在對話框中調整鏡頭光暈效果如下圖所示

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

選擇圖層模式為疊加(screen)

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

回到時間軸版面,在這一圖層約1秒之后一點的位置創建一個新的關鍵幀

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

然后在2秒之后連續打上5個關鍵幀,位置如下圖所示,不需要特別精確,差不多就行了。

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

保持下圖圈出的這兩個關鍵幀透明度值為100%,然后拖動指示器到第三個關鍵幀處

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

把該幀的透明度值設置為23%

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

再拖動指示器到下一幀

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

設置透明度值為73%

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

繼續移至下一幀

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

設置透明度值為0。至此,我們把所有新建的層的動畫都設置好了。點擊播放按鈕,預覽一下我們的成果,如果對現階段效果滿意,咱就接著下面的操作。(注:這一步設置得效果是:整個場景光照調子隨視角變化產生的變化效果)

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

步驟8 渲染和配音

雖然這步挺簡單,但力求產生好的渲染效果是我們必須足夠重視的問題。如下圖所示,點擊那個箭頭狀的圖標。

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

然后會彈出一個有很多設置項的對話框。讓我們從左上角的參數開始逐一設置。第一步,給視頻起一個名字,選擇一個用于保存的目標文件夾。然后如圖,選擇一個視頻解碼器Adobe Media Encoder。選擇渲染范圍為工作區。最后選擇渲染品質為渲染品質。在此之前,我已經用低渲染品質進行過幾次的測試渲染,低品質渲染差不多要用幾分鐘,而當你要出最終的效果時,需要進行更細致的渲染,渲染的結果也會更好。渲染效果和時間取決于你的電腦性能,通常都會有點久,這就是為什么我們要保持文件大小適中的原因(減少計算資源)。

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

順便講講如何在動畫中加入音頻吧。

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

音軌在時間軸面板最下一欄,在其最右邊找到加號圖標,如下所示

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

點開,選擇你想導入的音頻文件。

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

音頻文件的時長可能遠超過你所設定的動畫時長,不過這沒關系。

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

你可以左右拖拽所選的音軌素材,直到與動畫相匹配。

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

我選擇了快接近結束的那段音樂來配合我的動畫。

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

如下圖,.滾動指示器到工作區最后,選擇剪刀工具。

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

這個工具可以用來剪斷那段音頻

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

你可以把不要的那段音頻刪除。

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

然后在音頻素材上右鍵,調出淡入淡出控制面板,這個面板的參數設定主要取決于你所選的音頻素材,但這是你在ps中對音軌的所有可控設置項了。我喜歡最后來調整音軌,因為3D渲染已經夠占用資源的了,因此,音頻可以最后再加入。

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

最后

在這個教程中,我們使用了CS6中基本的3d和動畫功能,當然較大的動畫和關鍵幀控制還是在AE或nuke里完成更好。但對于精小簡潔的動畫,使用ps來制作還是別有意趣的。我相信,ps會在這方面發展更好的,未來功能會強大得超過nuke。

標簽片頭,動畫教程,文字,3D,CS6,制作,Photoshop

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 日本亚洲精品色婷婷在线影院| 91xav在线| 污污视频网站免费观看| 女人高潮被爽到呻吟在线观看 | 日本h无羞动漫在线观看网站| 国产女主播喷水视频在线观看| 久久精品国产精品国产精品污 | 欧美sss视频| 最新中文字幕一区二区乱码| 国产无套粉嫩白浆在线| 久草视频免费在线观看| 麻豆91在线播放| 日本不卡免费新一二三区| 国产一国产二国产三国产四国产五 | 一区二区三区日韩精品| 秋霞鲁丝片无码av| 天天操天天射天天| 亚洲精品二三区伊人久久| 91人成在线观看网站| 欧美在线视频免费看| 国产激情一区二区三区四区 | 精品无码AV一区二区三区不卡| 岛国免费v片在线观看完整版| 免费a级片在线观看| 99久久香蕉国产线看观香| 欧美日韩电影在线观看| 日韩精品欧美视频| 国产免费久久精品99久久| 亚洲国产成人久久综合一区77| pruburb.html官网| 波多野结衣教师未删减版| 国产精品欧美亚洲韩国日本| 亚洲av无码专区在线| 裸体跳舞XXXX裸体跳舞| 岛国免费v片在线观看完整版| 亚洲综合成人网| 婷婷六月丁香午夜爱爱| 日日摸日日碰夜夜爽97纠| 免费大片黄在线观看| 69精品久久久久| 日本边吃奶边摸边做在线视频|