文字爆破特效Explode图片速成复制法CopytoGrid.PPTVIP

著作權所有 ? 旗標出版股份有限公司 第 16 章 時間軸特效動畫 ─ 趣味小廣告 本章提要 動畫元件與流程說明 製作文字陰影 (Drop Shadow) 元件轉場特效 (Transition) 文字爆破特效 (Explode) 圖片速成複製法 (Copy to Grid) 時間軸特效動畫 本章的重點在於應用現成的時間軸特效來製作動畫, 我們一共會介紹到：拷貝至格線 (Copy to Grid)、投影 (Drop Shadow)、爆破 (Explode)、與轉場 (Transition) 這 4 種特效。請先播放範例檔 ch16.swf, 觀看製作完成的時間軸特效： 時間軸特效動畫 動畫元件與流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 本範例要製作一部 神奇糖果 小廣告, 大意是小女孩吃下神奇糖果後, 馬上擁有全新漂亮的髮型, 因此我們先準備好最主要的 4 個女孩圖像元件： 動畫製作流程 重點說明 動畫一開始, 中央出現陰影文字 Magic Candy, 並以移動補間動畫讓文字移動至動畫底部。接著使用 girl1、girl2、girl3 圖像元件, 製作西瓜皮髮型女孩吃下糖果的動作。 第 2 階段重點在於轉場特效的應用, 先讓變 髮 前的女孩往下淡出消失, 再讓變 髮 後的摩登女孩往上淡入顯現, 營造人物變身的效果。 重點說明 重點說明 第3 階段要應用爆破特效製作文字向上左右炸開的驚奇效果。而為了讓畫面更具有動感, 還會加入糖果影片片段做為裝飾之用。 最後影格總數確認了, 再利用拷貝至格線特效, 讓簡單的圖形快速佈滿整個舞台, 幫動畫的背景美化一番。 製作文字陰影 (Drop Shadow) 設定文件屬性 加入文字陰影 建立文字移動補間動畫 出現 你正嘗試編輯已套用特效的元件 訊息 設定文件屬性 本範例之文件屬性如右圖所示, 你可執行『修改 / 文件』命令, 開啟文件屬性交談窗來做設定： 加入文字陰影 請開啟 ch16-learn1.fla, 我們要運用投影時間軸特效 (Drop Shadow) 來製作文字陰影： 首先使用文字工具鈕在舞台中建立文字物件： 加入文字陰影 加入文字陰影 選取剛建立的文字物件, 執行『插入 / 時間軸特效 / 特效 / 投影』命令, 開啟投影交談窗來 設定 投影 屬性 ： 加入文字陰影 最後按下投影交談窗的確定鈕, 文字陰影就做好了： 建立文字移動補間動畫 建立文字移動補間動畫 建立文字移動補間動畫 至於文字彈跳的效果也很容易, 只要繼續在影格 17、18 插入關鍵影格, 然後讓影格 17 中的文字略為往上移動 (位於 X：38、Y：291.4)；影格 18 中的文字恢復在動畫底部 (位於 X：38、Y：298.4), 播放起來就會有文字彈跳的感覺了。你可開啟 ch16-learn2.fla 來參考文字動畫的安排。 出現 你正嘗試編輯已套用特效 的元件 訊息 當我們打算在影格 15 插入關鍵影格時, 會跳出如下的提示訊息, 這是由於時間軸特效動畫是由 Flash 根據交談窗設定而產生的, 因此若你嘗試手動編輯時間軸特效所產生的影格內容,就會告知你如果要繼續編輯, 便無法再透過『修改 / 時間軸特效 / 編輯特效』命令來修改特效設定了： 出現 你正嘗試編輯已套用特效 的元件 訊息 元件轉場特效 (Transition) 女孩吃糖動畫 加入轉場特效 女孩吃糖動畫 請開啟 ch16-learn3.fla, 裡面已經為你準備好女孩圖像元件供你練習。此外, 檔案中我們把投影 1 圖層延伸至影格 55, 以便讓 Magic Candy 文字維持顯示在舞台底部。 選取吃糖果圖層的影格 25, 按下 鍵插入關鍵影格, 然後從元件庫面板將 girl1 圖像元件拉曳到舞台正中央 (位於 X：206.8、Y：56.8)： 女孩吃糖動畫 女孩吃糖動畫 接著將影格 30、35、40、45 設成空白關鍵影格, 然後分別放入 girl2、girl3、girl2、girl3 圖像元件, 製造女孩吃糖的動作 (注意！女孩出現的位置要保持一樣)。最後再將影格延伸到第55 格： 女孩吃糖動畫 加入轉場特效 首先將吃糖果圖層的影格 45 複製到變髮中圖層的影格 56： 加入轉場特效 選取變髮中圖層的影格 56, 執行『插入 / 時間軸特效 / 變形 / 轉場 / 轉場』命令, 開啟轉場交談 窗做 如下 設定 ： 加入轉場特效 原本的變髮中圖層這時會根據上面的設定, 加入一段長度為 30 影