小學生 2007-3-21 17:43
如何做出火焰效果字型
[align=center][font=新細明體][size=16pt][font=Arial, Helvetica, sans-serif][color=#ff0000]text effect 01 [/color][/font]如何做出火焰效果字型[/size][/font][/align][font=新細明體][/font]
[font=新細明體][float=left][align=left][img=180,90]http://home.educities.edu.tw/greatgod/photoshop/text/fire/fire.jpg[/img][/align][/float][/font]
[align=left][size=2]如圖,這特效可以製作出火焰效果,背景色最好是用深色系列才能充分突顯火焰效果.[/size][/align]
[align=left][float=left][img=207,134]http://home.educities.edu.tw/greatgod/photoshop/text/fire/01.jpg[/img][/float][/align]
[align=left][size=2]首先開一個[/size][url=http://home.educities.edu.tw/greatgod/photoshop/basic/file/01.htm][size=2][color=#000080]新檔案[/color][/size][/url][size=2],[color=#ff3333]模式選灰階[color=#0066ff](Mode : Grayscale)[/color][/color].
[/size][size=2][color=#000080]填滿[/color][/size][size=2]你要的背景色,最好是深色系列,本範例是以黑色填滿作為背景色.[/size][/align]
[align=left][float=left][img=207,127]http://home.educities.edu.tw/greatgod/photoshop/text/fire/02.jpg[/img][/float][/align]
[size=2]用遮色字 ([font=Arial, Helvetica, sans-serif]Type Mask[/font])來輸入文字.字型最好用較粗的字體,另外上方記得要預留空間給到時候揚起的火焰.[/size]
[align=left][float=left][img=207,127]http://home.educities.edu.tw/greatgod/photoshop/text/fire/03.jpg[/img][/float][/align]
[align=left][size=2][color=#000080]填滿[/color][/size][size=2]白色作為文字的顏色,接著[/size][size=2][color=#000080]儲存選取範圍[/color][/size][size=2],然後[/size][size=2][color=#000080]取消選取範圍[/color][/size][size=2].[/size][/align]
[align=left][float=left][img=132,227]http://home.educities.edu.tw/greatgod/photoshop/text/fire/04.jpg[/img][/float][/align]
[size=2]選擇[color=#ff0000] [font=Arial, Helvetica, sans-serif]Image[/font]→[font=Arial, Helvetica, sans-serif]Rotate Canvas[/font]→[font=Arial, Helvetica, sans-serif]90 CCW[/font][/color],這裡是暫時將圖片旋轉,讓下一步[font=Arial, Helvetica, sans-serif]Wind[/font]濾鏡產生水平方向效果.[/size]
[align=left][float=left][img=140,197]http://home.educities.edu.tw/greatgod/photoshop/text/fire/05.jpg[/img][/float][/align]
[align=left][size=2]選擇 [color=#ff0000]Filter→[font=Arial, Helvetica, sans-serif]Stylize[/font][/color][color=#ff0000]→[/color][font=Arial, Helvetica, sans-serif][color=#ff0000]Wind[/color][/font][font=Arial, Helvetica, sans-serif] .[/font]
這個濾鏡會在圖形上拉出線條,較小的文字[font=Arial, Helvetica, sans-serif]Method[/font]設為[font=Arial, Helvetica, sans-serif]Wind,[/font]較大的文字則設為[font=Arial, Helvetica, sans-serif]Blast.[/font]
產生的線條是要等一下作為火焰的效果,如果你想讓火焰旺盛點,就重複這動作(Ctrl + F),這裡我重複2次. [/size][/align]
[align=left][float=left][img=205,138]http://home.educities.edu.tw/greatgod/photoshop/text/fire/06.jpg[/img][/float][/align]
[align=left][size=2]選擇 [font=Arial, Helvetica, sans-serif][color=#ff0000]Image[/color][/font][color=#ff0000]→[/color][font=Arial, Helvetica, sans-serif][color=#ff0000]Rotate[/color][/font][color=#ff0000]→[/color][/size][font=Arial, Helvetica, sans-serif][size=2][color=#ff0000]90 CW[/color][/size][/font][size=2]將影像轉為原來的角度. [/size][/align]
[align=left][float=left][img=140,180]http://home.educities.edu.tw/greatgod/photoshop/text/fire/07.jpg[/img][/float][/align]
[align=left][size=2]執行[color=#ff0000] Fiter→[/color][font=Arial, Helvetica, sans-serif][color=#ff0000]Stylize[/color][/font][color=#ff0000]→Diffuse (Normal)[/color]
這步驟是將剛剛Wind濾鏡產生的線條打散.[/size] [/align]
[size=2][float=left][img=165,169]http://home.educities.edu.tw/greatgod/photoshop/text/fire/08.jpg[/img][/float]執行 [color=#ff0000]Filter→[/color][font=Arial, Helvetica, sans-serif][color=#ff0000]Blure[/color][/font][color=#ff0000]→Gaussian Blur[/color] .
調整 Radius 產生平滑 (本範例為1.0).
這裡是讓圖片產生朦朧的感覺,火焰看起來較平滑. [/size]
[align=left][float=left][img=205,138]http://home.educities.edu.tw/greatgod/photoshop/text/fire/09.jpg[/img][/float][/align]
[size=2]Ok!到目前為止,圖片看起來應該如右圖,如果不是的話用步驟紀錄[color=#0099ff](History)[/color]檢查看看哪裡出錯了.[/size]
[align=left][float=left][img=140,156]http://home.educities.edu.tw/greatgod/photoshop/text/fire/10.jpg[/img][/float][/align]
[align=left][size=2]執行[color=#ff0000]Filter→Distort→Ripple[/color] .
這裡我用[color=#0066ff]100 , Medium[/color], 這步驟是要產生火焰波動的效果. [/size][/align]
[align=left][float=left][img=205,138]http://home.educities.edu.tw/greatgod/photoshop/text/fire/11.jpg[/img][/float][/align]
[align=left][size=2]載入剛剛儲存的選取範圍,並執行[color=#ff0000]Select→Modify→Contract[/color]([color=#0066ff]3 pixel[/color]).
調整 Contract使文字內部被選取出來
再執行[color=#ff0000]Select →Feather[/color] ([color=#0066ff]1pixel[/color])讓選取範圍看起來較柔順
接著將選取範圍[/size][size=2][color=#000080]填滿[/color][/size][size=2]黑色,然後[/size][size=2][color=#000080]取消這選取範圍[/color][/size][size=2]. [/size][/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][float=left][img=218,138]http://home.educities.edu.tw/greatgod/photoshop/text/fire/12.jpg[/img][/float][/size][/align][align=left][size=2][/size] [/align][align=left][size=2]執行 [color=#ff0000]Image →Model→Indexed Color[/color]將原本灰階影像轉為指定的顏色.(如右圖,原本圖片資訊標black會消失) [size=2]
[/size][/size][/align][align=left][size=2][size=2] [/align][/size][/size][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align]
[align=left][float=left][img=180,167]http://home.educities.edu.tw/greatgod/photoshop/text/fire/13.jpg[/img][/float][/align]
[align=left][size=2]接下來的步驟非常神奇.
執行[color=#ff0000] Image→Model→Color Table[/color],並在Table選單裡選擇[color=#3333ff]Black Body[/color].[/size][/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][/size] [/align][align=left][size=2][float=left][img=207,138]http://home.educities.edu.tw/greatgod/photoshop/text/fire/14.jpg[/img][/float][/size][/align][size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2][/size]
[size=2]Ok,終於完成了,這火焰效果步驟滿多的,不果還好不會很難,希望大家會喜歡.[/size]
[align=left][size=2][/size] [/align]
