DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 學用Fireworks中的特效
學用Fireworks中的特效
編輯:Fireworks基礎     
Fireworks中為圖形對象添加濾鏡效果的方法有兩種,一是通過“濾鏡”菜單,另一種則是通過對象屬性欄右側的“添加效果”按鈕來實現。而細心的朋友一定會發現,在“添加效果”按鈕的彈出菜單中,除了有與“濾鏡”菜單相同的濾鏡選項以外,還混合了“斜角和浮雕”、“陰影和光暈”這兩個選項。其實在Fireworks中,“斜角和浮雕”、“陰影和光暈”和濾鏡都被統稱為“特效”,並被列入“添加效果”的彈出菜單裡。如圖01。
圖01
  若再留心一下,你或許還會發現,通過“濾鏡”菜單為矢量對象添加效果時,會彈出一個提示框,示意使用該操作的同時會將此對象轉成位圖。而通過“添加效果”按鈕為矢量對象添加相同的濾鏡效果時,卻仍可以保留對象的矢量狀態。這也就為我們在使用“濾鏡”功能時,是否保留對象的矢量模式提供了選擇。但一般情況下,我們都更願意通過屬性欄中的“添加效果”按鈕為對象添加濾鏡,因為保留對象的矢量狀態將會為日後可能需要的重新編輯帶來方便。一、各項特效功能  特效可以應用於矢量對象、位圖圖像和文本對象。在為圖形對象添加特效時,可點擊其屬性框右側的“添加效果” 按鈕,然後在彈出的特效選擇項中選取一種或多種需要的特效。在Fireworks MX 2004中,特效共被分成“其他”、“斜角和浮雕”、“雜點”等9個類別,下面我們就從這9個類別中的“其他”項開始,逐步為大家講解各項特效的相關功能。1、“其他”項  >“查找邊緣”  當為圖像添加該特效後,可將圖像中顏色對比較深的部分轉變成線條,從而使圖像看起來有點像線條畫。如圖02。
圖02 >“轉換為Alpha”  為圖像添加該效果後,將基於圖像的透明度把對象轉換成黑白的半透明狀。如圖03。
圖03   2、“斜角與浮雕”  >“內斜角”  在為圖形對象添加該特效時,會彈出一個該特效的設置窗口,通過設置該窗口的相關數值或選項,會在對象的內圍呈現出具有立體感的凸起或凹入效果。如圖04。
圖04
  在該設置窗口中,共有6項與之相關的設置項目:  斜角輪廓――在該下拉列表中,有多項內斜角的輪廓類型可供選擇;  斜角寬度――設置斜面的寬度大小。數值變化從0至35,數值越大,斜面的寬度也就越大;角的  斜角對比度――可設置斜角的顏色深度。百分比變化從0%至100%,數值越大,斜面凸起或凹入的視覺效果也就越明顯;  斜角柔化值――設置斜角的清晰度。數值變化從0至10,數值越大,斜角的柔化程度也就越高;  斜角角度――調整斜角的反光角度;  斜角預設――可從中選擇一種斜角類型。  >“凸起浮雕”  在為對象添加該效果的後,同樣會彈出一個設置窗口,如圖05。通過設置該窗口的相關數值或選項,會在對象的外圍呈現出具有立體感的凸起(或凹入)的浮雕效果。
圖05
  在“凸起浮雕”的設置窗口中,有些功能設置和“內斜角”特效的設置是相同的,因此在這裡也就不多贅述了。但大家會注意到,這裡有一個“顯示對象”的復選框。這是因為“凸起浮雕”特效是在對象外圍產生凸起(或凹入)的浮雕效果,所以只能根據圖形對象外圍顏色來決定浮雕斜面的色調。當取消掉“顯示對象”前的對勾時,將會隱藏圖形對象,但卻仍保留對象的浮雕效果。
>“凹入浮雕”  “凹入浮雕”和“凸起浮雕”在設置窗口的功能上完全相同,如圖06。但兩者對圖形對象所造成的影響卻正好相反,“凹入浮雕”是在對象的外圍呈現出具有立體感的凹入的浮雕效果。但當把“凹入浮雕”的角度來個180度的大轉彎,由135度變為315度後,圖形對象卻將呈現凸起浮雕的效果。
圖06
  >“外斜角”  在為對象添加該效果時,會彈出一個如圖07般的設置窗口。通過調整該窗口的相關數值或選項,會在對象的外圍呈現出具有立體感的凹入(或凸起)的斜面效果。
圖07
  或許有朋友會覺得“外斜角”和“內斜角”這兩個特效對圖形對象所造成的影響正好相反。但仔細看一下就會發現,在“外斜角”的設置窗口中多了一個“斜面顏色”的色彩選擇框。也就是說,在為對象添加“外斜角”特效後,對象的外斜面顏色是可以進行更改的,而“內斜角”的設置窗中,內斜面顏色卻沒有相應的色彩選擇框功能。  3、“雜點”  >“新增雜點”  “新增雜點”特效是Fireworks MX 2004中新添的濾鏡。啟用該特效時,會彈出一個設置窗口。通過對其中相關數值的設置,會在對象表面均勻地分布許多雜亂的像素點。如圖08。
圖08
  在該特效的設置窗口中,各項設置項目的功能如下:  數量――控制在圖形對象上產生雜亂像素點的數目。數值變化從1至400,數值越大雜點也就越多、越明顯;  顏色――選擇該項時會產生五顏六色的雜點;  預覽――選擇該項後會在設置“新增雜點”窗口的同時,實時預覽當前對象的狀態。 4、“模糊”  >“放射狀模糊”  啟用該特效時會彈出一個設置窗口。通過對其中相關數值的設置,將使圖形對象產生正在旋轉的視覺效果。如圖09。
圖09
  在該特效的設置窗口中,各項設置項目的功能如下:  數量――設置對象產生放射狀的模糊程度。數值變化從1至100,數值越高,對象的放射狀模糊范圍也就越大;  品質――設置模糊效果的光滑度。數值變化從1至100,數值越高,會導致模糊效果與原來的圖像的重復性變低。  >“模糊”  使用該特效後,將使圖形對象內相鄰像素點的色彩值趨於一至,從而產生圖像的模糊效果。如圖10。
圖10   >“縮放模糊”  啟用該特效時會彈出一個設置窗口。通過對其中相關數值的設置,從而使圖形對象產生由內而外的不同程度的模糊效果,如圖11。
圖11
  在該特效的設置窗口中,各項設置項目的功能如下:  數量――設置對象產生縮放模糊程度。數值越高,對象的放射狀模糊范圍也就越大;  品質――設置模糊效果的光滑度。數值變化從1至100,數值越高,會導致模糊效果與原來的圖像的重復性變低。
 >“運動模糊”  “運動模糊”也是Fireworks MX 2004中新添的特效功能。啟用該特效時會彈出一個設置窗口。通過對其中相關數值的設置,將使圖形對象產生直線型的運動模糊效果,如圖12。
圖12
  在該特效的設置窗口中,各項設置項目的功能如下:  角度――設置動運模糊效果的角度;  距離――設置模糊效果偏離原位置的范圍。數值變化從1至100,數值越大,偏離原位置的距離也就越大。  >“進一步模糊”  該特效在處理圖形對象上的原理和“模糊”特效是一樣的,所不同的是,“進一步模糊”的模糊處理效果大約是“模糊”的三倍。  >“高斯模糊”  啟用該特效時會彈出一個設置窗口,可從中通過拖動滑塊使圖形對象由外而內的擴大模糊范圍。數值變化從0.1至250,數值越大,模糊范圍也隨之擴大。如圖13。
圖13 5、“調整顏色”  >“亮度/對比度”  啟用該特效時會彈出一個設置窗口。通過拖動 “亮度”或“對比度”中的滑塊,可以增強或減弱圖形色彩的亮度和對比度。如圖14。
圖14   >“反轉”  使用該特效後將反轉圖形對象的色彩。如黑色變白,紅色變綠等等。如圖15。
圖15
  >“曲線”  啟用該特效時會彈出一個“曲線”的設置窗口。在該窗口中可以用曲線的形式來對不同顏色通首中的色彩、明暗度及對比度進行綜合性的統一設置。如圖16。
圖16 >“自動色階”  色階是指各種圖像色彩模式下圖形原色的明暗度。因此通過“自動色階”特效可以由系統自動調整圖形對象的明暗度。如圖17。
圖17   >“色相/飽和度”  使用該特效可以簡單快捷地調整圖形對象的“色相”、“飽和度”及“亮度”,如圖18。
圖18   在“色相/飽和度”特效的設置對話框中,當選擇“彩色化”復選框時,將改變對象的顏色模式。  >“色階”  在介紹“自動色階”時我們提到,色階就是指各種圖像色彩模式下圖形原色的明暗度。但除了可以由系統為我們自動調整圖像的色階以外,更多時候我們是要根據圖像的具體情況,通過“色階”特效來手動調整圖形對象的明暗度。如圖19。
圖19   在該特效的設置對話框中,可以從通道的下拉列表中選擇顏色通道;   在“輸入色階”右邊的三個參數編輯框中輸入相應的數值,可以分別調整“高光像素”、“暗調像素”和“中間色調”像素的亮度數值。或通過調整窗口中,圖形下方的三個小滑塊來設置這三種像素的亮度值;  在“輸出色階”右邊的兩個參數編輯框中控制輸出圖像的對比度,第一個為暗調像素的亮度值,第二個為高光像素的亮度值。
>“顏色填充”  使用該特效可以選擇圖形對象的混合模式,以及在各種混合模式下的色彩填充。另外還可以設置圖像的不透明度。如圖20。
圖20
  6、“銳化”  >“進一步銳化”  該特效在處理圖形對象上的原理和“模糊”、“進一步模糊”特效正好相反,會使圖形對象內相鄰像素點的色彩值更加的差導化,從而使圖像的清澈度加強。如圖21。
圖21   >“鈍化蒙版”  啟用該特效時會彈出一個設置窗口。通過拖動該窗口中“銳化量”、“像素半徑”和“閥值”中的滑塊,可調整圖象邊緣細節的對比度。如圖22。
圖22   >“銳化”  該特效在處理圖形對象上的原理和“進一步銳化”是相同的,但“進一步銳化”的銳化處理效果大約是“銳化”的三倍。
7、“陰影和光暈”  >“內側發光”  在為圖形對象添加該特效時,會彈出一個設置窗口,通過設置該窗口的相關數值或選項,會在對象的內圍呈現出具有發光效果的圖形變化。如圖23。
圖23   在“內側發光”的設置窗口中,通過對“偏移”選項的設置,可以控制光圈效果在對象內圍中的大小。  >“內側陰影”  使用該特效時,會彈出一個設置窗口,通過設置該窗口的相關數值或選項,會在圖形對象內圍形成一定角度的陰影效果。通過該特效的設置窗口,可以更好地控制圖像陰影的范圍、角度及對比度等等。如圖24。
圖24   >“發光”  該特效和“內側發光”特效在效果原理上正好相反。“發光”特效是在圖形對象的外圍產生光圈效果。通過該特效的設置窗口,可以更好地控制圖像的發光范圍、發光色及對比度等等。如圖25。
圖25   在“發光”特效的設置窗口中,通過對“偏移”選項的設置,可以控制光圈效果偏移對象外圍中的大小。
>“投影”  該特效和“內側陰影”特效在效果原理上正好相反。“投影”特效是在圖形對象外圍形成一定角度的陰影效果。通過該特效的設置窗口,可以更好地控制圖像陰影的范圍、角度及對比度等等。如圖26。
圖26   8、“Eye Candy 4000 LE”  >“Bevel Boss”  該特效是一款增強圖形對象斜角質感的濾镱。使用時會彈出一個較大的設置窗口,如圖27。
圖27   該窗口的左側是各頂功能的設置欄,右側是圖形對象的預覽框。  在Basic(基本)選項卡中,通過對Bevel Width、Beval Height Scale、Smoothmess這三個滑塊的設置,可以對圖像斜角的寬度、刻度及平滑度進行調整。在Bevel Placenent欄中,可以設定對象是內斜角還是外斜角。在Darken Deep Areas中,可以對圖像陰影的深度進行調整;  在Lighting(照明)選項卡中,可以對圖像的光源角度、范圍及顏色進行設置;  在Bevel Profile(斜角輪廓)選項卡中有多項現成的斜角輪廓類型以供選擇。
>“Mardle”  這是一款能將圖形對象轉換為具有大理石紋理效果的濾鏡。如圖28。
圖28   在該濾鏡的設置窗口中,通過Vein Size、Vein Coverage、Vein Thickness和Vein Roughness這四個滑塊的設置,可以分別對圖像紋理的大小、覆蓋率、渾濁度及粗糙程度進行調整;  在Bedrock Color 和Vein Color這兩個色彩選擇框中,可以為默認的黑白大理石紋理重新選取新底色和紋理色。  點擊“Randon Seed”按鈕時,將在9999個備選的大理石紋理填充中隨機抽取一個效果。  >“Motion Trail”  這是一款能使圖形對象產生流星慧尾般運動效果的濾鏡,因此這個濾鏡又被稱為“運動軌跡”。其設置窗口如圖29。
圖29   在該設置窗口中,可以在Direction中設置對象的軌跡方向;  在Length、Taper和Overall Opacity的滑塊設置中,對軌跡的長度、軌跡的錐形角度和軌跡的透明度進行調整。
 9、“AlIEn Sikn Splat LE”  >“Edges”  這是一款用來調整圖像邊緣的濾鏡。其設置窗口如圖30。
圖30   在該設置窗口中,可以在Edge Width、Margin和Reature Size的滑塊設置中,對圖象邊緣寬度、邊緣空白及邊緣填充的形體的大小進行調整;  在Direction輸入框中,可以控制該邊緣填充的方向;  在Edge Mode的下拉列表中,可以選擇邊緣的填充類型;  在Color中可以選擇邊緣的填充顏色;  選中Transparent Fill復選框時,將以透明色對邊緣進行填充,此時的Color項也將不可用。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved