2015年9月18日 星期五

PhotoShop文字密碼~製作豹紋質感文字

 來分享一個多年前在一本國外翻譯的設計書上學到的技巧,由於多年前Apple的 Mac 系統曾將其10.2版命名為『Jaguar』(豹),所以當年在設計界還蠻流行豹紋的設計手法的,所以當初便學了起來記到今天,咱們今天就以Mac OSX虛擬一個主題,介紹這個設計手法好了。
      這個教學設計嵐想分兩部分,分別以兩篇文章說明,本文將重點放在於『豹紋』質感的製作;下一篇文利用本篇製作好的文字,來介紹一個在商業設計以及網站Logo都很常用的倒影效果製作,簡單又實用,大家不妨參考。
◎豹紋文字完成圖:
39.jpg 

1.利用PhotoShop開啟新檔案
a.執行『檔案』→『開新檔案』
1.jpg 
b.設定所需的尺寸、解析度,色彩模式請選擇RGB
2.jpg 
2.執行『工具箱』→『文字工具』
3.jpg 
a.選項列→設定字型、大小以及色彩,其中色彩為了表現花豹皮毛色彩,這邊我設定了R=255,G=164,B=59的數值,大家可以參考。
4.jpg 
b.至於字型,大家可以自訂,但為了忠於原味,我找了一個和當年Mac OSX的Logo類似的字型
5.jpg 
3.製作褐色豹紋斑點
a.點選『圖層』面板下方『建立新圖層』鈕新建一個『褐色斑點』圖層
6.jpg 
b.執行『工具箱』→『套索工具』
7.jpg 
c.選項列→使用『加入選取範圍』模式,羽化=0
8.jpg 
d.在X文字上隨意圈選出數個不規則區域(如下圖)
9.jpg 
e.執行『編輯』→『填滿』
10.jpg 
f.指定填滿方式為『顏色』
11.jpg 
g.設定色彩為R=53,G=32,B=0的深褐色→確定
11-2.jpg 
h.填入色彩後如下圖,接著記得『選取』→『取消選取』
12.jpg 
13.jpg
i.『圖層』面板→游標放在『褐色斑點』圖層上按右鍵→建立剪裁遮色片,這樣就可以以X的文字範圍來裁剪褐色色塊,讓色塊只顯示在文字範圍內。
 14.jpg
完成結果如下圖:
15.jpg 
j.接著將褐色斑點圖層與文字X圖層進行合併,選取這兩個圖層後,點選面版右上角按鈕→合併圖層
16.jpg 
4.調整毛皮質感
a.拖曳合併後的豹紋圖層至右下方『製作新圖層』上放開以放置出另一個豹紋圖層,然後先行將上方豹紋圖層眼睛關閉顯示,後續才會用到。
18-2.jpg 
b.利用『載入選取範圍』技巧,沿著X文字周圍建立選取(CTRL+點選豹紋圖層的『縮圖』)
18.jpg 
c.但是由於文字筆畫的方向左右不同,所以我們要左右兩邊分開設定,先使用『工具箱』→『套索工具』,並且在選項列→『減去選取範圍』模式
19.jpg   
d.按照下圖紅色框線方式框選,可將右上往左下方向的筆畫取消選取,只留下左上右下方向的筆畫有選取
20.jpg 
e.執行『濾鏡』→『雜訊』→『增加雜訊』,調出毛皮的粗糙感
21.jpg 
設定值參考如下:
22.jpg 
f.繼續執行『濾鏡』→『模糊』→『動態模糊』,製作毛髮質感
23.jpg 
設定值參考如下:要注意角度方向要和筆畫方向類似,效果比較好
24.jpg 
g.運用相同的步驟選取另一個筆畫,重複上述步驟加入雜訊與動態模糊濾鏡。
ps.注意文字正中間已經做過濾鏡的部分也要取消選取(如下圖)
25.jpg 
h.完成濾鏡設定後,請先使用相同載入選取方式,再將文字選取,接著使用『工具箱』→『加亮工具』,來製作文字的亮面區域。
26.jpg 
ps.加亮工具的筆畫請設定柔邊圓形,小一點的筆刷
i.依照下圖紅色箭頭指示處,在文字的左半邊塗抹以加亮影像
27.jpg 
j.接著使用『工具箱』→『加深工具』,製作另一邊的暗部區域
28.jpg 
k.依照下圖紅色箭頭指示在文字右半邊塗抹,當明暗區域製作出來後,文字便會產生厚度立體感。
29.jpg 
l.執行『濾鏡』→『銳利化』→『遮色片銳利化』濾鏡(下圖紅框框錯了請注意),增加毛皮的細微質感
30.jpg 
設定值參考如下:
31.jpg 
m.點選圖層面版左下方『增加圖層樣式』鍵→『斜角及浮雕』,增加文字更多的立體感
32.jpg 
設定值參考如下:只調整了『柔化』數值
33.jpg 
n.開啟之前隱藏的豹紋複製圖層,此時畫面會呈現下圖紅圈處樣子
34.jpg 
o.在豹紋複製圖層上加入『柔光』混合模式,即可看到下層毛皮質感並且提供整體亮度
35.jpg 
結果如下:
36.jpg 
p.最後再將兩個毛皮圖層合併就完成了
37.jpg 
5.加入其他文字內容並且設定適當大小、字型等格式,其他文字可以不用多加設計以免畫面太複雜,保留單純格式以凸顯豹紋文字。
39.jpg

-------------------------------------------------------------------------------------

作者:『嵐設』-設計教學部落
來源:http://ibf.tw/ZnVDj
備註:如果作者不希望被轉帖到此處,請告知會馬上刪帖。

沒有留言:

張貼留言