PS教程:Photoshop打造三維立體字

教程頻道 - Photoshop 來(lái)源:中國(guó)設(shè)計(jì)在線 作者:cdo 2015-12-04

 

制作背景和文字樣式

今天PS教程帶來(lái)利用Photoshop圖層樣式及復(fù)制疊加制作漂亮七夕立體字。其實(shí)簡(jiǎn)單的立體字完全可以手動(dòng)完成,可以先做出表面的效果,合并為一個(gè)圖層,然后用特定的變形工具處理,在有規(guī)律的復(fù)制就可以得到不錯(cuò)的透視立體面。后期再調(diào)整一下顏色即可。

最終效果圖

PS教程:Photoshop打造三維立體字
圖0

1、新建一個(gè)1000 * 650像素,分辨率為72的畫(huà)布。選擇漸變工具,顏色設(shè)置為暗紅至深紅色如圖1,然后由中心向邊角拉出徑向漸變作為背景如圖2。

PS教程:Photoshop打造三維立體字
圖1

PS教程:Photoshop打造三維立體字
圖2

2、直接在圖3上面右鍵選擇保存,然后在PS中打開(kāi),并拖到新建的畫(huà)布里面,解鎖后放好位置,如圖4。

PS教程:Photoshop打造三維立體字
圖3

PS教程:Photoshop打造三維立體字
圖4

3、選擇文字圖層,鎖定像素區(qū)域。選擇漸變工具,顏色設(shè)置如圖5,然后由右上角網(wǎng)左下角拉出圖6所示的線性漸變。

PS教程:Photoshop打造三維立體字
圖5

PS教程:Photoshop打造三維立體字
圖6

4、選擇菜單:圖層 > 圖層樣式 > 斜面和浮雕,參數(shù)設(shè)置如圖7,然后再設(shè)置等高線如圖8,確定后效果如圖9。

PS教程:Photoshop打造三維立體字
圖7

PS教程:Photoshop打造三維立體字
圖8

PS教程:Photoshop打造三維立體字
圖9

       制作立體效果
 
 5、按Ctrl + J 把當(dāng)前文字圖層復(fù)制一層,然后修改一下斜面和浮雕的參數(shù),等高線不同變,確定后把填充度改為:0%,效果如圖11。

PS教程:Photoshop打造三維立體字
圖10

PS教程:Photoshop打造三維立體字
圖11

6、按Ctrl + J 把當(dāng)前圖層復(fù)制一層,不透明度改為:50%,填充度為0%不變,然后修改一下斜面和浮雕的參數(shù),如圖12,效果如圖13。

PS教程:Photoshop打造三維立體字
圖12

PS教程:Photoshop打造三維立體字
圖13

7、按住Ctrl 鍵鼠標(biāo)左鍵點(diǎn)擊當(dāng)前圖層縮略圖載入文字選區(qū),如下圖。

PS教程:Photoshop打造三維立體字
圖14

8、選擇菜單:選擇 > 修改 > 收縮,數(shù)值為15,確定后再把選區(qū)羽化5個(gè)像素如圖16,然后給當(dāng)前圖層添加圖層蒙版,效果如圖17。

PS教程:Photoshop打造三維立體字
圖15

PS教程:Photoshop打造三維立體字
圖16

PS教程:Photoshop打造三維立體字
圖17

9、新建一個(gè)圖層,把背景圖層隱藏,按Ctrl + Alt + Shift + E 蓋印圖層,如下圖。

PS教程:Photoshop打造三維立體字
圖18

       調(diào)整文字色彩

 10、把背景圖層顯示出來(lái),原來(lái)的幾個(gè)文字圖層隱藏,按Ctrl + J 把蓋印的文字圖層復(fù)制一層,然后選擇蓋印圖層如下圖。

PS教程:Photoshop打造三維立體字
圖19

11、按Ctrl + T 變形,先按向右的方向鍵一下向右移一個(gè)像素,然后按向下的方向鍵一下向下移一個(gè)像素;在屬性欄把寬和高的數(shù)值都設(shè)置為99.9%,如下圖。設(shè)置好后回車確定。

PS教程:Photoshop打造三維立體字
圖20

12、按Ctrl + Alt + Shift + T一次就可以得到一個(gè)副本圖層如下圖。

PS教程:Photoshop打造三維立體字
圖21

13、按Ctrl + [ 往下移動(dòng)圖層,如下圖。

PS教程:Photoshop打造三維立體字
圖22

14、重復(fù)上面的操作:先按Ctrl + Alt + Shift + T 一次,再按Ctrl + [ ,如此循環(huán),就可以得到不錯(cuò)的立體面,效果如下圖。

PS教程:Photoshop打造三維立體字
圖23

15、把立體面的文字圖層選擇起來(lái),然后合并為一個(gè)圖層,最上面的一個(gè)文字圖層不用選擇,作為表面文字。

PS教程:Photoshop打造三維立體字
圖24

16、現(xiàn)在來(lái)給立體面簡(jiǎn)單調(diào)整一下顏色。按Ctrl + J 把立體面復(fù)制一層,按Ctrl + Shift + U 去色,然后把不透明度改為:40%,再按Ctrl + Alt + G 創(chuàng)建剪切蒙版,如下圖。

PS教程:Photoshop打造三維立體字
圖25

17、創(chuàng)建曲線調(diào)整圖層,對(duì)RGB,藍(lán)通道進(jìn)行調(diào)整,參數(shù)設(shè)置如圖26,確定后按Ctrl + Alt + G 創(chuàng)建剪切蒙版,效果如圖27。

PS教程:Photoshop打造三維立體字
圖26

PS教程:Photoshop打造三維立體字
圖27

調(diào)整整體色彩效果

 

18、創(chuàng)建亮度/對(duì)比度調(diào)整圖層,參數(shù)設(shè)置如圖28,確定后同上的方法創(chuàng)建剪切蒙版,效果如圖29。

PS教程:Photoshop打造三維立體字
圖28

PS教程:Photoshop打造三維立體字
圖29

19、創(chuàng)建色相/飽和度調(diào)整圖層,對(duì)全圖,黃色進(jìn)行調(diào)整,參數(shù)設(shè)置如圖30,31,確定后同上的方法創(chuàng)建剪切蒙版,效果如圖32。

PS教程:Photoshop打造三維立體字
圖30

PS教程:Photoshop打造三維立體字
圖31

PS教程:Photoshop打造三維立體字
圖32

20、創(chuàng)建色彩平衡調(diào)整圖層,對(duì)高光進(jìn)行調(diào)整,參數(shù)設(shè)置如圖33,確定后同上的方法創(chuàng)建剪切蒙版,效果如圖34。

PS教程:Photoshop打造三維立體字
圖33

PS教程:Photoshop打造三維立體字
圖34

最后把整體稍微銳化一下,完成最終效果。

PS教程:Photoshop打造三維立體字
圖35

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦