Post view

Photoshop暗房料理 - 製作奇幻的立體字

Photoshop暗房料理


製作奇幻的立體字

作者:蕭老師.蘇言霖


利用Photoshop的Channel色彩通道、濾鏡和Lighting Effects燈光特效,就可以創作出簡單又絢麗的立體字G。在新手上路這個專欄,您只要跟著我們的步驟多練習幾次,試試不同的濾鏡特效,一定能創造出不同質感的文字。


步驟一
進入Photoshop 4.0中,用File/New指令開啟一新的視窗,首先會出現一對話窗,請在Name的欄位中鍵入要製作的圖像檔檔名,然後順便在Image Size中鍵入Width:640、Height:480、Resolution:72、Mode:R.G.B.,Contents中選擇White,敲擊OK鍵即可開啟一份空白的新圖稿視窗。請看圖1。


剛開始練習的時候,儘量使用點數較少的圖片畫布,以免慢吞吞的執行效率影響了學習心情。以後你就可以用更高的解析度,來製作專業級300DPI高解析度立體字。


圖 1
photo01.jpg

步驟二
開啟一份空白圖片之後,首先要填入新的材質來做為立體字上面的佈局。請選擇工具板中的漸層工具(Gradient tool)使用滑鼠敲擊兩下會出現漸層工具工作板的對話窗,再使用滑鼠左鍵敲擊對話窗中的Edit按鈕,就像圖2那樣。


圖 2
photo02.jpg

步驟三
您可以選擇使用內定的漸層材質,如果您需要建立新的漸層材質則進入Gradient Edit工作板的對話窗後,使用滑鼠左鍵敲擊Gradient Edit工作板右方的New按鈕,如圖3。


圖 3
photo03.jpg

步驟四
出現Gradient Name對話窗後,只要鍵入新的漸層名稱,比方說「金黃色的漸層」然後敲擊OK鍵即可,如圖4。雖然Photoshop目前只有英文版,但是您可以給予新漸層中文名稱或是英文名稱。


圖 4
photo04.jpg

步驟五
用滑鼠左鍵敲擊對話窗的自選色功能鍵,再用滑鼠左鍵敲擊左下方的色塊的選色器,就會出現Color Picker對話窗。對了,稍後你還可以在Location指定漸層中間值的位置,也可以直接按住漸層面板上方的小點來改變選取顏色在漸層中的表現位置。請看圖5。


圖 5
photo05.jpg

步驟六
您可以在對話窗Color Picker的色彩盤中選取您所需要的顏色即可,當自選色變成您所選取的顏色,此時您只要用滑鼠左鍵再敲擊漸層色彩欄中任何的位置,以增加其他色彩。請看圖6。


圖 6
photo06.jpg

步驟七
在這一次的範例中並不會用到有透明度的漸層色彩,如果您需要有透明度的漸層色彩就必須調整Adjust中的Transparency,當您調整好您所需要的漸層色彩只要敲擊OK鍵即可,如圖7。


圖 7
photo07.jpg

步驟八
當漸層工具板的下方顯露出您所調整的漸層時,您可以將左上方的應用模式選取為Normal,右上方不透明度(Opacity)的調整為100%,Type為Radial幅射式漸層。接著只要用滑鼠左鍵在畫布上,像畫一條直線那樣,從左上角往右下角方向拖曳再放開左鍵,稍等一會兒視窗中就出現新的漸層色彩材質,就像圖8那樣。


圖 8
photo08.jpg

步驟九
選取Window功能表的Show Channels指令打開色頻工作板。用左鍵敲擊工作板下方的(Create New Channel),建立一個新的色頻#4。如果發現顏色並不是純黑色,只要使用滑鼠左鍵敲擊兩下#4面板,就會出現圖9的對話窗。


請在對話窗中的Color Indicates選擇Masked Areas並將顏色改為黑色,再使用滑鼠左鍵敲擊OK鍵即可,此時您所看到的色頻#4所呈現顏色應該是一片的黑色。當然,如有必要的話,你也可以建立不同顏色的Channel,不見得每次都要使用黑色。適當的顏色配置,有時候能創作出更獨特的效果。


圖 9
photo09.jpg

步驟十
在工具板中選擇文字工具(Type Tool),然後用滑鼠左鍵於視窗中隨便敲擊一下,我們要在色頻#4的畫面上直接打上要製作的立體字。此時會出現一文字對話窗,如圖10。


請在Font選擇較粗的字型,然後鍵入Size尺寸。不過要記得將Style的Anti-Aliased抗鋸齒的選項打開,以免向量字轉成點陣圖格式時,會出現難看的毛邊或鋸齒狀。鍵入文字敲擊OK鍵即可。


圖 10
photo10.jpg

步驟十一
剛出現於視窗中的字,通常並不是您所想要的位置,只要按下工具板中的移動工具(Move Tool)再把文字移至適當的位置即可。接著選取Select/None去除文字的圈選狀態。如圖11。


圖 11
photo11.jpg

步驟十二
檢查一下此時是不是仍處於色頻#4的狀態中,接著選取Filter濾鏡功能表的Other/High Pass指令,打開圖12的對話窗。然後在Radius的欄位鍵入所需的數值或是直接拖曳下方的三角形功能鍵,在Preview選項開啟時,您可以直接看到視窗中所呈現出來的效果。


請記住:在Channel打好文字,就可以直接選取你喜歡的濾鏡特效,把平面的白色文字變得多樣化,這樣待會用Lighting Effects從Channel #4對前景圖片打燈光的時候,才能產生立體的物件。


圖 12
photo12.jpg

步驟十三
選取Filter/Other/Maximum打開Maximum對話窗,於Radius的欄位中鍵入數值或拖曳下方的三角形功能鍵到所需的位置,但Maximum中Radius的數值只有到10Pixels而已,此時您可以在圖13看到視窗中所呈現出來的效果。


圖 13
photo13.jpg

步驟十四
所以我們還要再執行一次High Pass的效果,請選取Filter/Other/High Pass打開High Pass對話窗。然後將Radius量調整到圖14那樣,做到這裡G物件的部份就算完成了。
圖 14
photo14.jpg

步驟十五
選取Window/Show Layer回到浮動層工作板,咦?G怎麼不見了?沒關係,這是正常的!請用滑鼠敲擊一下Background工作層(圖中紅紫色的區域),此時就會使色頻#4的狀態中切換至浮動層的狀態,如圖15。


圖 15
photo15.jpg

步驟十六
選取Filter功能表的Render/Lighting Effect指令進入燈光特效的對話窗,必須注意的是Image的色彩模式必須為RGB,要不然燈光特效將無法使用。


首先將Light Type選用Spotlight聚光燈光源,然後調整左方對話窗中燈泡的方向及照射範圍。很好玩的是當我們選取對話窗下方的Texture Channel改成#4的時候,竟然就會看到一個立體的G字樣。請看圖16。


為什麼用#4做燈光特效,就能產生立體的效果呢?其實你可以想像一下,剛才我們在#4製作了一個能透光的字,由於這個字已經經過濾鏡處理過了,文字表面並不是十分光滑平整,因此當我們用一盞強力聚光燈從這個#4面板照射在前景的圖片上時,自然能產生一個立體的物件效果。


您可以於對話窗左方的預視圖預視圖像呈現的結果,如果滿意請使用滑鼠左鍵敲擊OK鍵即可。


圖 16
photo16.jpg

步驟十七
您所製作的影像到這個步驟大致上已經完成了,如果您需要全螢幕預視,就可以再選取View/Fit on Screen指令,再使用滑鼠左鍵敲擊工具板中最右下方的Full Screen Mode功能鍵,再按下鍵盤中的Tab鍵清掉視窗其他的工作板即可完成全螢幕預視動作。請看圖17。


圖 17
photo17.jpg

步驟十八
圖18就是我們完成的立體字G,當然,外框上的白邊和陰影是我們後來再加上去的。

圖18:
photo18.jpg

蘇言霖 2013/09/19 0 1209
Comments
Order by: 
Per page:
 
  • There are no comments yet
Rate
0 votes
Post info
蘇言霖
「超級懶貓級」社群網站站長
2013/09/19 (3844 days ago)
Actions