flash動(dòng)畫制作技術(shù)

1、【精品文檔】如有侵權(quán)，請(qǐng)聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流flash動(dòng)畫制作技術(shù).精品文檔.動(dòng)畫制作技術(shù)-Flash應(yīng)用基礎(chǔ)學(xué)習(xí)目標(biāo)：1、了解電腦動(dòng)畫制作原理； 2、掌握幀、關(guān)鍵幀、空白關(guān)鍵幀的概念和用途； 3、Flash中制作動(dòng)畫的幾種基本方法； 4、影片剪輯(MovieClip)在動(dòng)畫制作中的作用； 5、掌握Flash中制作特殊動(dòng)畫效果的變量和函數(shù)。Flash是目前最流行的多媒體軟件之一，主要用于制作各種動(dòng)畫。Flash可以制作出豐富絢麗的動(dòng)態(tài)效果，而生成的文件又相對(duì)較小，加上它的交互性功能，被廣泛應(yīng)用于多種領(lǐng)域。限限于于篇幅，本節(jié)主要講解了Flash動(dòng)畫的幾種基本類型，在此基礎(chǔ)上講述了Flas

2、h動(dòng)畫制作的技巧與方法。其它更深入的內(nèi)容，感興趣的讀者可以參考其它的書籍。一、動(dòng)畫制作原理電腦動(dòng)畫是在傳統(tǒng)動(dòng)畫的基礎(chǔ)上發(fā)展起來的一種技術(shù)。是由美工人員先把一幅幅畫面繪制出來，然后通過關(guān)鍵幀等技術(shù)手段來制作出動(dòng)畫效果。原理都是利用“人眼的視覺暫留”特性制作出來的。如圖2-4-1所示，是一個(gè)小學(xué)生要去上學(xué)的過程，美工人員把其中幾個(gè)關(guān)鍵的畫面繪制如下。圖2-4-1二、幀的基本概念1. 關(guān)鍵幀。制作動(dòng)畫時(shí)用以實(shí)心圓表示，代表這個(gè)幀中含有對(duì)象。2. 空白關(guān)鍵幀。以空心圓表示，代表這個(gè)關(guān)鍵幀中沒有任何對(duì)象，在空白關(guān)鍵幀中加入對(duì)象即可變成關(guān)鍵幀。3. 普通幀。用來讓某個(gè)對(duì)象顯示一段時(shí)間的幀，普通幀上的對(duì)象和

3、它最接近的前面的關(guān)鍵幀上的對(duì)象特征完全一致。圖2-4-2三、Flash中的基本動(dòng)畫類型（一）、形狀補(bǔ)間動(dòng)畫1不可控的的簡(jiǎn)單變形形狀補(bǔ)間動(dòng)畫是Flash中一種重要的動(dòng)畫類型，它可以制作出任意兩個(gè)形狀之間變形的動(dòng)畫效果，讓第一個(gè)關(guān)鍵幀上的一種形狀變化漸變到結(jié)束關(guān)鍵幀上的另外一種形狀。創(chuàng)建形狀補(bǔ)間動(dòng)畫的前提條件：兩個(gè)關(guān)鍵幀上的對(duì)象必須是形狀，即在Flash中直接用繪圖工具繪制的對(duì)象，或者是將其它對(duì)象“分離”（Ctrl+B）后的形狀。必須有兩個(gè)關(guān)鍵幀。動(dòng)畫的效果有：對(duì)象位置的變化、對(duì)象顏色的變化、對(duì)象形狀的變化、對(duì)象大小的變化。如圖2-4-3所示。第1幀畫面 第10幀畫面 第20幀畫面圖2-4-3圖2

4、-4-4動(dòng)畫的設(shè)置：如圖2-4-5所示。圖2-4-5【簡(jiǎn)易】選項(xiàng)：在-1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。在1到100的正值之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的?！净旌稀窟x項(xiàng)：【分布式】選項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則?！窘切巍窟x項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。2可控的復(fù)雜變形形狀補(bǔ)間動(dòng)畫看似簡(jiǎn)單，實(shí)則不然，F(xiàn)lash在“計(jì)算”2個(gè)關(guān)鍵幀中圖形的差異時(shí)，遠(yuǎn)不如我們想象中的“聰明”，尤其前后圖形差異較大時(shí)，變形結(jié)果會(huì)顯得亂七八糟，這時(shí)，“形狀

5、提示”功能會(huì)大大改善這一情況。如圖2-4-6所示，動(dòng)畫是從數(shù)字1變化到2的過程中一些畫面。圖2-4-6（1）形狀提示的作用在“起始形狀”和“結(jié)束形狀”中添加相對(duì)應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過渡時(shí)依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。如圖2-4-7所示，動(dòng)畫是從數(shù)字1變化到2的過程中添加了形狀提示之后在相同幀處的動(dòng)畫形變過程的一些畫面。很明顯動(dòng)畫的變形過程有了顯著的改變。圖2-4-7（2）添加形狀提示的方法先在形狀補(bǔ)間動(dòng)畫的開始幀上單擊一下，再執(zhí)行【修改】|【形狀】|【添加形狀提示】命令，該幀的形狀上就會(huì)增加一個(gè)帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀形狀中也會(huì)出現(xiàn)一個(gè)“提示圓圈”，用

6、鼠標(biāo)左鍵單擊并分別按住這2個(gè)“提示圓圈”，放置在適當(dāng)位置，安放成功后開始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“提示圓圈”變?yōu)榫G色，安放不成功或不在一條曲線上時(shí)，“提示圓圈”顏色不變。如圖2-4-8所示。圖2-4-8說明：在制作復(fù)雜的變形動(dòng)畫時(shí)，形狀提示的添加和拖放要多方位嘗試，每添加一個(gè)形狀提示，最好播放一下變形效果，然后再對(duì)變形提示的位置做進(jìn)一步的調(diào)整。（3）添加形狀提示的技巧“形狀提示”可以連續(xù)添加，最多能添加26個(gè)。將變形提示從形狀的左上角開始按逆時(shí)針順序擺放，將使變形提示工作得更有效。形狀提示的擺放位置也要符合邏輯順序。例如，起點(diǎn)關(guān)鍵幀和終點(diǎn)關(guān)鍵幀上各有一個(gè)三角形，我們使用3個(gè)“形狀

7、提示”，如果它們?cè)谄瘘c(diǎn)關(guān)鍵幀的三角形上的順序?yàn)閍bc，那么在重點(diǎn)關(guān)鍵幀的三角形上的順序就不能是acb，也要是abc。形狀提示要在形狀的邊緣才能起作用，在調(diào)整形狀提示位置前，要打開工具欄上【選項(xiàng)】下面的【吸咐開關(guān)】，這樣，會(huì)自動(dòng)把“形狀提示”吸咐到邊緣上，如果你發(fā)覺“形狀提示”仍然無效，則可以用工具欄上的【縮放工具】單擊形狀，放大到足夠大，以確保“形狀提示”位于圖形邊緣上。另外，要?jiǎng)h除所有的形狀提示，可執(zhí)行【修改】|【形狀】|【刪除所有提示】命令。刪除單個(gè)形狀提示，可用鼠標(biāo)右鍵單擊它，在彈出菜單中選擇【刪除提示】。（二）、動(dòng)作補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫也是Flash中一種重要的動(dòng)畫類型，它可以制作出同

8、一個(gè)對(duì)象變化的動(dòng)畫效果，讓第一個(gè)關(guān)鍵幀上的一種對(duì)象屬性變化漸變到結(jié)束關(guān)鍵幀上的另外一種屬性。創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫的前提條件：兩個(gè)關(guān)鍵幀上的對(duì)象必須是“元件”或者“群組對(duì)象”。，即非形狀對(duì)象。必須有兩個(gè)關(guān)鍵幀。兩個(gè)關(guān)鍵幀上的對(duì)象必須是同一個(gè)對(duì)象。因?yàn)閯?dòng)作補(bǔ)間動(dòng)畫（運(yùn)動(dòng)動(dòng)畫）只對(duì)單一的對(duì)象有效，如果想讓多個(gè)對(duì)象同時(shí)運(yùn)動(dòng)，必須將它們放在不同的層上，分別制作動(dòng)作補(bǔ)間動(dòng)畫。動(dòng)畫的效果有：對(duì)象位置的變化、對(duì)象顏色的變化、對(duì)象形狀的變化、對(duì)象大小的變化、對(duì)象透明度等變化。動(dòng)畫的設(shè)置：如圖2-4-9所示?！竞?jiǎn)易】選項(xiàng)：在-1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。在1到100的正值

9、之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的?！拘D(zhuǎn)】選項(xiàng)：有四個(gè)選擇，選擇【無】（默認(rèn)設(shè)置）可禁止元件旋轉(zhuǎn)；選擇【自動(dòng)】可使元件在需要最小動(dòng)作的方向上旋轉(zhuǎn)對(duì)象一次；選擇【順時(shí)針】或【逆時(shí)針】，并在后面輸入數(shù)字，可使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)?！菊{(diào)整到路徑】：將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑，此項(xiàng)功能主要用于引導(dǎo)線運(yùn)動(dòng)。 【同步】復(fù)選框：使圖形元件實(shí)例的動(dòng)畫和主時(shí)間軸同步?！緦?duì)齊】選項(xiàng)：可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑，此項(xiàng)功能主要也用于引導(dǎo)線運(yùn)動(dòng)。圖2-4-9第1幀畫面 第20幀畫面圖2-4-10（三）、路徑動(dòng)畫(引導(dǎo)動(dòng)

10、畫)前面講過的兩種Flash內(nèi)置的動(dòng)畫制作出來的效果只能是直線運(yùn)動(dòng)，事實(shí)上在實(shí)際生活中，大部分的動(dòng)畫類型是非直線運(yùn)動(dòng)，運(yùn)動(dòng)的路徑是非常復(fù)雜的。要想制作出復(fù)雜的路徑，必須通過Flash中的路徑動(dòng)畫來制作。引導(dǎo)動(dòng)畫是利用引導(dǎo)層中的引導(dǎo)線建立移動(dòng)動(dòng)畫路徑，使被引導(dǎo)層里的物體能沿著路徑運(yùn)動(dòng)。引導(dǎo)層是一個(gè)特殊的層，與之相對(duì)應(yīng)的是被引導(dǎo)層。一個(gè)引導(dǎo)動(dòng)畫必須由引導(dǎo)層和被引導(dǎo)層組成，一個(gè)引導(dǎo)層可以有多個(gè)被引導(dǎo)層。如圖2-4-11所示。圖2-4-11創(chuàng)建路徑動(dòng)畫的前提條件：被引導(dǎo)層上對(duì)象的運(yùn)動(dòng)類型必須是動(dòng)作補(bǔ)間動(dòng)畫。必須有兩個(gè)關(guān)鍵幀；至少有兩個(gè)圖層，上層蓋下層；上一層稱為引導(dǎo)層，引導(dǎo)層是用來指示元件運(yùn)行路徑的，

11、所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導(dǎo)層”中的對(duì)象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應(yīng)用形狀。由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡，不難想象，“被引導(dǎo)”層中最常用的動(dòng)畫形式是動(dòng)作補(bǔ)間動(dòng)畫，當(dāng)播放動(dòng)畫時(shí)，一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。動(dòng)畫的效果有：地球的自轉(zhuǎn)、臺(tái)風(fēng)的移動(dòng)、飛機(jī)的飛行等。（四）、遮罩動(dòng)畫遮罩動(dòng)畫是Flash中的一個(gè)很重要的動(dòng)畫類型，很多效果豐富的動(dòng)畫都是通過遮罩動(dòng)畫來完成的。在Flash的圖層中有一個(gè)遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對(duì)象

12、可以通過該“視窗”顯示出來，而“視窗”之外的對(duì)象將不會(huì)顯示。理解遮罩動(dòng)畫請(qǐng)注意以下兩點(diǎn)：第一，遮罩層本身是不會(huì)被看見的。不管畫出什么圖形，簡(jiǎn)單或復(fù)雜，只要它被用作遮罩層，在播放時(shí)就不會(huì)顯示出來，也就是說，不用管它是什么顏色，遮罩層只要求圖形的形狀，在遮罩層中，圖形的填充顏色，或是位圖里的圖形都會(huì)被忽略，得到的遮罩范圍只是這個(gè)圖形的剪影。第二，遮罩層中的對(duì)象覆蓋的部分，就是建立遮罩關(guān)系后顯示的部分。另外，線條不可以被用來制作遮罩層，要應(yīng)用線條，必須要將它轉(zhuǎn)換為填充。如圖2-4-12所示。圖2-4-12創(chuàng)建遮罩動(dòng)畫的前提條件：遮罩層上的對(duì)象除了線條外可以是其它任何的圖形或者元件。必須有被遮罩層，被

13、遮罩層中的對(duì)象可以是任意對(duì)象；至少有兩個(gè)圖層。動(dòng)畫的效果有：探照燈效果、水波效果、百頁窗效果、萬花筒效果、放大鏡效果等。應(yīng)用遮罩時(shí)的技巧：（1）在被遮罩層中不能放置動(dòng)態(tài)文本和線條。（2）不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。（3）在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕。（4）可以在遮罩層、被遮罩層中分別或同時(shí)使用形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、路徑動(dòng)畫等動(dòng)畫手段。（五）、逐幀動(dòng)畫逐幀動(dòng)畫是一種常見的動(dòng)畫形式，也就是在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容，使其連續(xù)播放而成動(dòng)畫。因?yàn)橹饚瑒?dòng)畫的幀序列內(nèi)容不一樣，不但給制作增加了負(fù)擔(dān)而且最終輸出

14、的文件量也很大，但它的優(yōu)勢(shì)也很明顯：逐幀動(dòng)畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，而它類似與電影的播放模式，很適合于表現(xiàn)細(xì)膩的動(dòng)畫或畫面變化較大的復(fù)雜動(dòng)畫。如圖2-4-13所示。圖2-4-13創(chuàng)建逐幀動(dòng)畫的方法：（1）用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫：用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，就會(huì)建立一段逐幀動(dòng)畫。（2）繪制矢量逐幀動(dòng)畫：用鼠標(biāo)或其他工具在場(chǎng)景中一幀幀的畫出幀內(nèi)容。（3）文字逐幀動(dòng)畫：用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。（4）指令逐幀動(dòng)畫：在時(shí)間幀面板上，逐幀寫入動(dòng)作腳本語句來完成元件的變化。（5）導(dǎo)入序列圖像：可以導(dǎo)入gif序列圖像、swf動(dòng)畫

15、文件或者利用第3方軟件（如swish、swift 3D等）產(chǎn)生的動(dòng)畫序列。四、影片剪輯在動(dòng)畫制作中的作用1元件的概念元件是Flash動(dòng)畫中的基本構(gòu)成要素之一，它是可以反復(fù)使用的各種符號(hào)，包括圖形、動(dòng)畫和聲音等，多次使用不會(huì)明顯增加動(dòng)畫文件體積的大小。按功能和類型的不同，元件可分為圖形元件、按鈕元件和影片剪輯元件。（1）圖形元件：可以是圖形，也可以包含一段動(dòng)畫。圖形元件的時(shí)間軸與電影的主時(shí)間軸同步，也就是說，電影的主時(shí)間軸停止播放，則圖形元件的時(shí)間軸也隨著停止播放。那么要在主電影時(shí)間軸上完全看到圖形元件的動(dòng)畫效果，就必須要使主電影的時(shí)間軸至少等于圖形元件的時(shí)間軸。（2）按鈕元件：它在時(shí)間軸上只有

16、4幀，依次為up、over、down和hit。其作用就是和用戶進(jìn)行交互控制。（3）影片剪輯元件（MovieClip）：影片剪輯的時(shí)間軸不依賴于主電影的時(shí)間軸，它可以獨(dú)立的循環(huán)播放，可以包含交互控制，甚至可以包含其它的影片剪輯。2實(shí)例的概念將元件放置在舞臺(tái)上則稱之為實(shí)例。元件與實(shí)例的關(guān)系：改變實(shí)例的固有屬性并不影響元件本身，如果改變?cè)?，則實(shí)例也會(huì)發(fā)生相應(yīng)的變化。五、Flash中常用的變量和函數(shù)前面的學(xué)習(xí)，我們發(fā)現(xiàn)Flash中五種基本的動(dòng)畫類型制作的動(dòng)畫上有規(guī)律的動(dòng)畫。在實(shí)際生活中我們發(fā)現(xiàn)有些動(dòng)畫是無規(guī)律可言的，如雪花飄飄、繁星點(diǎn)點(diǎn)、傾盆大雨等動(dòng)畫特效，僅有前面的五種動(dòng)畫類型是達(dá)不到理想的效果，

17、所以筆者在本節(jié)介紹一些最常用的變量和函數(shù)，供讀者學(xué)習(xí)。1時(shí)間軸控制函數(shù)play();開始播放影片；stop();停止影片播放；gotoAndPlay(場(chǎng)景名稱，幀);播放頭到指定場(chǎng)景的幀開始播放影片；2影片剪輯控制函數(shù)duplicateMovieClip(目標(biāo)，新實(shí)例名稱，深度);通過復(fù)制創(chuàng)建新的影片剪輯的實(shí)例。其中有三個(gè)參數(shù)，如下所示。目標(biāo)：被復(fù)制的影片剪輯的實(shí)例名稱。新實(shí)例名稱：是復(fù)制得到的影片剪輯實(shí)例名稱。深度：代表影片剪輯實(shí)例在場(chǎng)景中的疊放順序，較低深度的影片剪輯實(shí)例在較高深度的影片剪輯實(shí)例之下。如圖2-4-14所示。圖2-4-14setProperty(目標(biāo)，屬性，值);設(shè)置影片剪輯

18、屬性的值。其中有三個(gè)參數(shù)，如下所示。目標(biāo)：影片剪輯的實(shí)例名稱。屬性：是影片剪輯實(shí)例的相關(guān)屬性，如_x,_y、_alpha、_rotation等屬性。值：對(duì)于不同的屬性，屬性值的類型是不一樣的。一般有四種類型：數(shù)字型，有效設(shè)定范圍為0100，比如影片剪輯的橫坐標(biāo)；百分?jǐn)?shù)類型：有效設(shè)定范圍為0%+；布爾型，有兩個(gè)設(shè)定的值，true和false，如可見性（_visible）；角度類型：有效設(shè)定范圍為0360，如（-rotation）。getProperty(目標(biāo)，屬性);獲取影片剪輯屬性的值。其中有二個(gè)參數(shù)，如下所示。目標(biāo)：影片剪輯的實(shí)例名稱。屬性：是影片剪輯實(shí)例的相關(guān)屬性，如_x,_y、_alpha、_rotation等屬性。例如，要要制作燈光效果，可以復(fù)制出多個(gè)影片剪輯，然后對(duì)它的屬性進(jìn)行修改。第二幀的代碼如下：i=1;setProperty("ball0",_visible,0);第二幀的代碼如下：while (i<=50) duplicateMovieClip("ball0","ball"+i,i);setProperty("ba