1、Flash動畫設計論文論文關鍵詞：flash動畫發展標準矢量 論文摘要：Flash是美國的一家公司（MACROMEDIA公司）于1996年6月推出的優秀網頁動畫設計軟件， 在中國經歷了9年的發展時間。曾經在中國風云一時，出現了FALSH熱。由于動漫也成為一種時尚的藝術，而且最直接簡單的動畫創作是就FLASH。我認為它可以自成體系，有它自己獨特的表現方法.手段和流通方式及“閃客”生活。甚至我認為它是現代文明的一種符號，新新藝術創作方式，是一種流行于網絡的網絡文化。電腦替代了傳統的筆墨，移動的圖象和聲音同樣表達了動畫藝術家的情感，所以我把FLASH作為獨立的動畫來談。我這種論述不論對與錯

2、，但是他始終代表了我對FLASH認識的觀點和理解。今天讓我們共同來探討FLASH，我的觀點是FLASH不可否認已經成為了一種新的藝術表現形式，作為新的事物它的應用非常廣泛，主要用于網絡，FLASH網站片頭，FLASH演示動畫，FLASH網站，FLASH商業廣告，電視，掌上電腦，游戲，MTV，手機屏保，手機彩信，家用電器等等！這些表示FLASH的確是一個非常好的傳播載體。它能夠引申出非常多的商業機會。能夠以多樣的效果和形式來充分體現產品或企業形象。現在電腦，網絡，手機用戶等等都是在不斷的增加，網絡的發展壯大和完美，電腦更加普及，上網的人更多。正因為它有怎么多的用戶，愛好者，創作者和發展平臺，使用

3、價值和欣賞價值。它現在雖然不能和我們的中國畫，油畫，版畫等藝術創作相提并論，但是它可以滿足社會藝術欣賞的需要和商業價值的需要，通過介紹論證FLASH是具有廣闊的天空，它是在不斷的發展和成熟中，我認為FLASH真正的價值是其未來！它是一種新新事物，是一種新的藝術創作和文化。本文從對Flash的發展及其技術上的操作，和一些動畫理念結合起來。大家了以共同學習學習，互補互助。 1 緒論1.1 flash概敘  Flash 由macromedia公司推出的交互式矢量圖和 Web 動畫的標準。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的

4、導航界面以及其他奇特的效果。flash涉及到的領域:動畫游戲制作，網絡構件，學習課件，網站廣告設計及全flash網站，工控界面等等。主要特點是制作簡單，通用性比較大，涉及的領域多，制作出的東西效果都可以做到非常精致。缺點在于有些效果需要別的軟件輔助制作等等，不是所有效果都能制作出來。（比如些3d效果，flash就很難制作，只能通過導入的方式或者針并針的方式）  FLASH有三重意義:1) FLASH英文本意為“閃光”;2)它是全球流行的電腦動畫設計軟件;3)它代表用上述軟件制作的流行于網絡的動畫作品。Flash是一種交互式矢量多媒體技術，他的前身是Futureplash，早

5、期網上流行的矢量動畫插件。后來由于Macromedia公司收購了Future Splash以后便將其改名為 Flash2，到現在最新的flashcs3。現在網上已經有成千上萬個Flash站點，著名的如Macromedia專門ShockRave站點，全部采用了Shockwave Flash 和Director。可以說Flash已經漸漸成為交互式知量的標準，未來網頁的一大主流。  Flash 最早期的版本稱為Future Splash Animator，當時Future Splash Animato

6、r最大的兩個用戶是微軟（Microsoft）和迪斯尼（Disney）。1996年11月，Future Splash Animator賣給了MM（M），同時改名為Flash1.0 。 Macromedia 公司在1997年6月推出了 Flash 2.0 ，1998年5月推出了Flash3.0。但是這些早期版本的Flash所使用的都是Shockwave 播放器。自 Flash 進入4.0 版以后，原來所使用的 Shockwave 播放器便僅供 Dir

7、ector 使用。Flash 4.0開始有了自己專用的播放器，稱為“Flash Player”，但是為了保持向下相容性，Flash仍然沿用了原有的擴展名：.SWF（Shockwave Flash）。 2000年8月Macromedia 推出了Flash5.0 ，它所支持的播放器為 Flash Player 5。Flash 5.0中的ActionScript已有了長足的進步，并且開始了對XML和Smart Clip（智能影片剪輯）的支持。ActionScript的語法已經開始定

8、位為發展成為一種完整的面向對象的語言，并且遵循ECMAScript的標準，就像javascript那樣。  2002年3月 Macromedia 推出了Flash MX支持的播放器為 Flash Player 6。Flash 6開始了對外部jpg和MP3調入的支持，同時也增加了更多的內建對象，提供了對HTML文本更精確的控制，并引如SetInterval 超頻幀的概念。同時也改進了swf文件的壓縮技術。之后Macromedia有相繼推出了Flash 8，Flash 9及現在的Flash CS3。相信Fla

9、sh的軟件以后還會在不斷的更新，使其更加完美。2 flash相關概念闡述2.1 什么是flash動畫動畫是將靜止的畫面變為動態的藝術實現由靜止到動態，主要是靠人眼的視覺殘留效應利用人的這種視覺生理特性可制作出具有高度想象力和表現力的動畫影片。動畫以人類視覺的原理為基礎。 如果快速查看一系列相關的靜態圖像，那么我們會感覺到這是一個連續的運動。 每一個單獨圖像稱之為幀。幀是動畫電影中的單個圖像。3  flash在當今社會中的應用3.1 flash在動態網頁中的作用Flash是MacroMedia公司專為網絡應用設計的一個交互性矢量動畫設計軟件。網站設計者可以使用Flash為網站設計各種動

10、態Logo動畫、導航條以及全屏動畫，還可以加入動感音樂，完全具備多媒體的各項功能。Flash以其體積短小，流體播放的特點迅速打開市場，將WWW上的站點頁面設計帶上了一個全新的高度。實現Web數據庫的應用一般有兩種方法：一種是Web服務器端提供中間件，連接Web服務器與數據庫服務器；另一種是把應用程序下載到客戶端直接訪問數據庫。最常用的中間件技術有通用網關接口(CGI)和應用程序編程接口(API)兩種。CGI程序存在效率低、速度慢等缺點；而API很大程度上克服了CGI的缺點，但其兼容性差，開發難度大也讓許多開發人員望而卻步。客戶端訪問數據庫主要包括JavaScript和數據庫連接器(IDC)等。

11、用JavaScript和IDC開發Web數據庫雖然簡單，但也存在功能有限、不能完全控制其過程等缺點，所以它們也無法勝任較復雜的Web數據庫的開發。微軟推出的ASP方案很好地解決了這些難題。ASP（Active Server Page）是Microsoft公司推出的一種基于服務器端的腳本編程語言，它很容易和數據庫連接。Flash與ASP的組合使網頁功能更加強大，可以通過它們和數據庫連接，能使我們的網站不僅具有強大的數據支持而且具有完美的交互界面。 3.2 flash中實現與數據庫連接為了實現Flash與數據庫的連接，需要把Flash和ASP聯系起來。變量可以通過URL傳遞給Flash，這是一種G

12、ET方法，把變量傳遞給一個swf   <PARAMNAME=movie UE="myMovie.swf?myVariable=Text+of+my+variable">接著文本"Text of my variable"將會出現在Flash的動畫中指定的位置，我們只要把Flash所需要的數據準備好就可以實現與數據庫的連接，然后利用Flash中的動畫功能就可以做出既具有強大的數據處理能力又具有強大的交互能力的美觀網頁。ASP和數據庫的連接可用如下語句實現。 Set Connection = Server.CreateObjec

13、t("ADODB.Connection")Set Recordset = Server.CreateObject("ADODB.Recordset")Connection.Open "people"這樣數據庫就和ASP連接上，從而 Flash與數據庫連接上去了。在Flash中使用ASP必須滿足以下條件：服務器端server必須支持Active Server Pages并且支持數據庫；客戶端必須安裝Flash插件。3.3 如何在flash中使用數據庫  第一步要做的是建立數據庫。我們使用Access數據庫為例，表名為Staff

14、，有三個字段：ID (自動編號),  Known(Text) ，name (Text) 。這是一個用來示范用戶名的數據庫。第二步就是建立一個Flash 5的動畫。步驟如下：(1)建立三個text field.它們是用來顯示數據用的。(2)把第一個text field的name設置為Input，它是用來接收輸入數據的。(3)另外兩個text field分別命名為KnownAs和Surname。(4)其它設置先為默認。(5)最后，從Flash的library中選擇增加一個按鈕 (應該是一個可重用的組件    ScrollBarButton ) 。這是很重要的

15、一步，按鈕將把輸入的變量傳遞給ASP頁面。到按鈕的屬性(Properties)上單擊Action頁，單擊"+"號和On MouseEvent.勾上Release框。(6)再次單擊"+"號和Load/Unload Movie.選擇"Load Variables Into Location"在URL輸入框內輸入你的ASP文件名(例如flash.asp). 選擇Target。(7) 最后,選擇Variables中的Send using POST， 單擊"+"號來設置變量在Variable輸入框內輸入  

16、; "Input"(就是第一個text field的name) 。當上面的工作都完成后，可以在action box內看到如下內容：On (Release)Load Variables ("flash.asp", "", vars=POST)Set Variable: "Input" = "" End On 這樣當在動畫過程中這個按鈕被點擊并釋放后，Input輸入框中的內容將被傳遞給flash.asp文件。注意Form是使用的post方式傳遞變量的。(8)  建立一個HTML頁面，在其中

17、包含這個Flash動畫文件。第三步：ASP文件的代碼<% Set Connection = Server.CreateObject("ADODB.Connection")Set Recordset = Server.CreateObject("ADODB.Recordset") Connection.Open "people" SQL = "SELECT * FROM Staff  WHERE ID=" & Request.Form("Input") & &quo

18、t;"Recordset.Open SQL,Connection,1,2 If Recordset.EOF Then KnownAs = "Not" Surname = "Found" Else KnownAs = Recordset ("Known") Surname = Recordset ("name")End IfRecordset.CloseConnection.Closeresponse.write("KnownAs="+Server.URLEncode(KnownAs)r

19、esponse.write("&Surname="+Server.URLEncode(Surname)%>需要注意的是在把KnownAs和Surname傳遞回去的寫法，將是這樣的Known=Data1&Surname=Data2使用Server.URLEncode(VariableName)來保證傳遞過去變量的是按照 URL格式編碼的。4  flash動畫的概念4.1 什么是動畫與動畫設計動畫與動畫設計(即原畫)是不同的概念，原畫設計是動畫影片的基礎工作原畫設計的每一鏡頭的角色、動作、表情，相當於影片中的演員所不同的是設計者不是將演員的形體動

20、作直接拍攝到膠片上，而是通過設計者的畫筆來塑造各類角色的形象并賦予他們生命、性格和感情。 4.2 什么是動畫片中的動畫   動畫片中的動畫一般也稱為"中間畫"這是指兩張原畫的中間過程而言的動畫片動作的流暢、生動，關鍵要靠"中間畫"的完善一般先由原畫設計者繪制出原畫，然后動畫設計者根據原畫規定的動作要求以及幀數繪制中間畫原畫設計者與動畫設計者必須有良好的配合才能順利完成動畫片的制作。4.3 動畫繪制時需要的一些工具動畫繪制需要的工具一般有：拷貝箱工作臺、定位器、鉛筆、橡皮、顏料、曲線尺等方法是：按原畫順序將前后兩張畫面套在定位器上，然后

21、再覆蓋一張同樣規格的動畫紙，通過臺下拷貝箱的燈光，在兩張原畫動作之間先畫出第一張中間畫(稱為第一動畫)，然后再將第一動畫與第一張原畫疊起來套在定位器上，覆蓋另一張空白動畫紙畫出第二動畫依此方法，繪制出兩張原畫之間的全部動作。4.4 flash動畫影片制作的步驟1、由編導(可以是你自己)確定動畫劇本及分鏡頭腳本；2、美術動畫設計人員設計出動畫人物形象；3、美術動畫設計人員繪制、編排出分鏡頭畫面腳本；4、動畫繪制人員進行繪制；5、導入到flash進行制作； 6、剪輯配音。 在分鏡頭畫面腳本繪制過程中，應養成填表的好習慣，在表格中注明畫面的景別，畫面景別使用的專業術語有：大特寫、特寫、近景、中景、全

22、景、遠景、全遠景、縱深景等。畫面 鏡頭號 景別 秒數 內容摘要 對白 效果 音樂5 flash動畫時間的技巧5.1 時間與幀數  對動畫時間的基本考慮是放映速度：電影和電視的放映速度是24幀秒，而動畫片一般有12幀就可以了，然后錄制或拍攝時進行雙格處理。如果繪制動作較快的動畫最好進行單格處理，即每秒要繪制24個畫面。對於快速奔跑的動作，一般采用8幀單格畫面。對於物體發生震動用單格處理兩端的動作就可以了。5.2動畫的間格距離表現  物體的靜止到移動到靜止都有類似的規律：靜止開始時速度慢、運動中的速度快、運動

23、停止時的速度慢表現在幀數上則是：從靜止到運動幀數逐漸減少，從運動到靜止幀數逐漸增加，中間運動過程的速度最快，幀數也最少。5.3 flash動畫中循環動作的時間動畫中經常會有循環動作，但不同的情況需要的幀數也是不同的。如：快速飄揚的旗需要6幀畫面循環；又如火焰的循環，大火的動作循環從底部燒到頂部可能需要幾秒，而小火的循環只需要幾幀；下雨的循環動作最好設置兩層，前層雨水穿過屏幕，一般需6幀畫面，后層雨水穿過屏幕的時間慢於前層，循環的幀數也相應多於前層；下雪的動畫則至少需要有3種大小不同的雪花，循序的時間約需要2秒；一個急速跑步動作需4幀畫面，快跑動作需8幀畫面，慢跑動作則需12幀，超過16 幀，畫

24、面就失去沖刺感覺；大象需要11.5秒完成一個完整的步子；小動物如貓的一個動作只需0.5 秒或更少；鷹的翅膀一個循環需要8幀；小麻雀的翅膀循環動作有2幀畫面就可以了。5.4 flash 背景透明和層次問題  <PARAM NAME=wmode value=transparent>#flash背景透明，在flash語句中加入這句或者： 選中剛才已插入的flash動畫，右擊鼠標選擇參數，在彈出的對話框中點擊+加號圖標，在左側的參數中鍵入wmode在右側的值框內鍵入transparent點擊ok,按f12進行預覽,ok!我們所要的透明效果就出現了！在Mozilla,Firefox

25、瀏覽器中起作用的是這個標簽 <embed></embed> 那這樣，在<embed>標簽內加入屬性 wmode="transparent" 就可以實現flash背景透明，如<embed src="your.swf" wmode="transparent" quality="high"></embed> embed好像不提倡使用（網景發明的），w3c推薦用object代替。也可以嘗試加到object中讓flash不要漂到最高層：<param name=

26、"wmode" value="Opaque6  flash動畫的相關概念和制作過程6.1 形狀補間動畫的概念  在Flash的時間幀面板上，在一個時間點（關鍵幀）繪制一個形狀，然后在另一個時間點（關鍵幀）更改該形狀或繪制另一個形狀，Flash 根據二者之間的幀的值或形狀來創建的動畫被稱為“形狀補間動畫”。6.2構成形狀補間動畫的元素形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補間動畫二者之間，使用的元素多為用鼠標或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”再變形。6.3

27、  形狀補間動畫在時間幀面板上的表現   形狀補間動畫建好后，時間幀面板的背景色變為淡綠色，在起始幀和結束幀之間有一個長長的箭頭，如圖所示     6.4  創建形狀補間動畫的方法在時間軸面板上動畫開始播放的地方創建或選擇一個關鍵幀并設置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結束處創建或選擇一個關鍵幀并設置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖3-3-1所示，一個形狀補間動畫就創建完畢。Flash的【屬性】面板隨鼠標選定

28、的對象不同而發生相應的變化。當我們建立了一個形狀補間動畫后，點擊時間幀，【屬性】面板如圖所示。      6.5  歌詞的制作6.5.1 文字的遮罩效果6.5.2 文字的淡入淡出效果6.6  元件的制作與素材的引用6.7   flash音樂導入與播放控制7 flash中聲音和聲道平衡的控制7.1  音樂的播放和停止(1)首先從外部導入一個音樂，也就是用File>Import導入。或直接從Window>Common Libraie>Sounds中拖一個到舞臺上。(2)然后選擇Wi

29、ndow>Library。從中選中你剛導入的音樂，并按鼠標右鍵，選中其中的Linkage,如下圖：     (3)在跳出的Symbol Linkage Properties對話框中,在Linkage中選Export this symbol，在identifier中輸入你想要取的音樂名字，如"likesound"。如果你用的是flash mx，則選擇Export for ActionScript。如下圖：          

30、0; (4)接著從庫中選擇兩個按鈕，并放在舞臺上，如下圖：         (5)在第一個開始按鈕上捆綁如下代碼：   on (release) s=new Sound();s.attachSound("likesound");s.start(0,6); (6)在第二個停止按鈕上捆綁如下代碼：    on (release) s.stop()7.2  音量的控制(1)從庫中選一個按鈕放在舞臺上，把這個按鈕轉換成MovieClip。這樣做

31、的目的是能把這個按鈕既可以接受電影事件也能接受按鈕事件，如下圖：         (2)在這個按鈕的電影剪輯上加入以下代碼:    onClipEvent (load) top = _y;left = _x;right = _x;bottom = _y+100;onClipEvent (enterFrame) if (dragging=true) _root.s.setVolume(100-(_y-top);7.3   調節聲音的平衡    (1

32、)從庫中選一個按鈕放在舞臺上，把這個按鈕轉換成MovieClip。這樣做的目的是能把這個按鈕既可以接受電影事件也能接受按鈕事件。（此例是最下的那個按鈕，既橫向的那個)做好后如下圖：             (10)在這個按鈕的電影剪輯上加入以下代碼   onClipEvent (load) top = _y;bottom = _y;left = _x-50;right = _x+50;center = _x;onClipEvent (enterFrame) if (dragging=true) _root.s.setPan(_x-center)*2);(11)通過雙擊這個電影剪輯，或通過選中這個電影后再選Edit>Edit Symbol，進入該電影剪輯地編輯狀態，選中按鈕本身，在這