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

ps設(shè)計(jì)濾鏡的金屬條立體字教程(8)

來(lái)源:設(shè)計(jì)派 作者:Pudding 學(xué)習(xí):12621人次

Photoshop的矢量工具和3D工具放在一起是一個(gè)很強(qiáng)大的組合,可以用來(lái)創(chuàng)建一些有趣又驚人的3D效果。在教程中我將向您展示如何使用矢量形狀,3D工具和一些簡(jiǎn)單素材創(chuàng)建一個(gè)時(shí)尚的3D文字效果。平時(shí)最怕的就是做3D效果,可是看到這個(gè)教程的確很喜歡呢,拿來(lái)跟大家分享一下。而且這個(gè)教程講解的很細(xì)膩,除了必要的操作步驟,還講了一些3D操作中的小細(xì)節(jié),下面就讓我們一起來(lái)學(xué)習(xí)吧。

教程素材和字體:http://bbs.16xx8.com/thread-167810-1-1.html

注意事項(xiàng):看圖,一定要看圖做,雖然圖片是英文的,但是步驟中已經(jīng)給出了相應(yīng)的翻譯。

先看下效果:

ps設(shè)計(jì)濾鏡的金屬條立體字教程

一、創(chuàng)建背景和文本形狀

Step 1:創(chuàng)建一個(gè)新文檔,大小為1500*1250像素,填補(bǔ)背景顏色為#DBDBDB。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:創(chuàng)建文本層,字母要全部大寫(xiě),字體顏色設(shè)置為#6d6d6d,字體為無(wú)襯線(xiàn)Exb FLF,大小設(shè)置為370pt。設(shè)置行距為200pt,字符間的字距微調(diào)設(shè)置為視覺(jué),所選字體字距調(diào)整設(shè)置為50.

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:在文字圖層【Stay Cool】,點(diǎn)擊右鍵,選擇轉(zhuǎn)換為形狀,將文本層轉(zhuǎn)換成一個(gè)形狀層。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

二、調(diào)整字母

Step 1:選擇路徑選擇工具,然后單擊第一個(gè)字母,選中它,將其拖動(dòng)【或者使用箭頭鍵】至如下位置。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:按照相同的步驟把所有的字母拖動(dòng)到文檔里你喜歡的位置。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

三 創(chuàng)建外部描邊

Step 1:復(fù)制文本形狀圖層,并將副本重命名為描邊【Stoke】。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:使用路徑選擇工具選中文字,在工具欄,改變填充為純色,描邊寬度為5pt。然后點(diǎn)擊設(shè)置形狀描邊類(lèi)型的圖標(biāo),設(shè)置描邊的對(duì)齊類(lèi)型為對(duì)齊到外面【如圖】,然后點(diǎn)擊更多選項(xiàng)按鈕。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:改變其他的選項(xiàng)設(shè)置如下所示:

ps設(shè)計(jì)濾鏡的金屬條立體字教程

四、創(chuàng)建玻璃架子

Step 1:選擇圓角矩形工具,確保形狀選區(qū)仍在。在選項(xiàng)欄中,設(shè)置半徑為1,并點(diǎn)擊>幾何選項(xiàng)圖標(biāo),選擇固定大小的選項(xiàng),設(shè)置寬度為90和高度為10。創(chuàng)建一個(gè)新圖層在描邊圖層之上,稱(chēng)之為玻璃層(Glass)。單擊并拖出一個(gè)圓角矩形,使矩形剛好在描邊區(qū)的下方。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:給這個(gè)圓角矩形形狀填充一個(gè)較暗的顏色,并在選項(xiàng)欄中點(diǎn)擊>合并形狀的圖標(biāo)按鈕。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:給剩下的字母也添加同上的圓角矩形。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 4:完成之后,復(fù)制原始文本形狀的層,給復(fù)制層重命名為Stay Cool Back。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

五、創(chuàng)建三維形狀

Step 1:對(duì)每個(gè)形狀圖層進(jìn)行如下操作:選中它,然后選擇3D>從所選圖層新建3D凸出。將這些形狀圖層轉(zhuǎn)化為3D的。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:復(fù)制背景圖層兩次,拖動(dòng)這兩個(gè)復(fù)制圖層到圖層面板的最上方,重命名墻(wall)和地面(ground)。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:對(duì)于步驟2中圖層的每一個(gè),選中它,然后選擇3D>從圖層新建網(wǎng)格>明信片。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

六 構(gòu)建3D場(chǎng)景

Step 1:進(jìn)入3D設(shè)置及屬性界面,需打開(kāi)兩個(gè)面板,即:3D面板和屬性面板【兩者均可在窗口菜單中找到】。3D面板中包含3D場(chǎng)景中的所有組件。無(wú)論單擊哪一個(gè)組件,均可進(jìn)入屬性面板的設(shè)置界面。因此,在改變屬性面板中的設(shè)置之前請(qǐng)確保其確實(shí)為您想更改的選項(xiàng)。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:點(diǎn)擊地面層,在3 D面板中選擇它的網(wǎng)格名稱(chēng),雙擊,然后在屬性面板中,單擊頂部的坐標(biāo)圖標(biāo),X值更改為90。這樣做是為了讓它看起來(lái)是垂直于墻面的。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:選擇所有的3 D圖層,然后選擇3 D> 合并3 D圖層。這是要把所有的3D網(wǎng)格放在同一個(gè)場(chǎng)景里面。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 4:選擇移動(dòng)工具,并觀(guān)察其工具欄。你會(huì)發(fā)現(xiàn)右邊有一組3 D模式。當(dāng)你選擇其中之一時(shí),您可以單擊并拖動(dòng)它,對(duì)所選中元素執(zhí)行你想要的任何變換(在3D面板選中的元素部分)。現(xiàn)在的3 D面板選中的是當(dāng)前視圖,您可以單擊并拖動(dòng)改變視圖效果,結(jié)果如下:

ps設(shè)計(jì)濾鏡的金屬條立體字教程

七、修改網(wǎng)格

Step 1:在3D面板中選擇原始文本(stay cool)和stay cool Back的變形名稱(chēng),雙擊選擇變形屬性,把他們的凸出深度值更改為20。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:選擇原始文本stay cool,單擊屬性面板中的蓋子圖標(biāo)按鈕,選擇邊為前部,然后斜面寬度改為10,等高線(xiàn)為滾動(dòng)斜坡-遞減,膨脹角度為-45。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:對(duì)于stay cool back網(wǎng)格,單擊蓋子按鈕,邊設(shè)置為背面,改變斜面寬度為10,等高線(xiàn)為滾動(dòng)斜坡-遞減,膨脹角度為45。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 4:選擇stock的變形名稱(chēng),設(shè)置其凸出深度為150。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 5:然后改變其斜面寬度為10,輪廓為半圓。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 6:選擇玻璃(glass),選擇變形按鈕,設(shè)置凸出深度為481。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 7:斜面寬度改為10。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 8:最后對(duì)wall網(wǎng)格,勾選取消陰影框。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

八、創(chuàng)建材料

Step 1:為原始文本(stay cool)網(wǎng)格選擇前膨脹材質(zhì)。然后單擊漫射紋理圖標(biāo),并選擇刪除紋理。對(duì)其他材質(zhì)進(jìn)行一樣的操作。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:修改其他設(shè)置如下所示:漫射:# 575757鏡像:# 606060發(fā)光:# 000000環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:選擇字體斜面、凸出和背部斜面材質(zhì),改變他們?cè)O(shè)置如下所示:漫射:# d4d4d4鏡像:# 67666 b發(fā)光:# 080808環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 4:選擇文本副本(stay cool back)的后膨脹材質(zhì),更改設(shè)置如下所示:漫射:# b4b4b4鏡像:# 65666發(fā)光:# 080808環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 5:如下,選擇描邊(stoke)材質(zhì)里的所有材質(zhì)圖標(biāo),改變他們的設(shè)置:漫射:# a3671f鏡像:# cab171發(fā)光:# 080808環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 6:選擇所有的玻璃(glass)材質(zhì)的圖標(biāo),改變他們的設(shè)置:漫射:# ffffff鏡像:# c2c2c2發(fā)光:# 080808環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 7:墻面設(shè)置:漫射:# DBDBDB鏡像:# a3a3a3發(fā)光:# 080808環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 8:地面設(shè)置:漫射:# d4d4d4鏡像:# 67666 b發(fā)光:# 080808環(huán)境:# 000000

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 9:選擇移動(dòng)工具,并使用3 d坐標(biāo)軸移動(dòng)工具把他們放到你喜歡在位置。在3 d軸的兩端箭頭是軸上移動(dòng),下面的部分是軸上旋轉(zhuǎn),立方體是用于沿軸縮放。中間的立方體用于平均。你需要做的就是點(diǎn)擊和拖動(dòng)箭頭,以得到您需要的效果。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

九、添加光照

Step 1:選擇無(wú)限光1的按鈕,然后改變其顏色# bfb7ac,其強(qiáng)度30%,它的陰影柔和度到20%。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:您可以使用移動(dòng)工具移動(dòng)光照到你喜歡的位置,或使用如下所示的坐標(biāo)的值。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:在3D面板上點(diǎn)擊下方的>將新光照添加到場(chǎng)景,并選擇新建點(diǎn)光。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 4:改變點(diǎn)光源的強(qiáng)度為20%,并勾選取消其陰影。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 5:把點(diǎn)光源放到文本后面,放在文本略上方的位置。你可以設(shè)置坐標(biāo)的值如下。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 6:?jiǎn)螕裘姘逯械沫h(huán)境按鈕,然后單擊在Properties面板圖標(biāo)中的IBL紋理,選擇替換紋理。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 7:從所給的韌性金屬素材包中打開(kāi)【金屬背景圖片01.jpg】圖像,然后改變強(qiáng)度值50%。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

十、調(diào)整網(wǎng)格

Step 1:點(diǎn)擊stay cool back,然后將其移動(dòng)到后面,使它看起來(lái)像在金屬條的后面。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:您可以選擇一個(gè)網(wǎng)格或幾個(gè)網(wǎng)格移動(dòng)到場(chǎng)景中,改變他們的視圖,得到你喜歡的結(jié)果。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:確保地面網(wǎng)格不低于最初的場(chǎng)景地平面網(wǎng)格,然后選擇3 D >渲染。做出下面這個(gè)效果圖可能需要一些時(shí)間,但你可以按Esc鍵隨時(shí)停止。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

十一、調(diào)整顏色

Step 1:渲染完成后,一定要保存文件。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 2:選擇選擇>全部,然后編輯>復(fù)制,編輯>粘貼。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

Step 3:改變粘貼層的混合模式為柔光,不透明度為35%。這將使最終結(jié)果看起來(lái)更生動(dòng),更加充滿(mǎn)活力。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

恭喜你你完成了。

ps設(shè)計(jì)濾鏡的金屬條立體字教程

 

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

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

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

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