Flash動畫設(shè)計論文

PAGEword文檔可自由復(fù)制編輯Flash動畫設(shè)計摘要Flash是美國的一家公司（MACROMEDIA公司）于1996年6月推出的優(yōu)秀網(wǎng)頁動畫設(shè)計軟件，在中國經(jīng)歷了9年的發(fā)展時間。曾經(jīng)在中國風(fēng)云一時，出現(xiàn)了FALSH熱。由于動漫也成為一種時尚的藝術(shù)，而且最直接簡單的動畫創(chuàng)作是就FLASH。我認(rèn)為它可以自成體系，有它自己獨特的表現(xiàn)方法.手段和流通方式及“閃客”生活。甚至我認(rèn)為它是現(xiàn)代文明的一種符號，新新藝術(shù)創(chuàng)作方式，是一種流行于網(wǎng)絡(luò)的網(wǎng)絡(luò)文化。電腦替代了傳統(tǒng)的筆墨，移動的圖象和聲音同樣表達(dá)了動畫藝術(shù)家的情感，所以我把FLASH作為獨立的動畫來談。我這種論述不論對與錯，但是他始終代表了我對FLASH認(rèn)識的觀點和理解。今天讓我們共同來探討FLASH，我的觀點是FLASH不可否認(rèn)已經(jīng)成為了一種新的藝術(shù)表現(xiàn)形式，作為新的事物它的應(yīng)用非常廣泛，主要用于網(wǎng)絡(luò)，F(xiàn)LASH網(wǎng)站片頭，F(xiàn)LASH演示動畫，F(xiàn)LASH網(wǎng)站，F(xiàn)LASH商業(yè)廣告，電視，掌上電腦，游戲，MTV，手機屏保，手機彩信，家用電器等等！這些表示FLASH的確是一個非常好的傳播載體。它能夠引申出非常多的商業(yè)機會。能夠以多樣的效果和形式來充分體現(xiàn)產(chǎn)品或企業(yè)形象。現(xiàn)在電腦，網(wǎng)絡(luò)，手機用戶等等都是在不斷的增加，網(wǎng)絡(luò)的發(fā)展壯大和完美，電腦更加普及，上網(wǎng)的人更多。正因為它有怎么多的用戶，愛好者，創(chuàng)作者和發(fā)展平臺，使用價值和欣賞價值。它現(xiàn)在雖然不能和我們的中國畫，油畫，版畫等藝術(shù)創(chuàng)作相提并論，但是它可以滿足社會藝術(shù)欣賞的需要和商業(yè)價值的需要，通過介紹論證FLASH是具有廣闊的天空，它是在不斷的發(fā)展和成熟中，我認(rèn)為FLASH真正的價值是其未來！它是一種新新事物，是一種新的藝術(shù)創(chuàng)作和文化。本文從對Flash的發(fā)展及其技術(shù)上的操作，和一些動畫理念結(jié)合起來。大家了以共同學(xué)習(xí)學(xué)習(xí)，互補互助。關(guān)鍵詞flash動畫，發(fā)展，標(biāo)準(zhǔn)，矢量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相關(guān)概念闡述5第三章flash在當(dāng)今社會中應(yīng)用5第四章flash動畫的概念8第五章flash動畫時間的技巧10第六章flash動畫的相關(guān)概念和制作過程11第七章flash中聲音和聲道平衡的控制12總結(jié)17參考文獻18第一章前言1、flash概敘

Flash

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

Web

動畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計者使用Flash

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

FLASH有三重意義:1)

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

Splash以后便將其改名為

Flash2，到現(xiàn)在最新的flashcs3?，F(xiàn)在網(wǎng)上已經(jīng)有成千上萬個Flash站點，著名的如Macromedia專門ShockRave站點，全部采用了Shockwave

Flash

和Director?？梢哉fFlash已經(jīng)漸漸成為交互式知量的標(biāo)準(zhǔn)，未來網(wǎng)頁的一大主流。

Flash

最早期的版本稱為Future

Splash

Animator，當(dāng)時Future

Splash

Animator最大的兩個用戶是微軟（Microsoft）和迪斯尼（Disney）。1996年11月，F(xiàn)uture

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”，但是為了保持向下相容性，F(xiàn)lash仍然沿用了原有的擴展名：.SWF（Shockwave

Flash）。

2000年8月Macromedia

推出了Flash5.0

，它所支持的播放器為

Flash

Player

5。Flash

5.0中的ActionScript已有了長足的進步，并且開始了對XML和Smart

Clip（智能影片剪輯）的支持。ActionScript的語法已經(jīng)開始定位為發(fā)展成為一種完整的面向?qū)ο蟮恼Z言，并且遵循ECMAScript的標(biāo)準(zhǔn)，就像javascript那樣。

2002年3月

Macromedia

推出了Flash

MX支持的播放器為

Flash

Player

6。Flash

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

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

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

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

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

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

"Input"(就是第一個textfield的name)。當(dāng)上面的工作都完成后，可以在actionbox內(nèi)看到如下內(nèi)容：On(Release)LoadVariables("flash.asp","",vars=POST)SetVariable:"Input"=""EndOn這樣當(dāng)在動畫過程中這個按鈕被點擊并釋放后，Input輸入框中的內(nèi)容將被傳遞給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、什么是動畫與動畫設(shè)計動畫與動畫設(shè)計(即原畫)是不同的概念，原畫設(shè)計是動畫影片的基礎(chǔ)工作．原畫設(shè)計的每一鏡頭的角色、動作、表情，相當(dāng)於影片中的演員．所不同的是設(shè)計者不是將演員的形體動作直接拍攝到膠片上，而是通過設(shè)計者的畫筆來塑造各類角色的形象并賦予他們生命、性格和感情。2、什么是動畫片中的動畫

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

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

物體的靜止到移動到靜止都有類似的規(guī)律：靜止開始時速度慢、運動中的速度快、運動停止時的速度慢．表現(xiàn)在幀數(shù)上則是：從靜止到運動幀數(shù)逐漸減少，從運動到靜止幀數(shù)逐漸增加，中間運動過程的速度最快，幀數(shù)也最少。3、flash動畫中循環(huán)動作的時間動畫中經(jīng)常會有循環(huán)動作，但不同的情況需要的幀數(shù)也是不同的。如：快速飄揚的旗需要6幀畫面循環(huán)；又如火焰的循環(huán)，大火的動作循環(huán)從底部燒到頂部可能需要幾秒，而小火的循環(huán)只需要幾幀；下雨的循環(huán)動作最好設(shè)置兩層，前層雨水穿過屏幕，一般需6幀畫面，后層雨水穿過屏幕的時間慢於前層，循環(huán)的幀數(shù)也相應(yīng)多於前層；下雪的動畫則至少需要有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動畫，右擊鼠標(biāo)選擇參數(shù)，在彈出的對話框中點擊+加號圖標(biāo)，在左側(cè)的參數(shù)中鍵入wmode在右側(cè)的值框內(nèi)鍵入transparent點擊ok,按f12進行預(yù)覽,ok!我們所要的透明效果就出現(xiàn)了！在Mozilla,Firefox瀏覽器中起作用的是這個標(biāo)簽<embed></embed>那這樣，在<embed>標(biāo)簽內(nèi)加入屬性wmode="transparent"就可以實現(xiàn)flash背景透明，如<embedsrc="your.swf"wmode="transparent"quality="high"></embed>embed好像不提倡使用（網(wǎng)景發(fā)明的），w3c推薦用object代替。也可以嘗試加到object中讓flash不要漂到最高層：<paramname="wmode"value="Opaque第六章flash動畫的相關(guān)概念和制作過程1、形狀補間動畫的概念

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

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

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

第七章flash中聲音和聲道平衡的控制1、音樂的播放和停止(1)首先從外部導(dǎo)入一個音樂，也就是用File>Import導(dǎo)入?；蛑苯訌腤indow>CommonLibraie>Sounds中拖一個到舞臺上。(2)然后選擇Window>Library。從中選中你剛導(dǎo)入的音樂，并按鼠標(biāo)右鍵，選中其中的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)從庫中選一個按鈕放在舞臺上，把這個按鈕轉(zhuǎn)換成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、調(diào)節(jié)聲音的平衡

(1)從庫中選一個按鈕放在舞臺上，把這個按鈕轉(zhuǎn)換成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);