Flash8中新增的“濾鏡”功能,可以讓我們制作出許多以前只在Photoshop或Fireworks等軟件中才能完成的效果,比如陰影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色等。
和屬性面板排列在一起的“濾鏡”面板,是管理Flash濾鏡的主要工具,增加、刪除濾鏡或改變?yōu)V鏡的參數(shù)等操作都可以在此面板中完成。
本文所有實(shí)例源文件請點(diǎn)擊這里下載(0.98MB, winzip壓縮文件)
一、濾鏡的基礎(chǔ)操作
首先對濾鏡的基礎(chǔ)操作進(jìn)行介紹。啟動Flash8以后,你會發(fā)現(xiàn)和屬性面板并列排列的“濾鏡面板”,如圖1所示。
需要說明的是,濾鏡效果只適用于文本、影片剪輯和按鈕中。當(dāng)場景中的對象不適合應(yīng)用濾鏡效果時,濾鏡面板中的加號按鈕處于灰色的不可用狀態(tài)。在場景中輸入一段文字,或插入一個影片剪輯和按鈕,選中對象,加號按鈕會變?yōu)榭捎脿顟B(tài)。單擊加號按鈕,可以顯示濾鏡列表、濾鏡的預(yù)設(shè)和濾鏡的管理,如圖2所示。
圖2
我們可以同時為對象增加多個濾鏡效果,如果想保存組合在一起的濾鏡效果,可以執(zhí)行“預(yù)設(shè)/另存為”命令,將效果保存起來,以便直接應(yīng)用到其它的對象中,如圖3所示。當(dāng)要為動畫中的多個對象應(yīng)用同樣的濾鏡效果組合時,使用此命令可以大大提高工作效率。
圖3
另外,我們還可以重命名或刪除保存好的預(yù)設(shè)濾鏡組合,執(zhí)行“預(yù)設(shè)/重命名(刪除)”命令就可以在彈出的對話框中進(jìn)行操作了,如圖4所示。
圖4
如果要刪除、啟用或禁用全部濾鏡效果,可以直接執(zhí)行彈出菜單中的“刪除全部”、“啟用全部”、“禁用全部”命令即可。
二. 濾鏡的使用方法
我們已經(jīng)了解了濾鏡的基礎(chǔ)操作方法,下面就來詳細(xì)介紹每個濾鏡的使用方法。
1.投影
投影濾鏡包括的參數(shù)很多,效果類似于Photoshop中的投影效果。包括的參數(shù)有:模糊、強(qiáng)度、品質(zhì)、顏色、角度、距離、挖空、內(nèi)側(cè)陰影和隱藏對象等,如圖5所示。
圖5
模糊:可以指定投影的模糊程度,可分別對X軸和Y軸兩個方向設(shè)定。取值范圍為0-100。如果單擊X和Y后的鎖定按鈕,可以解除X、Y方向的比例鎖定。
強(qiáng)度:設(shè)定投影的強(qiáng)烈程度。取值范圍為0%-1000%,數(shù)值越大,投影的顯示越清晰強(qiáng)烈。
品質(zhì):設(shè)定投影的品質(zhì)高低??梢赃x擇“高”“中”“低”三項(xiàng)參數(shù),品質(zhì)越高,投影越清晰。
顏色:設(shè)定投影的顏色。單擊“顏色”按鈕,可以打開調(diào)色板選擇顏色。
角度:設(shè)定投影的角度。取值范圍為0-360度。
距離:設(shè)定投影的距離大小。取值范圍為-32到32。
挖空:將投影作為背景的基礎(chǔ)上,挖空對象的顯示,如圖6所示。
圖6
內(nèi)側(cè)陰影:設(shè)置陰影的生成方向指向?qū)ο髢?nèi)側(cè),如圖7所示。
圖7
隱藏對象:只顯示投影而不顯示原來的對象,如圖8所示。
圖8
下面我們利用投影濾鏡制作一個簡單的投影動畫效果。
?。?)在工作區(qū)中輸入文字“pconline.com”,然后增加投影濾鏡效果,設(shè)置模糊為24,強(qiáng)度為270%,品質(zhì)為低,顏色為白色,角度為54,距離為0,如圖9所示。
圖9
?。?)在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后設(shè)置文字的投影濾鏡參數(shù),設(shè)置模糊為10,強(qiáng)度為1000%,品質(zhì)為低,顏色為白色,角度為59度,距離為1,如圖10所示。
圖10
?。?)在時間軸的第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成了對象陰影變化的動畫,按“Ctrl+Enter”預(yù)覽動畫。你還可以繼續(xù)增加關(guān)鍵幀,改變不同的濾鏡參數(shù)生成不同的陰影動畫效果。
2.模糊濾鏡
模糊濾鏡的參數(shù)比較少,主要包括模糊程度和品質(zhì)兩項(xiàng)參數(shù),如圖1所示。
模糊:可以指定模糊程度,可分別對X軸和Y軸兩個方向設(shè)定。取值范圍為0-100。如果單擊X和Y后的鎖定按鈕,可以解除X、Y方向的比例鎖定,再次單擊可以鎖定比例。
品質(zhì):設(shè)定模糊的品質(zhì)高低??梢赃x擇“高”“中”“低”三項(xiàng)參數(shù),品質(zhì)越高,模糊效果越明顯。
圖1
下面我們利用模糊濾鏡制作一個簡單的模糊動畫效果。
(1)在工作區(qū)中輸入文字“pconline.com.cn”,然后增加模糊濾鏡效果,設(shè)置模糊為30,品質(zhì)為高,如圖2所示。
圖2
(2)在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后設(shè)置文字的模糊濾鏡參數(shù),設(shè)置模糊為2,品質(zhì)為高,如圖3所示。
圖3
?。?)在時間軸的第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成了對象模糊變化的動畫,如圖4所示。
圖4
3.發(fā)光濾鏡
發(fā)光濾鏡的效果也類似于Photoshop中的發(fā)光效果,可控參數(shù)有模糊、強(qiáng)度、品質(zhì)、顏色、挖空和內(nèi)側(cè)發(fā)光等,如圖5所示。
圖5
模糊:可以指定發(fā)光的模糊程度,可分別對X軸和Y軸兩個方向設(shè)定。取值范圍為0-100。如果單擊X和Y后的鎖定按鈕,可以解除X、Y方向的比例鎖定,再次單擊可以鎖定比例。
強(qiáng)度:設(shè)定發(fā)光的強(qiáng)烈程度。取值范圍為0%-1000%,數(shù)值越大,發(fā)光的顯示越清晰強(qiáng)烈。
品質(zhì):設(shè)定發(fā)光的品質(zhì)高低??梢赃x擇“高”“中”“低”三項(xiàng)參數(shù),品質(zhì)越高,發(fā)光越清晰。
挖空:將發(fā)光效果作為背景,然后挖空對象的顯示,如圖6所示。
圖6
內(nèi)側(cè)發(fā)光:設(shè)置發(fā)光的生成方向指向?qū)ο髢?nèi)側(cè),如圖7所示。
圖7
下面我們利用發(fā)光濾鏡制作一個簡單的發(fā)光動畫效果。
?。?)在工作區(qū)中輸入文字“pconline.com.cn”,然后增加發(fā)光濾鏡效果,設(shè)置模糊為7,強(qiáng)度為190%,品質(zhì)為高,顏色為紅色,如圖8所示。
圖8
?。?)在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后設(shè)置文字的發(fā)光濾鏡參數(shù),設(shè)置模糊為15,強(qiáng)度為350%,品質(zhì)為高,顏色為紅色,如圖9所示。
圖9
?。?)在時間軸的第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成了文字發(fā)光變化的動畫。
4.斜角濾鏡
使用斜角濾鏡可以制作出立體的浮雕效果,它的控制參數(shù)主要有模糊,強(qiáng)度,品質(zhì),陰影,加亮,角度,距離,挖空和類型等,如圖1所示。
圖1
模糊:可以指定斜角的模糊程度,可分別對X軸和Y軸兩個方向設(shè)定。取值范圍為0-100。如果單擊X和Y后的鎖定按鈕,可以解除X、Y方向的比例鎖定。
強(qiáng)度:設(shè)定斜角的強(qiáng)烈程度。取值范圍為0%-1000%,數(shù)值越大,斜角的效果越明顯。
品質(zhì):設(shè)定斜角傾斜的品質(zhì)高低??梢赃x擇“高”“中”“低”三項(xiàng)參數(shù),品質(zhì)越高,斜角效果越明顯。
陰影:設(shè)置斜角的陰影顏色??梢栽谡{(diào)色板中選擇顏色。
加亮:設(shè)置斜角的高光加亮顏色,也可以在調(diào)色板中選擇顏色,如圖2所示為設(shè)置斜角陰影顏色為黑色,加亮顏色為紅色時的效果。
圖2
角度:設(shè)置斜角的角度,取值范圍為0-360度。
距離:設(shè)置斜角距離對象的大小,取值范圍為-32至32。
挖空:將斜角效果作為背景,然后挖空對象部分的顯示,如圖3所示。
圖3
類型:設(shè)置斜角的應(yīng)用位置,可以是內(nèi)側(cè)、外側(cè)和整個,如果選擇整個,則在內(nèi)側(cè)和外側(cè)同時應(yīng)用斜角效果,如圖4所示。
圖4
下面我們利用斜角濾鏡制作一個文字漸漸變?yōu)榱Ⅲw形狀的動畫效果。
?。?)在工作區(qū)中輸入文字“pconline.com.cn”,然后增加斜角濾鏡效果,設(shè)置強(qiáng)度為0,其它參數(shù)可以默認(rèn),因?yàn)楝F(xiàn)在的強(qiáng)度為0,所以其它的任何參數(shù)都是不起作用的,如圖5所示。
圖5
?。?)在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后設(shè)置文字的斜角濾鏡參數(shù),設(shè)置模糊為5,強(qiáng)度為100%,品質(zhì)為低,陰影顏色為桔紅色,加亮顏色為白色,角度為45度,距離我為5,選擇“類型”為內(nèi)側(cè),如圖6所示。
圖6
(3)在時間軸的第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成了對象模糊變化的動畫。
5.漸變發(fā)光濾鏡
漸變發(fā)光濾鏡的效果和發(fā)光濾鏡的效果基本一樣,只是我們可以調(diào)節(jié)發(fā)光的顏色為漸變顏色,還可以設(shè)置角度、距離和類型,如圖7所示。
圖7
模糊:可以指定漸變發(fā)光的模糊程度,可分別對X軸和Y軸兩個方向設(shè)定。取值范圍為0-100。如果單擊X和Y后的鎖定按鈕,可以解除X、Y方向的比例鎖定,再次單擊可以鎖定比例。
強(qiáng)度:設(shè)定漸變發(fā)光的強(qiáng)烈程度。取值范圍為0%-1000%,數(shù)值越大,漸變發(fā)光的顯示越清晰強(qiáng)烈。
品質(zhì):設(shè)定漸變發(fā)光的品質(zhì)高低??梢赃x擇“高”“中”“低”三項(xiàng)參數(shù),品質(zhì)越高,發(fā)光越清晰。
挖空:將漸變發(fā)光效果作為背景,然后挖空對象的顯示,如圖8所示。
圖8
角度:設(shè)置漸變發(fā)光的角度,取值范圍為0-360度。
距離:設(shè)置漸變發(fā)光的距離大小,取值范圍為-32至32。
類型:設(shè)置漸變發(fā)光的應(yīng)用位置,可以是內(nèi)側(cè)、外側(cè)或強(qiáng)制齊行。
漸變色:面板中的漸變色條是我們控制漸變顏色的工具,默認(rèn)情況下為白色到黑色的漸變色。將鼠標(biāo)指針移動到色條上,如果出現(xiàn)了帶加號的鼠標(biāo)指針,則表示可以在此處增加新的顏色控制點(diǎn),如圖9所示。如果要刪除顏色控制點(diǎn),只需拖動它到相鄰的一個控制點(diǎn)上,當(dāng)兩個點(diǎn)重合時,就會刪除被拖動的控制點(diǎn)。單擊控制點(diǎn)上的顏色塊,會彈出系統(tǒng)調(diào)色板讓我們選擇要改變的顏色。
圖9
下面我們利用漸變發(fā)光濾鏡制作漸變發(fā)光的動畫效果。
?。?)在工作區(qū)中輸入文字“pconline.com.cn”,然后增加漸變發(fā)光濾鏡效果,設(shè)置模糊為5,強(qiáng)度為490%,品質(zhì)為低,角度為45,距離為0,類型為外側(cè),漸變顏色為白色到紅色再到綠色漸變,如圖10所示。
圖10
?。?)在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后設(shè)置文字的漸變發(fā)光濾鏡參數(shù),設(shè)置模糊為17,強(qiáng)度為96%,品質(zhì)為低,角度為45,距離為4,類型為外側(cè),漸變顏色為白色-白色-紅色-黑色漸變,如圖11所示。
圖11
(3)在時間軸的第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成了漸變發(fā)光變化的動畫。
4.漸變斜角濾鏡
使用漸變斜角濾鏡同樣也可以制作出比較逼真的立體浮雕效果,它的控制參數(shù)和斜角濾鏡的相似,所不同的是它更能精確控制斜角的漸變顏色,如圖1所示。
圖1
模糊、強(qiáng)度、品質(zhì)、角度、距離、挖空和類型的參數(shù)含義和斜角濾鏡的含義一樣,這里就不再贅述。
我們來看看如何控制斜角的漸變顏色。面板中的漸變色條是我們控制斜角漸變顏色的工具。將鼠標(biāo)指針移動到色條上,如果出現(xiàn)了帶加號的鼠標(biāo)指針,則表示可以在此處增加新的顏色控制點(diǎn)。如果要刪除顏色控制點(diǎn),只需拖動它到相鄰的一個控制點(diǎn)上,當(dāng)兩個點(diǎn)重合時,就會刪除被拖動的控制點(diǎn)。單擊控制點(diǎn)上的顏色塊,會彈出系統(tǒng)調(diào)色板讓我們選擇要改變的顏色。它的用法和漸變發(fā)光中的顏色控制是一樣的。如圖2所示為應(yīng)用了漸變斜角濾鏡以后的效果,怎么樣,是不是立體效果更逼真?
圖2
下面我們利用漸變斜角濾鏡制作一個文字斜角形狀改變的動畫效果。
(1)在工作區(qū)中輸入文字“pconline.com.cn”,然后增加漸變斜角濾鏡效果,設(shè)置模糊為0,強(qiáng)度為0,其它參數(shù)如圖3所示。
圖3
?。?)在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后設(shè)置文字的漸變斜角濾鏡參數(shù),設(shè)置模糊為5,強(qiáng)度為100%,品質(zhì)為低,角度為45度,距離我為5,選擇“類型”為內(nèi)側(cè),設(shè)置漸變色為白色-紅色-白色-紅色-黑色漸變,如圖4所示。
圖4
?。?)在時間軸的第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成文字慢慢變?yōu)榱Ⅲw斜角的效果。
5.調(diào)整顏色濾鏡
調(diào)整顏色濾鏡,允許我們對影片剪輯、文本或按鈕進(jìn)行顏色調(diào)整,比如亮度、對比度、飽和度和色相等,如圖5所示。
圖5
亮度:調(diào)整對象的亮度。向左拖動滑塊可以降低對象的亮度,向右拖動可以增強(qiáng)對象的亮度,取值范圍為-100到100。
對比度:調(diào)整對象的對比度。取值范圍為-100到100,向左拖動滑塊可以降低對象的對比度,向右拖動可以增強(qiáng)對象的對比度。
飽和度:設(shè)定色彩的飽和程度。取值范圍為-100到100,向左拖動滑塊可以降低對象中包含顏色的濃度,向右拖動可以增加對象中包含顏色的濃度。
色相:調(diào)整對象中各個顏色色相的濃度,取值范圍為-180到180,感覺對色相的控制沒有Photoshop準(zhǔn)確。
下面我們制作一個圖像顏色變化的動畫效果。
?。?)導(dǎo)入一張圖片到舞臺中,選中圖片,然后按F8鍵將圖片轉(zhuǎn)換為影片剪輯元件,如圖6所示。
圖6
?。?)在第一幀上為圖片添加調(diào)整顏色濾鏡,設(shè)置亮度和色相為0,對比度和飽和度為-100,如圖7所示。
圖7
(3)為在時間軸的第30幀上按F6鍵插入關(guān)鍵幀,然后調(diào)整顏色濾鏡參數(shù)都為0,使圖片恢復(fù)到正常顏色狀態(tài)。在第1幀上,單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”選項(xiàng),這樣就生成了圖片由黑白無色到彩色變化的動畫。
綜上所述,我們可以看出Flash在美化對象方面下了很大的功夫,綜合利用這些新增的濾鏡,可以讓我們輕松制作出許多以前只有在圖像設(shè)計軟件中才可以制作的效果。相信大家一定會如虎添翼,讓自己的作品更炫目漂亮!