FLASH-制作簡單動畫綜述

1、FLASH：制作簡單動畫Flash制作計算機(jī)動畫原理計算機(jī)動畫原理 在計算機(jī)動畫制作中，構(gòu)成動畫的一系列畫面稱為幀。一般情況下，連續(xù)的動畫播放速度不得低于24幀秒。早期的動畫影片是畫師用手工繪制，再由攝影師拍攝而產(chǎn)生的。計算機(jī)動畫的產(chǎn)生同手工制作動畫的原理相同，每一個動畫均是由多幅連續(xù)有序的靜止畫面構(gòu)成。 Flash動畫是以時間軸為基礎(chǔ)的幀動畫，每個Flash動畫作品都以時間為順序，由先后排列的一系列幀組成，幀是構(gòu)成動畫作品的基本單位。網(wǎng)上動畫播放速度通常為12幀/秒。動畫原理 將Flash動畫進(jìn)行分類，一般是按動畫創(chuàng)作的方法來區(qū)分的。制作Flash動畫既可以一幀一幀的繪制，也可以只設(shè)定兩個關(guān)

2、鍵幀，由計算機(jī)運(yùn)算逐漸改變的中間畫面來完成。因此，F(xiàn)lash動畫一般可分成兩大類：逐幀動畫與漸變動畫。漸變動畫又可以根據(jù)兩關(guān)鍵幀之間的變化對象分成形狀漸變動畫（變化對象是圖形）和移動漸變動畫（變化對象是元件），如圖所示。Flash動畫的分類時間線時間線把沿時間播放的這個方向稱為“時間線”。包括層(Layer)、幀(Frame)和播放頭(Playhead)功能：按照時間順序組織和控制動畫的內(nèi)容重要概念層層列列表表播放頭播放頭幀幀幀 在時間軸上，一個一個的格子就是幀。幀是構(gòu)成一個連續(xù)動畫最基本的元素，一個動畫是由若干個幀按照時間序列排列而成的。這些幀按照從左到右播放，就形成了動畫。一幀代表Flas

3、h影片中的一個畫面。單擊一個格或把播放頭拖到某格可以進(jìn)入該幀，工作區(qū)中將顯示該幀畫面。工作區(qū)總是顯示當(dāng)前層當(dāng)前幀畫面。 幀在Flash動畫中的作用和電影膠片在電影中所起的作用類似，可以表現(xiàn)畫面的內(nèi)容。而且在幀中還能夠添加幀標(biāo)簽或Actions語句，對Flash動畫中的元件進(jìn)行運(yùn)算和控制。關(guān)鍵幀關(guān)鍵幀 關(guān)鍵幀關(guān)鍵幀 是“實”的，不管有內(nèi)容的還是空白關(guān)鍵幀 ，都確實存在，且可編輯。 普通幀普通幀 ：無法放置任何對象，起延長或配合動畫漸變作用。 形狀補(bǔ)間動畫形狀補(bǔ)間動畫 補(bǔ)間失敗補(bǔ)間失敗 動作補(bǔ)間動畫動作補(bǔ)間動畫 補(bǔ)間失敗補(bǔ)間失敗 幀的顯示狀態(tài) 在Flash中，時間軸上幀的顯示狀態(tài)可以根據(jù)實際需要進(jìn)

4、行不同的設(shè)置。單擊時間軸標(biāo)尺右側(cè)的 按鈕，將彈出如圖所示幀的視圖菜單，選擇不同的選項可設(shè)置幀的顯示狀態(tài)。繪圖紙繪圖紙繪圖紙各個按鈕的介紹繪圖紙各個按鈕的介紹 繪圖紙外觀按鈕 按下此按鈕后，在時間幀的上方，出現(xiàn) 繪圖紙外觀標(biāo)記。拉動外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍。 繪圖紙外觀輪廓按鈕 按下此按鈕后，場景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過程。 繪圖紙顯示多幀按鈕，按下后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時編輯”。 修改繪圖紙標(biāo)記按鈕 按下后，彈出菜單，菜單中有以下選項： “總是顯示標(biāo)記”選項會在時間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記，無

5、論繪圖紙外觀是否打開。“錨定繪圖紙外觀標(biāo)記”選項會將繪圖紙外觀標(biāo)記鎖定在它們在時間軸標(biāo)題中的當(dāng)前位置。通常情況下，繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過錨定繪圖紙外觀標(biāo)記，可以防止它們隨當(dāng)前幀的指針移動?！袄L圖紙 2”選項會在當(dāng)前幀的兩邊顯示兩個幀?！袄L圖紙 5”選項會在當(dāng)前幀的兩邊顯示五個幀。“繪制全部”選項會在當(dāng)前幀的兩邊顯示全部幀。逐幀動畫逐幀動畫 逐幀動畫的每一幅畫面均是由關(guān)鍵幀構(gòu)成，通過每幀的內(nèi)容變化產(chǎn)生動畫效果。如圖所示是一個逐幀動畫的時間軸示意，通過此圖可以看到連續(xù)的畫面都是關(guān)鍵幀。我們所做的逐幀動畫可以去使用繪圖工具在每一幀中繪制，也可以從外部逐幀導(dǎo)入圖片

6、。這里就不演示逐幀繪制畫面的逐幀動畫，下面介紹從外部導(dǎo)入圖片的兩種逐幀動畫制作方法。逐幀動畫方法一逐幀動畫方法一這種方法是先建立連續(xù)空白關(guān)鍵幀，再逐幀從外部導(dǎo)入圖片。操作步驟如下：先選中第1幀，接著按住Shift鍵選定逐幀動畫的最后1幀點(diǎn)擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”命令，將所有選中的幀都轉(zhuǎn)換成空白關(guān)鍵幀。逐次選中每一空白關(guān)鍵幀，執(zhí)行菜單命令“文件”“導(dǎo)入”，從預(yù)定的目標(biāo)位置導(dǎo)入圖片。逐幀動畫方法二逐幀動畫方法二這種方法是先將準(zhǔn)備導(dǎo)入的圖片放入同一文件夾中，然后依次將這些圖片文件取同一文件名且加上圖片出現(xiàn)的序號，最后導(dǎo)入到逐幀動畫的起始幀。操作步驟如下：將準(zhǔn)備導(dǎo)入的圖片放入

7、同一文件夾中，然后依次將這些圖片文件取同一文件名且加上圖片出現(xiàn)的序號。例如：“image1”、 “image2”、 “image3”、 “image4”，如圖所示圖片文件的序號 在Flash MX的時間軸中，選定準(zhǔn)備插入逐幀動畫的起始幀，執(zhí)行菜單命令“文件”“導(dǎo)入”，從預(yù)定的文件夾中導(dǎo)入圖片，此時系統(tǒng)會彈出一個對話框如圖所示。 在上圖的對話框中選定“是”，系統(tǒng)將按序號導(dǎo)入所有的圖片形成逐幀動畫，完成這部分的逐幀動畫制作。在后面綜合實例中，還會運(yùn)用到逐幀動畫的制作方法。形狀補(bǔ)間動畫的概念形狀補(bǔ)間動畫的概念 形變動畫是對象形狀隨時間發(fā)生變化的動畫，在時間軸的某幀繪制一個對象，在時間軸的另一幀修改該

8、對象的形狀或繪制其他對象，由Flash計算并插入兩幀之間的補(bǔ)間，創(chuàng)建出變形的動畫效果。形變動畫關(guān)鍵幀之間由黑色箭頭相連，單元格為淺綠色背景。形狀漸變（形狀補(bǔ)間）動畫形狀漸變（形狀補(bǔ)間）動畫構(gòu)成形狀補(bǔ)間動畫的元素構(gòu)成形狀補(bǔ)間動畫的元素 形狀補(bǔ)間動畫可以實現(xiàn)兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補(bǔ)間動畫二者之間，使用的元素多為用鼠標(biāo)或壓感筆繪制出的形狀。 形變動畫的起止對象一定都是圖形。用Flash提供的工具畫出的對象都是圖形。如果對象是圖形元件生成的實例，要把它轉(zhuǎn)換為圖形模式，方法：選中對象“修改”菜單“分離”。 創(chuàng)建形狀補(bǔ)間動畫的方法創(chuàng)建形狀補(bǔ)間動畫的方

9、法 在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖所示，一個形狀補(bǔ)間動畫就創(chuàng)建完畢。 認(rèn)識形狀補(bǔ)間動畫的屬性面板認(rèn)識形狀補(bǔ)間動畫的屬性面板 Flash的【屬性】面板隨鼠標(biāo)選定的對象不同而發(fā)生相應(yīng)的變化。當(dāng)我們建立了一個形狀補(bǔ)間動畫后，點(diǎn)擊時間幀，【屬性】面板如圖所示。 使用形狀提示使用形狀提示 形狀補(bǔ)間動畫看似簡單，實則不然，F(xiàn)lash在“計算”2個關(guān)鍵幀中圖形的差異時，遠(yuǎn)不如我們

10、想象中的“聰明”，尤其前后圖形差異較大時，變形結(jié)果會顯得亂七八糟，這時，“形狀提示”功能會大大改善這一情況。形狀提示的作用形狀提示的作用 在“起始形狀”和“結(jié)束形狀”中添加相對應(yīng)的“參考點(diǎn)”，使Flash在計算變形過渡時依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。 添加形狀提示的方法添加形狀提示的方法 先在形狀補(bǔ)間動畫的開始幀上單擊一下，再執(zhí)行【修改】|【形狀】|【添加形狀提示】命令，該幀的形狀就會增加一個帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀形狀中也會出現(xiàn)一個“提示圓圈”，用鼠標(biāo)左鍵單擊并分別按住這2個“提示圓圈”，在適當(dāng)位置安放，安放成功后開始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“提示圓圈”

11、變?yōu)榫G色，安放不成功或不在一條曲線上時，“提示圓圈”顏色不變，如圖所示。 添加形狀提示后各幀的變化添加形狀提示后各幀的變化 添加形狀提示的技巧添加形狀提示的技巧 “形狀提示”可以連續(xù)添加，最多能添加26個。 按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。 確?！靶螤钐崾尽笔欠线壿嫷?。例如，前后關(guān)鍵幀中有2個三角形，我們使用3個“形狀提示”，那么2個三角形中的“形狀提示”順序必須是一致的，而不能第一個形狀是 abc，而在第二個形狀是 acb， 形狀提示要在形狀的邊緣才能起作用，在調(diào)整形狀提示位置前，要打開工具欄上【選項】下面的【吸咐開關(guān)】 ，這樣，會自動把“形狀提示”吸咐到邊

12、緣上，如果你發(fā)覺“形狀提示”仍然無效，則可以用工具欄上的放大工具 點(diǎn)擊形狀，放大到2000倍，以確?！靶螤钐崾尽蔽挥趫D形邊緣上。 另外，要刪除所有的形狀提示，選擇【修改】|【形狀】|【刪除所有提示】。刪除單個形狀提示，單擊右鍵，在彈出菜單中選擇【刪除提示】。動作補(bǔ)間動畫的概念動作補(bǔ)間動畫的概念 在Flash的時間幀面板上，在一個時間點(diǎn)（關(guān)鍵幀）放置一個元件，然后在另一個時間點(diǎn)（關(guān)鍵幀）改變這個元件的大小、顏色、位置、透明度等等，F(xiàn)lash 根據(jù)二者之間的幀的值創(chuàng)建的動畫被稱為動作變形動畫。移動漸變（動作補(bǔ)間）動畫移動漸變（動作補(bǔ)間）動畫構(gòu)成動作補(bǔ)間動畫的元素構(gòu)成動作補(bǔ)間動畫的元素 構(gòu)成動作補(bǔ)間

13、動畫的元素是元件，包括影片剪輯、圖形元件、按鈕等等，除了元件,其他元素包括文本都不能創(chuàng)建補(bǔ)間動畫的,其他的位圖、文本等等都必須要轉(zhuǎn)換成元件才行，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動作補(bǔ)間動畫”。 動作補(bǔ)間動畫在時間幀面板上的表現(xiàn)動作補(bǔ)間動畫在時間幀面板上的表現(xiàn) 動作補(bǔ)間動畫建立后，時間幀面板的背景色變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個長長的箭頭，如圖所示。 動作補(bǔ)間動畫在時間幀上的表現(xiàn) 形狀補(bǔ)間動畫和動作補(bǔ)間動畫的區(qū)別形狀補(bǔ)間動畫和動作補(bǔ)間動畫的區(qū)別 形狀補(bǔ)間動畫和動作補(bǔ)間動畫都屬于補(bǔ)間動畫。前后都各有一個起始幀和結(jié)束幀，二者之間的區(qū)別如下表所示。 區(qū)別之處區(qū)別之處 動作補(bǔ)間動

14、畫 形狀補(bǔ)間動畫 在時間軸上的表現(xiàn)在時間軸上的表現(xiàn) 淡紫色背景加長箭頭 淡綠色背景加長箭頭 組成元素組成元素 影片剪輯、圖形元件、按鈕 形狀 如果使用圖形元件、 按鈕、文字，則必先打散再 變形。 完成的作用完成的作用 實現(xiàn)一個元件的大小、位置、 實現(xiàn)二個形狀之間的變化， 顏色、透明等的變化。 或一個形狀的大小、位置、 顏色等的變化。認(rèn)識動作補(bǔ)間動畫的屬性面板在時間線“動作補(bǔ)間動畫”的起始幀上單擊，幀屬性面板會變成如圖所示。 動作補(bǔ)間動畫屬性面板 （1）“簡單簡單”選項選項 在“0”邊有個滑動拉桿按鈕 ，單擊后上下拉動滑桿或填入具體的數(shù)值，補(bǔ)間動作動畫效果會以下面的設(shè)置作出相應(yīng)的變化： 在1到 -100 的負(fù)值之間，動畫運(yùn)動的速度從慢到快，朝運(yùn)動結(jié)束的方向加速補(bǔ)間。 在1 到 100 的正值之間，動畫運(yùn)動的速度從快到慢，朝運(yùn)動結(jié)束的方向減慢補(bǔ)間。 默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。 （2）“旋轉(zhuǎn)旋轉(zhuǎn)”選項選項 有四個選擇，選擇“無”（默認(rèn)設(shè)置）禁止元件旋轉(zhuǎn)；選擇