摘要：隨著信息化的快速發(fā)展，網(wǎng)頁(yè)成為提供信息的一種重要手段，如何提高網(wǎng)頁(yè)的動(dòng)態(tài)效果，在不影響網(wǎng)絡(luò)傳輸速度的前提下，增強(qiáng)網(wǎng)站的視覺(jué)沖擊力，吸引大量的瀏覽者訪(fǎng)問(wèn)網(wǎng)站，成為目前網(wǎng)頁(yè)開(kāi)發(fā)者關(guān)注的一個(gè)熱點(diǎn)問(wèn)題。FLASH的誕生為人們開(kāi)啟了一扇輕松制作精美網(wǎng)頁(yè)動(dòng)畫(huà)的大門(mén)，本文主要介紹了FLASHCS5在網(wǎng)頁(yè)動(dòng)畫(huà)制作領(lǐng)域的主要功能及應(yīng)用。

關(guān)鍵詞：網(wǎng)頁(yè)制作；FLASH；CS5；動(dòng)畫(huà)制作

中圖分類(lèi)號(hào)：TP391 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9599 （2012） 22-0000-02

FLASHCS5是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁(yè)制作工具，通過(guò)它可以輕松輸出各種各樣的動(dòng)畫(huà)網(wǎng)頁(yè)，不需要特別復(fù)雜的操作，就可以圖像、音樂(lè)等多種媒體結(jié)合在一起，制作出新穎的網(wǎng)頁(yè)動(dòng)畫(huà)效果，并且不影響網(wǎng)頁(yè)的瀏覽速度。

1 FLASHCS5的簡(jiǎn)介

2005年FLASH加入了Adobe團(tuán)隊(duì)后，先后經(jīng)歷了FLASHCS3、FLASHCS4和FLASHCS5的版本換代，目前與AdobePhotoshopCS5、IllustratorCS5、DreamweaverCS5、FireworksCS5、ContibuteCS5等軟件進(jìn)行了智能整合，能夠直接應(yīng)用這些軟件制作成品，可以使圖片以最完美的動(dòng)畫(huà)效果呈現(xiàn)。

2 FLASHCS5的軟件特色

2.1 使用矢量圖像和流式播放技術(shù)。與簡(jiǎn)單位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使動(dòng)畫(huà)可以一邊播放一邊下載，從而緩解了網(wǎng)頁(yè)瀏覽者等待的情緒。

2.2 通過(guò)使用關(guān)鍵幀和元件是所生成的動(dòng)畫(huà)文件尺寸非常的小，幾千字節(jié)的動(dòng)畫(huà)文件能實(shí)現(xiàn)許多離人心動(dòng)的動(dòng)畫(huà)效果，用在網(wǎng)頁(yè)設(shè)計(jì)上不僅可以使網(wǎng)頁(yè)更加生動(dòng)，而且下載迅速，是動(dòng)畫(huà)可以在打開(kāi)網(wǎng)頁(yè)很短的時(shí)間里就能播放。

2.3 把音樂(lè)、動(dòng)畫(huà)、聲效、交互方式融合在一起，支持MP3＼AVI等新型多媒體格式文件的導(dǎo)入。

2.4 可以制作具有交互功能的動(dòng)畫(huà)。可以使用鼠標(biāo)動(dòng)作、鍵盤(pán)動(dòng)作、系統(tǒng)狀態(tài)等各種事件，制作出具有交互動(dòng)作的動(dòng)畫(huà)，且基本不用編寫(xiě)復(fù)雜的程序代碼。

2.5 可以與Dreamweaver緊密配合，直接將FLASH動(dòng)畫(huà)嵌入網(wǎng)頁(yè)的任意位置，使用方便。

3 系統(tǒng)需求

3.1 Windows

（1）IntelPentium4、IntelCentrino或IntelXeon處理器；

（2）MicrosoftWindowsXP，含ServicePack2或WindowsVistaHomePremium、Business、Ultimate、Enterprise；

（3）512MB內(nèi)存；

（4）2.5GB的可用硬盤(pán)空間。

3.2 Macintosh

（1）1GHzPowerPCG4多核Intel處理器；

（2）MacOSX10.5.8或10.6版；

（3）512MB內(nèi)存

（4）2.5GB的可用硬盤(pán)空間。

4 FLASHCS5動(dòng)畫(huà)的有關(guān)概念

動(dòng)畫(huà)是實(shí)際上就是通過(guò)將一幅幅圖形連續(xù)不斷的放映而形成的，因此，構(gòu)成動(dòng)畫(huà)最基本的因素就是變化的圖形和與圖形切換的時(shí)間間隔，下面介紹有關(guān)的動(dòng)畫(huà)概念：

4.1 幀。幀是構(gòu)成動(dòng)畫(huà)的基本元素。在動(dòng)畫(huà)中，一幀就是一個(gè)畫(huà)面。幀在有關(guān)鍵幀和過(guò)度幀兩種。時(shí)間軸上的一格就代表一幀。

4.2 幀頻。幀頻就是每秒播放的幀數(shù)。對(duì)同一個(gè)動(dòng)畫(huà)而言，幀頻越大，則播放時(shí)間越短，播放速度越快。

4.3 元件和實(shí)例。元件和實(shí)例也稱(chēng)組件，是Flash用來(lái)構(gòu)成幀的基本元素，有影片剪輯、圖形和按鈕3種類(lèi)型。

4.4 圖層。在制作Flash動(dòng)畫(huà)時(shí)，每一幀可以有多層圖形構(gòu)成，類(lèi)似于用幾張透明的膠片繪制不同的圖形，然后在疊放在一起的效果。

4.5 場(chǎng)景。一個(gè)簡(jiǎn)短的動(dòng)畫(huà)成為場(chǎng)景。一個(gè)場(chǎng)景有多幀圖形組成。

4.6 影片。一個(gè)影片是由一個(gè)或幾個(gè)場(chǎng)景組成的表達(dá)完整意義的動(dòng)畫(huà)。

4.7 時(shí)間軸。時(shí)間軸就是Flash用來(lái)描述動(dòng)畫(huà)中幀與時(shí)間的關(guān)系、圖層狀態(tài)等細(xì)節(jié)的地方。

5 FLASHCS5網(wǎng)頁(yè)動(dòng)畫(huà)制作種類(lèi)與方法

動(dòng)畫(huà)是一種動(dòng)態(tài)生成的一系列相關(guān)畫(huà)面的處理方法。利用人眼視覺(jué)上的“殘留”特性，依一定的速度播放靜止的圖形或圖片就會(huì)產(chǎn)生運(yùn)動(dòng)的視覺(jué)效果。制作動(dòng)畫(huà)是FLASHCS5最重要的功能，制作動(dòng)畫(huà)的關(guān)鍵是設(shè)置關(guān)鍵幀，F(xiàn)LASHCS5會(huì)自動(dòng)補(bǔ)間兩個(gè)關(guān)鍵幀，得到完整的動(dòng)畫(huà)效果。

5.1 逐幀動(dòng)畫(huà)

逐幀動(dòng)畫(huà)就是在時(shí)間軸上通過(guò)輸入或繪制一系列圖像生成動(dòng)畫(huà)效果，一般用于動(dòng)作序列無(wú)法自動(dòng)生成的場(chǎng)合，如動(dòng)物奔跑、逐個(gè)顯示的字幕、畫(huà)面逐個(gè)切換等。

5.2 形狀補(bǔ)間動(dòng)畫(huà)

在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另外一個(gè)關(guān)鍵幀中繪制另外一個(gè)形狀，F(xiàn)LASH根據(jù)兩者之間的幀的值或形狀來(lái)創(chuàng)建的動(dòng)畫(huà)稱(chēng)為“形狀補(bǔ)間動(dòng)畫(huà)”，如將文字變成燈籠、飛機(jī)變?yōu)樾▲B(niǎo)等。

5.3 補(bǔ)間動(dòng)畫(huà)

補(bǔ)間動(dòng)畫(huà)功能可以對(duì)開(kāi)始幀的一個(gè)物體進(jìn)行移動(dòng)、改變顏色及亮度、變形、改變大小等修改后定義為結(jié)束幀，F(xiàn)LASH會(huì)自動(dòng)生成開(kāi)始幀和結(jié)束幀之間的所有中間幀，在動(dòng)畫(huà)進(jìn)行過(guò)程中物體還可以旋轉(zhuǎn)。

5.4 遮罩動(dòng)畫(huà)

遮罩動(dòng)畫(huà)是FLASH中的一個(gè)很重要的動(dòng)畫(huà)類(lèi)型，很多效果豐富的動(dòng)畫(huà)都是通過(guò)遮罩動(dòng)畫(huà)來(lái)完成的，如水波、萬(wàn)花筒、百葉窗、放大鏡、望遠(yuǎn)鏡等。

6 結(jié)束語(yǔ)

總之，F(xiàn)LASHCS5作為一款著名的動(dòng)畫(huà)制作軟件，其制作動(dòng)畫(huà)的功能是非常強(qiáng)大的。并且FLASHCS5不僅能夠做出令人賞心悅目的動(dòng)畫(huà)，而且能在觀(guān)眾同影片之間形成一種交互關(guān)系，在用戶(hù)與影片之間架起一座橋梁，并使人們?cè)诰W(wǎng)絡(luò)中的生活更加豐富多彩。

參考文獻(xiàn)：

[1]楊尚森.網(wǎng)頁(yè)設(shè)計(jì)與制作[M].北京：電子工業(yè)出版社，2010，01.

[2]劉貴國(guó).網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)教程[M].北京：兵器工業(yè)出版社，2008，11.

[項(xiàng)目支持]本論文由教育廳“十二五”科學(xué)技術(shù)研究項(xiàng)目（吉教科合字【2012】第373號(hào)）支持

[作者簡(jiǎn)介]劉暢（1978-），漢，計(jì)算機(jī)網(wǎng)絡(luò)教研室計(jì)算機(jī)網(wǎng)絡(luò)研究方向。