![動畫設(shè)計與制作-Flash-CS6課件整本書課件完整版電子教案全套課件最全教學教程ppt(最新)_第1頁](http://file4.renrendoc.com/view/91c410245a33bb282002b925a0718de9/91c410245a33bb282002b925a0718de91.gif)
![動畫設(shè)計與制作-Flash-CS6課件整本書課件完整版電子教案全套課件最全教學教程ppt(最新)_第2頁](http://file4.renrendoc.com/view/91c410245a33bb282002b925a0718de9/91c410245a33bb282002b925a0718de92.gif)
![動畫設(shè)計與制作-Flash-CS6課件整本書課件完整版電子教案全套課件最全教學教程ppt(最新)_第3頁](http://file4.renrendoc.com/view/91c410245a33bb282002b925a0718de9/91c410245a33bb282002b925a0718de93.gif)
![動畫設(shè)計與制作-Flash-CS6課件整本書課件完整版電子教案全套課件最全教學教程ppt(最新)_第4頁](http://file4.renrendoc.com/view/91c410245a33bb282002b925a0718de9/91c410245a33bb282002b925a0718de94.gif)
![動畫設(shè)計與制作-Flash-CS6課件整本書課件完整版電子教案全套課件最全教學教程ppt(最新)_第5頁](http://file4.renrendoc.com/view/91c410245a33bb282002b925a0718de9/91c410245a33bb282002b925a0718de95.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、第1章 Flash CS6 動畫制作基礎(chǔ)了解動畫的含義和分類。 了解Flash動畫的用途和特點。 了解Flash CS6的工作界面。 掌握Flash動畫制作流程1.1 初步認識Flash 動畫一、動畫的含義 動畫是一個范圍很廣的概念,通常是指連續(xù)變化的畫面按照一定的順序播放,從而使人產(chǎn)生運動錯覺的一種藝術(shù)。圖所示為一組連續(xù)變化的圖片,只要將其放到連續(xù)的幀上以一定的速度連續(xù)播放,就可以形成一個人物打斗的視覺效果,這便是動畫最簡明的詮釋。 二、動畫技術(shù)的發(fā)展(1)動畫的雛形1832年由約瑟夫柏拉圖發(fā)明的“幻透鏡”(圖左)、1834年由喬治霍納發(fā)明的“西洋鏡”(圖右)都是動畫的雛形,它們都是通過觀察
2、窗來展示旋轉(zhuǎn)的順序圖畫,從而形成動態(tài)畫面。 (2)第一部動畫片隨著科技的發(fā)展,具有現(xiàn)代意義的動畫片逐步出現(xiàn)。在電影發(fā)明之后,1906年,美國人小斯圖亞特布雷克頓制作出第一部接近現(xiàn)代動畫概念的影片,名為滑稽面孔的幽默形象,如圖所示。該片長度為3min,采用了每秒20幀的技術(shù)拍攝。(3)動畫的發(fā)展 20世紀20年代末,著名的迪士尼公司迅速崛起,采用傳統(tǒng)的動畫技術(shù)制作出越來越復(fù)雜的動畫。該公司在1928年推出的汽船威利是第一部音畫同步的有聲動畫。而1937年制作的白雪公主,則是第一部彩色長篇劇情動畫片。 從20世紀80年代開始,計算機圖形技術(shù)開始用于電影制作,到了20世紀90年代,計算機動畫特效開始
3、大量用于真人電影,比較著名的有侏羅紀公園魔戒三部曲、泰坦尼克號等。這些影片在電影市場上取得巨大成功,也都從一個方面反映了計算機動畫的發(fā)展。三、動畫的分類目前最常用的分類形式是將動畫分為二維動畫和三維動畫兩種。(1)二維動畫二維畫面是在平面上實現(xiàn)的動畫,即使畫面具有一定的立體感,但是終究只是在二維空間中模擬三維空間效果。二維動畫制作簡便,數(shù)據(jù)量小,應(yīng)用廣泛。Flash是目前最常用的二維動畫制作軟件,由于采用矢量圖形和流媒體技術(shù),用Flash制作出來的動畫文件非常小,而且能在有限帶寬的條件下流暢播放,所以Flash動畫廣泛用于網(wǎng)絡(luò)中。目前Flash廣告、Flash網(wǎng)站、Flash多媒體演示、Fla
4、sh游戲等已經(jīng)成為了Web上不可或缺的部分。(2)三維動畫三維畫面是在三維空間中表現(xiàn)的動畫,畫中景物有正面、側(cè)面和反面,充分顯現(xiàn)了立體感。三維動畫視覺沖擊力強,效果逼真,具有藝術(shù)感染力。但是三維動畫也有制作費用大、制作周期長等缺陷。目前最常見的三維動畫制作軟件有3ds Max、Maya、SoftImage、Lightwave等。其中3dsMax是一款在國內(nèi)外應(yīng)用都非常廣泛的三維設(shè)計工具,不但用于電視及娛樂業(yè)中,在影視特效方面也有相當多的應(yīng)用。在國內(nèi)相對比較成熟的建筑效果圖和建筑動畫制作中,3dsMax也占據(jù)了絕對的優(yōu)勢。四、Flash動畫的用途(1)制作動畫短片制作動畫短片是Flash最常用的
5、功能,也是一般的Flash愛好者的興趣所在。Flash動畫短片主要包括幽默類、哲理類、故事類等,大多數(shù)動畫短片是這幾類的結(jié)合。比較著名的動畫短片作品有“流氓兔”和“小小作品”,分別如圖所示。(2)制作游戲使用Flash可以制作出各種不同類型的小游戲。使用ActionScript的邏輯功能,游戲愛好者使用鍵盤方向鍵或鼠標就可以達到與游戲交互的目的。常見的游戲作品有“黃金礦工”和“搶灘登陸”,分別如圖所示。(3)制作MVFlash強大的繪圖功能、良好的可控性以及對聲音的完美支持,使眾多MV愛好者選擇使用Flash作為開發(fā)MV作品的主要工具。目前,互聯(lián)網(wǎng)上很多流行歌曲都有與之相配的Flash MV作
6、品。(4)制作多媒體教學課件Flash以其良好的交互性以及在教學中的良好表現(xiàn),受到教師和教學組織者的歡迎,成為教師授課以及與學生進行交互的重要工具。用Flash制作的課件漂亮美觀,交互性強。圖所示為用Flash制作的教學課件。(5)制作Internet應(yīng)用程序使用Flash制作的Internet應(yīng)用程序具有完善的用戶界面,可以通過Internet顯示和操作遠程存儲的數(shù)據(jù)。Internet應(yīng)用程序可以是日歷應(yīng)用程序、價格查詢應(yīng)用程序、購物目錄、教育和測試應(yīng)用程序或者其他任何使用豐富圖形界面提供遠程數(shù)據(jù)的應(yīng)用程序。(6)制作網(wǎng)頁Flash在網(wǎng)頁中的應(yīng)用也比較廣泛。Flash發(fā)布以后生成的“.swf
7、”格式的文件可以嵌入網(wǎng)頁文件中,利用內(nèi)嵌的Flash Player就可以在網(wǎng)頁中觀看動畫效果。網(wǎng)站中的Flash應(yīng)用主要包括整站Flash網(wǎng)頁、Flash Logo、Flash廣告條等。圖所示為使用Flash制作的網(wǎng)頁。五、Flash動畫的特點(1)易學易用,操作方便Flash以幀組織動畫,幀與幀之間采用漸變過渡動畫,因此制作動畫時,只要將某段動畫的第1幀和最后一幀制作出來,中間的移動、旋轉(zhuǎn)、變形、顏色改變等過程都可以由Flash自動完成,動畫的制作過程極大簡化。(2)矢量動畫,文件占用空間小Flash的圖形系統(tǒng)是基于矢量的,只需存儲少量的矢量數(shù)據(jù)就可以描述一個看起來相當復(fù)雜的對象,因此占用的
8、存儲空間很小,與位圖相比具有明顯的優(yōu)勢,非常適合在低帶寬的網(wǎng)絡(luò)環(huán)境中使用。(3)信息傳送、下載方便由于Flash文件較小,所以瀏覽器不用花費太多的時間等待下載。SWF(Shock Wave Flash)文件采用Stream信息流傳送方式,可以邊下載邊播放,而不用等到整個文件全部下載下來才能觀看,所以即使網(wǎng)絡(luò)的傳送速度很慢,也不至于什么都看不到,這樣大大節(jié)省了網(wǎng)絡(luò)帶寬,減少了用戶等待的時間。(4)交互功能強大在Flash動畫中可以加入滾動條、復(fù)選框、下拉菜單、拖動物體等各種交互組件,實現(xiàn)在最終播放的網(wǎng)頁或多媒體中支持物體的平移和拖放操作。Flash可以和Java或其他類型的程序融合在一起,實現(xiàn)在
9、不同的操作平臺和瀏覽器中播放。Flash還支持表單交互,使包含F(xiàn)lash動畫的表單得以用于流行的電子商務(wù)領(lǐng)域。1.2 認識Flash CS6動畫設(shè)計一、Flash的發(fā)展Flash的前身叫FutureSplash Animator,由美國的喬納森蓋伊在1996年夏季正式,發(fā)行并很快獲得了Microsoft和迪士尼兩大巨頭公司的青睞,分別成為它的兩個最大的客戶。FutureSplash Animator的巨大潛力,吸引了當時實力較強的Macromedia公司的注意,于是在1996年11月,Macromedia公司僅用50萬美元就成功并購,喬納森蓋伊的公司,并將FutureSplash Animat
10、or改名為Macromedia Flash 1.0。經(jīng)過9年的升級換代,2005年Macromedia公司推出Flash 8.0版本,同時Flash也發(fā)展成為全球最流行的二維動畫制作軟件。同年,Adobe公司以34億美元的價格收購了整個Macromedia公司,并于2007年發(fā)行Flash CS6(Flash 9.0)。從此,F(xiàn)lash發(fā)展到一個新的階段。(二)Flash CS6界面啟動Flash CS6,進入操作界面,其中包括菜單欄、時間軸、工具箱、舞臺、【屬性】檢查器(也稱【屬性】面板)、浮動面板等。1、菜單欄菜單欄包括【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、【命令】、
11、【控制】、【調(diào)試】、【窗口】及【幫助】菜單,每個菜單又都包含若干個菜單項。實際上每一個菜單項都是一個命令,可以實現(xiàn)文件操作、編輯、視窗選擇、動畫幀添加、動畫調(diào)整、字體設(shè)置、動畫調(diào)試、打開浮動面板等操作。2、工具箱工具箱位于設(shè)計界面右側(cè),在這里放置了創(chuàng)作Flash動畫的“十八般兵器”,各種工具有不同的用途和用法,讀者需要通過實際操作將其熟練掌握。將鼠標指針指向工具箱中的不同工具時,將顯示該工具的名稱。3、舞臺舞臺是用于繪制和編輯動畫的矩形區(qū)域,在舞臺中可以加入矢量圖形、文本框、按鈕,導(dǎo)入位圖圖形或視頻剪輯。只有舞臺上的內(nèi)容才會出現(xiàn)在動畫中。場景是與舞臺相關(guān)的概念。在當前編輯的動畫窗口中,編輯動畫
12、內(nèi)容的整個區(qū)域叫作場景??梢栽谡麄€場景內(nèi)繪制和編輯圖形,但是最終僅顯示場景中舞臺區(qū)域的內(nèi)容。場景中舞臺之外的灰色區(qū)域通常稱為工作區(qū)。4、時間軸時間軸用于組織和控制文檔內(nèi)容在一定時間內(nèi)播放的層數(shù)和幀數(shù),并控制各個場景的切換以及“演員”出場的時間順序。時間軸左側(cè)為圖層控制區(qū),用于新建、刪除和重命名圖層。時間軸右側(cè)為幀控制區(qū),可以顯示場景中哪些地方有動畫??梢栽跁r間軸中插入、刪除、選擇和移動幀,也可以將幀拖動到同一層中的不同位置,或是拖動到不同的層中。5、浮動面板浮動面板用于查看、組織和更改文檔中元素的特征。用戶可以根據(jù)個人習慣和設(shè)計需要僅顯示部分面板,在【窗口】主菜單中選取需要顯示的浮動面板名稱(
13、如【行為】【對齊】和【顏色】等),在設(shè)計界面上即可打開該面板。(6)【屬性】面板【屬性】面板用于查看、組織和更改媒體、資源及其屬性,通常配置在界面底部。1.3 案例解析制作“大紅大吉” Flash動畫制作流程主要包括新建Flash文檔、編輯場景、保存影片和發(fā)布影片4個步驟,其中編輯動畫是流程的關(guān)鍵,發(fā)布影片控制發(fā)布影片的大小、質(zhì)量、文件格式等重要內(nèi)容,也十分重要。下面通過一個簡單動畫的制作過程使用讀者體驗Flash CS6動畫的制作過程,最終完成的效果如圖所示。一、創(chuàng)建新文件運行Flash CS6,首先顯示圖所示的初始用戶界面,選擇【新建】/【Flash文件(ActionScript 3.0)
14、】命令,新建一個Flash文檔。二、制作背景(1)選擇【修改】/【文檔】命令,彈出【文檔設(shè)置】對話框,在【高度】文本框中輸入“300像 素”,其他屬性保持默認即可,然后單擊 確定按鈕完成設(shè)置。(2) 在【時間軸】面板左側(cè)的圖層名稱“圖層1”上雙擊鼠標左鍵,當圖層名稱變成可編輯狀態(tài)時輸入“背景”,將默認的“圖層1”重命名為“背景”。選擇【矩形】工具 ,拖曳鼠標在舞臺上繪制一個矩形,效果如圖。(3)選擇【選擇】工具 ,雙擊剛才繪制的矩形,然后在【屬性】面板中設(shè)置矩形的筆觸顏色為“無”,填充類型為【線性漸變】,【寬】【高】分別為“550”“300”,位置x、y坐標均為“0”。(4)在【顏色】面板中設(shè)
15、置線性漸變的第1個色塊顏色為“FF0000”(紅色),第2個色塊顏色為“CC0000”(暗紅色)三、輸入文字四、導(dǎo)入素材(1)新建圖層并重命名為“特效”,然后單擊該圖層并將其拖曳到“文字”圖層的下面。(2) 選擇【文件】/【導(dǎo)入】/【打開外部庫】命令,打開素材文件“素材項目一制作大紅大吉特效庫.fla”。(3)按住鼠標左鍵將“星星”元件拖曳到舞臺中,在拖曳過程中,操作界面會自動顯示“星星”元件的虛框。五、保存和發(fā)布影片(1)動畫制作完成,按CtrlS組合鍵保存影片。(2)選擇【文件】/【發(fā)布設(shè)置】命令,彈出圖所示的【發(fā)布設(shè)置】對話框。(3)全部保持默認設(shè)置,單擊 發(fā)布按鈕發(fā)布影片,然后單擊 確
16、定按鈕完成發(fā)布設(shè)置(也可以按F12鍵發(fā)布影片)。至此,動畫制作完成。第2章 制作素材 掌握Flash CS6繪圖工具的使用方法。 掌握使用Flash CS6繪圖工具繪圖的技巧。 掌握素材的導(dǎo)入方法。 掌握使用導(dǎo)入素材進行動畫設(shè)計的一般流程。2.1 繪制素材一、Flash繪圖工具二、矢量圖形與位圖圖像使用Flash繪圖工具繪制出的素材是矢量圖形,可以對其進行移動、調(diào)整大小、重定形狀、更改顏色等操作,而不影響素材的品質(zhì)。位圖圖像也叫像素圖,它由像素或點的網(wǎng)格組成,與矢量圖形相比,位圖圖像更容易模擬照片的真實效果。矢量圖形與位圖圖像放大前后的效果對比如圖所示。三、圖層的概念圖層就像透明的醋酸纖維薄片
17、一樣,在舞臺上一層一層地向上疊加。它可以幫助用戶組織文檔中的插圖??梢栽谝粋€圖層上繪制和編輯對象,而不會影響其他圖層上的對象。如果某個圖層沒有內(nèi)容,就可以透過它看到下面圖層的內(nèi)容,如圖所示。操作一 【重點案例】制作“浪漫人生”操作步驟1、繪制背景 2、繪制草地3、繪制云彩4、繪制太陽5、導(dǎo)入素材導(dǎo)入植物導(dǎo)入房子導(dǎo)入人6、制作標題操作二 【突破提高】制作“精美盆景”本案例主要練習使用Flash CS6的繪圖工具繪制一個花盆,并在花盆的旁邊點綴兩顆星星。最終效果如圖。操作步驟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ū)域進行選擇拖放。用【橡皮擦】工具 擦去需要去除的部分。2、去除圖像背景(純色或者近似同樣顏色的背景)先將圖像打散,然后選擇【套索】工具 ,此時工具箱下方出現(xiàn)【魔術(shù)棒】按鈕 、【魔術(shù)棒設(shè)置】按鈕 和【多邊形模式】按鈕 ,設(shè)置“魔術(shù)棒”圖標處于按下狀態(tài),當鼠標指針變成魔術(shù)棒的形狀時,在背景處單擊鼠標左鍵,會發(fā)現(xiàn)整個背景都被選中,然后按Delete鍵將其刪除。刪除背景前后的對比效果如所示。3、選擇聲音格式聲音要占用大量的磁盤空間和內(nèi)存,不同聲音格式占用的
19、空間不同,選擇合理的聲音格式可以使動畫更加小巧靈活。MP3格式聲音經(jīng)過壓縮后,比 WAV 或 AIFF格式聲音小。MP3一般用于MTV,而小段的動感音樂一般用WAV就可以了。4、導(dǎo)入聲音選擇【文件】/【導(dǎo)入】/【導(dǎo)入到庫】命令,彈出【導(dǎo)入到庫】對話框,選擇要導(dǎo)入的聲音文件,然后單擊 按鈕,聲音被直接導(dǎo)入【庫】面板中。選中時間軸上的任一幀,在【屬性】面板中可設(shè)置加入聲音。5、設(shè)置聲音屬性可以在聲音屬性面板的【效果】/【同步】下拉列表,見圖中,設(shè)置聲音播放的效果。 6、導(dǎo)入視頻的方法選擇【文件】/【導(dǎo)入】/【導(dǎo)入視頻】命令,彈出【導(dǎo)入視頻】對話框,單擊 瀏覽按鈕,找到需要導(dǎo)入的視頻文件,其余保持默
20、認設(shè)置即可,將視頻導(dǎo)入時間軸進行播放。Flash CS6只能導(dǎo)入FLV格式的視頻文件,其他格式的視頻文件需要利用Flash CS6中的“Adobe Media Encoder.exe”插件進行格式轉(zhuǎn)換后方可導(dǎo)入。操作一 【基礎(chǔ)練習】制作“中秋快樂”本案例將使用Flash CS6的導(dǎo)入圖像功能制作“中秋快樂”動畫場景,最終效果如圖(上)所示,制作流程如圖(下)所示。一、 導(dǎo)入背景圖片二、制作背景漸顯動畫三、制作標題操作二 【重點案例】制作“美聲音樂”操作步驟1、導(dǎo)入音樂文件2、把音頻文件加入動畫中選擇“音樂”圖層的第1幀,在【屬性】面板的【聲音】下拉列表中選擇剛才導(dǎo)入的音頻文件,在【效果】下拉列
21、表中選擇【淡入】選項,在【同步】下拉列表中選擇【事件】選項,如圖所示。 保存測試影片,完成動畫的制作。操作三 【突破提高】制作“液晶電視”操作步驟1、導(dǎo)入背景2、制作開場特效3、導(dǎo)入視頻第3章 制作逐幀動畫 了解逐幀動畫的制作原理。 掌握使用逐幀動畫的方法。 掌握對幀的各種操作。 了解元件和庫的概念。3.1 了解逐幀動畫制作原理一、幀的類型 Flash動畫由一定數(shù)量的幀組成,一幀就是動畫中最小單位的單幅影像畫面,相當于電影膠片上的每一格鏡頭,在Flash時間軸上,幀表現(xiàn)為一格或一個標記。幀又分為關(guān)鍵幀和普通幀兩類。各個關(guān)鍵幀之間的幀通常由軟件創(chuàng)建,這些幀叫作過渡幀或者中間幀。(1)關(guān)鍵幀關(guān)鍵幀
22、相當于二維動畫中的原畫,是指角色或者物體運動或變化中的關(guān)鍵動作所處的幀。在Flash中,每個關(guān)鍵幀都可以被賦予更多的用途。普通關(guān)鍵幀:用于處理圖形圖像和動畫。動作腳本關(guān)鍵幀:用于存放動作腳本,通過動作腳本控制Flash影片和其中的影片剪輯??瞻钻P(guān)鍵幀:不包含任何對象的關(guān)鍵幀。單個關(guān)鍵幀在時間軸上用一個黑色圓點表示,空白關(guān)鍵幀上顯示為一個空心圓點。動作補間動畫、形狀補間動畫、AS代碼、關(guān)鍵幀和空白關(guān)鍵幀在時間軸中的顯示如圖所示。(2)普通幀普通幀是指內(nèi)容沒有變化的幀,通常用來延長動畫的播放時間??瞻钻P(guān)鍵幀后面的普通幀顯示為白色,關(guān)鍵幀后面的普通幀顯示為淺灰色。普通幀的最后一幀顯示為一個中空矩形,
23、圖所示為普通幀在時間軸中的顯示效果。二、幀操作命令快捷鍵功能創(chuàng)建補間動畫在當前選擇幀的關(guān)鍵幀之間創(chuàng)建動作補間動畫創(chuàng)建補間形狀在當前選擇幀的關(guān)鍵幀之間創(chuàng)建形狀補間動畫插入幀F(xiàn)5在當前位置插入一個普通幀,此幀將延續(xù)上幀的內(nèi)容刪除幀Shift+F5刪除選擇的幀插入關(guān)鍵幀F(xiàn)6在當前位置插入關(guān)鍵幀并將前一關(guān)鍵幀的作用時間延長到該幀之前插入空白關(guān)鍵幀F(xiàn)7在當前位置插入一個空白關(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剪切當前選擇的幀復(fù)制幀Ctrl+Alt+C復(fù)制當前選
24、擇的幀粘貼幀Ctrl+Alt+V將剪切或復(fù)制的幀粘貼到當前位置清除幀Alt+Backspace清除選擇的關(guān)鍵幀 選擇所有幀Ctrl+Alt+A選擇時間軸中的所有幀翻轉(zhuǎn)幀將選擇的幀翻轉(zhuǎn),只有在選擇了兩個或兩個以上的關(guān)鍵幀時,該命令才有效同步符號如果所選幀中包含圖形元件實例,那么選擇此命令將確保在制作動作補間動畫時,圖形元件的幀數(shù)與動作補間動畫的幀數(shù)同步動作F9為當前選擇的幀添加ActionScript代碼三、逐幀動畫的原理逐幀動畫的原理是逐一創(chuàng)建出每一幀的動畫內(nèi)容,然后按照幀的順序播放,從而實現(xiàn)連續(xù)的動畫效果。創(chuàng)建逐幀動畫的典型方法主要有以下3種。(1)從外部導(dǎo)入素材生成逐幀動畫,如導(dǎo)入靜態(tài)圖片
25、、序列圖像、GIF動態(tài)圖片等。(2)使用數(shù)字或者文字制作逐幀動畫,如實現(xiàn)文字跳躍或旋轉(zhuǎn)等特效的動畫。(3)繪制矢量逐幀動畫,利用各種制作工具在場景中繪制連續(xù)變化的矢量圖形,從而形成逐幀動畫。操作一【基礎(chǔ)練習】制作“打字機效果”1、新建一個Flash文檔(1)設(shè)置文檔尺寸為“380像素140像素”。 (2)設(shè)置【幀頻】為“3fps” 。 (3)設(shè)置背景顏色為“#0066FF” 。(4)其他屬性保持默認設(shè)置。2、創(chuàng)建背景(1)將“圖層1”重命名為“背景層”。 (2)插入一個名為“文字層”的圖層。 (3)選中“背景層”圖層,選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令,導(dǎo)入素材文件“素材項目三制作打字
26、機效果背景圖片.jpg”,并將其設(shè)置為與舞臺居中對齊,如圖所示。3、創(chuàng)建文字(1)選中“文字層”圖層。 (2)選擇【文本】工具 ,文字的屬性設(shè)置如圖3-8所示,設(shè)置字體為【華文新魏】,字體大小為“60”,文本顏色為“紅色”、左對齊。 (3)在場景中輸入文字“恭喜發(fā)財”,然后調(diào)整其位置,效果如圖所示。4、 創(chuàng)建動畫(1)選中“文字層”圖層的第2幀,然后按住Shift鍵單擊第4幀,從而把第2幀到第4幀全部選中,再單擊鼠標右鍵,在彈出的快捷菜單中選擇【轉(zhuǎn)換為關(guān)鍵幀】命令。轉(zhuǎn)換后的時間軸狀態(tài)如圖所示。 (2)選中“背景層”圖層的第8幀,按F5鍵插入幀。 (3)選中“文字層”圖層的第8幀,按F5鍵插入幀
27、。 (4)選中“文字層”圖層的第1幀,然后單擊文本使之處于可編輯狀態(tài),刪除文字“喜發(fā)財”,刪除后的文本效果如下圖1所示。4、 創(chuàng)建動畫選中“文字層”圖層的第2幀,使用同樣方法刪除文字“發(fā)財”,刪除后的文本效果如圖2所示。 選中“文字層”圖層的第3幀,使用同樣的方法刪除文字“財”,刪除后的文本效果如圖3所示。第4幀保持不變。5、預(yù)覽動畫至此,本例的全部動畫已完成,按Ctrl+S組合鍵保存文檔,按Ctrl+Enter組合鍵瀏覽動畫效果。本例展示了逐幀動畫的制作原理。在不同的動畫幀上具有不同的舞臺內(nèi)容,順序播放時就形成了完整而有序的動畫。本例還介紹了文字創(chuàng)建逐幀動畫的方法,其設(shè)計關(guān)鍵在于調(diào)整當前顯示
28、文字的數(shù)量,使其逐漸增加,產(chǎn)生打字機打字的效果。操作二【重點案例】制作“幻燈片效果”1、新建文件新建一個Flash文檔,設(shè)置文檔【尺寸】為“500像素300像素”,【幀頻】為“1fps”,其他屬性保持默認設(shè)置,如圖所示。2、導(dǎo)入圖片a(1)選中“圖層1”圖層的第1幀,選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令,導(dǎo)入文件“素材項目三制作幻燈片效果a.png”。 (2)選中導(dǎo)入的圖片,按照圖左設(shè)置圖片尺寸,效果如圖右所示。3、導(dǎo)入圖片b(1)選中“圖層1”圖層的第2幀,按F7鍵插入一個空白關(guān)鍵幀。(2) 選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令,導(dǎo)入文件“素材項目三制作幻燈片效果b.png”。
29、(3)使用與上圖a相同的參數(shù)調(diào)整圖片尺寸,效果如圖所示。4、導(dǎo)入其他圖片5、預(yù)覽動畫至此,本例的全部動畫完成,按Ctrl+S組合鍵保存文檔,按Ctrl+Enter組合鍵瀏覽動畫效果。本例在不同的關(guān)鍵幀上放置不同的圖片,形成在場景中不斷切換圖片的效果,增加了圖片的動感。學習本例,讀者可以輕松掌握通過導(dǎo)入外部靜態(tài)圖片創(chuàng)建逐幀動畫的方法。操作三 【突破提高】制作“風云變幻的天空”1、新建文件2、導(dǎo)入圖片(1)選中“圖層1”圖層的第1幀,選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令,打開文件“素材項目三制作風云變幻的天空”,雙擊圖片“image2.jpg”,如圖所示。(2)在彈出的提示對話框中單擊【是】
30、 按鈕,如圖左所示,此時時間軸狀態(tài)如圖右所示。3、預(yù)覽動畫至此,本例的全部動畫制作完成,按Ctrl+S組合鍵保存文檔,按Ctrl+Enter組合鍵瀏覽動畫效果。通過本案例的學習,讀者可以初步掌握從外部導(dǎo)入序列圖像創(chuàng)建逐幀動畫的方法,其重點在于將一組有一定關(guān)聯(lián)的序列圖片依次放置在連續(xù)幀上,這樣在順序播放各個動畫幀時會產(chǎn)生動態(tài)變換的效果。3.2 使用元件和庫創(chuàng)建動畫” 一、元件和庫的概念元件是指創(chuàng)建一次即可多次重復(fù)使用的圖形、按鈕和影片剪輯,以實例的形式來體現(xiàn),庫是容納和管理元件的工具。元件在舞臺上的顯示元件和庫二、使用元件的優(yōu)點(1)可以簡化動畫的編輯。在動畫編輯過程中,把要多次使用的元素做成元
31、件,如果修改該元件,那么應(yīng)用于動畫中的所有實例也將自動改變,而不必逐一修改,大大節(jié)省了制作時間。(2)減小動畫文件。重復(fù)的信息只保存一次,其他引用只保存引用指針,因此使用元件可以大大減小動畫文件。(3)加快文件的下載速度。只需要下載一次元件到瀏覽器端,因此可以加快動畫的下載速度。三、元件的類型元件的類型有3種,即圖形元件 、按鈕元件 和影片剪輯元件。操作一 【基礎(chǔ)練習】制作“動物的奧運” 1、背景制作2、制作奔跑的馬(1)選擇【插入】/【新建元件】命令,新建一個名為“千里馬”的影片剪輯元件,繪制其奔跑效果如圖(上)所示,最終的場景效果如(下)圖所示。(2)選擇【插入】/【新建元件】命令,新建一
32、個名為“黑馬”的影片剪輯元件,繪制其奔跑效果如圖所示。3、制作奔跑路線4、完成后效果操作二 【重點案例】書寫“生日快樂” 1、制作背景(1)新建一個Flash文檔,設(shè)置文檔尺寸為“800像素700像素”,文檔其他屬性保持默認設(shè)置。(2)將默認的圖層名稱“圖層1”重命名為“背景”,然后選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令,將素材文件“素材項目三書寫生日快樂背景.png”導(dǎo)入舞臺,如圖所示。2、制作“生”字的書寫效果。(1)新建一個“影片剪輯”元件并命名為“文字”,單擊【確定】 按鈕進入元件的編輯模式。 (2)選中默認的“圖層1”圖層的第1幀,選擇【文本】工具 ,在舞臺輸入“生日快樂”4個字
33、。在【屬性】面板中設(shè)置字體為“方正舒體”,字體大小為“95”,文本顏色為“紅色”,使其相對舞臺居中對齊。(3)選中文字,按Ctrl+B組合鍵將其打散,效果如左圖所示。用鼠標右鍵單擊文字,在彈出的快捷菜單中選擇【分散到圖層】命令,將4個文字分散到不同的圖層上,此時的時間軸狀態(tài)如右圖所示。(4)刪除“圖層1”圖層,然后調(diào)整圖層的順序從下到上為“生” “日”“快” “樂”,如圖所示。(5)選中“生”圖層上的文字,按Ctrl+B組合鍵將文字打散。(6)選中“生”圖層的第2幀,按F6鍵插入一個關(guān)鍵幀,選擇【橡皮檫】工具 ,擦除“生”字最下邊一橫右邊的一小部分,效果如圖所示。(7)在“生”圖層的第3幀插入
34、一個關(guān)鍵幀,繼續(xù)擦除“生”字最下邊一橫右端的一小部分,效果如圖。(8)重復(fù)上面的步驟,直到把文字擦除得剩下很小的一部分。 此時的時間軸狀態(tài)如圖所示。(9)選擇“生”圖層的所有幀,單擊鼠標右鍵,在彈出的快捷菜單中選擇【翻轉(zhuǎn)幀】命令。(10)按Enter鍵預(yù)覽動畫,可以看到舞臺上按書寫時的筆畫順序顯示出一個“生”字。(11)在“生”圖層的上面新建一個圖層并重命名為“手”,選擇【文件】/【導(dǎo)入】/【打開外部庫】命令,打開素材文件“素材項目三書寫“生日快樂”手.flv”,導(dǎo)入其中的“手”圖形元件。(12)將“手”元件拖入舞臺中,移動袋尖位于“生”字第一畫的起始位置。(13)選中“手”圖層的第2幀,按F
35、6鍵插入一個關(guān)鍵幀。將“手”元件移動到“生”字第一撇顯示部分的末端。(14)使用同樣的方法逐幀移動“手”元件,直到使用“手”元件模擬寫完整個“生”字。3、制作其他文字的寫作效果(1)將“日”圖層拖到“手”圖層的下邊,并將“日”圖層的第1幀拖到第25幀處,效果如圖所示。(2)用上述同樣的方法分別制作“日” “快”和“樂”圖層。(3)在所有圖層的第105幀按F5鍵插入幀,此時的時間軸狀態(tài)如圖所示。(4)單擊 【場景1】按鈕,退出元件編輯模式,返回主場景。 (5)在“背景”圖層上新建一個圖層并重命名為“寫作效果”,將【庫】面板中的“文字”影片剪輯元件拖曳到舞臺并調(diào)整其位置,如圖所示。 (6)保存測試
36、影片,在蛋糕上書寫“生日快樂”文字的動畫效果制作完成。操作三 【突破提高】制作“顯示器促銷” 制作顯示器抖動效果制作裂口產(chǎn)生效果制作文字效果動畫效果110152025303540動畫效果2動畫效果31、布置場景2、制作顯示器抖動效果3、制作裂口效果4、制作拳頭打擊效果5、制作文字效果6、制作碎片飛出效果第4章 制作補間形狀動畫 了解補間形狀動畫的制作原理。 掌握補間形狀動畫的創(chuàng)建方法。 掌握使用補間形狀動畫表現(xiàn)事物變化的過程。 掌握形狀提示點的原理和使用方法。4.1 了解補間形狀動畫制作原理一、補間形狀動畫的原理在一個關(guān)鍵幀中繪制一種物體的形狀,然后在另一個關(guān)鍵幀中更改該物體的形狀或繪制另一種
37、物體的形狀,F(xiàn)lash CS6可在兩者之間的各幀中自動創(chuàng)建形狀逐漸變化的過渡幀,最后生成完整的動畫,這種動畫類型就是“補間形狀動畫”。補間形狀動畫可以實現(xiàn)兩個矢量圖形之間顏色、形狀、位置的變化。二、創(chuàng)建補間形狀動畫 在同一圖層的不同矢量圖形的兩關(guān)鍵幀之間任選一幀,單擊鼠標右鍵,在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】命令,可以創(chuàng)建一個補間形狀動畫,如圖所示。 三、認識補間形狀動畫的屬性面板Flash CS6的【屬性】面板隨選定對象的不同發(fā)生相應(yīng)的變化。建立一個補間形狀動畫后,其中經(jīng)常使用的參數(shù)有以下兩種。(1)【緩動】文本框在【緩動】文本框中輸入相應(yīng)的數(shù)值,補間形狀動畫會隨之發(fā)生相應(yīng)的變化。其值
38、為1000時,動畫變化的速度從慢到快。其值為0100時,動畫變化的速度從快到慢。緩動值為0時,補間幀之間的變化速率是不變的。(2)【混合】下拉列表在【混合】下拉列表中包含【角形】和【分布式】兩個選項。【角形】:表示創(chuàng)建的動畫中間形狀會保留有明顯的角和直線,適合于具有銳化轉(zhuǎn)角和直線的混合形狀?!痉植际健浚罕硎緞?chuàng)建的動畫中間形狀比較平滑和不規(guī)則。操作一 【基礎(chǔ)練習】制作“雄雞變羊羔” 設(shè)計思路如下。 導(dǎo)入圖片“雞”和“羊”。 創(chuàng)建“雞”變形到“羊”的動畫。 添加形狀提示使變形達到預(yù)期的效果。1、創(chuàng)建影片2、創(chuàng)建“雞”變成“羊”動畫3、創(chuàng)建“雞”變成“羊”動畫4、預(yù)覽動畫操作二【重點案例】制作“漢字
39、的演變”1、 繪制太陽2、制作補間形狀動畫3、制作“月”字使用相同的方法制作“月”字的演變過程。4、保存保存測試影片,文字演變過程的動畫制作完成。操作三【突破提高】制作“浪漫的綻放”1、制作葉片的生長動畫2、制作花梗的生長動畫3、制作花瓣的生長動畫4.2 掌握形狀提示點原理一、添加形狀提示單擊補間形狀動畫的開始幀,選擇【修改】/【形狀】/【添加形狀提示】命令,在形狀上會增加一個帶字母的紅色圓圈,相應(yīng)地,在結(jié)束幀的形狀上也會增加形狀提示符所示。分別將這兩個形狀提示符放置到適當?shù)奈恢脮r,起始關(guān)鍵幀上的形狀提示點為黃色,結(jié)束關(guān)鍵幀的形狀提示點為綠色。二、 形狀提示點原理繼續(xù)添加形狀提示點,并調(diào)節(jié)提示
40、點位置,此時圖形變化的過程如圖所示。下圖所示為未添加形狀提示點的變化過程,經(jīng)過觀察可以清楚地了解形狀提示的功能和原理,即形狀提示點用于識別起始形狀和結(jié)束形狀中相對應(yīng)的點,并用字母az表示。操作一 【基礎(chǔ)練習】制作“蝙蝠飛翔” 操作步驟(1)打開素材文件“素材項目四制作蝙蝠飛翔飛翔的蝙蝠.fla”。 (2)分別在第1幀第10幀、第11幀第20幀、第21幀第30幀、第31幀第40幀創(chuàng)建補間形狀動畫,拖動時間軸觀察圖形的漸變效果,如圖所示。(3)選中“圖層1”的第1幀,選擇【修改】/【形狀】/【添加形狀提示】命令,添加一個形狀提示點,并將其拖曳到蝙蝠的翅膀上,如左圖所示。 (4)選中第10幀,將提示
41、點也拖曳到蝙蝠的翅膀上,此時形狀提示點變?yōu)榫G色,如右圖所示。(5)使用同樣的方法添加3個形狀提示點,并分別在第1幀和第10幀調(diào)整提示點的位置,效果如圖所示。(6)使用同樣的方法為后續(xù)的補間形狀動畫添加形狀提示點,左圖所示為第31幀的形狀提示點,右圖所示為第40幀的形狀提示點。(7) 拖動時間軸觀察這個補間形狀動畫的變換效果,如圖所示。操作二 【重點案例】制作“翻書效果” 操作步驟操作三【突破提高】制作“旋轉(zhuǎn)三棱錐” “旋轉(zhuǎn)三棱錐”制作流程圖1、素材準備2、設(shè)置主場景3、繪制輔助圖形4、制作旋轉(zhuǎn)三棱錐效果打散圖片分離后圖片5、制作第一張圖片的動畫6、 制作其他圖片的動畫制作“第二面”和“第三面”
42、圖層上動畫效果的方法與制作“第一面”的方法相同。7 、 刪除“輔助層”圖層,刪除后的時間軸效果如圖所示。第5章 制作補間動畫 了解補間動畫的制作原理。 掌握制作補間動畫的基本方法和流程。 掌握時間軸特效的原理和使用方法。 總結(jié)制作補間動畫的一般技巧。5.1 制作傳統(tǒng)補間動畫一、認識傳統(tǒng)補間動畫傳統(tǒng)補間動畫處理的動畫對象是舞臺中組合后的矢量圖形、字符、引入的元件實例,以及其他導(dǎo)入的素材對象等。傳統(tǒng)補間動畫可以使對象產(chǎn)生位置、大小、旋轉(zhuǎn)等變化效果,還可以使引入的元件實例產(chǎn)生顏色、透明度的變化,實現(xiàn)諸如淡入淡出等效果,如圖所示。二、創(chuàng)建傳統(tǒng)補間動畫的方法在存儲同一元件兩種不同屬性的兩關(guān)鍵幀之間任選一
43、幀,在該幀上單擊鼠標右鍵,在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間動畫】命令,如左圖所示,即可創(chuàng)建補間動畫。如果兩關(guān)鍵幀中任何一個關(guān)鍵幀的內(nèi)容為空,創(chuàng)建補間動畫就會失敗,如右圖所示。三、認識補間動畫的【屬性】面板操作一【重點案例】制作“波浪文字”1、布置場景2、制作波浪動畫操作二【突破提高】制作“滋養(yǎng)大地打開模板制作水流出制作水下落制作水滲入制作濕潤效果制作花草效果1040701001301601902202502801、 制作水流動畫2、制作大地綠化過程5.2 制作補間動畫一、創(chuàng)建補間動畫的方法補間動畫區(qū)別于其他動畫的一大特點是,可以應(yīng)用3D工具實現(xiàn)三維動畫效果。補間動畫可為元件(或文本字段)創(chuàng)
44、建運動軌跡,還可為元件的運動增加豐富的細節(jié)。創(chuàng)建補間動畫的方法十分簡單,在包含一個元件的圖層的任意一幀單擊鼠標右鍵,在彈出的快捷菜單中選擇【創(chuàng)建補間動畫】命令,即可創(chuàng)建補間動畫,如圖所示。(1)如果圖層是普通圖層,它將成為補間圖層。如果是引導(dǎo)圖層、遮罩圖層或被遮罩圖層,它將成為補間引導(dǎo)圖層、補間遮罩圖層或補間被遮罩圖層。(2)在時間軸中拖動補間范圍的任意一端,可以按所需長度縮短或延長范圍。(3)還可以拖動鼠標將補間區(qū)域全部選中,進行整體拖放。(4)將播放頭放在補間范圍內(nèi)的某個幀上,然后將舞臺的對象拖到新位置,即可將動畫添加到補間。(5)使用【選擇】工具 可以調(diào)整軌跡線。(6)要選中補間范圍內(nèi)的
45、某一幀,可按住Ctrl鍵再單擊鼠標左鍵來選擇。二、補間動畫原理可補間的對象類型包括影片剪輯、圖形和按鈕元件以及文本字段??裳a間對象的屬性如下。2D對象的x和y位置。3D對象的z位置(僅限影片剪輯)。2D旋轉(zhuǎn)(繞z軸)。3D對象的x、y和z旋轉(zhuǎn)(僅限影片剪輯)。3D動畫要求FLA文件在發(fā)布設(shè)置中面向ActionScript 3.0和Flash Player 10。傾斜x和y軸/縮放x和y坐標。顏色效果。顏色效果包括Alpha(透明度)、亮度、色調(diào)和高級顏色設(shè)置。只能在元件上補間顏色效果。若要在文本上補間顏色效果,請將文本轉(zhuǎn)換為元件。濾鏡屬性(不包括應(yīng)用于圖形元件的濾鏡)。三、認識三維工具(1)選
46、擇【工具】面板中的【3D平移】工具 ,即可對舞臺上的影片剪輯元件進行三維平移。、(2)選擇【工具】面板中的【3D旋轉(zhuǎn)】工具 ,即可對舞臺上的影片剪輯元件進行三維旋轉(zhuǎn)。(3)選擇舞臺上使用3D工具進行了操作的元件,可在【屬性】面板中的【3D定位和查看】卷展欄中設(shè)置3D位置坐標、透視角度以及消失點等參數(shù)。(4)透視角度:增大透視角度可使3D對象看起來更接近查看者。減小透視角度可使3D對象看起來更遠。此效果與照相機鏡頭縮放效果類似。(5)消失點:3D影片剪輯的z軸都朝著消失點后退。重新定位消失點,可以更改沿z軸平移對象時對象的移動方向。調(diào)整消失點的位置,可以精確控制舞臺上3D對象的外觀和動畫。四、【
47、功能講解】認識動畫編輯器操作一 【重點案例】制作“圖片展示效果”1、制作“圖片1”元件的入場2、 制作“圖片1”元件的出場3、制作其他圖片動畫使用同樣的方法為元件“圖片2”“圖片3”“圖片4”和“圖片5”制作圖片展示效果。(4)保存影片操作二 【突破提高】制作“跳跳表情”1、制作彈跳的表情(1) 打開素材文件“素材項目五制作跳跳表情制作模板.fla”,效果如圖所示。(2)將【庫】面板中的“微笑”影片剪輯元件拖入“微笑”圖層上,效果如圖所示。(3)創(chuàng)建補間動畫(4)打開動畫編輯器,在【緩動】卷展欄中單擊 按鈕,在彈出的菜單中選擇【回彈】選項,如圖所示。(5)添加回彈效果后,在【緩動】卷展欄中設(shè)置
48、【回彈】為“6”。(6)在【基本動畫】卷展欄中為Y軸添加緩動【2-回彈】。(7)將【曲線圖】區(qū)域的播放頭拖至第44幀處,然后改變場景中影片剪輯元件“微笑”的位置,完成后觀察Y軸的“曲線圖”。如圖所示。(8)返回主場景,按住Ctrl鍵單擊并選中 “微笑”圖層的第1幀,在【變形】面板中設(shè)置其【縮放寬度】和【縮放高度】均為“40%”,然后使用同樣的方法在第44幀設(shè)置其【縮放寬度】和【縮放高度】均為“40%”。(9)在【屬性】面板中設(shè)置【旋轉(zhuǎn)】為“1”次,【方向】為【順時針】,其他參數(shù)使用默認值。如下圖(10)將【庫】中的其他表情元件拖入相應(yīng)圖層,并按照制作影片剪輯元件“微笑”動畫同樣的方法制作其他表
49、情圖層中的彈跳動畫效果,如圖所示。(11)將各圖層的補間范圍拖動至圖所示的位置,完成所有表情彈跳動畫的制作。2、制作逐漸消失的表情動畫(1)將“背景”圖層的圖片復(fù)制到“遮罩”圖層上,并在“水影”圖層繪制一個和舞臺寬度相同的矩形,放置于舞臺最底端,然后設(shè)置其填充效果,如圖所示。(2)在“遮罩”圖層和“水影”圖層的第110幀插入幀,圖層效果如圖所示。(3)按住Ctrl鍵單擊選中“微笑”圖層的第44幀,將該幀復(fù)制并粘貼到該圖層的第45幀處,形成關(guān)鍵幀。(4)在所有含有“表情動畫”的圖層上,使用同樣的方法將各圖層的最后一個關(guān)鍵幀分別復(fù)制并粘貼至下一幀。(5)選擇“得意”和“微笑”圖層之間的所有圖層,在
50、第110幀插入空白關(guān)鍵幀,第109幀插入關(guān)鍵幀,并在其他圖層的第110幀插入幀。(6)將播放頭拖至第109幀處,選中場景中的影片剪輯元件“微笑”,在【屬性】面板中設(shè)置其【Alpha】值為“20%”。(7)使用同樣的方法制作其他圖層中表情動畫逐漸消失的效果,如圖所示。3、加入跳動的文字(1)將【庫】中的圖形元件“文字”拖入“文字”圖層上,放置位置如圖所示。(2)拖動時間軸觀察文字效果,如圖所示。(3)保存測試影片,跳跳表情的動畫制作完成。第6章 制作引導(dǎo)層動畫 了解引導(dǎo)層動畫的制作原理。 熟悉引導(dǎo)層的創(chuàng)建方法。 掌握使用引導(dǎo)層制作動畫的技巧。 掌握使用引導(dǎo)層模擬生物的方法。6.1 了解引導(dǎo)層動畫
51、制作原理一、創(chuàng)建引導(dǎo)層和被引導(dǎo)層在“圖層1”上單擊鼠標右鍵,在彈出的快捷菜單中選擇【引導(dǎo)層】或【添加傳統(tǒng)運動引導(dǎo)層】命令可將其轉(zhuǎn)化為引導(dǎo)層,如左圖所示,如果要將“圖層2”轉(zhuǎn)換為“被引導(dǎo)層”,需將“圖層2”拖到“圖層1”的下面,當引導(dǎo)層的圖標從 變?yōu)?時,釋放鼠標左鍵,即可將其轉(zhuǎn)換為被引導(dǎo)層,如右圖所示,其中“圖層1”是引導(dǎo)層,“圖層2”是被引導(dǎo)層。二、引導(dǎo)層動畫原理引導(dǎo)層動畫與逐幀動畫或補間動畫不同,它是通過在引導(dǎo)層上添加線條來作為被引導(dǎo)層上元件的運動軌跡,從而實現(xiàn)對被引導(dǎo)層上元素路徑的約束。左圖1,2所示為被引導(dǎo)層上小球在第1幀和第50幀的位置。最右圖所示為小球的全部運動軌跡,通過觀察可以很
52、清晰地發(fā)現(xiàn)引導(dǎo)層的引導(dǎo)功能。操作一 【重點案例】制作“街頭籃球”1、 打開模板進行分析(1)打開素材文件(2)返回主場景觀察整個舞臺,如圖所示,可以發(fā)現(xiàn)籃球在運動過程中要經(jīng)過“男孩的手”“籃圈”“球網(wǎng)”這3個圖形,所以根據(jù)視角分析,可以判定引導(dǎo)層應(yīng)該創(chuàng)建在“男孩”“籃圈前沿”“球網(wǎng)”這3個元件所在圖層的下面,而且在“籃板”“地板”“籃圈后沿”這3個元件所在圖層的上面。2、制作引導(dǎo)層動畫。(1)將所有圖層鎖定,在“籃板”圖層上新建圖層并重命名為“引導(dǎo)層”,根據(jù)前面的分析,在時間軸的第4幀插入關(guān)鍵幀。(2) 在“引導(dǎo)層”的第4幀選擇【線條】工具 和【選擇】工具 ,在【屬性】面板中設(shè)置筆觸顏色為“紅
53、色”,筆觸高度為“1”,繪制出籃球運動的軌跡。(3) 在“引導(dǎo)層”圖層下面新建圖層并重命名為“籃球”層,在第4幀插入關(guān)鍵幀,然后將“籃球”元件從【庫】面板中拖動到“籃球”圖層上。(4)在“籃球”圖層的第30幀插入關(guān)鍵幀,在第4幀第30幀創(chuàng)建傳統(tǒng)補間。(5)單擊【貼近至對象】按鈕 ,選擇【選擇】工具 ,設(shè)置籃球在第4幀的位置到引導(dǎo)線的最左端,設(shè)置第30幀的位置到引導(dǎo)線的最右端,并確?!盎@球”元件的“變形中心”在引導(dǎo)線上。(6)用鼠標右鍵單擊“引導(dǎo)層”圖層,在彈出的快捷菜單中選擇【引導(dǎo)層】命令,將其轉(zhuǎn)化為引導(dǎo)層。(7)將“籃球”圖層拖動到“引導(dǎo)層”圖層的下面,將其轉(zhuǎn)化為被引導(dǎo)層,如下圖所示。3、完
54、善引導(dǎo)層動畫操作二【突破提高】制作“蝴蝶戲花”1、導(dǎo)入素材布置場景2、制作蝴蝶飛舞效果蝴蝶2”元件的制作和“蝴蝶1”元件的制作方法完全相同。圖所示為“蝴蝶2”元件的飛舞路徑和“蝴蝶2”元件在關(guān)鍵幀處的位置。6.2 制作多層引導(dǎo)動畫將普通圖層拖動到引導(dǎo)層或被引導(dǎo)層的下面,即可將普通圖層轉(zhuǎn)化為被引導(dǎo)層。在一組引導(dǎo)中,引導(dǎo)層只能有一個,而被引導(dǎo)層可以有多個,這就是多層引導(dǎo)。圖中的“圖層1”為引導(dǎo)層,其余所有圖層都是被引導(dǎo)層。操作一【重點案例】制作“樹葉上的毛毛蟲” 1、素材準備2、制作毛毛蟲效果3、制作毛毛蟲動畫操作二 【突破提高】制作“魚戲荷間”1、制作魚兒(1)打開文件(2)放置元件(3)復(fù)制元
55、件(4)將“身”元件分散到圖層(5)為圖層命名(6)新建并調(diào)整圖層(7)放置元件(8)復(fù)制元件(9) 調(diào)整坐標(10)調(diào)整大?。?1)調(diào)整透明度(12)放置元件2、設(shè)置場景(1)放置背景(2)放置前景3、制作引導(dǎo)層動畫(1)繪制引導(dǎo)路徑(2)調(diào)整位置和方向(3)設(shè)置關(guān)鍵幀(4)創(chuàng)建補間動畫并設(shè)置引導(dǎo)層(5)觀察效果(6)設(shè)置補間選項(7)觀看影片并保存第7章 制作遮罩層動畫 了解遮罩層動畫的制作原理。 明確多層遮罩動畫的制作原理。 掌握利用遮罩層動畫制作流水效果的方法。 了解利用遮罩層動畫表達藝術(shù)創(chuàng)意的方法。7.1 了解遮罩層動畫制作原理一、創(chuàng)建遮罩層 一個遮罩效果的實現(xiàn)至少需要兩個圖層,上面
56、的圖層是遮罩層,下面的圖層是被遮罩層。如圖所示,其中“圖層1”是被遮罩層,“圖層2”是遮罩層。 要創(chuàng)建遮罩層,可以在選定的圖層上單擊鼠標右鍵,在彈出的快捷菜單中選擇【遮罩層】命令。二、遮罩原理與普通層不同,在具有遮罩層的圖層中,只有透過遮罩層上的形狀,才可以看到被遮罩層上的內(nèi)容。操作一 【基礎(chǔ)練習】制作“水中倒影效果” 操作步驟1、創(chuàng)建背景2、創(chuàng)建文字3、制作倒影4、繪制矩形5、創(chuàng)建遮罩層6、完成動畫制作操作二 【重點案例】制作“瀑布效果”遮罩動畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內(nèi)容,因此要使圖片中靜止的瀑布“動起來”,而其他區(qū)域的景色保持不變,應(yīng)該分兩步來處理。(1)分離瀑布
57、流水。(2)給流水添加遮罩效果。1、新建文件2、制作“瀑布”元件3、制作“遮罩”元件4、制作“瀑布”動畫5、退出元件編輯狀態(tài),返回主場景。操作三 【突破提高】制作“仙境小溪” 本案例通過有一定間隙的陣列矩形遮罩來顯示小溪的部分圖形,通過動靜結(jié)合的方式模擬流水效果,再導(dǎo)入配合場景的素材,制作夢幻的仙境小溪效果,制作流程如圖所示。1、 導(dǎo)入背景圖2、制作動態(tài)小溪3、導(dǎo)入鹿群7.2 制作多層遮罩動畫將普通圖層拖曳到遮罩層或被遮罩層的下面,即可將普通圖層轉(zhuǎn)化為被遮罩層。在一組遮罩中,遮罩層只能有一個,而被遮罩層可以有多個,即多層遮罩。例如,圖中的“圖層1”為遮罩層,其余的所有圖層都是被遮罩層。 操作一
58、 【基礎(chǔ)練習】制作“電子影集切換效果”舞臺效果搭建骨骼綁定形狀點動畫效果1動畫效果2動畫效果31510152025303540451、打開制作模板2、編輯“相冊效果”元件3、創(chuàng)建遮罩層動畫。創(chuàng)建遮罩層動畫為“圖片2”制作遮罩動畫4、添加背景音樂操作二 【重點案例】 制作“星球旋轉(zhuǎn)效果”打開制作模板繪制球體效果制作板塊遮罩動畫動畫效果1動畫效果2動畫效果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”動畫。(4)圖層操作。(5)制作“前景板塊2”動畫。(6)鎖定“前景板塊2”,取消鎖定“后景板塊1”。(7)制作“后景板塊1”動畫。(8)鎖定“后景板塊1”,取消鎖定“后景板塊2”。(9)制作“后景板塊2”動畫。(10)創(chuàng)建遮罩層動畫。操作三 【突破提高】制作“夢幻卷軸展開效果” 制作發(fā)光軸導(dǎo)入模糊圖片導(dǎo)入清晰圖片制作清晰圖片遮罩制作發(fā)光軸遮罩制作放光軸動畫1、制作發(fā)光軸2、導(dǎo)入圖片素材3、制作遮罩動畫14、制作遮罩效果2第8章 ActionScript 3.0編程基礎(chǔ) 了解ActionScript 3.0的基本語法。 掌握代碼的
60、書寫位置及方法。 掌握常用內(nèi)置類的使用方法。 掌握使用ActionScript 3.0控制時間軸和元件的方法。8.1認識ActionScript 3.0編程一、ActionScript 3.0簡介ActionScript 3.0是最新且最具創(chuàng)新性的ActionScript版本,它是針對Adobe Flash Player運行環(huán)境的編程語言,可以實現(xiàn)程序交互、數(shù)據(jù)處理以及其他許多功能。ActionScript 3.0相比于早期的ActionScript版本具有以下特點。使用全新的字節(jié)碼指令集,并使用全新的AVM2虛擬機選擇程序代碼,顯著提高性能,其代碼的選擇速度可以比舊式ActionScript
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 買貓合同范本
- 中國多普勒血流探測儀市場運行態(tài)勢及行業(yè)發(fā)展前景預(yù)測報告
- 業(yè)主房子托管合同范本
- 包材采購合同范例
- 代工生產(chǎn)合同范本
- 勞務(wù)公司與臨時工合同范本
- 鋼結(jié)構(gòu)加工制作合同范本
- 兩層鋪面房屋租賃合同范本
- 重慶城區(qū)房屋出租合同范本
- 農(nóng)業(yè)合作合同范本
- 課件:《教育強國建設(shè)規(guī)劃綱要(2024-2035年)》學習宣講
- 生產(chǎn)制造工藝流程規(guī)范與作業(yè)指導(dǎo)書
- 開工“第一課”安全培訓課件
- 高校畢業(yè)生就業(yè)見習登記表
- 戶外LED顯示屏設(shè)計施工方案.docx
- 包裝材料及紙制品生產(chǎn)建設(shè)項目可行性實施報告
- 財務(wù)收支月報表excel模板
- 國標充電協(xié)議報文整理
- 水餃類產(chǎn)品質(zhì)量檢驗作業(yè)指導(dǎo)書
- 電力變壓器計算單
- 紅外測溫培訓
評論
0/150
提交評論