色彩形状渐变动画－超Easy！.PPTVIP

著作權所有 ? 旗標出版股份有限公司 第 12 章 色彩形狀漸變動畫 － 超 Easy！ 本章提要 動畫元件與流程說明 設定文件屬性並置入背景圖 建立 FLASH 文字物件並設定文字飛入動畫 製作文字形狀與色彩漸變的形狀補間動畫 設定形狀提示點 (Shape Hint) 再加一段形狀補間動畫 舉一反三時間 － 變色的土星 色彩形狀漸變動畫 動畫元件與流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 Flash 提供了文字物件打散 (Break Apart) 及分散至圖層 (Distribute to Layer) 功能, 讓我們能從建立文字、分配圖層、到設定動畫的過程一氣呵成, 所以我們並 不需要先製作這些英文字 母, 只要先準備好一個背 景元件, 就可以大步邁入 動畫製作的階段囉！ 動畫製作流程 重點說明 FLASH 此 5 字會分別從天外飛來 (使用移動補間動畫效果)：此處特別利用了文字物件可以打散 (Break Apart) 的方式將各字母分離, 再利用分散至圖層 (Distribute to Layer) 功能, 將各字母迅速分配到各圖層, 以便製作具有時間差效果的動畫。 重點說明 FLASH 這5 字會變化形狀和顏色成為 SUPER 這 5 個字 (使用形狀補間動畫效果)：此處需特別注意的是, 製作形狀補間動畫必須使用圖像物件 (Shapes), 而不能直接使用文字物件, 所以必須將文字物件分離成圖像物件, 才能開始設定動畫。另外我們還使用了形狀提示點 (Shape Hints) 的功能, 讓字母變形變得更順暢美麗。 重點說明 SUPER 這 5 會字繼續變形變色為 EASY！這 5個字 (使用形狀補間動畫效果)：此處則與前一段變形變色動畫大同小異, 而由於 SUPER 和 EASY！字母的差異較大, 所以特別要仔細設定形狀提示點, 確保變形的過程不致太突兀！ 設定文件屬性並置入背景圖 設定文件屬性 置入背景圖 設定文件屬性 本範例動畫之文件屬性如圖所示： 置入背景圖 背景圖像元件是純為裝飾的靜態背景, 你可以依個人喜好製作, 此處我們就不特別介紹, 直接進入整個動畫製作的階段。如果你還沒畫好背景圖像元件, 可以直接開啟練習檔 ch12-learn.fla, 利用現成的元件來練習。 準備好背景之後, 請點選背景圖層的影格 1, 直接將背景圖像元件從元件庫拉曳到舞台中, 並調整好位置： 置入背景圖 建立 FLASH 文字物件並 設定文字飛入動畫 建立 FLASH 文字物件 建立文字飛入動畫 建立 FLASH 文字物件 接下來我們要設定 FLASH 這 5 個字母飛入畫面的移動補間動畫。 首先我們要建立 FLASH 這 5 個字母的文字物件： 建立 FLASH 文字物件 建立文字飛入動畫 接著進行文字物件的圖層分配, 步驟是先將5 個字母分配到不同圖層, 再設定文字飛入的移動補間動畫。此時就是打散及分散至圖層功能大顯身手的時候了！ 請點選舞台中的 FLASH 文字物件, 然後按一次 + 鍵來打散 (或執行『修改 / 打散』命令)： 建立文字飛入動畫 建立文字飛入動畫 在 5 個字母仍 處於被選 取的狀態 下, 按下 + + 鍵 (或 執行『修改 / 分散至圖層』 命令)： 建立文字飛入動畫 接著就可以設定文字飛入的移動補間動畫。為了要讓文字動畫飛入後的位置完美, 我們要在還沒更動到 F、L、A、S、H 這 5 個文字物件的位置之前, 先設定好結束影格： 建立文字飛入動畫 建立文字飛入動畫 至此移動補間動畫雖設定好了, 但 F、L、A、S、H 5 字並無移動位置, 所以播放也不會產生動畫效果。此時我們要將 F、L、A、S、H 此 5 字在第 1 格影格的位置分別拉出舞台, 這樣才能製造文字飛入的效果： 建立文字飛入動畫 建立文字飛入動畫 再來要製作時間差的動畫效果： 建立文字飛入動畫 製作文字形狀與色彩漸變的 形狀補間動畫 建立 SUPER 文字物件 調整字母位置 設定形狀補間動畫 建立 SUPER 文字物件 首先是建立 S、U、P、E、R 這5 個獨立的文字物件, 並將之分別安排至 F、L、A、S、H 各圖層中。使用的方法和一開始建立 FLASH 文字物件時一樣： 建立 SUPER 文字物件 建立 SUPER 文字物件 建立 SUPER 文字物件 調整字母位置 在正式設定動畫前, 我們最好先利用描圖紙功能讓 FLASH 這 5