第6章 引導層動畫

1、第6章 引導層動畫Flash CC動畫制作案例教程教學PPT（簡單版）引導層動畫的創(chuàng)建方法聲音的導入和引用FL引導層動畫的制作要點導入視頻文件2 2 掌握音頻的基本操作，能夠?qū)⒁纛l文件應用到Flash動畫中。 掌握視頻的基本操作，能夠?qū)⒁曨l文件應用到Flash動畫中。 掌握引導層動畫的創(chuàng)建方法，能夠制動畫出效果流暢的引導層動畫。學習目標3 3 目錄6.1引導層動畫概述6.2【任務(wù)13】MV動畫6.3【任務(wù)14】動態(tài)動畫4 4 1 1引導引導層動畫定義層動畫定義2 2引導引導層動畫的原理和組成層動畫的原理和組成3 3引導層動畫創(chuàng)建方法引導層動畫創(chuàng)建方法6.1 引導層動畫概述4 4引導層動畫制作要

2、點引導層動畫制作要點5 5 在制作Flash動畫時。有時單純依靠設(shè)置關(guān)鍵幀，仍然無法實現(xiàn)一些弧線運用或不規(guī)則軌跡運動的動畫效果，例如樹葉飄落、蝴蝶飛舞等，如圖6-1所示，這時就需要使用引導動畫。引導層動畫是指將一個或多個被引導層鏈接到一個運動引導層，使被引導層里的元件沿路徑運動的動畫形式。這種動畫形式，可以使一個或多個元件完成曲線或不規(guī)則運動。1、引導層動畫定義、引導層動畫定義6.1 引導層動畫概述圖6-1所示 6 6 引導層動畫的原理就是把畫出的線條作為運動補間元件的運動軌跡，并會在播放動畫時隱藏該運動軌跡。在Flash動畫中，一個最簡單的引導層動畫由兩個圖層組成，上面一層是引導層，下一層是

3、被引導層，如圖6-2所示。2、 引導層動畫的原理和組成引導層動畫的原理和組成6.1 引導層動畫概述圖6-2所示 7 7 1）引導層：用來作為元件的運行路徑的圖層，圖層前標示 圖標。其內(nèi)部對象通常為鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線條圖形。通常把在引導層里面繪制的線條稱為“引導線”。2）被引導層：用來存放以引導線為運動路徑的對象。對象可以使用影片剪輯、圖形元件、按鈕元件、文字，但不能為圖形。注意：注意：1）在制作引導動畫時，一個引導層可以同時引導多個被引導層中的對象。2）在制作引導動畫時，引導線不能是閉合的路徑軌跡。2、 引導層動畫的原理和組成引導層動畫的原理和組成6.1

4、 引導層動畫概述8 8 引導層動畫的創(chuàng)建方法十分簡單，通?？梢苑譃橐韵聨讉€步驟。1)創(chuàng)建創(chuàng)建引導層和被引導層引導層和被引導層在普通圖層上單擊鼠標右鍵，會彈出如圖6-3所示的菜單，選擇“添加傳統(tǒng)運動引導層”命令，該圖層上面就會添加一個引導層，同時該普通層向右縮進成為“被引導層”。3、引導層創(chuàng)建方法、引導層創(chuàng)建方法6.1 引導層動畫概述圖6-3所示 9 9 引導層動畫的創(chuàng)建方法十分簡單，通?？梢苑譃橐韵聨讉€步驟。2)在在引導層添加引導線引導層添加引導線可以運用“鋼筆工具”或“鉛筆工具”繪制一條引導線，作為實例的運動軌跡，如圖6-4所示。3、引導層創(chuàng)建方法、引導層創(chuàng)建方法6.1 引導層動畫概述圖6-

5、4所示 1010 引導層動畫的創(chuàng)建方法十分簡單，通?？梢苑譃橐韵聨讉€步驟。3)在在被引導層添加元件，并附著到引到線上被引導層添加元件，并附著到引到線上引導層動畫最基本的操作就是使一個運動動畫“附著”在“引導線”上。因此在開始幀要將對象的注冊點與引導線的一端重合，如圖6-5所示。在結(jié)束幀要將對象的注冊點與引導線的另一端重合，如圖6-6所示。3、引導層創(chuàng)建方法、引導層創(chuàng)建方法6.1 引導層動畫概述圖6-5所示 圖6-6所示 1111 引導層動畫的創(chuàng)建方法十分簡單，通?？梢苑譃橐韵聨讉€步驟。4)創(chuàng)建創(chuàng)建傳統(tǒng)補間動畫傳統(tǒng)補間動畫當確定好位置關(guān)系后，就可以在開始幀和結(jié)束幀之間創(chuàng)建傳統(tǒng)補間動畫，完成引導層

6、動畫的制作。3、引導層創(chuàng)建方法、引導層創(chuàng)建方法6.1 引導層動畫概述1212 多學一招：認識普通引導層多學一招：認識普通引導層在“添加傳統(tǒng)運動引導層”命令菜單的上方，還有一個“引導層”命令選項，該選項用于創(chuàng)建普通的引導層。普通引導層同樣具有隱藏其內(nèi)部包含圖形的功能，在制作動畫時，主要用于為其他圖層提供輔助繪圖和定位，其標示為 圖標。選擇“引導層”命令，即可創(chuàng)建一個普通引導層，如圖6-7所示。3、引導層創(chuàng)建方法、引導層創(chuàng)建方法6.1 引導層動畫概述圖6-7所示 1313 值得一提的是，在制作動畫時，可以在引導層和普通圖層之間進行相互轉(zhuǎn)換。在引導層上單擊鼠標右鍵，在彈出的菜單中再次選擇“引導層”選

7、項，即可取消勾選狀態(tài)，將引導層恢復為普通圖層。3、引導層創(chuàng)建方法、引導層創(chuàng)建方法6.1 引導層動畫概述1414 相對于逐幀動畫、形狀補間動畫、傳統(tǒng)補間動畫而言，引導動畫有著自己的特點，這些特點主要表現(xiàn)在以下幾個方面。1)包含包含圖層圖層引導層動畫，必須是兩個圖層，并且引導層必須在被引導對象層上方。2)層層內(nèi)對象內(nèi)對象在引動層動畫中，引導層內(nèi)部對象必須是線條圖形，不能是元件或位圖。被引導層內(nèi)部對象必須是元件，做傳統(tǒng)補間動畫。4、引導層動畫制作要點、引導層動畫制作要點6.1 引導層動畫概述1515 相對于逐幀動畫、形狀補間動畫、傳統(tǒng)補間動畫而言，引導動畫有著自己的特點，這些特點主要表現(xiàn)在以下幾個方

8、面。3)屬性屬性面板設(shè)置面板設(shè)置被引導層中的對象沿路徑軌跡運動時，可通過“屬性”面板做精細設(shè)置。當創(chuàng)建完成引導動畫后，單擊中間補間動畫，屬性面板中會出現(xiàn)補間動畫的對應屬性。其中“貼緊”選項可以根據(jù)其注冊點將補間元素附著到運動路徑?！罢{(diào)整到路徑”選項可以使動畫的運動方向與引導路徑方向一致。例如，圖6-8所示的小魚游動。4、引導層動畫制作要點、引導層動畫制作要點6.1 引導層動畫概述圖6-8所示 1616 1 1知識儲備知識儲備2 2任務(wù)分析任務(wù)分析6.2 【任務(wù)13】MV實行雙英語教學動畫3 3任務(wù)實現(xiàn)任務(wù)實現(xiàn)1717 音頻基本格式音頻基本格式聲音是一門獨特藝術(shù)形式，在影視動畫作品中有著重要地位

9、。Flash支持多種音頻文件格式，例如WAV格式、MP3格式、AIFF格式及AU格式等，其中MP3格式和WAV格式較為常用，具體介紹如下。1)WAV1)WAV格式格式WAV格式可以直接保存聲音波形的數(shù)據(jù)取樣，因為沒有進行過壓縮，所以音質(zhì)較好。但WAV格式的音頻文件體積通常較大，會占用較多的空間。2)MP32)MP3格式格式MP3是經(jīng)過壓縮后的音頻文件格式，其大小只有WMV的1/10，并且仍能保持較好的音質(zhì)，被廣泛應用到電腦音樂的制作中。1、知識儲備、知識儲備6.2 【任務(wù)12】MV動畫1818 聲音的導入和引用聲音的導入和引用想要將聲音應用在Flash動畫中，首先導入音頻文件，然后再將導入的聲

10、音引用到舞臺上。導入和引用聲音的方式十分簡單，具體介紹如下。1）導入聲音：執(zhí)行“文件導入導入到庫”命令，通過彈出的“導入到庫”對話框，即可將音頻文件導入。如圖6-9所示即為導入到庫的音頻文件，庫面板右上角按鈕 ，用于對音頻文件進行暫停（左邊按鈕）/播放（右邊按鈕）控制。1、知識儲備、知識儲備6.2 【任務(wù)12】MV動畫1919 聲音的導入和引用聲音的導入和引用1、知識儲備、知識儲備6.2 【任務(wù)12】MV動畫圖6-9所示 2020 聲音的導入和引用聲音的導入和引用2）引用聲音：引用聲音的方法和創(chuàng)建實例的方法類似。選中需要加入聲音的幀，將庫中的音頻文件拖拽到舞臺，圖層上就會出現(xiàn)聲音對象的波形，如

11、圖6-10所示。這表明聲音已經(jīng)引入到圖層中。注意注意：一個圖層中可以放置多個聲音文件，也可以將聲音與其他對象放置在同一個圖層中，但為了便于管理，在制作Flash動畫時，建議將聲音對象放置在一個單獨的圖層中。1、知識儲備、知識儲備6.2 【任務(wù)12】MV動畫圖6-10所示 2121 聲音效果和同步聲音效果和同步選擇聲音所在圖層的某一幀，其右側(cè)的屬性面板會切換出聲音的相關(guān)屬性，可以對聲音進行參數(shù)設(shè)置和編輯，如圖6-11所示。6.2 【任務(wù)12】MV動畫圖6-11所示 1、知識儲備、知識儲備2222 聲音效果和同步聲音效果和同步對圖6-11所示聲音屬性面板的各選項含義解釋如下1）名稱：從“名稱”的下

12、拉列表可以選擇庫中的聲音文件，當選擇“無”時可以取消現(xiàn)有的聲音文件。2）效果：單擊右側(cè)的“ ”按鈕，會彈出如圖6-12所示的下拉列表，可以選擇要應用的聲音效果。6.2 【任務(wù)12】MV動畫圖6-11所示 1、知識儲備、知識儲備2323 聲音效果和同步聲音效果和同步無：不應用聲音效果，選中此選項將刪除聲音效果。左聲道/右聲道：只在設(shè)置為左聲道/右聲道時，播放聲音。向右淡出/向左淡出：將聲音從一個聲道切換到另一個聲道。淡入：隨著聲音的播放，逐漸增加音量。淡出：隨著聲音的播放，逐漸減小音量。自定義：選擇該選項后，會自動打開“編輯封套”對話框（關(guān)于“編輯封套”，將會在下面的知識點講解）。在“封套編輯”

13、對話框中可以創(chuàng)建聲音的淡入點和淡出點。6.2 【任務(wù)12】MV動畫1、知識儲備、知識儲備2424 聲音效果和同步聲音效果和同步3）同步：用于設(shè)置聲音的同步類型和循環(huán)方式。同步類型包括事件、開始、停止、數(shù)據(jù)流四個選項，如圖6-13所示。循環(huán)方式包括重復和循環(huán)兩個選項，如圖6-14所示，具體介紹如下。6.2 【任務(wù)12】MV動畫圖6-13所示 圖6-14所示 1、知識儲備、知識儲備2525 聲音效果和同步聲音效果和同步事件：事件同步類型的聲音會從它的開始關(guān)鍵幀播放，并獨立于時間軸中幀的播放狀態(tài)，即使幀播放完成，聲音仍會繼續(xù)播放，直至整段聲音結(jié)束。該類型的聲音往往用于設(shè)置簡單的按鈕聲音或循環(huán)的背景音

14、樂。開始：如果所選擇的聲音已經(jīng)在時間軸上的其他位置播放過，F(xiàn)lash則不會再播放這個聲音。停止：在時間軸上同時播放多個聲音時，可以指定其中的一個為靜音。通常在設(shè)置有播放跳轉(zhuǎn)的互動影片中才使用。數(shù)據(jù)流：選擇該同步方式后，F(xiàn)lash將強制動畫與聲音的播放同步，如果動畫停止，聲音也將停止。重復：用于設(shè)置聲音重復播放的次數(shù)，右側(cè)可以輸入相應的參數(shù)值。循環(huán)：用于設(shè)置聲音循環(huán)播放。6.2 【任務(wù)12】MV動畫1、知識儲備、知識儲備2626 聲音編輯封套聲音編輯封套在制作Flash動畫時，為了達到制作需要，還經(jīng)常需要自定義編輯聲音，這時就會用到“編輯封套”。選中聲音中的任意一幀，在右側(cè)的聲音屬性中單擊“ ”

15、圖標（或在效果處選擇“自定義”選項），即可彈出“編輯封套”對話框，如圖6-15所示。6.2 【任務(wù)12】MV動畫圖6-13所示 1、知識儲備、知識儲備2727 聲音編輯封套聲音編輯封套在圖6-15所示的對話框中，中間的空白聲波區(qū)域為聲道窗口，上層為左聲道，下層為右聲道。中間是時間軸區(qū)域，用于顯示聲音持續(xù)的秒數(shù)或幀數(shù)。（1）效果：用于設(shè)置聲音的效果。（2）控制線和控制點：左聲道和右聲道的水平和垂直方向各有一條控制線，單擊控制線會產(chǎn)生控制點，最多為8個。將控制點拖拽出聲道窗口，即可將其刪除。在聲道窗口中，拖拽控制線或控制點，越高音量越大，越低音量越小。（3）播放按鈕 ：用于播放編輯后的聲音。（4）

16、暫停按鈕 ：暫停聲音。（5）放大按鈕 ：放大聲音波形。（6）縮小按鈕 ：縮小聲音波形。（7）秒按鈕 ：以秒數(shù)作為當前時間軸的基本單位。（8）幀按鈕 ：以幀作為當前時間軸的基本單位。6.2 【任務(wù)12】MV動畫1、知識儲備、知識儲備2828 聲音編輯封套聲音編輯封套例如，設(shè)置左聲道音量為原始音量的一半，右聲道在20秒時淡入后按照原始音量播放。此時可以按照圖6-16所示的設(shè)置方式，添加并拖拽控制點進行設(shè)置。注意注意“編輯封套”調(diào)整的是聲音的實例，不會影響庫中聲音元件。6.2 【任務(wù)12】MV動畫1、知識儲備、知識儲備2929 聲音化的優(yōu)化聲音化的優(yōu)化在制作Flash動畫時，經(jīng)常需要對聲音的輸出質(zhì)量

17、和大小進行優(yōu)化調(diào)整，以滿足不同的制作需求。雙擊庫面板中的“ ”圖標，會彈出如圖6-17所示的“聲音屬性”面板。6.2 【任務(wù)12】MV動畫1、知識儲備、知識儲備3030 聲音化的優(yōu)化聲音化的優(yōu)化6.2 【任務(wù)12】MV動畫圖6-17所示 1、知識儲備、知識儲備3131 聲音化的優(yōu)化聲音化的優(yōu)化在圖6-17所示的壓縮面板中，單擊“壓縮”右側(cè)的“ ”按鈕，會彈出如圖6-18所示的下拉菜單。在該菜單中，F(xiàn)lash提供了5種壓縮模式用于優(yōu)化聲音，分別為默認、ADPCM、MP3、Raw和語音，對它們的具體介紹如下。6.2 【任務(wù)12】MV動畫圖6-18所示 1、知識儲備、知識儲備3232 聲音化的優(yōu)化聲

18、音化的優(yōu)化默認：用同一個壓縮比，壓縮影片中的所有聲音，這樣就可以不必對不同的聲音進行分別設(shè)定，極大地節(jié)省了動畫制作時間。ADPCM：通常用于壓縮較短的聲音效果。例如，單擊按鈕的聲音，汽車鳴笛聲音等。MP3：在需要導出較長的聲音時，可以選擇該壓縮方式。運用MP3壓縮方式的音頻文件體積較小，并能保持較好的音質(zhì)。Raw：選擇該壓縮方式，在導出聲音的過程中將不進行任何處理。語音：選擇該壓縮方式，可以在其下方的“采樣率”列表中選擇一種特別適合語音輸出的壓縮標準。對于動畫而言，通常使用11kHz的壓縮標準。6.2 【任務(wù)12】MV動畫1、知識儲備、知識儲備3333 一般由Flash制作的MV主要由兩部分組

19、成，即動畫和音頻文件。針對MV動畫的這一特點，可以從音樂層的制作和動畫效果兩方面進行分析。1）音樂音樂層制作層制作為了便于管理，最好將音頻文件單獨放置在一個圖層，本次任務(wù)可以將下載好的音樂素材文件“面朝大海春暖花開.mp3”導入Flash，作為MV的音樂。2）動畫效果動畫效果結(jié)合音樂內(nèi)容，可以構(gòu)思繪制其中動畫效果。大海上海鷗飛翔，畫面中出現(xiàn)歌曲的主題文字。背景：可以選取一張大海背景的圖片作為MV動畫的背景素材。海鷗：可以運用“鋼筆工具”繪制，并用引導層動畫做出海鷗翱翔的效果。歌曲主題文字：運用“文本工具”輸入主題文字，并采用傳統(tǒng)補間動畫，制作一個文字淡入的效果。2、任務(wù)分析、任務(wù)分析6.2 【

20、任務(wù)12】MV動畫3434 3、任務(wù)實現(xiàn)、任務(wù)實現(xiàn)6.2 【任務(wù)12】MV動畫3535 1 1知識儲備知識儲備2 2任務(wù)分析任務(wù)分析6.3 【任務(wù)13】動態(tài)廣告3 3任務(wù)實現(xiàn)任務(wù)實現(xiàn)3636 視頻素材格式視頻素材格式Flash不僅支持音頻文件的導入，還支持視頻文件的導入。在Flash CC中可以導入大部分主流格式的視頻文件，例如FLV、AVI、MP4、WMV等格式。對常用的視頻文件格式介紹如下。1 1）FLVFLV格式格式FLV 是FLASH VIDEO的簡稱，F(xiàn)LV流媒體格式是一種新的視頻格式。由于它形成的文件極小、加載速度極快，使得網(wǎng)絡(luò)觀看視頻文件成為可能，它的出現(xiàn)有效地解決了視頻文件導入

21、Flash后，使導出的SWF文件體積龐大，不能在網(wǎng)絡(luò)上很好的使用這一缺點，是Flash中較為常用的視頻格式。2 2）AVIAVI格式格式AVI是一種專門為微軟環(huán)境設(shè)計的數(shù)字媒體視頻文件格式。該格式的視頻文件具有畫質(zhì)質(zhì)量高的特點，但是文件的容量較大。1、知識儲備、知識儲備6.3 【任務(wù)13】動態(tài)廣告3737 視頻素材格式視頻素材格式Flash不僅支持音頻文件的導入，還支持視頻文件的導入。在Flash CC中可以導入大部分主流格式的視頻文件，例如FLV、AVI、MP4、WMV等格式。對常用的視頻文件格式介紹如下。3）MPEG格式格式MPEG（又稱MPG），在計算機領(lǐng)域應用比較廣泛，包括MPEG-1

22、、MPEG-2、MPEG-4（MP4）、MPEG-7、MPEG21五個標準。MPEG-1主要應用于VCD的制作中；MPEG-2主要應用于在DVD制作、HDTY和一些高要求的視頻剪輯、處理方面；MPEG-4的高壓縮率和高的圖像還原質(zhì)量可以把DVD里面的MPEG-2視頻文件轉(zhuǎn)換為體積更小的視頻文件。4）WMV格式格式WMV是微軟推出的一種流媒體格式，WMV格式的特點是體積非常小，因此比較適合在網(wǎng)上傳播及傳輸。1、知識儲備、知識儲備6.3 【任務(wù)13】動態(tài)廣告3838 導入視頻文件導入視頻文件在Flash中，導入視頻文件和導入音頻文件略有差異，需要按照Flash視頻導入助手的提示，遵循一定的視頻導入

23、流程。下面講解導入視頻的基本流程1）在菜單欄中執(zhí)行“文件導入導入視頻”命令，會彈出“導入視頻”對話框，如圖6-34所示。6.3 【任務(wù)13】動態(tài)廣告1、知識儲備、知識儲備3939 導入視頻文件導入視頻文件6.3 【任務(wù)13】動態(tài)廣告圖6-34所示 1、知識儲備、知識儲備4040 導入視頻文件導入視頻文件對圖6-34所示“導入視頻”面板的常用選項解釋如下?！笆褂貌シ沤M件加載外部視頻”：可以為導入的視頻添加一個播放控件，為Flash導入視頻的常用方式?！霸赟WF中嵌入FLV并在時間軸中播放”：該選項會將所選視頻嵌入到當前文檔中，但僅支持FLV等少數(shù)幾種視頻格式，并且該方式會增加最終輸出的SWF文件的大小。因此該方式常用于嵌入體積較小的視頻文件?！盀g覽”：單擊“瀏覽”按鈕，在彈出的對話框中可以選擇要導入的視頻。本書使用“使用播放組件加載外部視頻”選項為例，進行下一步講解。6.3 【任務(wù)13】動態(tài)廣告1、知識儲備、知識儲備4141 導入視頻文件導入視頻文件選好要導入的視頻后，單擊“下一步”按鈕，進入到“設(shè)定外觀”面板，如圖6-35所示。6.3 【任務(wù)13】動態(tài)廣告圖6-35所示 1、知識儲備、