淺談Flash動畫制作及在網(wǎng)站中的應(yīng)用

馮友群

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

【關(guān)鍵詞】Flash 動畫 網(wǎng)站

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

1、Flash簡介

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

2、flash動畫的概念

動畫是將靜止的畫面變?yōu)閯討B(tài)的藝術(shù).實現(xiàn)由靜止到動態(tài)，主要是靠人眼的視覺殘留效應(yīng).利用人的這種視覺生理特性可制作出具有高度想象力和表現(xiàn)力的動畫影片。動畫以人類視覺的原理為基礎(chǔ)。如果快速查看一系列相關(guān)的靜態(tài)圖像，那么我們會感覺到這是一個連續(xù)的運動。 每一個單獨圖像稱之為幀。幀是動畫電影中的單個圖像：

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

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

逐幀動畫就是在每個關(guān)鍵幀中創(chuàng)建不同的對象，在播放動畫時通過幀的連續(xù)播放形成動畫。

引導(dǎo)動畫就是預(yù)先設(shè)置好的運動軌跡，然后讓對象沿著繪制的軌跡運動的動畫。

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

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

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

3.1 形狀補間動畫在時間幀面板上的表現(xiàn)

形狀補間動畫建好后，時間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個長長的箭頭，如圖所示：

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

3.2 創(chuàng)建形狀補間動畫的方法

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

4、總結(jié)

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

參考文獻

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

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