Photoshop-逼真手繪素描風字效

文字效果


2015-12-16_13-58-32
利用PS內建的資源製作背景和自創圖樣,不用額外下載素材就可以開始,只要會打字加上幾個圖層樣式調整,就能完成,跟著教學一起做吧!
 

 

01新增1000px X 700px的文件,自由命名,我這邊命名為Sketch Text Effect。

2015-12-16_14-50-06

 

 

02選擇2015-04-07_23-06-00油漆桶工具,在上方屬性列選擇內建彩色紙張圖樣中的座標紙圖樣。

2015-12-14_18-38-22

 

 

03左鍵點擊文件填滿圖樣,即完成背景。

2015-12-14_18-42-24

 

 

04利用2015-04-07_23-38-22水平文字工具輸入文字,並選擇一個筆畫較粗的字型,完成第一部分。

2015-12-14_18-47-03

免費資源:字型

 

 

05接下來我們先製作準備填入的鉛筆斜筆畫圖樣。

製作素描圖樣:再新增一個100px X100px的空白文件。

2015-12-14_17-57-23

 

 

06選擇2015-04-07_23-36-34筆刷工具,在上方屬性列的內建鉛筆筆刷中選擇HB鉛筆,並設置為5px

2015-12-14_18-00-23

 

 

07新增空白圖層(1),在文件中繪製平均分布的斜線(2),完成後將背景圖層的眼睛關閉(3)。

2015-12-14_18-00-24

 

 

08定義圖樣:選單選擇"編輯定義圖樣“,並命名Sketch

2015-12-14_18-35-34

 

 

09回到 Sketch Text Effect 檔案。按 CTRL+J 複製文字圖層,再將原本的圖層眼睛關閉(暫不顯示),然後雙擊拷貝圖層進入圖層樣式設定。

2015-12-14_18-50-11

 

 

10混合選項中,設置填滿不透明0%,此時文字會消失,因為我們不要實心的顏色,而是要剛剛製作的圖樣。

2015-12-14_18-50-47

 

 

11選擇圖樣覆蓋,再選擇剛才製作的圖樣後按確定。

2015-12-14_18-51-53

 

 

12將原本的文字圖層眼睛打開,再雙擊進入其圖層樣式。

2015-12-14_18-53-09

 

 

13這裡我們也不要填滿的實心效果,因為我們要製作文字框線,所以一樣設置填滿不透明 0%

2015-12-14_18-50-47

 

 

14選擇筆畫,設置內部+3px黑色框線後按確定

2015-12-14_18-56-06

 

 

15CTRL+J 複製一層,對新的那層(拷貝 2)雙擊修改圖層樣式。

2015-12-14_18-59-58

 

 

16將這層的框線改為稍微細一點的2px

2015-12-16_13-21-52

 

 

17選單選擇"濾鏡扭曲鋸齒狀“,此時若跳出警告視窗,選擇"轉換為智慧型物件“。

2015-12-16_13-38-12

 

 

18設置框線從中心點微微的偏移。

2015-12-16_13-17-11

 

 

19確定在移動工具的情況下,用鍵盤的上下左右鍵微調位置,讓兩個框線筆畫錯開。

2015-12-16_13-23-12

 

 

20選單選擇"濾鏡扭曲漣漪效果“,設至少量漣漪,讓筆畫有點抖動,更接近手繪的感覺。

2015-12-16_13-41-42

 

 

21選擇另一個框線圖層,按"重複執行上一個濾鏡"的快捷鍵CTRL+F,將其也套用漣漪效果。

2015-12-16_13-44-07

 

 

22上色:將文字的圖層(要變色的部分)全選起來,按下"組成群組"的快捷鍵CTRL+G,快速組成群組。

2015-12-16_13-44-39

 

 

23再新增色相/飽和度調整圖層。

2015-12-16_13-51-40

 

 

24使之針對群組做剪裁遮色片(1),再勾選上色模式(2),然後拉動錨點來調成藍色或你想要的其他顏色。

2015-12-16_13-54-06

 

 


Final Result

2015-12-16_13-58-32

 

翻譯+改寫自Envato Tuts+

 






臉書留言

一般留言