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

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

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

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

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

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

7、位。副標(biāo)題淡出。例3：秀標(biāo)題：線段從一點(diǎn)生長(zhǎng)出來(lái)，標(biāo)題從線下方切出。 - 特別：線段必須先做成元件，再做補(bǔ)間動(dòng)畫，否則會(huì)出現(xiàn)問(wèn)題的。例2：上方旋轉(zhuǎn)移入放大+縮小歸位淡入淡出例1：左移入縮小+放大歸位右移出例3：線生長(zhǎng)文字切出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 動(dòng)態(tài)秀文字 文字剪影向外發(fā)散設(shè)置文檔 550*200,12fps，背景黑色1）層1（制作

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

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

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

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