PAGEword文檔可自由復制編輯Flash動畫設計摘要Flash是美國的一家公司（MACROMEDIA公司）于1996年6月推出的優(yōu)秀網頁動畫設計軟件，在中國經歷了9年的發(fā)展時間。曾經在中國風云一時，出現了FALSH熱。由于動漫也成為一種時尚的藝術，而且最直接簡單的動畫創(chuàng)作是就FLASH。我認為它可以自成體系，有它自己獨特的表現方法.手段和流通方式及“閃客”生活。甚至我認為它是現代文明的一種符號，新新藝術創(chuàng)作方式，是一種流行于網絡的網絡文化。電腦替代了傳統(tǒng)的筆墨，移動的圖象和聲音同樣表達了動畫藝術家的情感，所以我把FLASH作為獨立的動畫來談。我這種論述不論對與錯，但是他始終代表了我對FLASH認識的觀點和理解。今天讓我們共同來探討FLASH，我的觀點是FLASH不可否認已經成為了一種新的藝術表現形式，作為新的事物它的應用非常廣泛，主要用于網絡，FLASH網站片頭，FLASH演示動畫，FLASH網站，FLASH商業(yè)廣告，電視，掌上電腦，游戲，MTV，手機屏保，手機彩信，家用電器等等！這些表示FLASH的確是一個非常好的傳播載體。它能夠引申出非常多的商業(yè)機會。能夠以多樣的效果和形式來充分體現產品或企業(yè)形象?，F在電腦，網絡，手機用戶等等都是在不斷的增加，網絡的發(fā)展壯大和完美，電腦更加普及，上網的人更多。正因為它有怎么多的用戶，愛好者，創(chuàng)作者和發(fā)展平臺，使用價值和欣賞價值。它現在雖然不能和我們的中國畫，油畫，版畫等藝術創(chuàng)作相提并論，但是它可以滿足社會藝術欣賞的需要和商業(yè)價值的需要，通過介紹論證FLASH是具有廣闊的天空，它是在不斷的發(fā)展和成熟中，我認為FLASH真正的價值是其未來！它是一種新新事物，是一種新的藝術創(chuàng)作和文化。本文從對Flash的發(fā)展及其技術上的操作，和一些動畫理念結合起來。大家了以共同學習學習，互補互助。關鍵詞flash動畫，發(fā)展，標準，矢量AbstractFlashIsacompanyAmerica's(MACROMEDIA)excellentWebpageanimationdesignsoftwareintroducedin1996June,inChinahasexperienced9yearsofdevelopment.OnceinChinamoment,theappearanceofFALSHheat.Becausetheanimationhasbecomeafashionart,butthemostdirectsimpleanimationisFLASH.Ithinkitcanbeself-contained,withitsownuniqueperformancemethodandmeansofcirculationand"flash"life.EvenIthinkitisasymbolofmoderncivilization,thenewartisticcreationway,isakindofpopularinnetworkculture.Computerinsteadofthetraditionalpenandink,themovingimageandsoundthesameanimationartistsexpressemotion,soIputtheFLASHasindependentanimationtotalk.Ithispaperregardlessofrightandwrong,buthehasalwaysrepresentedtheFLASHunderstandingoftheviewsandunderstanding.Today,letusworktogethertoexploreFLASH,myviewisFLASHundeniablehasbecomeanewformofartisticexpression,asthenewthingsitiswidelyused,mainlyforthenetwork,FLASHsitetitles,FLASHanimation,FLASHwebsite,FLASHcommercialadvertising,television,palmtopcomputer,games,MTV,mobilephonescreen,mobilephoneMMS,householdappliancesandsoon!TheysaidFLASHisindeedaverygoodcommunicationcarrier.Itcanbeaveryextendedbusinessopportunities.Canformavarietyofeffectsandfullyreflecttheproductsorcorporateimage.Now,computer,network,mobilephoneusersareconstantlyincreasing,thedevelopmentofthenetworkandperfect,computermorepopular,morepeopleonline.Becauseithashowmanyusers,lovers,creatoranddevelopmentplatform,usevalueandappreciatethevalueof.ItisnotourChinesepainting,oilpainting,printmakingandputonaparwithartisticcreation,butitcanmeettheneedofsocialartappreciationandcommercialvalue,byintroducingdemonstrateFLASHisabroadsky,itiscontinuingtodevelopandmature,IthinkFLASH'srealvalueisthefuture!Itisanewthing,isakindofnewartandculture.Inthispaper,fromthedevelopmentandtechnologyofFlashontheoperation,andsomeanimationideastogether.Weshouldlearnfromthecommon,mutualcomplementarity.Keywordsflashanimation，development，tandard，Vector目錄第一章前言4第二章flash相關概念闡述5第三章flash在當今社會中應用5第四章flash動畫的概念8第五章flash動畫時間的技巧10第六章flash動畫的相關概念和制作過程11第七章flash中聲音和聲道平衡的控制12總結17參考文獻18第一章前言1、flash概敘

Flash

由macromedia公司推出的交互式矢量圖和

Web

動畫的標準。網頁設計者使用Flash

創(chuàng)作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。flash涉及到的領域:動畫游戲制作，網絡構件，學習課件，網站廣告設計及全flash網站，工控界面等等。主要特點是制作簡單，通用性比較大，涉及的領域多，制作出的東西效果都可以做到非常精致。缺點在于有些效果需要別的軟件輔助制作等等，不是所有效果都能制作出來。（比如些3d效果，flash就很難制作，只能通過導入的方式或者針并針的方式）2、flash的意義

FLASH有三重意義:1)

FLASH英文本意為“閃光”;2)它是全球流行的電腦動畫設計軟件;3)它代表用上述軟件制作的流行于網絡的動畫作品。Flash是一種交互式矢量多媒體技術，他的前身是Futureplash，早期網上流行的矢量動畫插件。后來由于Macromedia公司收購了Future

Splash以后便將其改名為

Flash2，到現在最新的flashcs3?，F在網上已經有成千上萬個Flash站點，著名的如Macromedia專門ShockRave站點，全部采用了Shockwave

Flash

和Director?？梢哉fFlash已經漸漸成為交互式知量的標準，未來網頁的一大主流。

Flash

最早期的版本稱為Future

Splash

Animator，當時Future

Splash

Animator最大的兩個用戶是微軟（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

播放器便僅供

Director

使用。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的語法已經開始定位為發(fā)展成為一種完整的面向對象的語言，并且遵循ECMAScript的標準，就像javascript那樣。

2002年3月

Macromedia

推出了Flash

MX支持的播放器為

Flash

Player

6。Flash

6開始了對外部jpg和MP3調入的支持，同時也增加了更多的內建對象，提供了對HTML文本更精確的控制，并引如SetInterval

超頻幀的概念。同時也改進了swf文件的壓縮技術。之后Macromedia有相繼推出了Flash8，Flash9及現在的FlashCS3。相信Flash的軟件以后還會在不斷的更新，使其更加完美。第二章flash相關概念闡述動畫是將靜止的畫面變?yōu)閯討B(tài)的藝術．實現由靜止到動態(tài)，主要是靠人眼的視覺殘留效應．利用人的這種視覺生理特性可制作出具有高度想象力和表現力的動畫影片。動畫以人類視覺的原理為基礎。如果快速查看一系列相關的靜態(tài)圖像，那么我們會感覺到這是一個連續(xù)的運動。每一個單獨圖像稱之為幀。幀是動畫電影中的單個圖像。第三章flash在當今社會中的應用1、flash在動態(tài)網頁中的作用Flash是MacroMedia公司專為網絡應用設計的一個交互性[矢量動畫設計軟件。網站設計者可以使用Flash為網站設計各種動態(tài)Logo動畫、導航條以及全屏動畫，還可以加入動感音樂，完全具備多媒體的各項功能。Flash以其體積短小，流體播放的特點迅速打開市場，將WWW上的站點頁面設計帶上了一個全新的高度。實現Web數據庫的應用一般有兩種方法：一種是Web服務器端提供中間件，連接Web服務器與數據庫服務器；另一種是把應用程序下載到客戶端直接訪問數據庫。最常用的中間件技術有通用網關接口(CGI)和應用程序編程接口(API)兩種。CGI程序存在效率低、速度慢等缺點；而API很大程度上克服了CGI的缺點，但其兼容性差，開發(fā)難度大也讓許多開發(fā)人員望而卻步?？蛻舳嗽L問數據庫主要包括JavaScript和數據庫連接器(IDC)等。用JavaScript和IDC開發(fā)Web數據庫雖然簡單，但也存在功能有限、不能完全控制其過程等缺點，所以它們也無法勝任較復雜的Web數據庫的開發(fā)。微軟推出的ASP方案很好地解決了這些難題。ASP（ActiveServerPage）是Microsoft公司推出的一種基于服務器端的腳本編程語言，它很容易和數據庫連接。Flash與ASP的組合使網頁功能更加強大，可以通過它們和數據庫連接，能使我們的網站不僅具有強大的數據支持而且具有完美的交互界面。2、flash中實現與數據庫連接為了實現Flash與數據庫的連接，需要把Flash和ASP聯(lián)系起來。變量可以通過URL傳遞給Flash，這是一種GET方法，把變量傳遞給一個swf

<PARAMNAME=movieUE="myMovie.swf?myVariable=Text+of+my+variable">接著文本"Textofmyvariable"將會出現在Flash的動畫中指定的位置，我們只要把Flash所需要的數據準備好就可以實現與數據庫的連接，然后利用Flash中的動畫功能就可以做出既具有強大的數據處理能力又具有強大的交互能力的美觀網頁。ASP和數據庫的連接可用如下語句實現。SetConnectionServer.CreateObject("ADODB.Connection")SetRecordset=Server.CreateObject("ADODB.Recordset")Connection.Open"people"這樣數據庫就和ASP連接上，從而Flash與數據庫連接上去了。在Flash中使用ASP必須滿足以下條件：服務器端server必須支持ActiveServerPages并且支持數據庫；客戶端必須安裝Flash插件。3、如何在flash中使用數據庫

第一步要做的是建立數據庫。我們使用Access數據庫為例，表名為Staff，有三個字段：ID(自動編號),

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

ScrollBarButton)。這是很重要的一步，按鈕將把輸入的變量傳遞給ASP頁面。到按鈕的屬性(Properties)上單擊Action頁，單擊"+"號和OnMouseEvent.勾上Release框。(6)再次單擊"+"號和Load/UnloadMovie.選擇"LoadVariablesIntoLocation"在URL輸入框內輸入你的ASP文件名(例如flash.asp).選擇Target。(7)最后,選擇Variables中的SendusingPOST，單擊"+"號來設置變量在Variable輸入框內輸入

"Input"(就是第一個textfield的name)。當上面的工作都完成后，可以在actionbox內看到如下內容：On(Release)LoadVariables("flash.asp","",vars=POST)SetVariable:"Input"=""EndOn這樣當在動畫過程中這個按鈕被點擊并釋放后，Input輸入框中的內容將被傳遞給flash.asp文件。注意Form是使用的post方式傳遞變量的。(8)

建立一個HTML頁面，在其中包含這個Flash動畫文件。第三步：ASP文件的代碼<%SetConnection=Server.CreateObject("ADODB.Connection")SetRecordset=Server.CreateObject("ADODB.Recordset")Connection.Open"people"SQL="SELECT*FROMStaff

WHEREID="&Request.Form("Input")&";"Recordset.OpenSQL,Connection,1,2IfRecordset.EOFThenKnownAs="Not"Surname="Found"ElseKnownAs=Recordset("Known")Surname=Recordset("name")EndIfRecordset.CloseConnection.Closeresponse.write("KnownAs="+Server.URLEncode(KnownAs))response.write("&Surname="+Server.URLEncode(Surname)%>需要注意的是在把KnownAs和Surname傳遞回去的寫法，將是這樣的Known=Data1&Surname=Data2使用Server.URLEncode(VariableName)來保證傳遞過去變量的是按照URL格式編碼的。第四章flash動畫的概念1、什么是動畫與動畫設計動畫與動畫設計(即原畫)是不同的概念，原畫設計是動畫影片的基礎工作．原畫設計的每一鏡頭的角色、動作、表情，相當於影片中的演員．所不同的是設計者不是將演員的形體動作直接拍攝到膠片上，而是通過設計者的畫筆來塑造各類角色的形象并賦予他們生命、性格和感情。2、什么是動畫片中的動畫

動畫片中的動畫一般也稱為"中間畫"．這是指兩張原畫的中間過程而言的．動畫片動作的流暢、生動，關鍵要靠"中間畫"的完善．一般先由原畫設計者繪制出原畫，然后動畫設計者根據原畫規(guī)定的動作要求以及幀數繪制中間畫．原畫設計者與動畫設計者必須有良好的配合才能順利完成動畫片的制作。3、動畫繪制時需要的一些工具動畫繪制需要的工具一般有：拷貝箱工作臺、定位器、鉛筆、橡皮、顏料、曲線尺等．方法是：按原畫順序將前后兩張畫面套在定位器上，然后再覆蓋一張同樣規(guī)格的動畫紙，通過臺下拷貝箱的燈光，在兩張原畫動作之間先畫出第一張中間畫(稱為第一動畫)，然后再將第一動畫與第一張原畫疊起來套在定位器上，覆蓋另一張空白動畫紙畫出第二動畫．依此方法，繪制出兩張原畫之間的全部動作。4、flash動畫影片制作的步驟（1）、由編導(可以是你自己)確定動畫劇本及分鏡頭腳本；（2）、美術動畫設計人員設計出動畫人物形象；（3）、美術動畫設計人員繪制、編排出分鏡頭畫面腳本；（4）、動畫繪制人員進行繪制；（5）、導入到flash進行制作；（6）、剪輯配音。在分鏡頭畫面腳本繪制過程中，應養(yǎng)成填表的好習慣，在表格中注明畫面的景別，畫面景別使用的專業(yè)術語有：大特寫、特寫、近景、中景、全景、遠景、全遠景、縱深景、畫面、鏡頭號、景別、秒數、內容摘要、對白、效果、音樂等。第五章flash動畫時間的技巧1、時間與幀數

對動畫時間的基本考慮是放映速度：電影和電視的放映速度是24幀／秒，而動畫片一般有12幀就可以了，然后錄制或拍攝時進行雙格處理。如果繪制動作較快的動畫最好進行單格處理，即每秒要繪制24個畫面。對於快速奔跑的動作，一般采用8幀單格畫面。對於物體發(fā)生震動用單格處理兩端的動作就可以了。2、動畫的間格距離表現

物體的靜止到移動到靜止都有類似的規(guī)律：靜止開始時速度慢、運動中的速度快、運動停止時的速度慢．表現在幀數上則是：從靜止到運動幀數逐漸減少，從運動到靜止幀數逐漸增加，中間運動過程的速度最快，幀數也最少。3、flash動畫中循環(huán)動作的時間動畫中經常會有循環(huán)動作，但不同的情況需要的幀數也是不同的。如：快速飄揚的旗需要6幀畫面循環(huán)；又如火焰的循環(huán)，大火的動作循環(huán)從底部燒到頂部可能需要幾秒，而小火的循環(huán)只需要幾幀；下雨的循環(huán)動作最好設置兩層，前層雨水穿過屏幕，一般需6幀畫面，后層雨水穿過屏幕的時間慢於前層，循環(huán)的幀數也相應多於前層；下雪的動畫則至少需要有3種大小不同的雪花，循序的時間約需要2秒；一個急速跑步動作需4幀畫面，快跑動作需8幀畫面，慢跑動作則需12幀，超過16幀，畫面就失去沖刺感覺；大象需要1~1.5秒完成一個完整的步子；小動物如貓的一個動作只需0.5秒或更少；鷹的翅膀一個循環(huán)需要8幀；小麻雀的翅膀循環(huán)動作有2幀畫面就可以了。4、flash背景透明和層次問題

<PARAMNAME=wmodevalue=transparent>#flash背景透明，在flash語句中加入這句或者：選中剛才已插入的flash動畫，右擊鼠標選擇參數，在彈出的對話框中點擊+加號圖標，在左側的參數中鍵入wmode在右側的值框內鍵入transparent點擊ok,按f12進行預覽,ok!我們所要的透明效果就出現了！在Mozilla,Firefox瀏覽器中起作用的是這個標簽<embed></embed>那這樣，在<embed>標簽內加入屬性wmode="transparent"就可以實現flash背景透明，如<embedsrc="your.swf"wmode="transparent"quality="high"></embed>embed好像不提倡使用（網景發(fā)明的），w3c推薦用object代替。也可以嘗試加到object中讓flash不要漂到最高層：<paramname="wmode"value="Opaque第六章flash動畫的相關概念和制作過程1、形狀補間動畫的概念

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

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

4、創(chuàng)建形狀補間動畫的方法在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關鍵幀并設置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結束處創(chuàng)建或選擇一個關鍵幀并設置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖3-3-1所示，一個形狀補間動畫就創(chuàng)建完畢。Flash的【屬性】面板隨鼠標選定的對象不同而發(fā)生相應的變化。當我們建立了一個形狀補間動畫后，點擊時間幀，【屬性】面板如圖所示。

第七章flash中聲音和聲道平衡的控制1、音樂的播放和停止(1)首先從外部導入一個音樂，也就是用File>Import導入?；蛑苯訌腤indow>CommonLibraie>Sounds中拖一個到舞臺上。(2)然后選擇Window>Library。從中選中你剛導入的音樂，并按鼠標右鍵，選中其中的Linkage,如下圖：

(3)在跳出的SymbolLinkageProperties對話框中,在Linkage中選Exportthissymbol，在identifier中輸入你想要取的音樂名字，如"likesound"。如果你用的是flashmx，則選擇ExportforActionScript。如下圖：

(4)接著從庫中選擇兩個按鈕，并放在舞臺上，如下圖：

(5)在第一個開始按鈕上捆綁如下代碼：

on(release){s=newSound();s.attachSound("likesound");s.start(0,6);}(6)在第二個停止按鈕上捆綁如下代碼：

on(release){s.stop()}2、音量的控制(1)從庫中選一個按鈕放在舞臺上，把這個按鈕轉換成MovieClip。這樣做的目的是能把這個按鈕既可以接受電影事件也能接受按鈕事件，如下圖：

(2)在這個按鈕的電影剪輯上加入以下代碼:

onClipEvent(load){top=_y;left=_x;right=_x;bottom=_y+100;}onClipEvent(enterFrame){if(dragging=true){_root.s.setVolume(100-(_y-top));}}3、調節(jié)聲音的平衡

(1)從庫中選一個按鈕放在舞臺上，把這個按鈕轉換成MovieClip。這樣做的目的是能把這個按鈕既可以接受電影事件也能接受按鈕事件。（此例是最下的那個按鈕，既橫向的那個)做好后如下圖：

（2）在這個按鈕的電影剪輯上加入以下代碼

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);