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

Photoshop用光與影表現(xiàn)3D立體字效果(5)

來源：作者：學(xué)習(xí)：4359人次

作者：自動(dòng)對(duì)焦 來源：太平洋電腦網(wǎng)
文字特效是Photoshop中一個(gè)重要的應(yīng)用，各路高手都有大量講述打造特色效果字體的教程，其中不少都是以3D立體為主的，要在平面的圖像中表現(xiàn)出立體效果，其實(shí)并不是一件很難的事情，重要的是用戶自己要對(duì)立體感有認(rèn)識(shí)，本教程旨在幫助大家建立基本的立體感，為大家學(xué)習(xí)其他3D效果打下基礎(chǔ)。教程比較簡(jiǎn)單，但擴(kuò)展應(yīng)用非常廣泛，適合PS新手舉一反三。
　　光源
　　在我們開始教程之前，先來看看一個(gè)光源是怎樣對(duì)物體產(chǎn)生影響的。如圖，畫面中間有個(gè)正方體，它的左上方有一個(gè)明亮的光源。當(dāng)光照射到正方體，就會(huì)在另一邊產(chǎn)生陰影。這種陰影和Photoshop中的陰影（指圖層樣式）有截然不同的效果，看上去能夠令物體躍然紙上。如果我們想令一個(gè)物體具有三維立體感，不需翻看沉悶的教科書，這里的光與影就是答案。

光源效果解說

　　一、我們的教程從一道微妙的線性漸變開始，是從深灰色到灰黑色的。注意到畫面左上方比右下方光亮了嗎？因?yàn)樽髡呦氚压庠捶胖迷谧笊辖恰?br />

圖1

　　二、現(xiàn)在我們開始放置文字，作者習(xí)慣使用一種名為“Agency FB”的字體，它們看起來緊湊而且硬朗，設(shè)置前景色為灰藍(lán)色#c2c8d4。

圖2

　　三、按住Ctrl用鼠標(biāo)左鍵點(diǎn)擊剛才的文字圖層載入選區(qū)，然后新建一個(gè)圖層。在新圖層，保持選區(qū)被選狀態(tài)，用漸變工具畫一個(gè)從#495a79到透明、從右下到左上的線性漸變。你會(huì)得到如下圖的效果。

圖3

　　四、按下鍵盤上“D”回復(fù)默認(rèn)前背景色，按住Ctrl點(diǎn)擊文字圖層載入選區(qū)，在文字圖層之下新建一個(gè)圖層�，F(xiàn)在按下鍵盤上的下箭頭一次，再按右箭頭一次（即向下向右各移動(dòng)1像素），使用Alt+Backspace（退格鍵）填充黑色。重復(fù)這組動(dòng)作30次。
　　注意移動(dòng)的只是選區(qū)而不是填充的黑色塊，最好保持選擇著選區(qū)工具。如果你選擇了移動(dòng)工具，就會(huì)在操作鍵盤的時(shí)候同時(shí)移動(dòng)黑色填充色塊和選區(qū)，你只會(huì)不斷重復(fù)填充同一個(gè)位置。

圖4

　　五、下圖是你現(xiàn)在應(yīng)該得到的效果。取消陰影圖層的選區(qū)，然后使用濾鏡>模糊>動(dòng)感模糊，角度為-45度，距離30像素。

圖5

　　六、設(shè)置陰影圖層為正片疊底，不透明度40%，接著按住Shift鍵按下鍵盤的右箭頭和下箭頭各一次，這會(huì)使得每次移動(dòng)變?yōu)?0像素�，F(xiàn)在你可能還會(huì)看見字母的上方和左方有一些模糊的陰影，使用一個(gè)柔軟的橡皮擦擦掉那些不該出現(xiàn)陰影（還記得文章開頭對(duì)陰影的分析嗎？）。

圖6

　　七、復(fù)制陰影圖層一次，再次按住Shift向下和向右移動(dòng)。使用動(dòng)感模糊濾鏡，設(shè)置距離為50像素，設(shè)置這個(gè)圖層的混合模式為正片疊底，不透明度20%。這會(huì)使得陰影的過渡更為順滑。

圖7

　　八、在所有圖層之上新建一個(gè)圖層，按住Ctrl點(diǎn)擊文字圖層載入選區(qū)，在新圖層中填充白色。先不要取消選區(qū)范圍，按下鍵盤的“↓”、“→”各一次，然后按下“DELETE”刪除選區(qū)內(nèi)容。
　　現(xiàn)在留下的是小小的白線，設(shè)置圖層不透明度為80%。

圖8

　　九、現(xiàn)在你可以看到，剛才做出來的小小白線為文字圖層添加了如同高光的效果。物體面向光源的一面會(huì)有高光出現(xiàn)，這樣的效果使得我們的文字更為立體。

圖9

　　十、接下來我們要模擬自然光創(chuàng)造一些光線。在所有圖層之上新建一個(gè)圖層，用矩形工具畫4～5道長(zhǎng)方形，顏色為白色，如下圖（越下方的矩形越粗）。

圖10

　　十一、按下Ctrl+T進(jìn)行自由變換，旋轉(zhuǎn)和放大到如下圖的效果，然后按下右鍵呼出菜單，選擇透視。把左方的兩個(gè)變換點(diǎn)拉得靠近一些，使白色矩形看起來是從左上方發(fā)散出來的。

圖11

　　十二、現(xiàn)在我們得到如下圖的四道虛擬“光線”，設(shè)置該圖層混合模式為疊加，不透明度20%，然后使用濾鏡>模糊>高斯模糊，半徑為6像素。

圖12

　　十三、現(xiàn)在你應(yīng)該如下圖的效果。

圖13

　　十四、既然我們剛才創(chuàng)造出來的白色矩形是用來模擬光線的，那么我們的高光是不是只應(yīng)該出現(xiàn)在光線照到的位置呢？Ctrl+左鍵點(diǎn)擊矩形圖層載入選區(qū)，添加圖層蒙版。這樣會(huì)得到一個(gè)蒙版，使得“高光”只在“光線”照到的位置出現(xiàn)。

圖14

　　十五、現(xiàn)在停下來看看，這樣的效果看起來已經(jīng)十分不錯(cuò)了，不過我們會(huì)需要為畫面添加一些溫暖的陽光感。

圖15

　　十六、在背景圖層之上新建一個(gè)圖層，使用粉紅色#9d506c進(jìn)行填充。

圖16

　　十七、設(shè)置粉紅圖層的混合模式為顏色，不透明度20%，這會(huì)使得我們的背景有一種偏紅的暖色調(diào)。因?yàn)榻酉聛砦覀冃枰旌弦恍S光，如果現(xiàn)在不在背景上添加一些粉紅色調(diào)，那么之后我們得到的最終結(jié)果將會(huì)顯得不夠真實(shí)。

圖17

　　十八、在粉紅圖層之上新建一個(gè)圖層，填充整個(gè)為白色，然后使用濾鏡>渲染>燈光效果。作者并不是經(jīng)常使用燈光效果，但其中的2點(diǎn)鐘聚光（Two O'clock Spotlight）效果十分酷。在燈光效果面板選擇剛才提到的Two O'clock Spotlight，你可以直接使用默認(rèn)設(shè)置的效果，但為了更好地實(shí)現(xiàn)我們的想法，最好稍微拉長(zhǎng)光效的橢圓形（這會(huì)使光源效果延長(zhǎng)一些）。

圖18