第6章Flash動畫制作

1、清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 1 FlashFlash概述概述發(fā)布與導(dǎo)出動畫發(fā)布與導(dǎo)出動畫元件和實例元件和實例動畫制作動畫制作總結(jié)與習(xí)題總結(jié)與習(xí)題第第章章清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 2Flash是Macromedia公司開發(fā)的面向Web的矢量圖形和動畫制作軟件，它可以創(chuàng)建具有動感、交互、聲音等特點的動畫Flash是一種創(chuàng)作工具，設(shè)計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其他允許用戶交互的內(nèi)容Flash概述概述清華大學(xué)出版社清華大

2、學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 3Flash能夠創(chuàng)建廣告條、動畫菜單、網(wǎng)站標志等動畫，甚至整個網(wǎng)站Flash可以包含簡單的動畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容Flash文件體積非常小，可同步下載和播放，特別適用于創(chuàng)建網(wǎng)頁上的動畫和網(wǎng)上游戲Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 4運行Flash 8，啟動操作的開始頁面，開始頁面左邊是打開最近用過的項目，中間是創(chuàng)作各種類型的新項目，右邊是從模板創(chuàng)建各種動畫文件在“開始”頁中選擇一

3、項進行，就可進入Flash的工作界面Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 5工作工作界面界面啟動中文版Flash 后，可以看出，F(xiàn)lash的工作界面主要包含標題欄、菜單欄、常用工具欄、時間軸、工具箱、舞臺、屬性面板和其它控制面板等部分Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 6Flash 的工作界面的工作界面 Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 978730220945

4、4) ) 7主工具欄主工具欄 Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 8標題欄標題欄標題欄注明了程序的名稱以及當(dāng)前所編輯的文檔名稱Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 9菜單欄菜單欄菜單欄中包含了Flash中的所有命令通過在菜單欄中選擇相應(yīng)的菜單項，用戶可以制作出精彩的動畫Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 10工具箱工具箱工具箱中包

5、含了編輯矢量圖形的工具使用這些工具，可以編輯動畫元素而不需要調(diào)用其他外部程序Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 11部分工具箱部分工具箱Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 12舞臺舞臺舞臺即文件窗口，可以在里面繪制圖形或編輯圖像，也可以測試播放電影，是創(chuàng)作對象的區(qū)域，編輯、制作動畫的主要區(qū)域舞臺用于顯示動畫當(dāng)前幀的狀態(tài)動畫最終只顯示場景中舞臺區(qū)域的內(nèi)容Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁

6、制件與設(shè)計( (ISBN 9787302209454) ) 13面板面板Flash中有很多浮動面板比較常用面板包括動作面板，屬性面板，濾鏡面板，控制面板等Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 14動作動作面板面板動作面板是是動作腳本的編輯器Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 15屬性屬性面板面板屬性面板可以訪問舞臺或時間軸上當(dāng)前選定對象的常用的屬性，也可以在面板中更改對象或文檔的屬性當(dāng)沒有選中對象時，屬性面板會顯示當(dāng)前

7、動畫文件的屬性當(dāng)選中工作區(qū)中的對象后，屬性面板中就會顯示該對象的屬性Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 16濾鏡濾鏡面板面板濾鏡面板提供了七種濾鏡效果，可以對文字、影片剪輯和按鈕進行美化和修飾，使其更有趣味如果與補間動畫結(jié)合起來，還可以制作出各種豐富的動畫效果Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 17控制控制面板面板控制面板默認在界面的右邊控制面板包含了常用的動畫編輯命令，可以根據(jù)需要設(shè)置面板的數(shù)量和類型，以方便動畫的

8、編輯Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 18執(zhí)行菜單【窗口】|【工具】命令，可打開或關(guān)閉工具箱單擊菜單【窗口】下其他命令可打開或關(guān)閉相應(yīng)的其他面板執(zhí)行菜單【窗口】|【時間軸】命令，可打開或關(guān)閉時間軸面板Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 19Flash動畫也稱為影片或電影Flash動畫的制作是以時間軸為主線，利用圖層來組織和安排影片中的文字、圖像等對象，在舞臺區(qū)域編輯幀來完成的Flash概述概述清華大學(xué)出版社清華大學(xué)

9、出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 20時間軸時間軸時間軸是影片編排的主要場所，可以分層擺放各元素并規(guī)劃它們的出場順序，顯示動畫的運行效果，以及不同圖層之間的關(guān)系Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 21Flash 的的時間軸面板時間軸面板 Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 22時間軸用于組織和控制文檔內(nèi)容在一定時間內(nèi)播放的圖層數(shù)和幀數(shù)與膠片一樣，F(xiàn)lash 文檔也將

10、時長分為幀圖層就像堆疊在一起的多張幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像時間軸的主要組件是圖層、幀和播放頭Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 23圖層圖層圖層可以理解為一摞透明的紙，每一張都保持獨立，對當(dāng)前圖層進行編輯不會影響其他圖層，同時又可以層層疊加合成一個完整的電影每個層本身都是透明的，所以圖像疊加到一起時仍感覺像在同一個層上Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 24圖層就相當(dāng)于舞臺中演員所處的前

11、后位置；圖層靠上，相當(dāng)于該圖層的對象在舞臺的前面在同一個縱深位置處，前面的對象會擋住后面的對象；不同縱深位置處，可以透過前層看到后層的對象新創(chuàng)影片只有一個圖層；可以增加多個圖層，利用圖層來組織和安排影片中的對象Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 25場景場景場景就好比是舞臺劇中的一幕，一幕完成后，再進行下一幕的表演由于各個場景有先后順序，因此各個場景彼此獨立，互不干擾場景的數(shù)量沒有限制Flash概述概述清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454)

12、) 26幀幀幀是動畫的最小單位Flash動畫中，幀就是某個時間點上的圖形，不同幀中對象的變化就產(chǎn)生了動畫效果，任何動畫都是由一個個幀連接而成的在時間軸上，每一個小方格就是一個幀，動畫播放的內(nèi)容即幀的內(nèi)容動畫中幀的數(shù)量及其放映速度決定了動畫的整個長度動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 27空幀空幀時間軸上的柵格表示空幀空幀不是真正的幀，只是矩形框，框中可以放幀F(xiàn)lash動畫中，沒有內(nèi)容的幀占了時間軸的大部分；只有有了幀后動畫才能播放，如果在播放時遇到所有圖層均為空幀時，就會停止播放動畫制作動畫制作清華大學(xué)出版

13、社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 28關(guān)鍵幀關(guān)鍵幀關(guān)鍵幀是動畫中定義的可以更改的幀，通常顯示動畫的開始與結(jié)束的決定畫面當(dāng)希望動畫發(fā)生改變，或者希望發(fā)生某種動作時，必須使用關(guān)鍵幀動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 29關(guān)鍵幀可以為空常規(guī)的關(guān)鍵幀以實心的圓點為標志空關(guān)鍵幀以空心的圓點為標志帶有附加動作的關(guān)鍵幀以字母阿爾法表示 動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 3

14、0普通幀普通幀靜態(tài)幀也稱普通幀，顯示同一層上最后一個關(guān)鍵幀的內(nèi)容在時間軸上，關(guān)鍵幀總是在普通幀的前面前置關(guān)鍵幀的內(nèi)容顯示在隨后的每個普通幀中，直至另一個關(guān)鍵幀為止在已有內(nèi)容關(guān)鍵幀后面的普通幀為銀灰色，在空關(guān)鍵幀后的普通幀為白色動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 31過渡幀過渡幀過渡幀是起始關(guān)鍵幀動作向結(jié)束關(guān)鍵幀動作變化的過渡部分，表示對象在過渡點的外觀這部分的延續(xù)時間越長，整個動作變化越流暢，動作前后的聯(lián)系越自然動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 978

15、7302209454) ) 32幀速率幀速率幀速率是指動畫播放的速度，表現(xiàn)為時間軸上播放指針移動的快慢幀速率的單位是fps，即每秒鐘播放的幀數(shù)對整個動畫只能設(shè)置一個幀速率標準動畫片的幀速率為24fps，因特網(wǎng)上的動畫最合適的幀速率為12fps 動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 33Flash的圖層是用以組織文檔插圖、動畫和其它元素的工具新建的Flash文檔自動包含一個圖層，在以后的動畫設(shè)計中，可以不斷添加更多的圖層 圖層提供了普通模式、隱藏模式、鎖定模式與輪廓模式等不同的編輯模式各模式的功能如下圖所示 動

16、畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 34圖層編輯模式圖層編輯模式 動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 35普通普通模式模式Flash的默認的默認模式，該模式模式，該模式下的圖層可編下的圖層可編輯。處于普通輯。處于普通模式下的圖層模式下的圖層具有鉛筆圖標具有鉛筆圖標將一個或多將一個或多個圖層設(shè)置個圖層設(shè)置為隱藏狀態(tài)。為隱藏狀態(tài)。處于該模式處于該模式下的圖層具下的圖層具有紅叉圖標有紅叉圖標將圖層內(nèi)的對將圖層內(nèi)的對象設(shè)置為鎖定象

17、設(shè)置為鎖定或解鎖狀態(tài)?；蚪怄i狀態(tài)。該模式下的圖該模式下的圖層具有鎖狀圖層具有鎖狀圖標，不能進行標，不能進行編輯操作編輯操作將圖層中的將圖層中的所有對象以所有對象以輪廓的方式輪廓的方式顯示。處于顯示。處于輪廓模式下輪廓模式下的圖層具有的圖層具有矩形框圖標矩形框圖標 輪廓輪廓模式模式隱藏隱藏模式模式鎖定鎖定模式模式動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 36Flash能夠制作的動畫類型很多，根據(jù)生成原理和制作方法的不同，F(xiàn)lash動畫可分為三種基本類型：逐幀動畫、形狀漸變動畫和運動漸變動畫為使Flash作品更加豐富

18、，往往需要在一個Flash作品中綜合應(yīng)用不同的基本類型動畫動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 37基本動畫類型基本動畫類型逐幀動畫逐幀動畫是一種常見的動畫形式，原理是在連續(xù)的關(guān)鍵幀中分解動畫動作，即在每一幀中設(shè)置不同的畫面，連續(xù)播放而形成動畫運動漸變動畫運動漸變動畫又稱為運動補間動畫 ，簡稱移動動畫，是最常用的動畫形式，是創(chuàng)建物體隨時間移動、縮放或旋轉(zhuǎn)等動畫的一種有效方法形狀漸變動畫形狀漸變動畫又稱為形狀補間動畫，簡稱形變動畫，是指只定義動畫某一部分的起點和終點的內(nèi)容，兩端間各幀的內(nèi)容

19、由Flash自動生成動畫制作動畫制作清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 38逐幀逐幀動畫動畫在制作逐幀動畫時，需要對每一幀的內(nèi)容進行逐個繪制，在不同幀上設(shè)置不同內(nèi)容，使其連續(xù)播放而生成動畫，這不但給制作增加了負擔(dān)，而且造成輸出的文件容量很大逐幀動畫適合于每一幀的圖像都有復(fù)雜變化，不能用補間動畫完成的動畫動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 39由于是一幀一幀地畫，所以逐幀動畫具有很大的靈活性，可以表現(xiàn)幾乎任何想表現(xiàn)的

20、內(nèi)容逐幀動畫在時間軸上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀，如下圖所示動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 40逐幀動畫在時間軸上的表現(xiàn)逐幀動畫在時間軸上的表現(xiàn)動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 41創(chuàng)建逐幀動畫的常見方法有如下幾種動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 42導(dǎo)入靜導(dǎo)入靜態(tài)

21、圖片態(tài)圖片用jpg、png等各式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，自動建立一段逐幀動畫用文字作為幀中的內(nèi)容，實現(xiàn)文字跳躍、旋轉(zhuǎn)等文字逐幀動畫效果用鼠標或壓感筆在場景中一幀一幀地畫出每幀的內(nèi)容，從而繪制矢量逐幀動畫可以導(dǎo)入gif序列圖像、swf動畫文件或者利用3D等第三方軟件產(chǎn)生動畫系列導(dǎo)入序?qū)胄蛄袌D像列圖像文字逐文字逐幀動畫幀動畫矢量逐矢量逐幀動畫幀動畫動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 43逐幀動畫的制作步驟如下動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)

22、頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 44Step1Step2單擊某個圖層使其成為當(dāng)前層；必要時設(shè)置背景圖在該層上選擇起始幀；把起始幀設(shè)置為關(guān)鍵幀在起始幀建立動畫內(nèi)容Step3動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 45Step4Step5設(shè)置起始幀后的第2幀，將該幀設(shè)置為關(guān)鍵幀，然后編輯內(nèi)容重復(fù)第4步，設(shè)計其他的每一幀內(nèi)容執(zhí)行【控制/測試影片】菜單命令，觀看動畫效果；如不滿意，回到舞臺重新編輯，直到滿意為止Step6動畫制作動畫制作- -基本動畫基本

23、動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 46形變形變動畫動畫形變動畫描述了在一段時間內(nèi)將一個形狀變形為另一個形狀的過程。在Flash中，可以補間或過渡圖形對象的形狀、顏色、透明度、大小及位置等屬性形變動畫的對象只能是矢量圖形。如果要對實例、組、文字或者位圖圖像進行形狀過渡，需要先將它們打散并轉(zhuǎn)變?yōu)槭噶繄D后，再設(shè)置形變過渡動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 47形變動畫建好后，時間幀面板上的背景色變?yōu)榈G色，起始幀和

24、結(jié)束幀間有一條箭頭形變動畫的時間幀如下圖所示動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 48形變動畫在時間軸上的表現(xiàn)形變動畫在時間軸上的表現(xiàn)動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 49形變動畫的制作方法如下動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 50Step1Step2在動畫開始播放的

25、地方創(chuàng)建或選擇一個關(guān)鍵幀，并設(shè)置要開始變化的形狀在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要變成的形狀單擊開始幀，在【屬性】面板上單擊【補間】旁邊的下拉按鈕，在彈出的菜單中選擇【形狀】選項，即可創(chuàng)建形變動畫Step3動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 51移動移動動畫動畫移動動畫就是改變兩幀之間物體的位置，令物體從一個位置移動到另一個位置的動畫移動動畫的對象是組、元件、文本和位圖圖像等。除了實現(xiàn)對象位置的移動外，還可以使對象產(chǎn)生大小、旋轉(zhuǎn)和顏色的漸變效果等動畫制作動畫制作- -基本動畫基本

26、動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 52移動動畫建好后，時間幀面板上的背景色變?yōu)榈仙谄鹗紟徒Y(jié)束幀之間有一個箭頭移動動畫的時間幀如下圖所示動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 53移動動畫在時間軸上的表現(xiàn)移動動畫在時間軸上的表現(xiàn)動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 54移動動畫的制作只需在一個時間點的

27、關(guān)鍵幀上放置一個對象，然后在另一個時間點的關(guān)鍵幀上改變這個對象的大小、位置、透明度等屬性Flash根據(jù)二者的設(shè)置，自動完成移動動畫的創(chuàng)建過程Flash創(chuàng)建移動動畫時，各種屬性的變化可獨立進行，也可合成復(fù)雜的動畫動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 55移動動畫的制作方法如下動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 56Step1Step2在動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置一

28、個元件在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并并設(shè)置該元件的屬性單擊開始幀，在【屬性】面板上單擊【補間】旁邊的下拉按鈕，在彈出的菜單中選擇【動畫】選項，即可創(chuàng)建移動動畫Step3動畫制作動畫制作- -基本動畫基本動畫清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 57運動引導(dǎo)層和遮罩層是兩種特殊的圖層， Flash借助于它們能制作出非常神奇的動畫效果運動引導(dǎo)層能制作運動引導(dǎo)層動畫遮罩層能制作遮罩動畫動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454)

29、) 58特殊圖層特殊圖層運動引導(dǎo)層運動引導(dǎo)層利用運動引導(dǎo)層可以創(chuàng)建運動引導(dǎo)層動畫，制作出對象沿任意路徑運動的動畫遮罩層遮罩層利用遮罩層可以創(chuàng)建遮罩動畫，制作出“探照燈、百葉窗、放大鏡等動畫效果動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 59運動運動引導(dǎo)層引導(dǎo)層動畫動畫如果想讓物體沿著自定義的路徑運動，就需要添加一個運動引導(dǎo)層，在引導(dǎo)層里畫出運動路徑，做一定的設(shè)置，對象就能沿著自定義的路徑運動將一個或多個層鏈接到一個引導(dǎo)層，使一個或多個對象沿引導(dǎo)層路徑運動的動畫形式被稱為運動引導(dǎo)層動畫動畫制作

30、動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 60移動動畫只能實現(xiàn)對象從一點直接到另一點的運動，無法實現(xiàn)一些復(fù)雜軌跡的運動使用運動引導(dǎo)層可以控制對象沿任意自定義的路徑運動，制作出類似于國國冉冉上升或月亮圍繞地球旋轉(zhuǎn)等的動畫效果動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 61在引導(dǎo)層內(nèi)可以用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出曲線、圖形等，起到對象運動時的導(dǎo)向作用引導(dǎo)層的內(nèi)容只能在舞

31、臺工作區(qū)內(nèi)看到，不會輸出到動畫，在發(fā)布的影片中也不會出現(xiàn)動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 62運動引導(dǎo)層動畫至少需要兩個圖層：引導(dǎo)層和被引導(dǎo)層選中一個圖層，單擊時間軸面板的【添加引導(dǎo)層】按鈕，即可為該圖層創(chuàng)建引導(dǎo)層動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 63遮罩遮罩遮罩就是遮擋住下面的對象。當(dāng)遮罩層作用于某個被遮罩層時，被遮罩層的內(nèi)容會透過遮罩層上有內(nèi)容的部分(即不是空白的部

32、分)而顯示出來Flash作品中許多眩目神奇的效果不少是用遮罩完成的動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 64遮罩層遮罩層遮罩層是層的一種特殊用法，用來控制圖形的某一部分顯示或不顯示動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 65遮罩層的用途遮罩層的用途 在整個場景或一個特定的區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見用來遮罩某一元件的一部分，從而實現(xiàn)一些特殊的效果動畫制作動畫制作-

33、 -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 66Flash中不能直接創(chuàng)建遮罩層，遮罩層可由普通圖層轉(zhuǎn)化而來，轉(zhuǎn)化方法為：在某個圖層上右擊鼠標，在彈出的快捷菜單中單擊【遮罩層】選項，使選項左邊出現(xiàn)勾選符號，則該圖層就自動成為遮罩層，層圖標就會從普通層圖標 變?yōu)檎谡謱訄D標，系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為被遮罩層動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 67遮罩動畫，通常是先創(chuàng)建了被遮罩的圖層后，再創(chuàng)建遮罩

34、層中的具體項目及其動態(tài)效果，最后右擊遮罩層執(zhí)行【遮罩層】命令，完成遮罩操作。通常應(yīng)用遮罩層時，都將遮罩項目運動起來，使其遮罩效果更加逼真。對于用作遮罩的填充形狀，可以使用形狀動畫；對于文字對象、圖形實例或影片剪輯，可以使用移動動畫動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 68遮罩層遮罩層動畫動畫遮罩層動畫是Flash的重要動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的在遮罩圖層上創(chuàng)建某類形狀的視窗，遮罩層下方的對象就可以通過該視窗顯示出來，而視窗之外的對象不會顯示動畫制作動畫制作-

35、-特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 69遮罩動畫是通過遮罩層有選擇地顯示被遮罩層中的內(nèi)容，從而實現(xiàn)一些特殊的效果在一個遮罩動畫中，遮罩層只有一個，被遮罩層可以有任意多個被遮罩層中的內(nèi)容可以是任意Flash允許的動畫元素而遮罩層中的對象只有形狀如果想關(guān)聯(lián)更多層被遮罩，只要把這些層拖到遮罩層下面即可動畫制作動畫制作- -特殊圖層特殊圖層 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 70制作動畫時，會遇到某個對象在舞臺中多處出現(xiàn)的情況；此時如果把

36、每個對象都分別制作，這樣既費事又會增加動畫文件的大小解決辦法是：將重復(fù)使用的對象建立成元件，一個元件的多個實例只占一個元件的空間。這樣不僅能方便地重復(fù)調(diào)用同一個元件，還有利于減少文件的大小、縮短文件下載的時間，加快動畫播放的速度元件和實例是制作動畫的基礎(chǔ)，也是創(chuàng)建Flash動畫的重要元素 元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 71元件元件元件是指存放在元件庫中的可被重復(fù)利用的圖形、動畫、按鈕、音頻、字體等素材元件可由用戶創(chuàng)建，也可從其他應(yīng)用程序中導(dǎo)入元件一旦創(chuàng)建，便成為當(dāng)前電影庫的一部分，可供所有的設(shè)計者

37、共享，并可被重復(fù)使用元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 72Flash中，無論是簡單的漸變動畫，還是復(fù)雜的動作腳本，都是基于元件的常用的元件有圖形、按鈕和影片剪輯三種基本類型元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 73元件基元件基本類型本類型按鈕按鈕圖形圖形影片剪輯影片剪輯元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 74實例實例實例是

38、位于舞臺上或嵌套在另一個元件中的元件拷貝，是元件在舞臺上的具體應(yīng)用在需要元件對象上場時，只需用鼠標將元件從元件庫面板拖曳到舞臺中即可。此時舞臺中該元件的復(fù)制品稱為實例元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 75元件一旦從庫中取出，并拖放到舞臺上，便成為一個實例，實例也可以嵌入到其他元件中舞臺中可以放置多個相同元件復(fù)制的實例，但庫面板中與之對應(yīng)的元件只有一個元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 76當(dāng)元件的屬性(如大小、

39、顏色等)改變時，由它生成的實例也會隨之改變當(dāng)實例的屬性改變時，與它相應(yīng)的元件和由該元件復(fù)制的其他實例不會隨之改變元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 77圖形圖形元件元件圖形元件主要用來制作動畫中的靜態(tài)圖形，也可以是動畫，但不能產(chǎn)生交互效果 圖形元件具有相對獨立的編輯區(qū)域和播放時間，當(dāng)應(yīng)用到場景中時，會受到當(dāng)前場景中幀序列和其他交互式設(shè)置的影響圖形元件所制作的動畫依賴于主影片時間軸，會隨主影片運轉(zhuǎn)而運轉(zhuǎn)；如果主影片停止，圖形元件的動作也會停止元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計

40、網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 78建立元件的方式建立元件的方式使用工作區(qū)上的對象將其轉(zhuǎn)換為元件使用元件編輯模式在元件編輯窗口編輯元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 79按鈕按鈕元件元件按鈕元件是一個只含有4幀的特殊影片剪輯對象，主要用于創(chuàng)建在影片中對標準的鼠標或鍵盤事件(如點擊、滑過或按鍵等)做出響應(yīng)的交互性按鈕元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 80Flash中，首先要為按鈕設(shè)

41、計不同形狀的外觀然后為按鈕的實例分配對事件產(chǎn)生的動作在編輯按鈕元件時，時間軸上顯示出四個幀，即按鈕的4個狀態(tài)，如下圖所示元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 81彈起彈起狀態(tài)狀態(tài)默認關(guān)鍵幀，用來表示按鈕的一般狀態(tài)，即鼠標指針沒有移到按鈕上時的狀態(tài)用來表示鼠標移動到按鈕上時，按鈕所呈現(xiàn)的狀態(tài)用來表示用鼠標單擊按鈕時，按鈕所呈現(xiàn)的狀態(tài)用來設(shè)置鼠標敏感區(qū)域；若不設(shè)置該狀態(tài)的區(qū)域，則響應(yīng)范圍為按鈕圖形大小點擊點擊狀態(tài)狀態(tài)指針經(jīng)指針經(jīng)過狀態(tài)過狀態(tài)按下按下狀態(tài)狀態(tài)元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁

42、制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 82按鈕的創(chuàng)建方法包含6步，如下圖所示元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 83Step1Step2執(zhí)行【插入/新建元件】菜單命令打開【創(chuàng)建新元件】對話框；輸入元件名稱，選擇【按鈕】類型；單擊【確定】按鈕，切換到按鈕元件編輯模式用鼠標選中第l幀(彈起幀)，編輯圖形或?qū)胗捌糨嫽驁D形元件實例等 ，作為按鈕彈起狀態(tài)的外觀右擊指針經(jīng)過幀，選擇【插入關(guān)鍵幀】；改變圖形，設(shè)置鼠標經(jīng)過時的按鈕外觀；或者按F7鍵，使該幀成為空白關(guān)鍵幀，重建對象

43、Step3元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 84Step4Step5按照上述方法，制作鼠標按下、點擊時的按鈕外觀單擊元件編輯窗口中的場景名稱圖標，回到主場景；剛制作的按鈕元件出現(xiàn)于【庫】面板中；從庫面板中將它拖曳到工作區(qū)，創(chuàng)建按鈕實例執(zhí)行【控制/測試影片】菜單命令，觀看按鈕的動畫效果；如不滿意，重新編輯，直到滿意為止Step6元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 85影片剪影片剪輯元件輯元件影片剪輯元件又稱為影片

44、片段，是可單獨重復(fù)使用的動畫片段影片剪輯元件是Flash中最具有交互性、功能最強的一類元件，這類元件具有獨立于影片時間軸的自己的時間軸，可以包含動作、聲音及其他的元件 元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 86影片剪輯元件是組成動畫的基礎(chǔ)，為了避免反復(fù)創(chuàng)建相同的動畫片段，可以將很多小動畫創(chuàng)建為影片剪輯元件影片剪輯元件有自己的時間軸，用來制作獨立于主影片時間軸的動畫，可以包括交互性控制、聲音甚至其他影片的部分剪輯，也可以把影片剪輯實例加載到按鈕的時間軸中，從而實現(xiàn)動畫按鈕元件和實例元件和實例清華大學(xué)出版社清

45、華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 87影片剪輯實例只需要一個關(guān)鍵幀就可以播放，它是完全獨立于主場景的如果主場景播放已經(jīng)結(jié)束，但它的時間軸還是繼續(xù)向前播放，直到影片剪輯播放完，然后它將返回到影片剪輯的第1幀有時候為了實現(xiàn)動畫的交互性，可以將單獨的圖象制作成影片剪輯元件元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 88對影片剪輯元件執(zhí)行【控制/播放】菜單命令后，并不能看到由影片剪輯元件和按鈕元件產(chǎn)生的實例組成的動畫和交互性效果，必須執(zhí)行【控制/測試影片】或執(zhí)行【控制/測試場景】命令，才能在播放器窗口內(nèi)演示它的動畫和交互效果元件和實例元件和實例清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與設(shè)計( (ISBN 9787302209454) ) 89Flash動畫制作完成后，如果要將其發(fā)布出去，在發(fā)布前首先要對Flash文檔進行測試只有經(jīng)過完整測試并無錯誤的Flash文檔，才能進行發(fā)布測試Flash動畫的方法有以下幾種 發(fā)布與導(dǎo)出動畫發(fā)布與導(dǎo)出動畫 清華大學(xué)出版社清華大學(xué)出版社 網(wǎng)頁制件與設(shè)計網(wǎng)頁制件與