汇出动画与发布网页.pptVIP

*連續影格動畫傳統的動畫所採用的製作方式,是將要表現動態的部分分解成多個動作,然後一個個的製作,再將這些動作連續播放,就形成了動態效果。Flash的連續影格動畫就是採用這種方式,在連續的影格上製作分解動作。連續影格動畫需要繪製很多內容不同的影格,適合用來表現某些動作細膩的動畫。不過它的缺點主要是製作費時,而且檔案體積較大。*連續影格動畫*補間動畫運用補間動畫可以輕易製作出具有移動、縮放、旋轉、形狀漸變、色彩漸變等效果的動畫,還能控制動畫行進變慢或變快！另外,使用補間動畫還可以保持檔案的「苗條」,非常適合用於網頁這種受限於頻寬問題的情況。補間動畫還可分為形狀補間動畫和移動補間動畫2種,它們各有不同的動畫效果及作用對象。*補間動畫*補間動畫*19-3-2設計動畫元件與製作流程有了上述的基本認知後,接著就來實地製作動畫囉！這裡我們要做一個跑步的娃娃,它的重點就是要自己製作每個影格的內容,再把這些影格串連起來成為連續的動畫。完成連續影格動畫後,再利用移動補間動畫製作出移動的效果。您可開啟範例檔檔Ch19-06.swf看看它的動畫效果：*設計動畫元件與製作流程*動畫元件介紹這個範例主要是由娃娃和街道背景組合而成,重點的娃娃則是由圓形、橢圓形、以及不規則的幾何圖形,利用變換排列方式、尺寸大小製作而成。*動畫製作流程在開始製作動畫之前,我們先規劃好動畫的製作流程,好讓各位在製作時更能掌握重點：*19-3-3繪製娃娃與建立元件我們先運用19-2節所介紹的技巧繪製娃娃跑步的第一個動作,接下來還需繪製其餘4個分解動作。若利用剛才的方式一筆一筆繪製娃娃的話,既麻煩又浪費時間,因此我們決定將娃娃製作成元件。請按下Ctrl+A鍵選取所有的圖像,再按下F8鍵,將娃娃儲存為圖像元件。完成之後,我們便可利用這個娃娃圖像元件製作其他的分解動作了：(若您還沒有畫好娃娃,可開啟範例檔案Ch19-07.fla來操作)*繪製娃娃與建立元件*19-1-4影格的新增、選取與刪除新增影格選取影格移除影格*新增影格在Flash中開啟一個新檔案時,其時間軸刻度表上只有1格影格,我們可透過以下的方法來新增影格：*新增影格新增影格的內容為延續前一關鍵影格的內容,以本例而言,就是影格1的內容,而往後所新增的圖層,也會自動建立好相同數目的影格,非常方便！*選取影格在編輯影格之前,要了解如何選取影格,下面我們示範幾種常用的選取方法(可開啟範例檔案Ch19-04來操作)：*選取影格*移除影格只要選取要移除的影格,按右鈕執行『移除影格』命令,即可移除影格。*19-1-5影格的類型Flash的3種影格設定關鍵影格設定空白關鍵影格清除關鍵影格*Flash的3種影格Flash一共有3種影格類型,分別為關鍵影格、空白關鍵影格以及影格。關鍵影格：關鍵影格多用在動畫過程中產生變化的影格,我們可在關鍵影格上編輯圖像、加入物件或特效(包括聲音檔),這些影格在時間軸面板的圖示為,堪稱動畫的重心。空白關鍵影格：空白關鍵影格是一種特殊的關鍵影格,表示此關鍵影格中沒有任何物件,常用來清空前一關鍵影格中的物件,所以多伴隨在關鍵影格之後。*Flash的3種影格影格：關鍵影格和空白關鍵影格之外的影格都屬於一般影格。一般影格的作用在於延續前一個關鍵影格或空白關鍵影格的內容。當影格之前有個關鍵影格時,它呈現灰色,表示延續前面關鍵影格的內容；若影格之前有個空白關鍵影格,它呈現白色,也表示它延續著前面的空白關鍵影格的內容,也就是一片空白！*Flash的3種影格*設定關鍵影格設定關鍵影格並不一定是新增影格,而是表示該影格在動畫中具有關鍵性內容。當我們選取影格按右鈕執行『插入關鍵影格』命令(或按F6)時,除了可以在未使用的影格上新增1格關鍵影格之外,也可以將原有的影格設定為關鍵影格。若在關鍵影格之後新增關鍵影格,則此新的關鍵影格將會自動把前一個關鍵影格的內容複製過來(可開啟範例檔案Ch19-05來操作)。*設定關鍵影格*設定關鍵影格*設定空白關鍵影格選取影格按右鈕執行『插入空白關鍵影格』命令(或按F7)之後,編輯區會變成空白無內容。因此當動畫進行到必須將全部的內容更換時,可設定一格空白關鍵影格,將影格內容清空。接著就可以直接安排新的動畫內容了。*清除關鍵影格執行『清除關鍵影格』命令並不是要刪除影格,而是