淺談Flash動畫制作及在網站中的應用

馮友群

【摘 要】Flash是由macromedia公司推出專業的矢量圖形及動畫編輯軟件，是一種動畫創作與應用程序開發于一身的創作軟件，使用它可以將音樂、聲效、動畫以及富有新意的界面融合在一起，從而制造出高品質的動態網頁效果。由Flash制作的網站片頭，網站動畫，商業廣告等在網絡上的大量應用，充分展示出企業形象、產品。Flash的使用是網頁設計者必需掌握的技能，他能創作出既漂亮又可改變尺寸的導航界面以及其他的動畫效果。Flash已經成為交互式矢量的標準，是未來網頁的一大主流。

【關鍵詞】Flash 動畫 網站

【中圖分類號】G250.72【文獻標識碼】A【文章編號】1672-5158（2013）07-0086-01

1、Flash簡介

Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標準。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設計和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Future Wave，并將其改名為Flash。后又被Adobe公司收購。Adobe Flash Professional CS6為創建數字動畫、交互式Web站點、桌面應用程序以及手機應用程序開發提供了功能全面的創作和編輯環境。Flash廣泛用于創建吸引人的應用程序，它們包含豐富的視頻、聲音、圖形和動畫?？梢栽贔lash中創建原始內容或者從其它Adobe應用程序（如Photoshop或illustrator）導入它們，快速設計簡單的動畫，以及使用Adobe AcitonScript 3.0開發高級的交互式項目。設計人員和開發人員可使用它來創建演示文稿、應用程序和其它允許用戶交互的內容。Flash可以包含簡單的動畫、視頻內容、復雜演示文稿和應用程序以及介于它們之間的任何內容。

2、flash動畫的概念

動畫是將靜止的畫面變為動態的藝術.實現由靜止到動態，主要是靠人眼的視覺殘留效應.利用人的這種視覺生理特性可制作出具有高度想象力和表現力的動畫影片。動畫以人類視覺的原理為基礎。如果快速查看一系列相關的靜態圖像，那么我們會感覺到這是一個連續的運動。 每一個單獨圖像稱之為幀。幀是動畫電影中的單個圖像：

flash動畫包括補間動畫（形狀補間和動畫補間動畫）、逐幀動畫、引導動畫、遮罩動畫。

補間動畫是指在Flash的時間幀面板上，在兩個關鍵幀之間創建相同或不同圖形，然后為圖形賦予移動、旋轉和變形等效果。

逐幀動畫就是在每個關鍵幀中創建不同的對象，在播放動畫時通過幀的連續播放形成動畫。

引導動畫就是預先設置好的運動軌跡，然后讓對象沿著繪制的軌跡運動的動畫。

遮罩動畫就是在動畫中創建一個遮罩層，用來遮蓋下層中的對象，播放時被遮蓋的動畫部分被顯示出來。

3、介紹形狀補間動畫制作

形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補間動畫二者之間，使用的元素多為用鼠標或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”再變形。

3.1 形狀補間動畫在時間幀面板上的表現

形狀補間動畫建好后，時間幀面板的背景色變為淡綠色，在起始幀和結束幀之間有一個長長的箭頭，如圖所示：

圖層2作為遮罩層來使用，在flash成品中被遮罩的圖層1才能顯示出來，這樣就可以做出讓圖層從小到大，從左到右，從沒到有，或是從有到無等等的效果。

3.2 創建形狀補間動畫的方法

在時間軸面板上動畫開始播放的地方創建或選擇一個關鍵幀并設置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結束處建或選擇一個關鍵幀并設置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖所示，一個形狀補間動畫就創建完畢。如圖所示。

4、總結

Flash與當今最流行的網頁設計工具Dreamweaver配合默契，可以直將動畫嵌入到網頁中的任意一位置，非常方便。由于Flash動畫使用矢量圖形和流式播放技術，通過使用關鍵幀和圖符生成的動畫文件非常小，并能實現許多炫目多彩的動畫效果，用在網頁中加入，會靜態網頁變成動態的網頁，更加生動，而且小巧玲瓏的文件可以加快下載速度，使得動畫在打開網頁很短的時間里就得以播放，讓網站在眾多的網站中脫穎而出，但不能過于花哨，大量的使用會讓Flash動畫會讓人思維混亂，心情煩燥，甚至有可能失去觀眾的信任。在網頁上適當使用Flash制作的導航欄，圖片文字展示，互動Flash等等，會使網站的使用者擁有更多的商業機會，更好的商業前途。

參考文獻

[1] 一學就會魔法書中文版Dreamweaver+Flash+Photoshop網頁制作（第2版）（配DVD光盤1張）[平裝]九州書源（作者）清華大學出版社ISBN： 9787302201342

[2] 一學就會魔法書中文版Flash CS3動畫制作（第2版）（配DVD光盤1張）[平裝]九州書源（作者）清華大學出版社ISBN：9787302192763， 7302192766