淺析Flash動畫在網頁設計中的應用

姚俏

摘要：如今，互聯(lián)網之間的競爭等于網站之間的競爭。Flash成為網頁設計的主要趨勢，使網站在競爭中更加引人注目。在此基礎上，主要關注Web設計中的flash動畫應用。Flash動畫已經成為動畫發(fā)展的趨勢，越來越多的人開始關注它。本文將討論Flash動畫的應用和發(fā)展。

關鍵詞：Flash動畫;網頁制作

1緒論

早期的網頁大多數都是靜止不動靜態(tài)的，既是網頁上的所有內容都是通過文字還有圖片表現出來的。在這種文字和圖片所表現出來的網頁中，網頁比價單調，內容比較枯燥，很難吸引瀏覽者的注意力，同時也使得網站淪為一個只是有信息的網站。但是如果在網頁設計中加入的大量Flash，特別是在顏色，聲音，動畫，視頻，等各方面相結合，可以是網站更加具有欣賞性，讓人們更加印象深刻，所以在網頁里加入Flash的各種元素是非常有必要的！

Flash動畫相對于傳統(tǒng)動畫優(yōu)點很多，成本比較低，而且不需要花費大量時間人力物力去制作，同時Flash動畫比較容易上手，適合許多通過自學者使用，受眾范圍非常廣，現如今社會上隨處可見Flash作品，不論是商業(yè)廣告，政府宣傳，還是電視動畫，都大量存在Flash動畫。Flash的應用前景非常的廣泛。

2.Flash動畫的概述

2.1什么是Flash動畫

動畫就是把美麗的圖像變成動的，從靜態(tài)到動態(tài)的，通過人類眼睛的視覺殘余效應。使用人類的視覺特性，可以制作具有高想象力和表達能力的動畫電影。動畫是基于人類視覺的原理。Flash動畫是一種交互式動畫開發(fā)工具，包括大量的音樂、特效、動畫、創(chuàng)新的合成器，可以在網頁產生高質量的動態(tài)效果。

2.2Flash在網頁中的特點

2.2.1動感的視覺效果

互聯(lián)網對人們的現代生活方法非常著迷。我們都在網上，希望能在網上得到更好的評價。當我們打開網頁時，我們看到的是人類頁面的動畫設計，以及人類互惠互利的心理互惠。在網絡設計中，我們必須承認，這更像是一種藝術視覺體驗。

2.2.2多元信息的傳達

傳統(tǒng)網頁主要使用圖片和文字來描述頁面的主題，但是隨著多媒體的發(fā)展，關于它的信息可以以更多樣化的方式呈現，如照片、音樂、視頻、動畫等。使頁面內容在顏色、聲音、圖像等方面更具可見性。

2.2.3Flash動畫的特點

基于向量的圖形系統(tǒng)。Flash動畫元素是向量元素，可以存儲少量的文件和高質量的動畫。他有很強的互動能力。在Flash動畫中可以引用各種類型的文件，包括圖形、圖像、聲音和視頻文件，使動畫適合不同的領域。通過流媒體技術。Flash動畫使用流技術，允許人們在網上觀看時將作為動畫播放，減少等候的時辰。

2.3FlashCS3的操作界面

畫面左側是工具欄，里面包含有創(chuàng)建動畫所需的各種工具，中間是舞臺是創(chuàng)建動畫對象的地方，舞臺上方是時間軸它由兩部分組成左邊部分叫圖層區(qū)，由一層層動畫組成，右邊叫時間軸，一個小空格是一幀幀有兩種一種是關鍵幀，關鍵幀是黑色的小圓圈，如果關鍵幀中沒有內容則顯示空心叫空白關鍵幀。默認每個新建圖層的第一幀為空白關鍵幀。

2.4Flash動畫的四大主要功能

2.4.1遮罩

遮罩動畫是flash中最重要的動畫之一，可以產生許多壯觀的動畫效果。實現遮罩動畫需要兩層，一層是遮罩層，另一層是被遮罩層。

2.4.2補間動畫

打開Flash，進入其主界面中，先定義好顏色，選擇圓形工具。按住Shift鍵不放，在舞臺上畫一個圓。時間軸上末尾的地方按鼠標右鍵，選擇插入一個關鍵幀。用鼠標將球移到另外一個位置，在這兩幀中間任意一個位置按右鍵，選擇創(chuàng)建補間動畫，創(chuàng)建補間動畫成功，出現一條實線，按回車鍵運行動畫，我們就可以看到球從起點向終點開始運動了。中間的部分被稱作補間。

2.4.3逐幀動畫

逐幀動畫，可以理解為每一個幀上的畫面，按照時間軸，進行畫面的切換，制作逐幀動畫。

2.4.4引導層動畫

FLASH動畫制作中引導層動畫經常用于一些需要特定路線移動的動畫制作。引導層動畫一般由至少兩個圖層組成，一個是引導層，里面是引導線，一個是動畫層，一般是動作補間動畫。

3.Flash動畫在網頁設計中的應用

3.1Flash動畫在網頁設計中的部分應用

在Web設計中，Flash動畫不僅播放“連續(xù)動畫”，如Flash動畫和其他動畫，還具有一些交互式特性。一些網站的下載界面是由Dreamweaver程序創(chuàng)建的閃存動畫，用來創(chuàng)建固定頁面。當然，頁面主要是靜態(tài)的，但其中一些頁面也是這樣設計的。例如：Flash網絡廣告、Flash圖片顯示動畫、Web導航動畫、圖片顯示動畫、Flash交互式動畫、注冊、著陸和Web系統(tǒng)。在固定頁面上，如果它們以動畫的形式出現，它們肯定會在完全動員瀏覽器的情況下發(fā)揮生動的裝飾作用。但它不應該太花哨或太臟。否則會有負面影響。這不僅會讓瀏覽器失明和心煩意亂，還會大大降低公司網站的效率。如上文所述，除了使用Flash創(chuàng)建相應的幀外，還有一些網站使用Flash創(chuàng)建整個網站來顯示自己的個性。更不用說經營網站界面設計，整個系統(tǒng)從Flash軟件提供內部網站頁面狀態(tài)，包括種類、Flash動畫、Flash交互式廣告動畫，動畫描繪網站導航欄水平，展示圖片，文本顏色、音樂、聲音、游戲鏈接。Flash動畫已經成為互聯(lián)網生命力的象征，并將其與電視、廣告、動畫、MTV、制作等結合使用，因此F1ash動畫將被用作滲透音樂、信息、廣告、游戲和其他領域的產業(yè)，擴大和發(fā)展無限的商業(yè)機會。Flash動畫在網站上的應用，從簡單的移動繪畫到復雜的交互式在線動畫，展示了魚動畫的好處。在網站設計中，除了使用Flash創(chuàng)建相應的頁面外，還有一些網站使用Flash創(chuàng)建整個網站來顯示它的特性。因此，Flash創(chuàng)建的網站不僅具有獨特的個性，而且具有動員游客活動的能力，給他們一種生動而活躍的心理氛圍。

3.2Flash動畫在網頁設計中的必然性

隨著網絡技術的發(fā)展和進步，頁面內容變得更加多樣化，音樂、動畫等元素滲入其中。Flash作為一種新的設計方法，可以為瀏覽器提供雙重的聽覺和視覺樂趣，并能夠在瀏覽器中傳遞更多的信息和協(xié)作。例如，許多網絡廣告都是通過Flash動畫制作的，人們不僅可以從中獲得樂趣，還可以接受教育。

3.3Flash動畫在網頁設計中的應用方向

Flash跨平臺特性：Flash動畫具有分時和重組的功能，增加了人們對設計的興趣。然而，它具有跨平臺平臺的特征。任何安裝Flash的電腦都保證結果是一樣的。

適合公司做在線的產品展示：Web設計中Flash動畫的應用具有設計、形狀多樣性、藝術效率、交互性等的特性。

Flash動畫使網頁頁面更有新意Flash有很強的親緣關系和互動能力。在網頁設計中，它可以展示更多的圖片。

3.4Flash在網頁設計中的應用方式

色彩轉換：動畫允許網頁形成彩色變換，例如將動畫舞蹈融入網頁，同時瀏覽器放松或吸引人們的注意，創(chuàng)造出一種獨特的風格，這是不能被普通照片所取代的。

4.總結與展望

Flash頁面有小容量、好結果、低成本、強大的視覺沖擊等優(yōu)勢。從創(chuàng)造性的角度來看，Web設計中的Flash動畫效果更加奇異和原創(chuàng)。此外，Flash動畫的使用遵循傳統(tǒng)的網頁來創(chuàng)建想法和要點。連接到網絡的Flash不僅可以在網絡上發(fā)布，還可以在其他媒體上發(fā)布。因此，改進Flash動畫來創(chuàng)建一個可以為Web頁面騰出更多空間來創(chuàng)建Web頁面。

參考文獻

[1]楊帆.Flash MX 2004動畫制作標準教程[M].中國電力出版社.

[2]潘麗，淺析Flash動畫及flash動畫在網頁中的應用《科園月刊》[J]，2011-03-04

[3]唐四化.淺談Flash動畫在網頁制作中的應用[J].中國西部科技，2011，（31）：25-26.