制作FLASH補(bǔ)間動畫經(jīng)典詳細(xì)教程

1、FLASH CS5- 1第4章 制作Flash 補(bǔ)間動畫常用的補(bǔ)間動畫1）傳統(tǒng)運(yùn)動補(bǔ)間動畫2）形狀補(bǔ)間動畫3）引導(dǎo)層補(bǔ)間動畫 沿制定路徑移動的補(bǔ)間動畫4）FlashCS4以后添加的補(bǔ)間動畫5）遮罩補(bǔ)間動畫24.1 傳統(tǒng)運(yùn)動補(bǔ)間動畫要素：首尾兩個關(guān)鍵幀，中間插入傳統(tǒng)補(bǔ)間要求：首尾兩個關(guān)鍵幀中必須是同一個元件對象特點(diǎn)：尾幀中改變的實(shí)質(zhì)上只是這個元件的屬性：如，大小、位置、顏色、透明度等等關(guān)于幀上補(bǔ)間的其他一些屬性設(shè)置：旋轉(zhuǎn)：設(shè)置移動過程中的旋轉(zhuǎn)：可以順時針或逆時針（如，漸變小球滾動）調(diào)整到路徑：即，使得元件的某一端一直對著移動的前方（如，飛機(jī)沿橢圓軌道移動）緩動： 0 元件勻速移動（默認(rèn)） 100

2、 元件移動漸慢 -100 元件移動漸快起始關(guān)鍵幀終止關(guān)鍵幀同一元件設(shè)置傳統(tǒng)補(bǔ)間同一元件3緩動實(shí)例：彈動的笑臉層1（笑臉）：用橢圓工具和直線工具畫出笑臉，并轉(zhuǎn)化為元件。“直接復(fù)制”為哭臉元件再修改，淚滴用刷子工具繪制。1-23幀為 “笑臉下落到舞臺底部”的補(bǔ)間動畫，補(bǔ)間緩動：-10024-26幀是幀逐漸擠扁的哭臉26-50幀為 “笑臉彈升到舞臺上部”的補(bǔ)間動畫，補(bǔ)間緩動：100層2（陰影）：1-25幀為陰影收縮的效果， 25-50幀為陰影放大效果44.2 形狀補(bǔ)間動畫起始關(guān)鍵幀終止關(guān)鍵幀打散的對象設(shè)置形狀補(bǔ)間打散的對象 要素：首尾兩個關(guān)鍵幀，中間插入形狀補(bǔ)間 要求：首尾兩個關(guān)鍵幀中內(nèi)容必須是打散

3、的對象。即，形狀 特點(diǎn)：首尾幀兩個關(guān)鍵幀中內(nèi)容可以是不同的對象，甚至可以是多個對象，但都必須是打散的。利用【繪圖紙外觀】按鈕，可以得到左邊效果。俗稱洋蔥皮效果。 例 1）紅圓變藍(lán)方 2）1圓變2圓 3）花變“歡度春節(jié)” 形狀提示 菜單：修改|形狀|添加形狀提示 通過在“開始幀”和“結(jié)束幀”中添加相對應(yīng)的形狀提示點(diǎn)，可以控制形狀變化過程54.3 沿路徑的補(bǔ)間動畫要素：在傳統(tǒng)補(bǔ)間動畫的基礎(chǔ)上附加一個運(yùn)動引導(dǎo)層，運(yùn)動引導(dǎo)層起到設(shè)置運(yùn)動路徑的導(dǎo)向作用。特點(diǎn)：實(shí)現(xiàn)沿路徑移動6 沒選此項(xiàng)！你試一試，如果選了，小松鼠大頭朝前，像是游泳的動作。 沒選此項(xiàng)！你試一試，如果選了，小松鼠大頭朝前，像是游泳的動作。例

4、11沿橢圓走的小松鼠 層1（小松鼠）：導(dǎo)入小松鼠gif到庫，將自動生成的動畫元件改名為小松鼠。拖入舞臺調(diào)整好大小，如下圖所示建立60幀傳統(tǒng)移動補(bǔ)間動畫，30幀面向右從左走向右，30幀面向左（用形變工具水平翻轉(zhuǎn)），從右走向左。 層2（路徑）：用橢圓工具畫一個橢圓作為路徑 復(fù)制層2，粘貼得到層3（顯示路徑）：將層3拖至最底層。 選中層2 （路徑）利用右鍵菜單設(shè)置其為引導(dǎo)層，并用橡皮工具擦出一個小口，如圖。 選中層1（松鼠）中第1幀中松鼠拖至路徑的起點(diǎn)，選中第30幀中松鼠拖到路徑的右端，類似，將第30幀中和第60幀中松鼠拖到路徑上的合適位置。 將最底層的要顯示的路徑，下移到合適位置 Ctrl+Ent

5、er,測試影片 拓展：加一個 層3（按鈕）：從公用庫中拖入兩個按鈕，分別附加動作： on (release) stop(); 和 on (release) play(); 然后再測試影片。7實(shí)例12 沿文字邊沿走的星星 設(shè)置文檔 黑色背景，12fps，制作如右下角圖的星星元件 層1（顯示的字母路徑）：輸入一個較大的M字母，打散，利用【墨水瓶】工具，給字母加上淡黃邊，選擇字母內(nèi)部刪除，得到所要的空心字 層2（星星）：從庫中拖入星星元件到M得左上角，將其縮放到合適大小。如下圖所示建立80幀傳統(tǒng)移動補(bǔ)間動畫，并設(shè)置旋轉(zhuǎn)幾圈。 復(fù)制層1，粘貼得到層3（實(shí)際路徑）： 用【橡皮】工具將M路徑擦出一個小口，

6、利用右鍵菜單設(shè)置其為引導(dǎo)層，拖層3置其管轄之下。 選中層2（星星）中第1幀中星星拖至路徑的起點(diǎn)，選中第80幀中星星拖至路徑的終點(diǎn) Ctrl+Enter,測試影片84.4 CS4后新增的補(bǔ)間動畫功能要素：只需一個首關(guān)鍵幀，并在其后的普通幀中拖動其中元件，即生成補(bǔ)間動畫結(jié)點(diǎn)及相應(yīng)移動路徑要求：首關(guān)鍵幀中必須是一個元件對象特點(diǎn)：可以隨意調(diào)整移動路徑，還可以在首關(guān)鍵幀后做多個移動節(jié)點(diǎn)起始關(guān)鍵幀元件等整體添加補(bǔ)間動畫屬性關(guān)鍵幀 (補(bǔ)間動畫結(jié)點(diǎn))9實(shí)例 秀文字標(biāo)題例1：秀文字：文本從左端進(jìn)入舞臺中央，暫停片刻，縮小、放大歸位，文本從右端移出舞臺。例2：秀標(biāo)題：主標(biāo)題從上方旋轉(zhuǎn)移入，暫停片刻，放大、再縮小歸

7、位。副標(biāo)題淡出。例3：秀標(biāo)題：線段從一點(diǎn)生長出來，標(biāo)題從線下方切出。 - 特別：線段必須先做成元件，再做補(bǔ)間動畫，否則會出現(xiàn)問題的。例2：上方旋轉(zhuǎn)移入放大+縮小歸位淡入淡出例1：左移入縮小+放大歸位右移出例3：線生長文字切出10例5 霓虹變色文字設(shè)置文檔 550*200,12fps，背景黑色1）直線變填充，然后柔化：向外5，10，轉(zhuǎn)為元件。2）文字打散，向內(nèi)柔化：5，5，轉(zhuǎn)為元件。3）60幀傳統(tǒng)補(bǔ)間：15幀一變色：紅、綠、黃、藍(lán)、紅方法2：做成元件，用模糊濾鏡或同色的發(fā)光濾鏡，但不如方法1效果好。11例5 動態(tài)秀文字 文字剪影向外發(fā)散設(shè)置文檔 550*200,12fps，背景黑色1）層1（制作

8、人文本）： 制作人：黃熒，放在右下角2）層2（標(biāo)題文本）：大標(biāo)題從舞臺上方移入+稍微放大3）層3（標(biāo)題剪影左移淡出）：在15幀處插入關(guān)鍵幀，復(fù)制標(biāo)題在其中作為剪影，左移淡出.4）層4（標(biāo)題剪影右移淡出）：在15幀處插入關(guān)鍵幀，復(fù)制標(biāo)題在其中作為剪影，右移淡出.5）Ctrl+Enter,測試影片12例6 動態(tài)秀文字 旋轉(zhuǎn)洋蔥頭文字效果 步驟1：設(shè)置文檔 550*200,40fps 步驟2：制作兩個文本mc: ONLON SKIN 洋蔥皮，琥珀字體、字號：40文本1（文字帶邊沿），文本2（文字不帶邊沿） - 文字打散 步驟3：編輯主場景 層1（旋轉(zhuǎn)文本1）：文本1_mc,50幀動畫，逆時針旋轉(zhuǎn)1周

9、 層2（旋轉(zhuǎn)文本2）：文本2_mc,2幀空白，50幀動畫，逆時針旋轉(zhuǎn)1周，透明度設(shè)為50 層3（旋轉(zhuǎn)文本2）：文本2_mc,4幀空白，50幀動畫，逆時針旋轉(zhuǎn)1周，透明度設(shè)為45 層4-層9（旋轉(zhuǎn)文本2）：文本2_mc,每次增加兩幀空白，動畫相同，透明度依次減5 步驟4：Ctrl+Enter,測試影片13例6：秀標(biāo)題：線段開合帶出文字與圖片設(shè)置Flash文檔：780*450像素，白色背景1）層1（line）：線段在中部從一點(diǎn)展開2）層2 （line down）： 線段1下移3）層3 （line up）： 同時，線段2上移4）層4（p1,圖片1）：人物圖片淡入+左移5）層5（t1，文本1）：歡迎文

10、本從一點(diǎn)處放大出現(xiàn)，暫停片刻6）層6（p2 ,圖片2 ）：星形圖片旋轉(zhuǎn)著由小到大從左側(cè)進(jìn)入，同時，層5的人物圖片淡出14實(shí)例 秀圖片例7：地球與帆船。 設(shè)置Flash文檔：550*400像素，白色背景1）層1：地球先放大、后縮小恢復(fù)2）層2：帆船從地球下方，從左至右掠過3）層3：縮小2號的帆船從地球上方，從右至左掠過 -15實(shí)例：碰撞如上圖畫出小球和三個bar：（ bar用刷子繪制），分別轉(zhuǎn)化為元件并分散到各圖層1）做圓球的補(bǔ)間動畫：16Flash動畫的相關(guān)重要概念幀的概念：在Flash動畫中，一個幀是指動畫中的一幅畫面，時間軸面板中的一個小方格代表一個幀。三種幀：普通幀，關(guān)鍵幀，空白關(guān)鍵幀關(guān)

11、鍵幀：放用戶自畫的畫面，控制了動畫變化前和變化后的狀態(tài)空白關(guān)鍵幀：關(guān)鍵幀無任何內(nèi)容稱空白關(guān)鍵幀。普通幀：不能被用戶編輯的、而是由計(jì)算機(jī)自動生成的畫面。幀的操作插入普通幀：快捷鍵 F5 或菜單，刪除普通幀: shift+F5插入關(guān)鍵幀：F6插入空白關(guān)鍵幀：F7選取幀、復(fù)制幀、粘貼幀、刪除幀、移動幀、逆轉(zhuǎn)幀（演示）對象轉(zhuǎn)化為元件： F817 建立Flash文檔，設(shè)置12fps 在第1幀用線條工具繪制一個三棱錐，用黃色漸變填充它的兩個面，特別注意，用漸變工具調(diào)整大三角形填充色時，用漸變工具對準(zhǔn)大三角形右邊的邊。用漸變工具調(diào)整小三角形填充色時，旋轉(zhuǎn)漸變色的方向，用漸變工具同一條邊對準(zhǔn)小三角形左邊的邊。即，讓兩個填充色對稱于大三角形右邊的邊，背靠背。填充好，刪除邊棱線。 在第20