时间轴特效动画

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