當前位置:製作窩 >

創意設計 >設計教程 >

利用濾鏡及動作製作暗調金屬質感立體字

利用濾鏡及動作製作暗調金屬質感立體字

本教程立體字製作比較獨特,金屬字表面質感是用濾鏡及樣式來製作,操作也比較簡單,用鏡頭光暈做出質感,然後用簡單的圖層樣式加強質感。立體部分作者用到了動作,這樣做出的效果更逼真。

最終效果

利用濾鏡及動作製作暗調金屬質感立體字

1、在photoshop新建一個文件,大小設定為900*600,解析度設定為300。將背景填充為一個較暗的顏色(這裡用#332222,讀者可以自己嘗試喜歡的色相)。將白色作為前景色,輸入文字“AWESOME”,讀者可以根據畫布的大小,風格的偏好,選擇自己喜歡的字型、大小及樣式。

利用濾鏡及動作製作暗調金屬質感立體字 第2張

2、首先為金屬字建立表面的反射:新建一個新圖層(Ctrl+Shift+Alt+N),命名為“Metal”,並填充90%的灰色。使用Photoshop自帶的鏡頭光暈濾鏡,在選單:濾鏡>渲染>鏡頭光。這個濾鏡的設定很簡單,可以自己探索,或者參考下圖的設定。按住Alt鍵,將滑鼠放在metal圖層和文字圖層之間,就會出現如下圖的游標,點選之後,文字就會作為metal圖層的蒙版,這樣簡單的金屬字表面質感就出來了。

利用濾鏡及動作製作暗調金屬質感立體字 第3張

3、phtoshop混合圖層模式是一個非常強大的工具,可以為金屬字增加陰影和高光效果,選中文字圖層,雙擊進入混合圖層模式。

陰影:選中投影,將混合模式設為正片疊底,這樣會使陰影更暗。透明度可自己把握,本文設為75%。方向設定為90,這樣可以模擬頂燈照射的效果。距離和大小可以根據需要自己調整,距離控制陰影的位移,大小控制陰影的柔和程度。

高光:施加斜面浮雕效果,風格設為預設的內斜角,深度控制立體程度,這裡設為100%。距離和大小的作用同陰影部分,這裡設為0,這樣就可以得到一種尖銳的倒角的效果。方向和陰影一樣,也設為90。需要說明的是高度,調整高度值可以加大或減弱金屬字的立體效果,這裡設為65,加強效果,讓倒角的高光部分更亮一些。

利用濾鏡及動作製作暗調金屬質感立體字 第4張

4、下面為背景增加一些光照,使效果更加真實。選中背景,同樣施加鏡頭光暈的濾鏡,可使用快捷鍵Alt+Ctrl+F調出上一次使用的濾鏡,調整亮度值,這裡設為100。下面增加模糊效果,用photoshop自帶的高斯模糊濾鏡。到選單濾鏡>模糊>高斯模糊,半徑參考圖片的實際效果自己調整。

利用濾鏡及動作製作暗調金屬質感立體字 第5張

5、現在金屬字大體效果已經出來了,但是仍然顯得有點平,立體感不足,這時候,可以通過新增徑向陰影,來增強真實效果,這一步稍微有些複雜,因為還用到了另一個phtoshop強大工具:動作,來簡化操作。原理不難理解,就是手動建立陰影圖層,結合徑向模糊的濾鏡。下面是詳細步驟:

新建陰影圖層

在背景圖層上新建一個圖層,命名為“shadow”。按住Ctrl鍵,點選金屬字圖層,得到一個文字選區,選中shadow圖層,填充為黑色。

利用濾鏡及動作製作暗調金屬質感立體字 第6張

6、進入影象>畫布大小,如下圖設定,將高度設為1600,取消相對,箭頭設定為向上偏移。下面新建一條居中的參考線:選中背景圖層,拉一條垂直的參考線,開啟Photoshop的捕捉功能(檢視>捕捉),參考線會捕捉到畫布的中間。接著將金屬字和陰影層根據參考線也進行居中。

利用濾鏡及動作製作暗調金屬質感立體字 第7張

7、在視窗Window>動作Action新建一個動作,根據自己需要命名。下面是錄製步驟(請參照圖片理解):

複製陰影圖層(Ctrl+J)。

選中複製的圖層,進入自由變換模式(Ctrl+T),將中心點拉到畫布的最上方,並將圖層水平和垂直縮放為100.2%。

在動作面板,按停止按鈕,結束錄製。

利用濾鏡及動作製作暗調金屬質感立體字 第8張

8、選中陰影圖層,在動作面板選擇剛才建立的動作,按播放鍵十幾次,這樣就得到了十幾個增量偏移的圖層,將它們合併成一個圖層。

利用濾鏡及動作製作暗調金屬質感立體字 第9張

9、現在已經得到了一團向下的陰影,但是還不夠柔和和真實,可以用Photoshop的徑向模糊濾鏡來改善它。選擇:濾鏡>模糊>徑向模糊。模糊方法選擇縮放,數量控制模糊程度,讀者要根據自己的檔案尺寸進行相應的調整,如圖的紅色標識,要把中心點移動到最上方。

利用濾鏡及動作製作暗調金屬質感立體字 第10張

10、選中陰影圖層,進入自由變換模式(Ctrl+T),將中心點拉到畫布上方,根據需要進行位移和垂直縮放。完成後最後施加一個高斯模糊,半徑值讀者要根據實際需要設定。這樣就完成一個超酷的Photoshop金屬字效果了。

利用濾鏡及動作製作暗調金屬質感立體字 第11張

最終效果:

利用濾鏡及動作製作暗調金屬質感立體字 第12張


感謝作者不詳授權使用。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/039vr.html