馮友群

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

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

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

1、Flash簡介

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

2、flash動(dòng)畫的概念

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

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

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

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

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

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

3、介紹形狀補(bǔ)間動(dòng)畫制作

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

3.1 形狀補(bǔ)間動(dòng)畫在時(shí)間幀面板上的表現(xiàn)

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

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

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

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

4、總結(jié)

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

參考文獻(xiàn)

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

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