當前位置:
首頁 > 最新 > Photoshop實戰 立體陰影文字製作的詳細圖文教程

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像素以下即可,因為我們主要的目的是讓生硬的光線變柔和自然。

【步驟六】光源效果

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

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

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

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

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

【完成】

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

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

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

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 何焜華 的精彩文章:

創建自定義畫筆在Photoshop中渲染毛髮
成為Photoshop 大神的必備通關秘籍 基礎工具的使用

TAG:何焜華 |