第6單元 色彩形狀漸變
這個單元，我們用一個範例來說明色彩形狀漸變的補間動畫。
我們可以直接開啟練習檔 11-learn.fla , 利用現成的元件來練習。
直接將背景圖像元件從元件庫拉曳到舞台中, 並調整好位置
²6-1 建立 FLASH 文字物件並設定文字飛入動畫 (061.ppt)
先將 5 個字母分配到不同圖層, 再設定文字飛入的移動補間動畫。
1. 點選舞台中的 FLASH 文字物件, 然後執行『修改/打散』命令
2. 在 5 個字母仍處於被選取的狀態下,執行『修改/分散至圖層』命令
3. 設定文字飛入的移動補間動畫
4. 將 F、L、A、S、H 此 5 字在第 1 格影格的位置分別拉出舞台
5. 製作時間差的動畫效果
²6-2 文字super形狀補間動畫 (062.ppt)
1. 建立 SUPER 文字物件：
首先是建立 S、U、P、E、R 這 5 個獨立的文字物件, 並將之分別安排至 F、L、A、S、H 各圖層中。
使用的方法和一開始建立 FLASH 文字物件時一樣
然後，把每個字對稱地移到F、L、A、S、H各圖層的後面(如下圖)
最後，再把S、U、P、E、R這幾個圖層刪除。
2. 調整字母位置：利用描圖紙功能讓 FLASH 這 5 個字母與SUPER 這 5 個字母能分別對齊 (完整重疊), 這樣變形起來才不會有位移, 也比較美觀
3. 設定形狀補間動畫：由於形狀補間動畫不能設定在文字物件上, 所以我們在做變化前, 要把需要用到的字母執行『修改/打散』命令, 將其轉變為圖像物件
²6-3 設定形狀提示點(063.ppt)
有時單純的形狀補間動畫無法讓圖像物件變形得很漂亮, 這時可以設定形狀提示點 (Shape Hint) 來幫助整個變形過程。
形狀提示點的作用是在形狀補間動畫的起始影格設定數個提示點, 然後在結束影格指定這些提示點的對應位置, 這樣 Flash 就會依照這些提示點來變形。
²6-4 再加一段形狀補間動畫(064.ppt)
於後面加上一段 SUPER 變形變色成為 EASY！的動畫即可
²6-5 淡出效果的動畫結尾(065.ppt)
最後我們只要再製作文字淡出消失的結尾動畫, 整個動畫就製作完成(11.fla)。
²6-7 延伸學習
範例 11-a01.fla 是應用形狀補間動畫及移動補間動畫, 讓土星移動及變色的動畫！
你可以播放來看看動畫的效果
也可以開啟範例檔案 11-a01.fla 來查看。
6-8 作業 (ex04.htm)
---------------------------------------------------------------
註：此講義範例來自參考書籍
施威銘研究室，flash8躍動的網頁(旗標出版)