东南科技大学专用PowerPoint档案数位教材.ppt

導引線動畫應用－電子耶誕賀卡 第 5 堂課 * 東南科技大學專用 PowerPoint 檔案數位教材 東南科技大學專用 PowerPoint 檔案數位教材 東南科技大學專用PowerPoint 檔案數位教材 旗標出版股份有限公司 製作 本著作含書附光碟之內容 (不含 GPL 軟體)，僅授權合法持有本書之讀者（包含個人及法人）非商業用途之使用，切勿置放在網路上播放或供人下載，除此之外，未經授權不得將全部或局部內容以任何形式重製、轉載、散佈或以其他任何形式、基於任何目的加以利用。 * 本堂課重點提要 5-1 範例內容與流程解析 5-2 製作背景 zoom out 動畫 5-3 運用導引線控制角色移動路徑 5-4 製作畫面 zoom in 及聖誕樹彈出的動畫 5-5 製作小熊走回舞台及祝福語的動畫 5-6 製作重播按鈕 5-7 重複應用移動補間動畫製作下雪動畫 * 5-1 範例內容與流程解析 在開始製作之前, 先來看看本堂課要製作的電子賀卡內容。請你開啟範例檔05-fin01.swf, 以下為賀卡 的場景流 程安排： * 範例內容與流程解析 看完電子賀卡的內容後, 來看看影格的安排： * 5-2 製作背景 zoom out 動畫 製作動畫就像拍攝電影, 而我們就是導演, 要控制每個角色的動態, 更要掌控整體畫面的變化, 也就是『運鏡』。在此要介紹『zoom in/out』的運鏡方式, zoom in 就是將畫面拉近, 物體會有放大的感覺, 畫面能看到的物體較少；而 zoomout 就是將畫面拉遠, 物體會呈現縮小的感覺, 而畫面能看到較多的物體。 這樣的運鏡方式, 在電視或電影應該多少都有看過。電子賀卡一開始, 是樹林進入舞台的動畫。 * 製作背景 zoom out 動畫 這個動畫就是用 zoom out 的技巧, 讓鏡頭拉遠： * 5-3 運用導引線控制角色移動路徑 依照動畫流程, 樹林進入舞台後, 聖誕小熊接著會在影格 31 進入舞台, 到影格200 走出舞台。而聖誕小熊穿過雪地時, 不小心掉了一個禮盒。這個禮盒會在影格 121 掉出來, 滾動到影格 141 停止。 另外, 還要利用導引線改變小熊的移動路徑, 讓小熊朝舞台左下方走出場。 * 運用導引線控制角色移動路徑 製作聖誕小熊走過舞台的動畫 聖誕熊元件的製作方法 用導引線改變聖誕小熊的移動路徑 * 5-4 製作畫面 zoom in 及聖誕樹彈出的動畫 小熊走出舞台後, 鏡頭要 zoom in 到掉落的禮盒上, 然後聖誕樹會從禮盒內彈出。聖誕樹的四周會閃閃發光, 頂部還有環繞的光芒, 看起來很有過節的氣氛。 製作畫面 zoom in 到禮盒的動畫 將『禮盒打開』元件加入舞台中 禮盒打開元件的製作方法 讓光芒圓形環繞－導引線的應用 製作光芒閃動元件－淡入、淡出及光暈濾鏡 將『光芒環繞』及『光芒閃動』元件加入舞台 * 製作畫面 zoom in 到禮盒的動畫 之前已經做過 zoom out 的效果了, 相信 zoom in 的做法應該難不倒您。以下提示幾個重點, 您可以繼續使用剛才的檔案, 或是開啟範例檔 05-ex03.fla 來操作。 請在樹、禮盒、禮盒影子及樹背景圖層的影格 201、230 插入關鍵影格, 再將背景圖層延續到影格 230： * 5-5 製作小熊走回舞台及祝福語的動畫 聖誕樹彈出後, 小熊會走到聖誕樹旁, 並出現 『Merry Christmas』 的祝福語。這 2 段動畫都是很簡單的移動補間動畫, 因此以下將加緊腳步, 簡單介紹製作的方法。 製作小熊走到樹旁的動畫 製作祝福語動畫 * 製作小熊走到樹旁的動畫 小熊再度走進舞台, 但是這次不拖著禮物了。只要將元件庫中的熊走路+袋子動畫元件, 稍加修改一下, 即可變成我們需要的熊走路元件。您可以繼續使用剛才的檔案, 或是開啟範例檔 05-ex04.fla 來操作。 請在光芒圖層上方新增小熊 2 圖層, 並在影格 296、326 插入關鍵影格。然後將元件庫的熊走路元件拉曳到舞台中, 如下安排 2 個關鍵影格的位置。完成後,建立影格 296～326 的移動補間動畫： * 5-6 製作重播按鈕 電子賀卡的動畫播放完畢時, 還要再加上一個『重播』的按鈕, 讓觀賞者可以按此鈕重新播放電子賀卡。 製作重播按鈕元件 讓重播鈕可以作用 * 製作重播按鈕元件 我們先來製作『重播』按鈕元件, 您可以繼續使用剛才的檔案, 或是開啟範例檔05-ex05.fla 來操作。 請新增一個重播元件, 類型選擇按鈕, 然後建立文字、帽子及感應區 3 個圖層： * 5-7 重複應用移動補間動畫製作下雪動畫 電子賀卡的內容大致完成了, 但好像少了什麼？對了, 現在應該是白雪飄落的季節, 少了這個畫面, 聖誕節就不對味了！我們來完成這