November 18, 2007
本章提要
•
10-1 Flash 濾鏡•
10-2 濾鏡應用－飛碟•
10-3 製作由遠到近的移動效果•
10-4 左右迅速移動•
10-5 實做練習－忽明忽暗的光線Page 44 November 18, 2007
10-1 Flash 濾鏡
•
Flash 8 Professional 版讓人趨之若騖的一大主因，就是新增了濾鏡 (Filters) 功能， 此功能可以透過 現成的運算方式， 將特效套用在我們繪製好的元 件 (或文字) 上， 只要改變設定值就可以呈現截然 不同的效果。
•
若是配合移動補間動畫， 此濾鏡即可變身為動畫；更進階的應用， 則是透過 ActionScript 來控制 或產生套用濾鏡的範圍， 亦或將濾鏡應用在視訊 影片中。
濾鏡的使用限制
•
濾鏡功能除了出現在 Flash 8 的 Professional 版 本之後， 套用的對象也有所限制， 只有以下 3 種物件可套用濾鏡功能：▫
影片片段元件▫
按鈕元件▫
文字物件 (包含靜態文字、動態文字及輸入文字)•
此外， 套用了濾鏡的動畫， 發佈時必須指定 Flash Player 8 (或以上)的版本， 用來播放的Page 46 November 18, 2007
濾鏡的使用限制
濾鏡綜覽
•
Flash 8 提供了 7 種不同的濾鏡特效， 分別是投 影 (Drop Shadow)、模糊 (Blur)、光暈 (Glow)、斜角 (Bevel)、漸層光暈 (Gradient Glow)、漸 層斜角 (Gradient Bevel)、調整顏色 (Adjust Color)。
Page 48 November 18, 2007
濾鏡綜覽
1.
請先切換至濾鏡面板 (或執行『視窗/屬性/濾鏡』命令， 開 啟濾鏡面板)， 再按下編輯區 中要套用濾鏡的元件， 此例我 們選擇橘色圓球。
濾鏡綜覽
2.
按下濾鏡面板的 鈕， 由彈出的選單設定想要套用的效果， 例如選擇斜角， 設定完數值後，
即會套用在選取的元件上。
Page 50 November 18, 2007
濾鏡綜覽
•
以下分別以文字呈現各種濾鏡的效果濾鏡綜覽
Page 52 November 18, 2007
套用、移除濾鏡的相關操作
•
套用及調整多個濾鏡：套用濾鏡之後， 若再選擇 其它濾鏡， 效果將會累加在選取的元件上。若有 套用多個濾鏡， 還可以直接拉曳濾鏡名稱來調整 順序。套用、移除濾鏡的相關操作
•
停用濾鏡：如果因為套用了濾鏡， 導致看不清楚 元件的狀態， 你可以按下濾鏡名稱前的 圖示，顯示成 圖示時， 表示停用該濾鏡 (並沒有移除 哦！)， 再按一下 會顯示成 即可重新啟用 濾鏡效果。
Page 54 November 18, 2007
套用、移除濾鏡的相關操作
•
移除濾鏡：選擇已套用的濾鏡名稱再按下 鈕，可移除套用的濾鏡。如果想要移除全部的濾鏡再 重新設定， 可按下 鈕選擇『全部移除』命令：
套用、移除濾鏡的相關操作
•
自訂濾鏡：當你設定出滿意的濾鏡效果， 還想套 用在其它元件上時， 可按下 鈕執行『預設效 果/另存新檔』命令， 將濾鏡效果儲存起來， 再 迅速套用在其它元件上Page 56 November 18, 2007
套用、移除濾鏡的相關操作
•
儲存之後濾鏡效果會顯 示在選單中， 可立即套 用在其它物件。10-2 濾鏡應用－飛碟
•
畫面上的飛碟迅速移動， 且行徑變化莫測， 就像 我們所知的不明飛行物體一樣。•
本練習主要是利用移動補間動畫， 並套用模糊濾 鏡來模擬飛碟的快速飛行。Page 58 November 18, 2007
重點說明
•
開新檔案時， 動畫預設的影格速率為 12 fps，但在此練習中 12 fps 的速度感覺太慢， 所以我 們要加快動畫的播放速度至 30 fps。
•
動畫中我們將改變元件的大小來製造飛碟向前、向後飛行的效果。
•
當飛碟移動位置時， 將應用模糊濾鏡來模擬快速 移動的感覺， 為了使飛碟的移動感覺順暢， 在套 用濾鏡的關鍵影格中， 亦會加上移動補間動畫。重點說明
•
飛碟的飛行路徑Page 60 November 18, 2007
10-3 製作由遠到近的移動效果
1.
選取飛碟圖層的影格 1， 再將元件庫中的飛碟 元件拉曳到舞台中央， 並開啟變形面板， 我們 要將飛碟縮小至 20% 的大小。製作由遠到近的移動效果
2.
接著切換至濾鏡面板， 然後點選舞台中的飛碟，再按下 鈕選擇模糊濾鏡
Page 62 November 18, 2007
濾鏡品質的差異
•
每個濾鏡都可以設定品質選項， 選項共有高、中、低可選擇， 請依自己對動畫的品質要求來進行設 定。以模糊為例， 若仔細觀察邊緣漸層， 品質高 的顏色會比品質低的平滑， 但若不是播放速度很 慢或非常精緻的動畫， 其實播放中並不容易看出 差異。
•
無論選擇何種品質， 請把握一個原則， 如果濾鏡 套用在補間動畫上， 兩個關鍵影格最好設定相同 的品質， 否則播放時容易產生不流暢的現象。製作由遠到近的移動效果
3.
在飛碟圖層的影格 3 新增一個關鍵影格， 並選 取舞台上的飛碟， 同樣設定模糊濾鏡Page 64 November 18, 2007
製作由遠到近的移動效果
4.
在飛碟圖層的影格 1 上按右鈕， 執行『建立移 動補間動畫』命令， 使濾鏡效果由影格 1 的幾 乎完全隱形， 到影格 3 的模糊程度。5.
請在飛碟圖層的影格 7 建立關鍵影格， 由變形 面板將飛碟調至 150%， 設定完成後在影格 3 上按右鈕， 執行『建立移動畫間動畫』命令，即可營造出飛碟由遠方飛近的感覺。
製作由遠到近的移動效果
Page 66 November 18, 2007
10-4 左右迅速移動
1.
請在飛碟圖層的 影格 15 新增關 鍵影格， 其內容 會延續影格 7 的 內容， 此處我們 不做任何的變化，這是因為整個動 畫的節奏很快，
如果全都設定移 動效果， 反而容 易讓人眼花撩亂。
左右迅速移動
•
在影格 17 新增關鍵影格， 並將飛碟移至 x：143、y：132 位置， 接著由變形面板設定影格 17 的飛 碟大小為 115%。
Page 68 November 18, 2007
左右迅速移動
3.
切換至濾鏡面板， 再選取舞台上的飛碟左右迅速移動
•
接下來在影格 19 新增關鍵影格， 此影格的飛碟 位置在 x：54、y：92， 大小則設定為 60%， 但 不套用任何濾鏡。Page 70 November 18, 2007
左右迅速移動
5.
請分別在影格 15 及 17 上按右鈕， 執行『建立 移動補間動畫』命令， 就可以看出飛碟由舞台 中央迅速移動至左後方的效果了。•
進行到此我們完成了飛碟從遠到近， 及由左至 右的移動效果， 接下來您可以自己安排飛碟的 行徑路線。左右迅速移動
•
範例中關鍵影格的設定值列於下表Page 72 November 18, 2007