Photoshop實戰 立體陰影文字製作的詳細圖文教程

在這次範例中，我們會教大家使用的都是一些常用的技巧，例如「漸變圖層」、濾鏡中的「模糊」(「高斯模糊」、「動態模糊」)，以及圖層混色模式中的「覆蓋」…等等，

如果對 Photoshop 工具還不太熟悉的同學，可以跟著我們的教學步驟，邊學邊複習；如果是對文字特效有興趣的朋友，則是可以學到如何簡單做出文字立體感以及陰影效果！

【步驟一】

新建文檔，建立漸變圖層背景

首先，開一個白底方形的新檔案 (此範例為 600 * 500 像素)，將前景色(色碼#115689)及後景色(色碼#1a3164)先設定好之後，

使用漸變圖層工具中的線性漸層，由左上往右下拉對角線，做出一個由淺藍至深藍的背景圖層。

【步驟二】

建立漸層文字圖層

新建一個文字圖層，於圖層正中央輸入想要的文字；字型的選擇可參考此範例，用「 Agency FB + 粗體 」，或是挑選一個自己喜歡的其他字型都可以，並將顏色設為 #c2c8d4 (淺灰色)。

接著，將前景色設為#495a79 (灰色)後， 按下鍵盤上的「 Ctrl 」不放，同時用滑鼠點選圖層面板上面文字圖層的「T」，即可以選取文字範圍，

然後利用面板下方的漸層填色按鈕，將文字做一個120度，由前景色到透明的線性漸層變化。

【步驟三】

建立一個新圖層，並將前景色設為黑色(可直接按鍵盤上的「 D 」做快速轉換)，

同上個一步驟之選取文字範圍後，使用「 Alt + Delete 」快速鍵將文字填滿黑色，然後用鍵盤上的方向鍵將文字往右、下方各移動3像素。

從上方選單中，點選 「濾鏡」 > 「模糊」 > 「動態模糊」 ，角度及間距之數值設定請參考下方圖示。

此動作完成後，即可得到一個初步的文字陰影效果。

接下來，我們再多做兩個陰影圖層，請重複上面的動作建立新圖層，並且每建一個圖層，文字陰影部分移動的像素距離都增加3~4個像素，

至於動態模糊的設定值，除了角度不變之外，間距也要跟著拉大3~4個像素(或可以略多)。

下方圖示為第3個陰影圖層，往右下移動的像素距離為10像素時，可利用「 Shift + 方向鍵 」，按一下可移動10像素之小技巧；至於動態模糊的間距，則可設至15像素也沒關係。

最後，將所有陰影圖層全選，按滑鼠右鍵會出現功能選單，點選「轉換為智能型物件」後，即可合併成一個圖層。

圖層合併之後，將面板上方的混色模式中的改為「色彩增值」，並調整不透明度，這樣陰影會看起來自然一點。

到這邊，關於陰影的製作，大致上是完成了，不過我們如果還想再凸顯文字的立體感的話，可以再多複製一層影子(快速鍵: 「 Ctrl + J 」)，

然後將「動態模糊」的間距拉大到50像素左右，做一個拉長影的效果，這樣子可以讓文字部分看起來更生動！

【步驟四】

文字邊緣反光效果

陰影的部分做完了，接下來，我們來幫文字邊緣做個反光效果吧！首先，再複製一個影子圖層。

接著，先選取文字範圍，並填滿白色。

然後，往右、下方移動1~2像素(取決於你希望反光效果看起來是否明顯)，按下「 Delete 」清除範圍內的白色即可。

最後記得將選取範圍取消( 「 Ctrl + D 」 )，就可以完成囉！

【步驟五】

背景光線製作

利用形狀工具中的「矩形工具」，做出幾條橫向的白色矩形。

如同【步驟三】之陰影合併方式，將剛剛做出的幾個矩形圖層，「轉換為智能型物件」；

然後從上方選單，點選「編輯」>「任意變形」(或是直接使用快速鍵:「 Ctrl + T 」)，按滑鼠右鍵選擇「扭曲」功能，

調整光線的角度與大小，呈現由左上往右下方，為漸漸擴散的視覺感即可。

接著，我們要使用的是「覆蓋」這個混色模式；屬於對比色系相疊的其中一種，會均勻的混合兩個圖層的色彩，亮加亮、暗加暗，為很常用的混色模式。

另外，不透明度也要記得調整降低，然後，使用「濾鏡」>「模糊」>「高斯模糊」，強度設10像素以下即可，因為我們主要的目的是讓生硬的光線變柔和自然。

【步驟六】光源效果

光線完成之後，我們接下來要把光源給做出來，整個畫面才會有完整性。

先新增一個新圖層並填滿白色，點選「濾鏡」>「演算上色」>「光源效果」。

如圖示，我們選擇套用「兩點鐘方向聚光」的光源模式；

至於面板上面的設定，﹝顏色﹞所選的黃色要略淺於﹝上色﹞，強度以及其他數值，可參考範例中的數值或自行做調整。

使用「覆蓋」這個混合模式，以及降低不透明度之後，我們就可以看見來自左上方的光源效果了。

【完成】

完成之後，還可以做一些修飾與微調；如下方圖示，可至「色相/飽和度」降低色彩飽和度，提升整體畫面的質感。

將背景混合不同材質，可以讓畫面更顯豐富喔！

感謝你的閱讀

還有什麼實用技巧，可以在下方進行評論!

我會一一進行整理，然後繼續更新。

需要領取更多資料、教程或者軟體闊以微信搜索關註：PS高效學習

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！