FLASH-制作簡(jiǎn)單動(dòng)畫綜述

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

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

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

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

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

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

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

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

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

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

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

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

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

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