如何制作Flash動畫制作

1、第8章 Flash動畫制作 周連強周連強 Teaching Objectives n通過本章學習，應該掌握以下內容： u理解計算機動畫創(chuàng)作基本原理和創(chuàng)作流程 u掌握Flash基本操作及發(fā)布 u逐幀、補間、遮罩和引導路徑動畫 u復雜動畫綜合應用 u簡單ActionScript腳本應用 uFlash動態(tài)導航 動畫動畫 n利用人眼的利用人眼的“視覺殘留視覺殘留”生物現(xiàn)象而產生動生物現(xiàn)象而產生動 態(tài)視覺效果的技術和藝術態(tài)視覺效果的技術和藝術 計算機計算機 動畫動畫 2D2D 3D3D 8.1 Flash界面界面 工工 具具 欄欄 時間軸時間軸 編輯區(qū)編輯區(qū) 屬性面板屬性面板 浮動面板浮動面板 時間軸面

2、板時間軸面板 8.2 基本操作及相關概念基本操作及相關概念 n8.2.1 繪圖基礎繪圖基礎 n8.2.2 元件和實例元件和實例 n8.2.3 時間軸和幀時間軸和幀 n8.2.4 時間軸特效時間軸特效 繪圖基礎繪圖基礎 n（1）線條工具）線條工具 n（2）鋼筆工具）鋼筆工具 n（3）橢圓工具與矩形工具）橢圓工具與矩形工具 n（4）刷子工具）刷子工具 n（5）任意變形工具）任意變形工具 n（6）填充變形工具）填充變形工具 n（7）文本工具）文本工具 元件和實例元件和實例 n所謂元件就是存放在庫中的各種圖形、影片剪輯、按鈕或者所謂元件就是存放在庫中的各種圖形、影片剪輯、按鈕或者 引入的音視頻文件引入

3、的音視頻文件 n所謂實例就是將原件從所謂實例就是將原件從【庫庫】面板中拖動到舞臺中創(chuàng)建的一面板中拖動到舞臺中創(chuàng)建的一 個該元件的引用個該元件的引用 u元件類似演員；實例類似演員所飾角色元件類似演員；實例類似演員所飾角色 u元件在元件在Flash中一共有中一共有3類，分別是圖形、按鈕和影片剪輯元件類，分別是圖形、按鈕和影片剪輯元件 時間軸和幀時間軸和幀 n時間軸由兩部分構成，即層控制區(qū)和幀控制區(qū)時間軸由兩部分構成，即層控制區(qū)和幀控制區(qū) u播放指針播放指針 u繪圖紙工具繪圖紙工具 u關鍵幀、普通幀、空白關鍵幀、過渡幀及動作幀關鍵幀、普通幀、空白關鍵幀、過渡幀及動作幀 時間軸特效時間軸特效 n選擇選

4、擇【插入插入】菜單中的菜單中的【時間軸特效時間軸特效】命令命令 n（1）變形）變形/轉換轉換 u變形用于調整對象的位置、縮放比例、旋轉、透明度及色彩值等變形用于調整對象的位置、縮放比例、旋轉、透明度及色彩值等 u轉換可以使對象進行擦入擦出和淡入淡出，產生逐漸過渡效果轉換可以使對象進行擦入擦出和淡入淡出，產生逐漸過渡效果 n（2）幫助）幫助 u分散式直接復制用于根據(jù)設置的次數(shù)復制選定的對象分散式直接復制用于根據(jù)設置的次數(shù)復制選定的對象 u復制到網格用于按列數(shù)復制選定的對象，然后再按照列數(shù)復制到網格用于按列數(shù)復制選定的對象，然后再按照列數(shù)行數(shù)創(chuàng)行數(shù)創(chuàng) 建該元素的復件建該元素的復件 n（3）效果）效

5、果 u分離：對文本或復雜組合元素產生被打散、旋轉或向外拋散的效果分離：對文本或復雜組合元素產生被打散、旋轉或向外拋散的效果 u展開：用于擴展和收縮對象展開：用于擴展和收縮對象 u投影：用于為選定對象下面創(chuàng)建一個陰影投影：用于為選定對象下面創(chuàng)建一個陰影 u模糊：通過修改對象的模糊：通過修改對象的Alpha值、位置及縮放比例，來創(chuàng)建運動模糊值、位置及縮放比例，來創(chuàng)建運動模糊 特效特效 【8_2.fla】 8.3 Flash基礎動畫的創(chuàng)作基礎動畫的創(chuàng)作 n8.3.1 逐幀動畫逐幀動畫 n8.3.2 補間動畫補間動畫 n8.3.3 遮罩動畫遮罩動畫 n8.3.4 引導路徑動畫引導路徑動畫 逐幀動畫逐幀

6、動畫 n逐幀動畫是一種在時間軸上以連續(xù)的關鍵幀類分解動畫動作逐幀動畫是一種在時間軸上以連續(xù)的關鍵幀類分解動畫動作 的動畫形式的動畫形式 u有較大的靈活性有較大的靈活性 u最終輸出的影片文件量很大最終輸出的影片文件量很大 n一個漢字一個漢字“人人”的書寫過程的書寫過程 【8_3.fla】 補間動畫補間動畫 nFlash補間動畫有兩種類型補間動畫有兩種類型 u形狀補間動畫形狀補間動畫 w 形狀補間動畫指的是圖形動畫，適用對象為圖形?？梢灾谱鞒龅膭赢嬓螤钛a間動畫指的是圖形動畫，適用對象為圖形。可以制作出的動畫效 果包括移動、縮放、旋轉、漸變、變速、變形等果包括移動、縮放、旋轉、漸變、變速、變形等

7、u動畫補間動畫動畫補間動畫 w 動畫補間動畫適合對象為元件，可以結合色彩的變化、透明度的變化、動畫補間動畫適合對象為元件，可以結合色彩的變化、透明度的變化、 明暗度的調整等，使動畫更加絢麗明暗度的調整等，使動畫更加絢麗 n創(chuàng)建補間動畫一般有以下兩種方法：創(chuàng)建補間動畫一般有以下兩種方法： u（1）創(chuàng)建動畫的起始和結束關鍵幀，然后使用）創(chuàng)建動畫的起始和結束關鍵幀，然后使用【屬性屬性】面板中的面板中的【 補間補間】選項選項 u（2）創(chuàng)建動畫的起始和結束關鍵幀，然后在中間任意一幀上單擊鼠）創(chuàng)建動畫的起始和結束關鍵幀，然后在中間任意一幀上單擊鼠 標右鍵，在彈出的快捷菜單中選擇標右鍵，在彈出的快捷菜單中選

8、擇“創(chuàng)建補間動畫創(chuàng)建補間動畫”命令命令 形狀補間動畫形狀補間動畫 n形變動畫的制作限制是制作形變的起止對象一定都形變動畫的制作限制是制作形變的起止對象一定都 是圖形是圖形 n判斷一個對象是否是圖形的方法判斷一個對象是否是圖形的方法 u用鼠標單擊對象，如果該對象被斜條紋所覆蓋即為圖形用鼠標單擊對象，如果該對象被斜條紋所覆蓋即為圖形 【8_4.fla】 動畫補間動畫動畫補間動畫 n動畫補間動畫的制作限制是動畫的起止對象必須為動畫補間動畫的制作限制是動畫的起止對象必須為 符號元件，而且必須為同一個符號元件符號元件，而且必須為同一個符號元件 u可以通過可以通過【轉換為元件轉換為元件】或或【新建元件新建

9、元件】 u【屬性屬性】面板可修改縮放、緩動、旋轉、調整到路徑、面板可修改縮放、緩動、旋轉、調整到路徑、 同步、吸附等選項同步、吸附等選項 【8_5.fla】 遮罩動畫遮罩動畫 n遮罩動畫就是通過遮罩動畫就是通過“遮罩遮罩”圖層中的圖形或圖層中的圖形或 者文字等對象，透出下面圖層中的內容者文字等對象，透出下面圖層中的內容 uFlash動畫中很多炫目的效果都是通過遮罩動畫動畫中很多炫目的效果都是通過遮罩動畫 來完成的，如水波、放大鏡、百葉窗等來完成的，如水波、放大鏡、百葉窗等 u遮罩層與被遮罩層遮罩層與被遮罩層 u文字閃爍動畫效果文字閃爍動畫效果 【 8_6.fla 】 遮罩動畫（續(xù)）遮罩動畫（續(xù)

10、） n瀑布動畫效果瀑布動畫效果 【 8_7.fla 】 引導路徑動畫引導路徑動畫 n引導路徑動畫就是使運動的對象沿著設定好的軌跡引導路徑動畫就是使運動的對象沿著設定好的軌跡 運動運動 n由由“引導層引導層”和和“被引導層被引導層”兩個圖層組成兩個圖層組成 u引導路徑動畫最基本的操作是使一個運動動畫依附著引引導路徑動畫最基本的操作是使一個運動動畫依附著引 導線移動，因此，操作時要特別注意引導線的兩端，即導線移動，因此，操作時要特別注意引導線的兩端，即 被引導的對象起始、終點的兩個中心點一定要對準引導被引導的對象起始、終點的兩個中心點一定要對準引導 線的兩個端點上線的兩個端點上 u引導路徑動畫在制

11、作過程中，要注意和動畫補間動畫的引導路徑動畫在制作過程中，要注意和動畫補間動畫的 相關參數(shù)屬性相配合相關參數(shù)屬性相配合 u蝴蝶飛舞動畫效果蝴蝶飛舞動畫效果【 8_8.fla 】 8.4 復雜動畫與動作腳本入門復雜動畫與動作腳本入門 n復雜動畫是指綜合應用了逐幀、補間、遮罩復雜動畫是指綜合應用了逐幀、補間、遮罩 、引導路徑動畫，以及在動畫中嵌入了音視、引導路徑動畫，以及在動畫中嵌入了音視 頻和動作腳本的動畫頻和動作腳本的動畫 u8.4.1 音頻應用音頻應用 u8.4.2 多圖層、多場景動畫多圖層、多場景動畫 u8.4.3 簡單動作腳本簡單動作腳本 音頻應用音頻應用 nFlash中有兩種類型的聲音

12、：事件聲音和流式聲音中有兩種類型的聲音：事件聲音和流式聲音 n（1）應用聲音）應用聲音 n（2）聲音屬性）聲音屬性 【 8_7.fla 】瀑布瀑布 多圖層、多場景動畫多圖層、多場景動畫 n多圖層動畫是指在不同的圖層上放置不同的元件，實現(xiàn)元件多圖層動畫是指在不同的圖層上放置不同的元件，實現(xiàn)元件 的同時動作或展現(xiàn)功能，突出動畫的層次感的同時動作或展現(xiàn)功能，突出動畫的層次感 n多場景動畫是指將按多個場景創(chuàng)作的相互關聯(lián)動畫組合在一多場景動畫是指將按多個場景創(chuàng)作的相互關聯(lián)動畫組合在一 起，通過場景控制器或腳本語句來控制播放順序起，通過場景控制器或腳本語句來控制播放順序 步驟參考教材步驟參考教材P225-

13、227 【圖片遮罩過渡圖片遮罩過渡.fla 】 簡單動作腳本簡單動作腳本 nActionScript是是Flash的腳本編寫語句，能幫助用戶按照自的腳本編寫語句，能幫助用戶按照自 己的意愿更加精確地創(chuàng)建和控制動畫，實現(xiàn)動畫的交互己的意愿更加精確地創(chuàng)建和控制動畫，實現(xiàn)動畫的交互 n使用使用【動作動作】面板編寫面板編寫ActionScript腳本腳本 u執(zhí)行執(zhí)行【窗口窗口】【】【動作動作】菜單命令，或按菜單命令，或按F9快捷鍵打開快捷鍵打開【動作動作】面板面板 u僅當選中幀、按鈕實例或影片剪輯實例時可以使用僅當選中幀、按鈕實例或影片剪輯實例時可以使用【動作動作】面板面板 u【注意事項注意事項】 w

14、 本書中實例所采用的腳本為本書中實例所采用的腳本為ActionScript2.0版本，若在版本，若在 ActionScript3.0版本環(huán)境下則無效版本環(huán)境下則無效 n在影片中插入動作腳本在影片中插入動作腳本3種方法種方法 3種對象基本動作（種對象基本動作（1） n（1）幀動作）幀動作 u將動作分配到幀上，當影片播放到時間軸上該幀上時立將動作分配到幀上，當影片播放到時間軸上該幀上時立 即執(zhí)行該動作即執(zhí)行該動作 u常用的附加到幀的基本動作語句有常用的附加到幀的基本動作語句有gotoAndPlay、 gotoAndStop、play、stop等等 n（2）按鈕動作）按鈕動作 u動作附加到按鈕上，當

15、按鈕被單擊或鼠標指向該按鈕時動作附加到按鈕上，當按鈕被單擊或鼠標指向該按鈕時 則執(zhí)行附加動作。動作必須附加到按鈕的實例上，按鈕則執(zhí)行附加動作。動作必須附加到按鈕的實例上，按鈕 元件的其他實例不受影響元件的其他實例不受影響 u給按鈕附加動作時，動作必須嵌入給按鈕附加動作時，動作必須嵌入on()處理程序中，以便處理程序中，以便 執(zhí)行觸發(fā)該動作的鼠標事件或按鍵操作執(zhí)行觸發(fā)該動作的鼠標事件或按鍵操作 uon()處理程序參數(shù)中前處理程序參數(shù)中前7項是鼠標事件，其后是按鍵事件項是鼠標事件，其后是按鍵事件 3種對象基本動作（種對象基本動作（2） n相冊效果相冊效果 【 8_10.fla 】 3種對象基本動作

16、（種對象基本動作（3） n（3）影片剪輯動作）影片剪輯動作 u如果要在某個影片剪輯被載入或其上發(fā)生某一事件時，影片執(zhí)行某一動作，如果要在某個影片剪輯被載入或其上發(fā)生某一事件時，影片執(zhí)行某一動作， 則可以將動作分配給該影片剪輯。動作必須分配給影片剪輯的實例，該影片則可以將動作分配給該影片剪輯。動作必須分配給影片剪輯的實例，該影片 剪輯的其他實例不受影響剪輯的其他實例不受影響 u給影片剪輯分配動作時，動作必須嵌入給影片剪輯分配動作時，動作必須嵌入onClipEvent()處理程序中，以便指處理程序中，以便指 定觸發(fā)該動作的影片剪輯事件定觸發(fā)該動作的影片剪輯事件 u影片剪輯實例可接受的事件有影片剪輯

17、實例可接受的事件有9種：種：load（載入）、（載入）、unload（卸載）、（卸載）、 enterFrame（影片剪輯到達某幀）、（影片剪輯到達某幀）、mouseDown（鼠標左鍵按下）、（鼠標左鍵按下）、 mouseUp（鼠標左鍵釋放）、（鼠標左鍵釋放）、mouseMove（鼠標移動）、（鼠標移動）、keyDown（按（按 下鍵盤某鍵）、下鍵盤某鍵）、keyUp（鍵盤某鍵釋放）、（鍵盤某鍵釋放）、Data（數(shù)據(jù)更新）（數(shù)據(jù)更新） u與與on()處理程序不同的是，一個處理程序不同的是，一個onClipEvent()處理程序只能支持一個事件處理程序只能支持一個事件 u為影片剪輯實例添加動作，需

18、要一個為影片剪輯實例添加動作，需要一個tellTarget語句，用于控制影片剪輯實語句，用于控制影片剪輯實 例的作用狀態(tài)，即取得對電影實例的控制權，包括播放、停止、跳轉等。在例的作用狀態(tài)，即取得對電影實例的控制權，包括播放、停止、跳轉等。在 【動作動作】面板中面板中“否決的否決的”“”“動作動作”中可以選擇中可以選擇tellTarget語句。語句。tellTarget 語句需要指定一個目標參數(shù)，即按語句需要指定一個目標參數(shù)，即按“絕對路徑絕對路徑”或或“相對路徑相對路徑”指定選擇指定選擇 tellTarget控制的電影實例控制的電影實例 拖動指令及鼠標對象拖動指令及鼠標對象 n包括包括startDrag（拖動）和（拖動）和stopDrag（停止拖動）（停止拖動） 。其語法結構如下：。其語法結構如下： startDrag(target, lock,left,top,right,bottom) ustartDrag()語句用于設置可拖動電影實例即可拖動范圍語句用于設置可拖動電影實例即可拖動范圍 ustopDrag()語句使影片剪輯實例停止隨鼠標拖動移動語句使影片剪輯實例停止隨鼠標拖動移動 n同一個時間內只允許一個影片剪輯可以被拖動同一個時間內只允許一個影片剪輯可以被拖動 n【