时间轴特效.ppt

第 16 章 時間軸特效動畫─趣味小廣告 本章提要 16-1 時間軸特效動畫 16-2 動畫元件與流程說明 16-3 製作文字陰影 16-4 元件轉場特效 16-5 文字爆破特效 16-6 圖片速成複製法 16-7 延伸學習 前言 本章的重點在於應用 Flash 現成的時間軸特效來製作動畫, 我們一共會使用到：複製至格線 (Copy to Grid)、投影 (Drop Shadow)、爆破 (Explode)、與轉場 (Transition) 4 種特效。 請先播放範例檔 16.swf, 觀看製作完成的時間軸特效： 前言 16-1 時間軸特效動畫 時間軸特效 (Timeline Effects) 提供多達 8 種特效供你選用, 包括：複製至格線 (Copy to Grid)、散佈副本 (Distributed Duplicate)、模糊 (Blur)、投影 (Drop Shadow)、展開 (Expand)、爆破 (Explode)、轉場 (Transform)、變形 (Transition)。你只要在交談窗中設定選項和參數, 接著 Flash 就會自動幫你完成時間軸、圖層、與影格的安排, 快速獲得不錯的動畫效果。 時間軸特效動畫 時間軸特效全部收錄在『插入/時間軸特效』命令之下, 您只要先選取欲加上時間軸特效的影格, 然後再挑選一種時間軸特效, 便會開啟交談窗讓你做相關設定。 16-2 動畫元件與流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 本範例要製作一部 神奇糖果 小廣告, 大意是小女孩吃下神奇糖果後, 馬上擁有全新漂亮的髮型, 因此我們先準備好最主要的 4 個女孩圖像元件： 動畫製作流程 重點說明 動畫一開始, 中央出現陰影文字 Magic Candy, 並以移動補間動畫讓文字移動至動畫底部。接著使用 girl1、girl2、girl3 圖像元件, 製作西瓜皮髮型女孩吃下糖果的動作。 第 2 階段重點在於轉場特效的應用, 先讓變 髮 前的女孩往下淡出消失, 再讓變 髮 後的摩登女孩往上淡入顯現, 營造人物變身的效果。 重點說明 重點說明 第 3 階段要應用爆破特效製作文字向上左右炸開的驚奇效果。而為了讓畫面更具有動感, 還會加入糖果影片片段做為裝飾之用。 最後影格總數確認了, 再利用拷貝至格線特效, 讓簡單的圖形快速佈滿整個舞台, 幫動畫的背景美化一番。 16-3 製作文字陰影 設定文件屬性 加入文字陰影 建立文字移動補間動畫 設定文件屬性 本範例之文件屬性如右圖所示, 你可執行『修改/文件』命令, 開啟文件屬性交談窗來做設定： 加入文字陰影 請開啟練習檔 16-learn.fla, 我們要運用投影時間軸特效 (Drop Shadow) 來製作文字陰影： 首先使用文字工具鈕在舞台中建立文字物件： 加入文字陰影 加入文字陰影 選取剛建立的文字物件, 執行『插入/時間軸特效/特效/投影』命令, 開啟投影交談窗來設定投影屬性： 加入文字陰影 最後按下投影交談窗的確定鈕, 文字陰影就做好了： 編輯與移除時間軸特效 若是覺得效果不甚滿意, 想要修改時間軸特效的設定, 可選取加上時間軸特效的影格, 然後執行『修改/時間軸特效/編輯特效』命令 (或者按下屬性面板中的編輯鈕), 即可再次開啟交談窗來修改設定值。而若是想移除時間軸特效, 則是可執行『修改/時間軸特效/移除特效』命令。 編輯與移除時間軸特效 建立文字移動補間動畫 接著進行文字墜落舞台底部的移動補間動畫。而為了讓畫面更顯活潑, 在文字墜落底部後, 我們還刻意讓文字彈跳一下, 請如下操作： 建立文字移動補間動畫 建立文字移動補間動畫 出現 你正嘗試編輯已套用特效的元件 訊息 當我們打算在影格 15 插入關鍵影格時, 會跳出如下的提示訊息, 這是因為時間軸特效動畫是由 Flash 根據交談窗設定而產生的, 因此若你嘗試手動編輯時間軸特效所產生的影格內容, 就會告知你如果要繼續編輯, 便無法再透過『修改/時間軸特效/編輯特效』命令來修改特效設定了： 出現 你正嘗試編輯已套用特效的元件 訊息 建立文字移動補間動畫 至於文字彈跳的效果也很容易, 只要繼續在影格 17、18 插入關鍵影格, 然後讓影格 17 中的文字略為往上移動 (位於 X：38、Y：291.4)；影格 18 中的文字恢復在動畫底部 (位於 X：38、Y：298.4), 播放起來就會有文字彈跳的感覺了。 你可開啟練習檔 16-learn1.fla 來參考文字動畫的安排。 16-4 元件轉場特效 這節要先來一段女孩從口袋拿糖果吃的動畫, 接著再應用轉場時間軸特效(Transition), 讓變 髮 前的女孩往下淡出, 再讓變 髮 後的摩登女孩往上淡入, 製造人物變身的效果。 女孩吃糖動畫 請開啟練習檔 16-l