動(dòng)畫設(shè)計(jì)與制作-Flash-CS6課件整本書課件完整版電子教案全套課件最全教學(xué)教程ppt(最新)

1、第1章 Flash CS6 動(dòng)畫制作基礎(chǔ)了解動(dòng)畫的含義和分類。 了解Flash動(dòng)畫的用途和特點(diǎn)。 了解Flash CS6的工作界面。 掌握Flash動(dòng)畫制作流程1.1 初步認(rèn)識Flash 動(dòng)畫一、動(dòng)畫的含義 動(dòng)畫是一個(gè)范圍很廣的概念，通常是指連續(xù)變化的畫面按照一定的順序播放，從而使人產(chǎn)生運(yùn)動(dòng)錯(cuò)覺的一種藝術(shù)。圖所示為一組連續(xù)變化的圖片，只要將其放到連續(xù)的幀上以一定的速度連續(xù)播放，就可以形成一個(gè)人物打斗的視覺效果，這便是動(dòng)畫最簡明的詮釋。 二、動(dòng)畫技術(shù)的發(fā)展（1）動(dòng)畫的雛形1832年由約瑟夫柏拉圖發(fā)明的“幻透鏡”（圖左）、1834年由喬治霍納發(fā)明的“西洋鏡”（圖右）都是動(dòng)畫的雛形，它們都是通過觀察

2、窗來展示旋轉(zhuǎn)的順序圖畫，從而形成動(dòng)態(tài)畫面。 （2）第一部動(dòng)畫片隨著科技的發(fā)展，具有現(xiàn)代意義的動(dòng)畫片逐步出現(xiàn)。在電影發(fā)明之后，1906年，美國人小斯圖亞特布雷克頓制作出第一部接近現(xiàn)代動(dòng)畫概念的影片，名為滑稽面孔的幽默形象，如圖所示。該片長度為3min，采用了每秒20幀的技術(shù)拍攝。（3）動(dòng)畫的發(fā)展 20世紀(jì)20年代末，著名的迪士尼公司迅速崛起，采用傳統(tǒng)的動(dòng)畫技術(shù)制作出越來越復(fù)雜的動(dòng)畫。該公司在1928年推出的汽船威利是第一部音畫同步的有聲動(dòng)畫。而1937年制作的白雪公主，則是第一部彩色長篇?jiǎng)∏閯?dòng)畫片。 從20世紀(jì)80年代開始，計(jì)算機(jī)圖形技術(shù)開始用于電影制作，到了20世紀(jì)90年代，計(jì)算機(jī)動(dòng)畫特效開始

3、大量用于真人電影，比較著名的有侏羅紀(jì)公園魔戒三部曲、泰坦尼克號等。這些影片在電影市場上取得巨大成功，也都從一個(gè)方面反映了計(jì)算機(jī)動(dòng)畫的發(fā)展。三、動(dòng)畫的分類目前最常用的分類形式是將動(dòng)畫分為二維動(dòng)畫和三維動(dòng)畫兩種。（1）二維動(dòng)畫二維畫面是在平面上實(shí)現(xiàn)的動(dòng)畫，即使畫面具有一定的立體感，但是終究只是在二維空間中模擬三維空間效果。二維動(dòng)畫制作簡便，數(shù)據(jù)量小，應(yīng)用廣泛。Flash是目前最常用的二維動(dòng)畫制作軟件，由于采用矢量圖形和流媒體技術(shù)，用Flash制作出來的動(dòng)畫文件非常小，而且能在有限帶寬的條件下流暢播放，所以Flash動(dòng)畫廣泛用于網(wǎng)絡(luò)中。目前Flash廣告、Flash網(wǎng)站、Flash多媒體演示、Fla

4、sh游戲等已經(jīng)成為了Web上不可或缺的部分。（2）三維動(dòng)畫三維畫面是在三維空間中表現(xiàn)的動(dòng)畫，畫中景物有正面、側(cè)面和反面，充分顯現(xiàn)了立體感。三維動(dòng)畫視覺沖擊力強(qiáng)，效果逼真，具有藝術(shù)感染力。但是三維動(dòng)畫也有制作費(fèi)用大、制作周期長等缺陷。目前最常見的三維動(dòng)畫制作軟件有3ds Max、Maya、SoftImage、Lightwave等。其中3dsMax是一款在國內(nèi)外應(yīng)用都非常廣泛的三維設(shè)計(jì)工具，不但用于電視及娛樂業(yè)中，在影視特效方面也有相當(dāng)多的應(yīng)用。在國內(nèi)相對比較成熟的建筑效果圖和建筑動(dòng)畫制作中，3dsMax也占據(jù)了絕對的優(yōu)勢。四、Flash動(dòng)畫的用途（1）制作動(dòng)畫短片制作動(dòng)畫短片是Flash最常用的

5、功能，也是一般的Flash愛好者的興趣所在。Flash動(dòng)畫短片主要包括幽默類、哲理類、故事類等，大多數(shù)動(dòng)畫短片是這幾類的結(jié)合。比較著名的動(dòng)畫短片作品有“流氓兔”和“小小作品”，分別如圖所示。（2）制作游戲使用Flash可以制作出各種不同類型的小游戲。使用ActionScript的邏輯功能，游戲愛好者使用鍵盤方向鍵或鼠標(biāo)就可以達(dá)到與游戲交互的目的。常見的游戲作品有“黃金礦工”和“搶灘登陸”，分別如圖所示。（3）制作MVFlash強(qiáng)大的繪圖功能、良好的可控性以及對聲音的完美支持，使眾多MV愛好者選擇使用Flash作為開發(fā)MV作品的主要工具。目前，互聯(lián)網(wǎng)上很多流行歌曲都有與之相配的Flash MV作

6、品。（4）制作多媒體教學(xué)課件Flash以其良好的交互性以及在教學(xué)中的良好表現(xiàn)，受到教師和教學(xué)組織者的歡迎，成為教師授課以及與學(xué)生進(jìn)行交互的重要工具。用Flash制作的課件漂亮美觀，交互性強(qiáng)。圖所示為用Flash制作的教學(xué)課件。（5）制作Internet應(yīng)用程序使用Flash制作的Internet應(yīng)用程序具有完善的用戶界面，可以通過Internet顯示和操作遠(yuǎn)程存儲(chǔ)的數(shù)據(jù)。Internet應(yīng)用程序可以是日歷應(yīng)用程序、價(jià)格查詢應(yīng)用程序、購物目錄、教育和測試應(yīng)用程序或者其他任何使用豐富圖形界面提供遠(yuǎn)程數(shù)據(jù)的應(yīng)用程序。（6）制作網(wǎng)頁Flash在網(wǎng)頁中的應(yīng)用也比較廣泛。Flash發(fā)布以后生成的“.swf

7、”格式的文件可以嵌入網(wǎng)頁文件中，利用內(nèi)嵌的Flash Player就可以在網(wǎng)頁中觀看動(dòng)畫效果。網(wǎng)站中的Flash應(yīng)用主要包括整站Flash網(wǎng)頁、Flash Logo、Flash廣告條等。圖所示為使用Flash制作的網(wǎng)頁。五、Flash動(dòng)畫的特點(diǎn)（1）易學(xué)易用，操作方便Flash以幀組織動(dòng)畫，幀與幀之間采用漸變過渡動(dòng)畫，因此制作動(dòng)畫時(shí)，只要將某段動(dòng)畫的第1幀和最后一幀制作出來，中間的移動(dòng)、旋轉(zhuǎn)、變形、顏色改變等過程都可以由Flash自動(dòng)完成，動(dòng)畫的制作過程極大簡化。（2）矢量動(dòng)畫，文件占用空間小Flash的圖形系統(tǒng)是基于矢量的，只需存儲(chǔ)少量的矢量數(shù)據(jù)就可以描述一個(gè)看起來相當(dāng)復(fù)雜的對象，因此占用的

8、存儲(chǔ)空間很小，與位圖相比具有明顯的優(yōu)勢，非常適合在低帶寬的網(wǎng)絡(luò)環(huán)境中使用。（3）信息傳送、下載方便由于Flash文件較小，所以瀏覽器不用花費(fèi)太多的時(shí)間等待下載。SWF（Shock Wave Flash）文件采用Stream信息流傳送方式，可以邊下載邊播放，而不用等到整個(gè)文件全部下載下來才能觀看，所以即使網(wǎng)絡(luò)的傳送速度很慢，也不至于什么都看不到，這樣大大節(jié)省了網(wǎng)絡(luò)帶寬，減少了用戶等待的時(shí)間。（4）交互功能強(qiáng)大在Flash動(dòng)畫中可以加入滾動(dòng)條、復(fù)選框、下拉菜單、拖動(dòng)物體等各種交互組件，實(shí)現(xiàn)在最終播放的網(wǎng)頁或多媒體中支持物體的平移和拖放操作。Flash可以和Java或其他類型的程序融合在一起，實(shí)現(xiàn)在

9、不同的操作平臺和瀏覽器中播放。Flash還支持表單交互，使包含F(xiàn)lash動(dòng)畫的表單得以用于流行的電子商務(wù)領(lǐng)域。1.2 認(rèn)識Flash CS6動(dòng)畫設(shè)計(jì)一、Flash的發(fā)展Flash的前身叫FutureSplash Animator，由美國的喬納森蓋伊在1996年夏季正式，發(fā)行并很快獲得了Microsoft和迪士尼兩大巨頭公司的青睞，分別成為它的兩個(gè)最大的客戶。FutureSplash Animator的巨大潛力，吸引了當(dāng)時(shí)實(shí)力較強(qiáng)的Macromedia公司的注意，于是在1996年11月，Macromedia公司僅用50萬美元就成功并購，喬納森蓋伊的公司，并將FutureSplash Animat

10、or改名為Macromedia Flash 1.0。經(jīng)過9年的升級換代，2005年Macromedia公司推出Flash 8.0版本，同時(shí)Flash也發(fā)展成為全球最流行的二維動(dòng)畫制作軟件。同年，Adobe公司以34億美元的價(jià)格收購了整個(gè)Macromedia公司，并于2007年發(fā)行Flash CS6（Flash 9.0）。從此，F(xiàn)lash發(fā)展到一個(gè)新的階段。（二）Flash CS6界面啟動(dòng)Flash CS6，進(jìn)入操作界面，其中包括菜單欄、時(shí)間軸、工具箱、舞臺、【屬性】檢查器（也稱【屬性】面板）、浮動(dòng)面板等。1、菜單欄菜單欄包括【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、【命令】、

11、【控制】、【調(diào)試】、【窗口】及【幫助】菜單，每個(gè)菜單又都包含若干個(gè)菜單項(xiàng)。實(shí)際上每一個(gè)菜單項(xiàng)都是一個(gè)命令，可以實(shí)現(xiàn)文件操作、編輯、視窗選擇、動(dòng)畫幀添加、動(dòng)畫調(diào)整、字體設(shè)置、動(dòng)畫調(diào)試、打開浮動(dòng)面板等操作。2、工具箱工具箱位于設(shè)計(jì)界面右側(cè)，在這里放置了創(chuàng)作Flash動(dòng)畫的“十八般兵器”，各種工具有不同的用途和用法，讀者需要通過實(shí)際操作將其熟練掌握。將鼠標(biāo)指針指向工具箱中的不同工具時(shí)，將顯示該工具的名稱。3、舞臺舞臺是用于繪制和編輯動(dòng)畫的矩形區(qū)域，在舞臺中可以加入矢量圖形、文本框、按鈕，導(dǎo)入位圖圖形或視頻剪輯。只有舞臺上的內(nèi)容才會(huì)出現(xiàn)在動(dòng)畫中。場景是與舞臺相關(guān)的概念。在當(dāng)前編輯的動(dòng)畫窗口中，編輯動(dòng)畫

12、內(nèi)容的整個(gè)區(qū)域叫作場景?？梢栽谡麄€(gè)場景內(nèi)繪制和編輯圖形，但是最終僅顯示場景中舞臺區(qū)域的內(nèi)容。場景中舞臺之外的灰色區(qū)域通常稱為工作區(qū)。4、時(shí)間軸時(shí)間軸用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)，并控制各個(gè)場景的切換以及“演員”出場的時(shí)間順序。時(shí)間軸左側(cè)為圖層控制區(qū)，用于新建、刪除和重命名圖層。時(shí)間軸右側(cè)為幀控制區(qū)，可以顯示場景中哪些地方有動(dòng)畫?？梢栽跁r(shí)間軸中插入、刪除、選擇和移動(dòng)幀，也可以將幀拖動(dòng)到同一層中的不同位置，或是拖動(dòng)到不同的層中。5、浮動(dòng)面板浮動(dòng)面板用于查看、組織和更改文檔中元素的特征。用戶可以根據(jù)個(gè)人習(xí)慣和設(shè)計(jì)需要僅顯示部分面板，在【窗口】主菜單中選取需要顯示的浮動(dòng)面板名稱（

13、如【行為】【對齊】和【顏色】等），在設(shè)計(jì)界面上即可打開該面板。（6）【屬性】面板【屬性】面板用于查看、組織和更改媒體、資源及其屬性，通常配置在界面底部。1.3 案例解析制作“大紅大吉” Flash動(dòng)畫制作流程主要包括新建Flash文檔、編輯場景、保存影片和發(fā)布影片4個(gè)步驟，其中編輯動(dòng)畫是流程的關(guān)鍵，發(fā)布影片控制發(fā)布影片的大小、質(zhì)量、文件格式等重要內(nèi)容，也十分重要。下面通過一個(gè)簡單動(dòng)畫的制作過程使用讀者體驗(yàn)Flash CS6動(dòng)畫的制作過程，最終完成的效果如圖所示。一、創(chuàng)建新文件運(yùn)行Flash CS6，首先顯示圖所示的初始用戶界面，選擇【新建】/【Flash文件（ActionScript 3.0）

14、】命令，新建一個(gè)Flash文檔。二、制作背景（1）選擇【修改】/【文檔】命令，彈出【文檔設(shè)置】對話框，在【高度】文本框中輸入“300像 素”，其他屬性保持默認(rèn)即可，然后單擊 確定按鈕完成設(shè)置。（2） 在【時(shí)間軸】面板左側(cè)的圖層名稱“圖層1”上雙擊鼠標(biāo)左鍵，當(dāng)圖層名稱變成可編輯狀態(tài)時(shí)輸入“背景”，將默認(rèn)的“圖層1”重命名為“背景”。選擇【矩形】工具 ，拖曳鼠標(biāo)在舞臺上繪制一個(gè)矩形，效果如圖。（3）選擇【選擇】工具 ，雙擊剛才繪制的矩形，然后在【屬性】面板中設(shè)置矩形的筆觸顏色為“無”，填充類型為【線性漸變】，【寬】【高】分別為“550”“300”，位置x、y坐標(biāo)均為“0”。（4）在【顏色】面板中設(shè)

15、置線性漸變的第1個(gè)色塊顏色為“FF0000”（紅色），第2個(gè)色塊顏色為“CC0000”（暗紅色）三、輸入文字四、導(dǎo)入素材（1）新建圖層并重命名為“特效”，然后單擊該圖層并將其拖曳到“文字”圖層的下面。（2） 選擇【文件】/【導(dǎo)入】/【打開外部庫】命令，打開素材文件“素材項(xiàng)目一制作大紅大吉特效庫.fla”。（3）按住鼠標(biāo)左鍵將“星星”元件拖曳到舞臺中，在拖曳過程中，操作界面會(huì)自動(dòng)顯示“星星”元件的虛框。五、保存和發(fā)布影片（1）動(dòng)畫制作完成，按CtrlS組合鍵保存影片。（2）選擇【文件】/【發(fā)布設(shè)置】命令，彈出圖所示的【發(fā)布設(shè)置】對話框。（3）全部保持默認(rèn)設(shè)置，單擊 發(fā)布按鈕發(fā)布影片，然后單擊 確

16、定按鈕完成發(fā)布設(shè)置（也可以按F12鍵發(fā)布影片）。至此，動(dòng)畫制作完成。第2章 制作素材 掌握Flash CS6繪圖工具的使用方法。 掌握使用Flash CS6繪圖工具繪圖的技巧。 掌握素材的導(dǎo)入方法。 掌握使用導(dǎo)入素材進(jìn)行動(dòng)畫設(shè)計(jì)的一般流程。2.1 繪制素材一、Flash繪圖工具二、矢量圖形與位圖圖像使用Flash繪圖工具繪制出的素材是矢量圖形，可以對其進(jìn)行移動(dòng)、調(diào)整大小、重定形狀、更改顏色等操作，而不影響素材的品質(zhì)。位圖圖像也叫像素圖，它由像素或點(diǎn)的網(wǎng)格組成，與矢量圖形相比，位圖圖像更容易模擬照片的真實(shí)效果。矢量圖形與位圖圖像放大前后的效果對比如圖所示。三、圖層的概念圖層就像透明的醋酸纖維薄片

17、一樣，在舞臺上一層一層地向上疊加。它可以幫助用戶組織文檔中的插圖?？梢栽谝粋€(gè)圖層上繪制和編輯對象，而不會(huì)影響其他圖層上的對象。如果某個(gè)圖層沒有內(nèi)容，就可以透過它看到下面圖層的內(nèi)容，如圖所示。操作一 【重點(diǎn)案例】制作“浪漫人生”操作步驟1、繪制背景 2、繪制草地3、繪制云彩4、繪制太陽5、導(dǎo)入素材導(dǎo)入植物導(dǎo)入房子導(dǎo)入人6、制作標(biāo)題操作二 【突破提高】制作“精美盆景”本案例主要練習(xí)使用Flash CS6的繪圖工具繪制一個(gè)花盆，并在花盆的旁邊點(diǎn)綴兩顆星星。最終效果如圖。操作步驟1、繪制花盆底部2、 繪制“盆心”3、 繪制“花苗”4、繪制裝飾的星星2.2 導(dǎo)入素材一、導(dǎo)入素材的方法1、導(dǎo)入舞臺2、導(dǎo)入

18、庫GIF圖像導(dǎo)入庫靜態(tài)圖像導(dǎo)入庫二、編輯圖像的常用操作1、編輯圖片選中舞臺中的圖像，按CtrlB組合鍵將其打散，這樣可以使用【選擇】工具 對其部分區(qū)域進(jìn)行選擇拖放。用【橡皮擦】工具 擦去需要去除的部分。2、去除圖像背景（純色或者近似同樣顏色的背景）先將圖像打散，然后選擇【套索】工具 ，此時(shí)工具箱下方出現(xiàn)【魔術(shù)棒】按鈕 、【魔術(shù)棒設(shè)置】按鈕 和【多邊形模式】按鈕 ，設(shè)置“魔術(shù)棒”圖標(biāo)處于按下狀態(tài)，當(dāng)鼠標(biāo)指針變成魔術(shù)棒的形狀時(shí)，在背景處單擊鼠標(biāo)左鍵，會(huì)發(fā)現(xiàn)整個(gè)背景都被選中，然后按Delete鍵將其刪除。刪除背景前后的對比效果如所示。3、選擇聲音格式聲音要占用大量的磁盤空間和內(nèi)存，不同聲音格式占用的

19、空間不同，選擇合理的聲音格式可以使動(dòng)畫更加小巧靈活。MP3格式聲音經(jīng)過壓縮后，比 WAV 或 AIFF格式聲音小。MP3一般用于MTV，而小段的動(dòng)感音樂一般用WAV就可以了。4、導(dǎo)入聲音選擇【文件】/【導(dǎo)入】/【導(dǎo)入到庫】命令，彈出【導(dǎo)入到庫】對話框，選擇要導(dǎo)入的聲音文件，然后單擊 按鈕，聲音被直接導(dǎo)入【庫】面板中。選中時(shí)間軸上的任一幀，在【屬性】面板中可設(shè)置加入聲音。5、設(shè)置聲音屬性可以在聲音屬性面板的【效果】/【同步】下拉列表，見圖中，設(shè)置聲音播放的效果。 6、導(dǎo)入視頻的方法選擇【文件】/【導(dǎo)入】/【導(dǎo)入視頻】命令，彈出【導(dǎo)入視頻】對話框，單擊 瀏覽按鈕，找到需要導(dǎo)入的視頻文件，其余保持默

20、認(rèn)設(shè)置即可，將視頻導(dǎo)入時(shí)間軸進(jìn)行播放。Flash CS6只能導(dǎo)入FLV格式的視頻文件，其他格式的視頻文件需要利用Flash CS6中的“Adobe Media Encoder.exe”插件進(jìn)行格式轉(zhuǎn)換后方可導(dǎo)入。操作一 【基礎(chǔ)練習(xí)】制作“中秋快樂”本案例將使用Flash CS6的導(dǎo)入圖像功能制作“中秋快樂”動(dòng)畫場景，最終效果如圖（上）所示，制作流程如圖（下）所示。一、 導(dǎo)入背景圖片二、制作背景漸顯動(dòng)畫三、制作標(biāo)題操作二 【重點(diǎn)案例】制作“美聲音樂”操作步驟1、導(dǎo)入音樂文件2、把音頻文件加入動(dòng)畫中選擇“音樂”圖層的第1幀，在【屬性】面板的【聲音】下拉列表中選擇剛才導(dǎo)入的音頻文件，在【效果】下拉列

21、表中選擇【淡入】選項(xiàng)，在【同步】下拉列表中選擇【事件】選項(xiàng)，如圖所示。 保存測試影片，完成動(dòng)畫的制作。操作三 【突破提高】制作“液晶電視”操作步驟1、導(dǎo)入背景2、制作開場特效3、導(dǎo)入視頻第3章 制作逐幀動(dòng)畫 了解逐幀動(dòng)畫的制作原理。 掌握使用逐幀動(dòng)畫的方法。 掌握對幀的各種操作。 了解元件和庫的概念。3.1 了解逐幀動(dòng)畫制作原理一、幀的類型 Flash動(dòng)畫由一定數(shù)量的幀組成，一幀就是動(dòng)畫中最小單位的單幅影像畫面，相當(dāng)于電影膠片上的每一格鏡頭，在Flash時(shí)間軸上，幀表現(xiàn)為一格或一個(gè)標(biāo)記。幀又分為關(guān)鍵幀和普通幀兩類。各個(gè)關(guān)鍵幀之間的幀通常由軟件創(chuàng)建，這些幀叫作過渡幀或者中間幀。（1）關(guān)鍵幀關(guān)鍵幀

22、相當(dāng)于二維動(dòng)畫中的原畫，是指角色或者物體運(yùn)動(dòng)或變化中的關(guān)鍵動(dòng)作所處的幀。在Flash中，每個(gè)關(guān)鍵幀都可以被賦予更多的用途。普通關(guān)鍵幀：用于處理圖形圖像和動(dòng)畫。動(dòng)作腳本關(guān)鍵幀：用于存放動(dòng)作腳本，通過動(dòng)作腳本控制Flash影片和其中的影片剪輯。空白關(guān)鍵幀：不包含任何對象的關(guān)鍵幀。單個(gè)關(guān)鍵幀在時(shí)間軸上用一個(gè)黑色圓點(diǎn)表示，空白關(guān)鍵幀上顯示為一個(gè)空心圓點(diǎn)。動(dòng)作補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、AS代碼、關(guān)鍵幀和空白關(guān)鍵幀在時(shí)間軸中的顯示如圖所示。（2）普通幀普通幀是指內(nèi)容沒有變化的幀，通常用來延長動(dòng)畫的播放時(shí)間。空白關(guān)鍵幀后面的普通幀顯示為白色，關(guān)鍵幀后面的普通幀顯示為淺灰色。普通幀的最后一幀顯示為一個(gè)中空矩形，

23、圖所示為普通幀在時(shí)間軸中的顯示效果。二、幀操作命令快捷鍵功能創(chuàng)建補(bǔ)間動(dòng)畫在當(dāng)前選擇幀的關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間形狀在當(dāng)前選擇幀的關(guān)鍵幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫插入幀F(xiàn)5在當(dāng)前位置插入一個(gè)普通幀，此幀將延續(xù)上幀的內(nèi)容刪除幀Shift+F5刪除選擇的幀插入關(guān)鍵幀F(xiàn)6在當(dāng)前位置插入關(guān)鍵幀并將前一關(guān)鍵幀的作用時(shí)間延長到該幀之前插入空白關(guān)鍵幀F(xiàn)7在當(dāng)前位置插入一個(gè)空白關(guān)鍵幀清除關(guān)鍵幀Shift+F6清除選擇的關(guān)鍵幀，使其變?yōu)槠胀◣D(zhuǎn)換為關(guān)鍵幀將選擇的普通幀轉(zhuǎn)換為關(guān)鍵幀轉(zhuǎn)換空白關(guān)鍵幀將選擇的幀轉(zhuǎn)換為空白關(guān)鍵幀命令快捷鍵功能剪切幀Ctrl+Alt+X剪切當(dāng)前選擇的幀復(fù)制幀Ctrl+Alt+C復(fù)制當(dāng)前選

24、擇的幀粘貼幀Ctrl+Alt+V將剪切或復(fù)制的幀粘貼到當(dāng)前位置清除幀Alt+Backspace清除選擇的關(guān)鍵幀 選擇所有幀Ctrl+Alt+A選擇時(shí)間軸中的所有幀翻轉(zhuǎn)幀將選擇的幀翻轉(zhuǎn)，只有在選擇了兩個(gè)或兩個(gè)以上的關(guān)鍵幀時(shí)，該命令才有效同步符號如果所選幀中包含圖形元件實(shí)例，那么選擇此命令將確保在制作動(dòng)作補(bǔ)間動(dòng)畫時(shí)，圖形元件的幀數(shù)與動(dòng)作補(bǔ)間動(dòng)畫的幀數(shù)同步動(dòng)作F9為當(dāng)前選擇的幀添加ActionScript代碼三、逐幀動(dòng)畫的原理逐幀動(dòng)畫的原理是逐一創(chuàng)建出每一幀的動(dòng)畫內(nèi)容，然后按照幀的順序播放，從而實(shí)現(xiàn)連續(xù)的動(dòng)畫效果。創(chuàng)建逐幀動(dòng)畫的典型方法主要有以下3種。（1）從外部導(dǎo)入素材生成逐幀動(dòng)畫，如導(dǎo)入靜態(tài)圖片

25、、序列圖像、GIF動(dòng)態(tài)圖片等。（2）使用數(shù)字或者文字制作逐幀動(dòng)畫，如實(shí)現(xiàn)文字跳躍或旋轉(zhuǎn)等特效的動(dòng)畫。（3）繪制矢量逐幀動(dòng)畫，利用各種制作工具在場景中繪制連續(xù)變化的矢量圖形，從而形成逐幀動(dòng)畫。操作一【基礎(chǔ)練習(xí)】制作“打字機(jī)效果”1、新建一個(gè)Flash文檔（1）設(shè)置文檔尺寸為“380像素140像素”。 （2）設(shè)置【幀頻】為“3fps” 。 （3）設(shè)置背景顏色為“#0066FF” 。（4）其他屬性保持默認(rèn)設(shè)置。2、創(chuàng)建背景（1）將“圖層1”重命名為“背景層”。 （2）插入一個(gè)名為“文字層”的圖層。 （3）選中“背景層”圖層，選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，導(dǎo)入素材文件“素材項(xiàng)目三制作打字

26、機(jī)效果背景圖片.jpg”，并將其設(shè)置為與舞臺居中對齊，如圖所示。3、創(chuàng)建文字（1）選中“文字層”圖層。 （2）選擇【文本】工具 ，文字的屬性設(shè)置如圖3-8所示，設(shè)置字體為【華文新魏】，字體大小為“60”，文本顏色為“紅色”、左對齊。 （3）在場景中輸入文字“恭喜發(fā)財(cái)”，然后調(diào)整其位置，效果如圖所示。4、 創(chuàng)建動(dòng)畫（1）選中“文字層”圖層的第2幀，然后按住Shift鍵單擊第4幀，從而把第2幀到第4幀全部選中，再單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【轉(zhuǎn)換為關(guān)鍵幀】命令。轉(zhuǎn)換后的時(shí)間軸狀態(tài)如圖所示。 （2）選中“背景層”圖層的第8幀，按F5鍵插入幀。 （3）選中“文字層”圖層的第8幀，按F5鍵插入幀

27、。 （4）選中“文字層”圖層的第1幀，然后單擊文本使之處于可編輯狀態(tài)，刪除文字“喜發(fā)財(cái)”，刪除后的文本效果如下圖1所示。4、 創(chuàng)建動(dòng)畫選中“文字層”圖層的第2幀，使用同樣方法刪除文字“發(fā)財(cái)”，刪除后的文本效果如圖2所示。 選中“文字層”圖層的第3幀，使用同樣的方法刪除文字“財(cái)”，刪除后的文本效果如圖3所示。第4幀保持不變。5、預(yù)覽動(dòng)畫至此，本例的全部動(dòng)畫已完成，按Ctrl+S組合鍵保存文檔，按Ctrl+Enter組合鍵瀏覽動(dòng)畫效果。本例展示了逐幀動(dòng)畫的制作原理。在不同的動(dòng)畫幀上具有不同的舞臺內(nèi)容，順序播放時(shí)就形成了完整而有序的動(dòng)畫。本例還介紹了文字創(chuàng)建逐幀動(dòng)畫的方法，其設(shè)計(jì)關(guān)鍵在于調(diào)整當(dāng)前顯示

28、文字的數(shù)量，使其逐漸增加，產(chǎn)生打字機(jī)打字的效果。操作二【重點(diǎn)案例】制作“幻燈片效果”1、新建文件新建一個(gè)Flash文檔，設(shè)置文檔【尺寸】為“500像素300像素”，【幀頻】為“1fps”，其他屬性保持默認(rèn)設(shè)置，如圖所示。2、導(dǎo)入圖片a（1）選中“圖層1”圖層的第1幀，選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，導(dǎo)入文件“素材項(xiàng)目三制作幻燈片效果a.png”。 （2）選中導(dǎo)入的圖片，按照圖左設(shè)置圖片尺寸，效果如圖右所示。3、導(dǎo)入圖片b（1）選中“圖層1”圖層的第2幀，按F7鍵插入一個(gè)空白關(guān)鍵幀。（2） 選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，導(dǎo)入文件“素材項(xiàng)目三制作幻燈片效果b.png”。

29、（3）使用與上圖a相同的參數(shù)調(diào)整圖片尺寸，效果如圖所示。4、導(dǎo)入其他圖片5、預(yù)覽動(dòng)畫至此，本例的全部動(dòng)畫完成，按Ctrl+S組合鍵保存文檔，按Ctrl+Enter組合鍵瀏覽動(dòng)畫效果。本例在不同的關(guān)鍵幀上放置不同的圖片，形成在場景中不斷切換圖片的效果，增加了圖片的動(dòng)感。學(xué)習(xí)本例，讀者可以輕松掌握通過導(dǎo)入外部靜態(tài)圖片創(chuàng)建逐幀動(dòng)畫的方法。操作三 【突破提高】制作“風(fēng)云變幻的天空”1、新建文件2、導(dǎo)入圖片（1）選中“圖層1”圖層的第1幀，選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，打開文件“素材項(xiàng)目三制作風(fēng)云變幻的天空”，雙擊圖片“image2.jpg”，如圖所示。（2）在彈出的提示對話框中單擊【是】

30、 按鈕，如圖左所示，此時(shí)時(shí)間軸狀態(tài)如圖右所示。3、預(yù)覽動(dòng)畫至此，本例的全部動(dòng)畫制作完成，按Ctrl+S組合鍵保存文檔，按Ctrl+Enter組合鍵瀏覽動(dòng)畫效果。通過本案例的學(xué)習(xí)，讀者可以初步掌握從外部導(dǎo)入序列圖像創(chuàng)建逐幀動(dòng)畫的方法，其重點(diǎn)在于將一組有一定關(guān)聯(lián)的序列圖片依次放置在連續(xù)幀上，這樣在順序播放各個(gè)動(dòng)畫幀時(shí)會(huì)產(chǎn)生動(dòng)態(tài)變換的效果。3.2 使用元件和庫創(chuàng)建動(dòng)畫” 一、元件和庫的概念元件是指創(chuàng)建一次即可多次重復(fù)使用的圖形、按鈕和影片剪輯，以實(shí)例的形式來體現(xiàn)，庫是容納和管理元件的工具。元件在舞臺上的顯示元件和庫二、使用元件的優(yōu)點(diǎn)（1）可以簡化動(dòng)畫的編輯。在動(dòng)畫編輯過程中，把要多次使用的元素做成元

31、件，如果修改該元件，那么應(yīng)用于動(dòng)畫中的所有實(shí)例也將自動(dòng)改變，而不必逐一修改，大大節(jié)省了制作時(shí)間。（2）減小動(dòng)畫文件。重復(fù)的信息只保存一次，其他引用只保存引用指針，因此使用元件可以大大減小動(dòng)畫文件。（3）加快文件的下載速度。只需要下載一次元件到瀏覽器端，因此可以加快動(dòng)畫的下載速度。三、元件的類型元件的類型有3種，即圖形元件 、按鈕元件 和影片剪輯元件。操作一 【基礎(chǔ)練習(xí)】制作“動(dòng)物的奧運(yùn)” 1、背景制作2、制作奔跑的馬（1）選擇【插入】/【新建元件】命令，新建一個(gè)名為“千里馬”的影片剪輯元件，繪制其奔跑效果如圖（上）所示，最終的場景效果如（下）圖所示。（2）選擇【插入】/【新建元件】命令，新建一

32、個(gè)名為“黑馬”的影片剪輯元件，繪制其奔跑效果如圖所示。3、制作奔跑路線4、完成后效果操作二 【重點(diǎn)案例】書寫“生日快樂” 1、制作背景（1）新建一個(gè)Flash文檔，設(shè)置文檔尺寸為“800像素700像素”，文檔其他屬性保持默認(rèn)設(shè)置。（2）將默認(rèn)的圖層名稱“圖層1”重命名為“背景”，然后選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，將素材文件“素材項(xiàng)目三書寫生日快樂背景.png”導(dǎo)入舞臺，如圖所示。2、制作“生”字的書寫效果。（1）新建一個(gè)“影片剪輯”元件并命名為“文字”，單擊【確定】 按鈕進(jìn)入元件的編輯模式。 （2）選中默認(rèn)的“圖層1”圖層的第1幀，選擇【文本】工具 ，在舞臺輸入“生日快樂”4個(gè)字

33、。在【屬性】面板中設(shè)置字體為“方正舒體”，字體大小為“95”，文本顏色為“紅色”，使其相對舞臺居中對齊。（3）選中文字，按Ctrl+B組合鍵將其打散，效果如左圖所示。用鼠標(biāo)右鍵單擊文字，在彈出的快捷菜單中選擇【分散到圖層】命令，將4個(gè)文字分散到不同的圖層上，此時(shí)的時(shí)間軸狀態(tài)如右圖所示。（4）刪除“圖層1”圖層，然后調(diào)整圖層的順序從下到上為“生” “日”“快” “樂”，如圖所示。（5）選中“生”圖層上的文字，按Ctrl+B組合鍵將文字打散。（6）選中“生”圖層的第2幀，按F6鍵插入一個(gè)關(guān)鍵幀，選擇【橡皮檫】工具 ，擦除“生”字最下邊一橫右邊的一小部分，效果如圖所示。（7）在“生”圖層的第3幀插入

34、一個(gè)關(guān)鍵幀，繼續(xù)擦除“生”字最下邊一橫右端的一小部分，效果如圖。（8）重復(fù)上面的步驟，直到把文字擦除得剩下很小的一部分。 此時(shí)的時(shí)間軸狀態(tài)如圖所示。（9）選擇“生”圖層的所有幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【翻轉(zhuǎn)幀】命令。（10）按Enter鍵預(yù)覽動(dòng)畫，可以看到舞臺上按書寫時(shí)的筆畫順序顯示出一個(gè)“生”字。（11）在“生”圖層的上面新建一個(gè)圖層并重命名為“手”，選擇【文件】/【導(dǎo)入】/【打開外部庫】命令，打開素材文件“素材項(xiàng)目三書寫“生日快樂”手.flv”，導(dǎo)入其中的“手”圖形元件。（12）將“手”元件拖入舞臺中，移動(dòng)袋尖位于“生”字第一畫的起始位置。（13）選中“手”圖層的第2幀，按F

35、6鍵插入一個(gè)關(guān)鍵幀。將“手”元件移動(dòng)到“生”字第一撇顯示部分的末端。（14）使用同樣的方法逐幀移動(dòng)“手”元件，直到使用“手”元件模擬寫完整個(gè)“生”字。3、制作其他文字的寫作效果（1）將“日”圖層拖到“手”圖層的下邊，并將“日”圖層的第1幀拖到第25幀處，效果如圖所示。（2）用上述同樣的方法分別制作“日” “快”和“樂”圖層。（3）在所有圖層的第105幀按F5鍵插入幀，此時(shí)的時(shí)間軸狀態(tài)如圖所示。（4）單擊 【場景1】按鈕，退出元件編輯模式，返回主場景。 （5）在“背景”圖層上新建一個(gè)圖層并重命名為“寫作效果”，將【庫】面板中的“文字”影片剪輯元件拖曳到舞臺并調(diào)整其位置，如圖所示。 （6）保存測試

36、影片，在蛋糕上書寫“生日快樂”文字的動(dòng)畫效果制作完成。操作三 【突破提高】制作“顯示器促銷” 制作顯示器抖動(dòng)效果制作裂口產(chǎn)生效果制作文字效果動(dòng)畫效果110152025303540動(dòng)畫效果2動(dòng)畫效果31、布置場景2、制作顯示器抖動(dòng)效果3、制作裂口效果4、制作拳頭打擊效果5、制作文字效果6、制作碎片飛出效果第4章 制作補(bǔ)間形狀動(dòng)畫 了解補(bǔ)間形狀動(dòng)畫的制作原理。 掌握補(bǔ)間形狀動(dòng)畫的創(chuàng)建方法。 掌握使用補(bǔ)間形狀動(dòng)畫表現(xiàn)事物變化的過程。 掌握形狀提示點(diǎn)的原理和使用方法。4.1 了解補(bǔ)間形狀動(dòng)畫制作原理一、補(bǔ)間形狀動(dòng)畫的原理在一個(gè)關(guān)鍵幀中繪制一種物體的形狀，然后在另一個(gè)關(guān)鍵幀中更改該物體的形狀或繪制另一種

37、物體的形狀，F(xiàn)lash CS6可在兩者之間的各幀中自動(dòng)創(chuàng)建形狀逐漸變化的過渡幀，最后生成完整的動(dòng)畫，這種動(dòng)畫類型就是“補(bǔ)間形狀動(dòng)畫”。補(bǔ)間形狀動(dòng)畫可以實(shí)現(xiàn)兩個(gè)矢量圖形之間顏色、形狀、位置的變化。二、創(chuàng)建補(bǔ)間形狀動(dòng)畫 在同一圖層的不同矢量圖形的兩關(guān)鍵幀之間任選一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間形狀】命令，可以創(chuàng)建一個(gè)補(bǔ)間形狀動(dòng)畫，如圖所示。 三、認(rèn)識補(bǔ)間形狀動(dòng)畫的屬性面板Flash CS6的【屬性】面板隨選定對象的不同發(fā)生相應(yīng)的變化。建立一個(gè)補(bǔ)間形狀動(dòng)畫后，其中經(jīng)常使用的參數(shù)有以下兩種。（1）【緩動(dòng)】文本框在【緩動(dòng)】文本框中輸入相應(yīng)的數(shù)值，補(bǔ)間形狀動(dòng)畫會(huì)隨之發(fā)生相應(yīng)的變化。其值

38、為1000時(shí)，動(dòng)畫變化的速度從慢到快。其值為0100時(shí)，動(dòng)畫變化的速度從快到慢。緩動(dòng)值為0時(shí)，補(bǔ)間幀之間的變化速率是不變的。（2）【混合】下拉列表在【混合】下拉列表中包含【角形】和【分布式】兩個(gè)選項(xiàng)?！窘切巍浚罕硎緞?chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀?！痉植际健浚罕硎緞?chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則。操作一 【基礎(chǔ)練習(xí)】制作“雄雞變羊羔” 設(shè)計(jì)思路如下。 導(dǎo)入圖片“雞”和“羊”。 創(chuàng)建“雞”變形到“羊”的動(dòng)畫。 添加形狀提示使變形達(dá)到預(yù)期的效果。1、創(chuàng)建影片2、創(chuàng)建“雞”變成“羊”動(dòng)畫3、創(chuàng)建“雞”變成“羊”動(dòng)畫4、預(yù)覽動(dòng)畫操作二【重點(diǎn)案例】制作“漢字

39、的演變”1、 繪制太陽2、制作補(bǔ)間形狀動(dòng)畫3、制作“月”字使用相同的方法制作“月”字的演變過程。4、保存保存測試影片，文字演變過程的動(dòng)畫制作完成。操作三【突破提高】制作“浪漫的綻放”1、制作葉片的生長動(dòng)畫2、制作花梗的生長動(dòng)畫3、制作花瓣的生長動(dòng)畫4.2 掌握形狀提示點(diǎn)原理一、添加形狀提示單擊補(bǔ)間形狀動(dòng)畫的開始幀，選擇【修改】/【形狀】/【添加形狀提示】命令，在形狀上會(huì)增加一個(gè)帶字母的紅色圓圈，相應(yīng)地，在結(jié)束幀的形狀上也會(huì)增加形狀提示符所示。分別將這兩個(gè)形狀提示符放置到適當(dāng)?shù)奈恢脮r(shí)，起始關(guān)鍵幀上的形狀提示點(diǎn)為黃色，結(jié)束關(guān)鍵幀的形狀提示點(diǎn)為綠色。二、 形狀提示點(diǎn)原理繼續(xù)添加形狀提示點(diǎn)，并調(diào)節(jié)提示

40、點(diǎn)位置，此時(shí)圖形變化的過程如圖所示。下圖所示為未添加形狀提示點(diǎn)的變化過程，經(jīng)過觀察可以清楚地了解形狀提示的功能和原理，即形狀提示點(diǎn)用于識別起始形狀和結(jié)束形狀中相對應(yīng)的點(diǎn)，并用字母az表示。操作一 【基礎(chǔ)練習(xí)】制作“蝙蝠飛翔” 操作步驟（1）打開素材文件“素材項(xiàng)目四制作蝙蝠飛翔飛翔的蝙蝠.fla”。 （2）分別在第1幀第10幀、第11幀第20幀、第21幀第30幀、第31幀第40幀創(chuàng)建補(bǔ)間形狀動(dòng)畫，拖動(dòng)時(shí)間軸觀察圖形的漸變效果，如圖所示。（3）選中“圖層1”的第1幀，選擇【修改】/【形狀】/【添加形狀提示】命令，添加一個(gè)形狀提示點(diǎn)，并將其拖曳到蝙蝠的翅膀上，如左圖所示。 （4）選中第10幀，將提示

41、點(diǎn)也拖曳到蝙蝠的翅膀上，此時(shí)形狀提示點(diǎn)變?yōu)榫G色，如右圖所示。（5）使用同樣的方法添加3個(gè)形狀提示點(diǎn)，并分別在第1幀和第10幀調(diào)整提示點(diǎn)的位置，效果如圖所示。（6）使用同樣的方法為后續(xù)的補(bǔ)間形狀動(dòng)畫添加形狀提示點(diǎn)，左圖所示為第31幀的形狀提示點(diǎn)，右圖所示為第40幀的形狀提示點(diǎn)。（7） 拖動(dòng)時(shí)間軸觀察這個(gè)補(bǔ)間形狀動(dòng)畫的變換效果，如圖所示。操作二 【重點(diǎn)案例】制作“翻書效果” 操作步驟操作三【突破提高】制作“旋轉(zhuǎn)三棱錐” “旋轉(zhuǎn)三棱錐”制作流程圖1、素材準(zhǔn)備2、設(shè)置主場景3、繪制輔助圖形4、制作旋轉(zhuǎn)三棱錐效果打散圖片分離后圖片5、制作第一張圖片的動(dòng)畫6、 制作其他圖片的動(dòng)畫制作“第二面”和“第三面”

42、圖層上動(dòng)畫效果的方法與制作“第一面”的方法相同。7 、 刪除“輔助層”圖層，刪除后的時(shí)間軸效果如圖所示。第5章 制作補(bǔ)間動(dòng)畫 了解補(bǔ)間動(dòng)畫的制作原理。 掌握制作補(bǔ)間動(dòng)畫的基本方法和流程。 掌握時(shí)間軸特效的原理和使用方法。 總結(jié)制作補(bǔ)間動(dòng)畫的一般技巧。5.1 制作傳統(tǒng)補(bǔ)間動(dòng)畫一、認(rèn)識傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫處理的動(dòng)畫對象是舞臺中組合后的矢量圖形、字符、引入的元件實(shí)例，以及其他導(dǎo)入的素材對象等。傳統(tǒng)補(bǔ)間動(dòng)畫可以使對象產(chǎn)生位置、大小、旋轉(zhuǎn)等變化效果，還可以使引入的元件實(shí)例產(chǎn)生顏色、透明度的變化，實(shí)現(xiàn)諸如淡入淡出等效果，如圖所示。二、創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫的方法在存儲(chǔ)同一元件兩種不同屬性的兩關(guān)鍵幀之間任選一

43、幀，在該幀上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫】命令，如左圖所示，即可創(chuàng)建補(bǔ)間動(dòng)畫。如果兩關(guān)鍵幀中任何一個(gè)關(guān)鍵幀的內(nèi)容為空，創(chuàng)建補(bǔ)間動(dòng)畫就會(huì)失敗，如右圖所示。三、認(rèn)識補(bǔ)間動(dòng)畫的【屬性】面板操作一【重點(diǎn)案例】制作“波浪文字”1、布置場景2、制作波浪動(dòng)畫操作二【突破提高】制作“滋養(yǎng)大地打開模板制作水流出制作水下落制作水滲入制作濕潤效果制作花草效果1040701001301601902202502801、 制作水流動(dòng)畫2、制作大地綠化過程5.2 制作補(bǔ)間動(dòng)畫一、創(chuàng)建補(bǔ)間動(dòng)畫的方法補(bǔ)間動(dòng)畫區(qū)別于其他動(dòng)畫的一大特點(diǎn)是，可以應(yīng)用3D工具實(shí)現(xiàn)三維動(dòng)畫效果。補(bǔ)間動(dòng)畫可為元件（或文本字段）創(chuàng)

44、建運(yùn)動(dòng)軌跡，還可為元件的運(yùn)動(dòng)增加豐富的細(xì)節(jié)。創(chuàng)建補(bǔ)間動(dòng)畫的方法十分簡單，在包含一個(gè)元件的圖層的任意一幀單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫】命令，即可創(chuàng)建補(bǔ)間動(dòng)畫，如圖所示。（1）如果圖層是普通圖層，它將成為補(bǔ)間圖層。如果是引導(dǎo)圖層、遮罩圖層或被遮罩圖層，它將成為補(bǔ)間引導(dǎo)圖層、補(bǔ)間遮罩圖層或補(bǔ)間被遮罩圖層。（2）在時(shí)間軸中拖動(dòng)補(bǔ)間范圍的任意一端，可以按所需長度縮短或延長范圍。（3）還可以拖動(dòng)鼠標(biāo)將補(bǔ)間區(qū)域全部選中，進(jìn)行整體拖放。（4）將播放頭放在補(bǔ)間范圍內(nèi)的某個(gè)幀上，然后將舞臺的對象拖到新位置，即可將動(dòng)畫添加到補(bǔ)間。（5）使用【選擇】工具 可以調(diào)整軌跡線。（6）要選中補(bǔ)間范圍內(nèi)的

45、某一幀，可按住Ctrl鍵再單擊鼠標(biāo)左鍵來選擇。二、補(bǔ)間動(dòng)畫原理可補(bǔ)間的對象類型包括影片剪輯、圖形和按鈕元件以及文本字段?？裳a(bǔ)間對象的屬性如下。2D對象的x和y位置。3D對象的z位置（僅限影片剪輯）。2D旋轉(zhuǎn)（繞z軸）。3D對象的x、y和z旋轉(zhuǎn)（僅限影片剪輯）。3D動(dòng)畫要求FLA文件在發(fā)布設(shè)置中面向ActionScript 3.0和Flash Player 10。傾斜x和y軸/縮放x和y坐標(biāo)。顏色效果。顏色效果包括Alpha（透明度）、亮度、色調(diào)和高級顏色設(shè)置。只能在元件上補(bǔ)間顏色效果。若要在文本上補(bǔ)間顏色效果，請將文本轉(zhuǎn)換為元件。濾鏡屬性（不包括應(yīng)用于圖形元件的濾鏡）。三、認(rèn)識三維工具（1）選

46、擇【工具】面板中的【3D平移】工具 ，即可對舞臺上的影片剪輯元件進(jìn)行三維平移。、（2）選擇【工具】面板中的【3D旋轉(zhuǎn)】工具 ，即可對舞臺上的影片剪輯元件進(jìn)行三維旋轉(zhuǎn)。（3）選擇舞臺上使用3D工具進(jìn)行了操作的元件，可在【屬性】面板中的【3D定位和查看】卷展欄中設(shè)置3D位置坐標(biāo)、透視角度以及消失點(diǎn)等參數(shù)。（4）透視角度：增大透視角度可使3D對象看起來更接近查看者。減小透視角度可使3D對象看起來更遠(yuǎn)。此效果與照相機(jī)鏡頭縮放效果類似。（5）消失點(diǎn)：3D影片剪輯的z軸都朝著消失點(diǎn)后退。重新定位消失點(diǎn)，可以更改沿z軸平移對象時(shí)對象的移動(dòng)方向。調(diào)整消失點(diǎn)的位置，可以精確控制舞臺上3D對象的外觀和動(dòng)畫。四、【

47、功能講解】認(rèn)識動(dòng)畫編輯器操作一 【重點(diǎn)案例】制作“圖片展示效果”1、制作“圖片1”元件的入場2、 制作“圖片1”元件的出場3、制作其他圖片動(dòng)畫使用同樣的方法為元件“圖片2”“圖片3”“圖片4”和“圖片5”制作圖片展示效果。（4）保存影片操作二 【突破提高】制作“跳跳表情”1、制作彈跳的表情（1） 打開素材文件“素材項(xiàng)目五制作跳跳表情制作模板.fla”，效果如圖所示。（2）將【庫】面板中的“微笑”影片剪輯元件拖入“微笑”圖層上，效果如圖所示。（3）創(chuàng)建補(bǔ)間動(dòng)畫（4）打開動(dòng)畫編輯器，在【緩動(dòng)】卷展欄中單擊 按鈕，在彈出的菜單中選擇【回彈】選項(xiàng)，如圖所示。（5）添加回彈效果后，在【緩動(dòng)】卷展欄中設(shè)置

48、【回彈】為“6”。（6）在【基本動(dòng)畫】卷展欄中為Y軸添加緩動(dòng)【2-回彈】。（7）將【曲線圖】區(qū)域的播放頭拖至第44幀處，然后改變場景中影片剪輯元件“微笑”的位置，完成后觀察Y軸的“曲線圖”。如圖所示。（8）返回主場景，按住Ctrl鍵單擊并選中 “微笑”圖層的第1幀，在【變形】面板中設(shè)置其【縮放寬度】和【縮放高度】均為“40%”，然后使用同樣的方法在第44幀設(shè)置其【縮放寬度】和【縮放高度】均為“40%”。（9）在【屬性】面板中設(shè)置【旋轉(zhuǎn)】為“1”次，【方向】為【順時(shí)針】，其他參數(shù)使用默認(rèn)值。如下圖（10）將【庫】中的其他表情元件拖入相應(yīng)圖層，并按照制作影片剪輯元件“微笑”動(dòng)畫同樣的方法制作其他表

49、情圖層中的彈跳動(dòng)畫效果，如圖所示。（11）將各圖層的補(bǔ)間范圍拖動(dòng)至圖所示的位置，完成所有表情彈跳動(dòng)畫的制作。2、制作逐漸消失的表情動(dòng)畫（1）將“背景”圖層的圖片復(fù)制到“遮罩”圖層上，并在“水影”圖層繪制一個(gè)和舞臺寬度相同的矩形，放置于舞臺最底端，然后設(shè)置其填充效果，如圖所示。（2）在“遮罩”圖層和“水影”圖層的第110幀插入幀，圖層效果如圖所示。（3）按住Ctrl鍵單擊選中“微笑”圖層的第44幀，將該幀復(fù)制并粘貼到該圖層的第45幀處，形成關(guān)鍵幀。（4）在所有含有“表情動(dòng)畫”的圖層上，使用同樣的方法將各圖層的最后一個(gè)關(guān)鍵幀分別復(fù)制并粘貼至下一幀。（5）選擇“得意”和“微笑”圖層之間的所有圖層，在

50、第110幀插入空白關(guān)鍵幀，第109幀插入關(guān)鍵幀，并在其他圖層的第110幀插入幀。（6）將播放頭拖至第109幀處，選中場景中的影片剪輯元件“微笑”，在【屬性】面板中設(shè)置其【Alpha】值為“20%”。（7）使用同樣的方法制作其他圖層中表情動(dòng)畫逐漸消失的效果，如圖所示。3、加入跳動(dòng)的文字（1）將【庫】中的圖形元件“文字”拖入“文字”圖層上，放置位置如圖所示。（2）拖動(dòng)時(shí)間軸觀察文字效果，如圖所示。（3）保存測試影片，跳跳表情的動(dòng)畫制作完成。第6章 制作引導(dǎo)層動(dòng)畫 了解引導(dǎo)層動(dòng)畫的制作原理。 熟悉引導(dǎo)層的創(chuàng)建方法。 掌握使用引導(dǎo)層制作動(dòng)畫的技巧。 掌握使用引導(dǎo)層模擬生物的方法。6.1 了解引導(dǎo)層動(dòng)畫

51、制作原理一、創(chuàng)建引導(dǎo)層和被引導(dǎo)層在“圖層1”上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【引導(dǎo)層】或【添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層】命令可將其轉(zhuǎn)化為引導(dǎo)層，如左圖所示，如果要將“圖層2”轉(zhuǎn)換為“被引導(dǎo)層”，需將“圖層2”拖到“圖層1”的下面，當(dāng)引導(dǎo)層的圖標(biāo)從 變?yōu)?時(shí)，釋放鼠標(biāo)左鍵，即可將其轉(zhuǎn)換為被引導(dǎo)層，如右圖所示，其中“圖層1”是引導(dǎo)層，“圖層2”是被引導(dǎo)層。二、引導(dǎo)層動(dòng)畫原理引導(dǎo)層動(dòng)畫與逐幀動(dòng)畫或補(bǔ)間動(dòng)畫不同，它是通過在引導(dǎo)層上添加線條來作為被引導(dǎo)層上元件的運(yùn)動(dòng)軌跡，從而實(shí)現(xiàn)對被引導(dǎo)層上元素路徑的約束。左圖1，2所示為被引導(dǎo)層上小球在第1幀和第50幀的位置。最右圖所示為小球的全部運(yùn)動(dòng)軌跡，通過觀察可以很

52、清晰地發(fā)現(xiàn)引導(dǎo)層的引導(dǎo)功能。操作一 【重點(diǎn)案例】制作“街頭籃球”1、 打開模板進(jìn)行分析（1）打開素材文件（2）返回主場景觀察整個(gè)舞臺，如圖所示，可以發(fā)現(xiàn)籃球在運(yùn)動(dòng)過程中要經(jīng)過“男孩的手”“籃圈”“球網(wǎng)”這3個(gè)圖形，所以根據(jù)視角分析，可以判定引導(dǎo)層應(yīng)該創(chuàng)建在“男孩”“籃圈前沿”“球網(wǎng)”這3個(gè)元件所在圖層的下面，而且在“籃板”“地板”“籃圈后沿”這3個(gè)元件所在圖層的上面。2、制作引導(dǎo)層動(dòng)畫。（1）將所有圖層鎖定，在“籃板”圖層上新建圖層并重命名為“引導(dǎo)層”，根據(jù)前面的分析，在時(shí)間軸的第4幀插入關(guān)鍵幀。（2） 在“引導(dǎo)層”的第4幀選擇【線條】工具 和【選擇】工具 ，在【屬性】面板中設(shè)置筆觸顏色為“紅

53、色”，筆觸高度為“1”，繪制出籃球運(yùn)動(dòng)的軌跡。（3） 在“引導(dǎo)層”圖層下面新建圖層并重命名為“籃球”層，在第4幀插入關(guān)鍵幀，然后將“籃球”元件從【庫】面板中拖動(dòng)到“籃球”圖層上。（4）在“籃球”圖層的第30幀插入關(guān)鍵幀，在第4幀第30幀創(chuàng)建傳統(tǒng)補(bǔ)間。（5）單擊【貼近至對象】按鈕 ，選擇【選擇】工具 ，設(shè)置籃球在第4幀的位置到引導(dǎo)線的最左端，設(shè)置第30幀的位置到引導(dǎo)線的最右端，并確?！盎@球”元件的“變形中心”在引導(dǎo)線上。（6）用鼠標(biāo)右鍵單擊“引導(dǎo)層”圖層，在彈出的快捷菜單中選擇【引導(dǎo)層】命令，將其轉(zhuǎn)化為引導(dǎo)層。（7）將“籃球”圖層拖動(dòng)到“引導(dǎo)層”圖層的下面，將其轉(zhuǎn)化為被引導(dǎo)層，如下圖所示。3、完

54、善引導(dǎo)層動(dòng)畫操作二【突破提高】制作“蝴蝶戲花”1、導(dǎo)入素材布置場景2、制作蝴蝶飛舞效果蝴蝶2”元件的制作和“蝴蝶1”元件的制作方法完全相同。圖所示為“蝴蝶2”元件的飛舞路徑和“蝴蝶2”元件在關(guān)鍵幀處的位置。6.2 制作多層引導(dǎo)動(dòng)畫將普通圖層拖動(dòng)到引導(dǎo)層或被引導(dǎo)層的下面，即可將普通圖層轉(zhuǎn)化為被引導(dǎo)層。在一組引導(dǎo)中，引導(dǎo)層只能有一個(gè)，而被引導(dǎo)層可以有多個(gè)，這就是多層引導(dǎo)。圖中的“圖層1”為引導(dǎo)層，其余所有圖層都是被引導(dǎo)層。操作一【重點(diǎn)案例】制作“樹葉上的毛毛蟲” 1、素材準(zhǔn)備2、制作毛毛蟲效果3、制作毛毛蟲動(dòng)畫操作二 【突破提高】制作“魚戲荷間”1、制作魚兒（1）打開文件（2）放置元件（3）復(fù)制元

55、件（4）將“身”元件分散到圖層（5）為圖層命名（6）新建并調(diào)整圖層（7）放置元件（8）復(fù)制元件（9） 調(diào)整坐標(biāo)（10）調(diào)整大?。?1）調(diào)整透明度（12）放置元件2、設(shè)置場景（1）放置背景（2）放置前景3、制作引導(dǎo)層動(dòng)畫（1）繪制引導(dǎo)路徑（2）調(diào)整位置和方向（3）設(shè)置關(guān)鍵幀（4）創(chuàng)建補(bǔ)間動(dòng)畫并設(shè)置引導(dǎo)層（5）觀察效果（6）設(shè)置補(bǔ)間選項(xiàng)（7）觀看影片并保存第7章 制作遮罩層動(dòng)畫 了解遮罩層動(dòng)畫的制作原理。 明確多層遮罩動(dòng)畫的制作原理。 掌握利用遮罩層動(dòng)畫制作流水效果的方法。 了解利用遮罩層動(dòng)畫表達(dá)藝術(shù)創(chuàng)意的方法。7.1 了解遮罩層動(dòng)畫制作原理一、創(chuàng)建遮罩層 一個(gè)遮罩效果的實(shí)現(xiàn)至少需要兩個(gè)圖層，上面

56、的圖層是遮罩層，下面的圖層是被遮罩層。如圖所示，其中“圖層1”是被遮罩層，“圖層2”是遮罩層。 要?jiǎng)?chuàng)建遮罩層，可以在選定的圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【遮罩層】命令。二、遮罩原理與普通層不同，在具有遮罩層的圖層中，只有透過遮罩層上的形狀，才可以看到被遮罩層上的內(nèi)容。操作一 【基礎(chǔ)練習(xí)】制作“水中倒影效果” 操作步驟1、創(chuàng)建背景2、創(chuàng)建文字3、制作倒影4、繪制矩形5、創(chuàng)建遮罩層6、完成動(dòng)畫制作操作二 【重點(diǎn)案例】制作“瀑布效果”遮罩動(dòng)畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內(nèi)容，因此要使圖片中靜止的瀑布“動(dòng)起來”，而其他區(qū)域的景色保持不變，應(yīng)該分兩步來處理。（1）分離瀑布

57、流水。（2）給流水添加遮罩效果。1、新建文件2、制作“瀑布”元件3、制作“遮罩”元件4、制作“瀑布”動(dòng)畫5、退出元件編輯狀態(tài)，返回主場景。操作三 【突破提高】制作“仙境小溪” 本案例通過有一定間隙的陣列矩形遮罩來顯示小溪的部分圖形，通過動(dòng)靜結(jié)合的方式模擬流水效果，再導(dǎo)入配合場景的素材，制作夢幻的仙境小溪效果，制作流程如圖所示。1、 導(dǎo)入背景圖2、制作動(dòng)態(tài)小溪3、導(dǎo)入鹿群7.2 制作多層遮罩動(dòng)畫將普通圖層拖曳到遮罩層或被遮罩層的下面，即可將普通圖層轉(zhuǎn)化為被遮罩層。在一組遮罩中，遮罩層只能有一個(gè)，而被遮罩層可以有多個(gè)，即多層遮罩。例如，圖中的“圖層1”為遮罩層，其余的所有圖層都是被遮罩層。 操作一

58、 【基礎(chǔ)練習(xí)】制作“電子影集切換效果”舞臺效果搭建骨骼綁定形狀點(diǎn)動(dòng)畫效果1動(dòng)畫效果2動(dòng)畫效果31510152025303540451、打開制作模板2、編輯“相冊效果”元件3、創(chuàng)建遮罩層動(dòng)畫。創(chuàng)建遮罩層動(dòng)畫為“圖片2”制作遮罩動(dòng)畫4、添加背景音樂操作二 【重點(diǎn)案例】 制作“星球旋轉(zhuǎn)效果”打開制作模板繪制球體效果制作板塊遮罩動(dòng)畫動(dòng)畫效果1動(dòng)畫效果2動(dòng)畫效果31020304050607080901101、打開制作模板2、繪制素材（1）圖層操作（2）繪制球體。（3）圖層操作。（4）調(diào)整光效。（5）圖層操作。（6）調(diào)整光環(huán)圓的大小。（7）調(diào)整光環(huán)效果。 3、 制作球體旋轉(zhuǎn)效果（1）圖層操作。（2）鎖定“

59、板塊遮罩”圖層，取消鎖定“前景板塊1”。（3）制作“前景板塊1”動(dòng)畫。（4）圖層操作。（5）制作“前景板塊2”動(dòng)畫。（6）鎖定“前景板塊2”，取消鎖定“后景板塊1”。（7）制作“后景板塊1”動(dòng)畫。（8）鎖定“后景板塊1”，取消鎖定“后景板塊2”。（9）制作“后景板塊2”動(dòng)畫。（10）創(chuàng)建遮罩層動(dòng)畫。操作三 【突破提高】制作“夢幻卷軸展開效果” 制作發(fā)光軸導(dǎo)入模糊圖片導(dǎo)入清晰圖片制作清晰圖片遮罩制作發(fā)光軸遮罩制作放光軸動(dòng)畫1、制作發(fā)光軸2、導(dǎo)入圖片素材3、制作遮罩動(dòng)畫14、制作遮罩效果2第8章 ActionScript 3.0編程基礎(chǔ) 了解ActionScript 3.0的基本語法。 掌握代碼的

60、書寫位置及方法。 掌握常用內(nèi)置類的使用方法。 掌握使用ActionScript 3.0控制時(shí)間軸和元件的方法。8.1認(rèn)識ActionScript 3.0編程一、ActionScript 3.0簡介ActionScript 3.0是最新且最具創(chuàng)新性的ActionScript版本，它是針對Adobe Flash Player運(yùn)行環(huán)境的編程語言，可以實(shí)現(xiàn)程序交互、數(shù)據(jù)處理以及其他許多功能。ActionScript 3.0相比于早期的ActionScript版本具有以下特點(diǎn)。使用全新的字節(jié)碼指令集，并使用全新的AVM2虛擬機(jī)選擇程序代碼，顯著提高性能，其代碼的選擇速度可以比舊式ActionScript