![《Flash CS6案例教程》模塊03 基本動畫類型的制作_第1頁](http://file4.renrendoc.com/view/636e2f60f2c6265271982a537279227f/636e2f60f2c6265271982a537279227f1.gif)
![《Flash CS6案例教程》模塊03 基本動畫類型的制作_第2頁](http://file4.renrendoc.com/view/636e2f60f2c6265271982a537279227f/636e2f60f2c6265271982a537279227f2.gif)
![《Flash CS6案例教程》模塊03 基本動畫類型的制作_第3頁](http://file4.renrendoc.com/view/636e2f60f2c6265271982a537279227f/636e2f60f2c6265271982a537279227f3.gif)
![《Flash CS6案例教程》模塊03 基本動畫類型的制作_第4頁](http://file4.renrendoc.com/view/636e2f60f2c6265271982a537279227f/636e2f60f2c6265271982a537279227f4.gif)
![《Flash CS6案例教程》模塊03 基本動畫類型的制作_第5頁](http://file4.renrendoc.com/view/636e2f60f2c6265271982a537279227f/636e2f60f2c6265271982a537279227f5.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
模塊03基本動畫類型的制作你知道嗎?Flash動畫分類分為逐幀動畫和補(bǔ)間動畫。其中,逐幀動畫時一種常見的動畫形式,它在“連續(xù)的關(guān)鍵幀”中分解動畫動作,也就是每一幀中的內(nèi)容不同,連續(xù)播放形成動畫。而補(bǔ)間動畫是整個Flash動畫設(shè)計的核心,也是Flash動畫的最大優(yōu)點,它有補(bǔ)間動畫、補(bǔ)間形狀和傳統(tǒng)補(bǔ)間3種類型,這3種類型實質(zhì)上大同小異,但在動畫的制作過程中使用不同的補(bǔ)間動畫,可以實現(xiàn)不同的效果,給人意想不到的效果。學(xué)習(xí)目標(biāo)了解Flash基本動畫類型的分類掌握逐幀動畫的制作掌握傳統(tǒng)補(bǔ)間的制作掌握補(bǔ)間動畫的制作掌握形狀補(bǔ)間動畫的制作項目任務(wù)3-1逐幀動畫
第一章中介紹到Flash制作動畫的基本原理可知,組成動畫的元素都位于幀上。在Flash中幀主要分為關(guān)鍵幀(包括空白關(guān)鍵幀)和普通幀,對幀的操作在“時間軸”上完成。
逐幀動畫,又稱為幀幀動畫,每一幀都有制作者確定,而不是由Flash通過計算機(jī)得到,然后連續(xù)依次播放這些畫面,即可生成動畫效果。逐幀動畫是Flash中最基本的動畫形式,由于每一幀都是獨一無二的,所以適用于制作非常復(fù)雜精細(xì)的動畫,如人物的面部表情、動物的奔跑等。但由于每一幀都是關(guān)鍵幀,所以工作量很大,生成的文件也很大。
此外,含有少量幀的逐幀動畫還可以用“影片剪輯”元件來做重復(fù)效果,如小球上下彈跳、翅膀震動等就是應(yīng)用對象在舞臺上的位置差的關(guān)鍵幀來實現(xiàn)。項目任務(wù)3-1逐幀動畫動手做1逐幀效果——小鳥展翅
動畫概述:“小鳥展翅”的動畫播放后,如圖所示,可以看到,天空中的小鳥在不停的扇動翅膀,在空中飛翔。本實例使用8張基本圖像,分別放置在時間軸的8幀上,即完成了逐幀動畫的制作。在已有逐幀圖片的前提下,讀者可以使用幀和關(guān)鍵幀來制作動畫。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“小鳥振翅”。(2)將動畫素材,如圖所示的“小鳥拍動翅膀”逐幀的動畫圖片和背景圖片導(dǎo)入庫中,選擇“文件”→“導(dǎo)入”→“導(dǎo)入到庫”菜單命令,打開“導(dǎo)入到庫”對話框。利用該對話框,選擇圖像等文件,再單擊“打開”按鈕,即可將選中的的圖形或圖形序列導(dǎo)入到“庫”,當(dāng)文件名是按照類似阿拉伯?dāng)?shù)字依次命名時,會彈出如圖所示對話框,選中“是”可一次全部導(dǎo)入,導(dǎo)入后的“庫”面板如圖所示。項目任務(wù)3-1逐幀動畫(3)從“庫”面板中將背景圖片拖入舞臺中,在“屬性”面板設(shè)置圖片大小550*400,和舞臺大小一致。選中背景圖片,在“對齊”面板中將圖片與舞臺對齊,鎖定圖層。(4)新建圖層,依次在第1、5、10、15、20、25、30、35幀插入關(guān)鍵幀,分別放置8幅小鳥的圖片。其中的2-4,11-14等都屬于普通幀,普通幀的作用是延續(xù)關(guān)鍵幀的內(nèi)容,不做改變。在某一幀上插入關(guān)鍵幀,前一個關(guān)鍵幀的內(nèi)容會自動延續(xù)到插入的關(guān)鍵幀上,兩個關(guān)鍵幀之間會自動生成普通幀,不需要自動延續(xù)時,選擇“插入空白關(guān)鍵幀”即可。項目任務(wù)3-1逐幀動畫(5)按組合鍵【Ctrl+S】保存文件,按【Enter】鍵可測試動畫在時間軸上的播放效果,按【Ctrl+Enter】組合鍵打開FlashPlayer播放影片,小鳥會開始展翅飛翔。知識拓展:
本例導(dǎo)入的位圖需要使用“套索工具”進(jìn)行選取和切割等操作。“套索工具”用于選擇圖形中的不規(guī)則形狀區(qū)域,被選定的區(qū)域可以作為一個單獨的對象進(jìn)行移動、旋轉(zhuǎn)或變形。選擇“套索工具”后,工具箱“選項”區(qū)域會顯示3個功能按鈕,分別為“魔術(shù)棒”、“魔術(shù)棒設(shè)置”和“多邊形模式”。●魔術(shù)棒:用于選取相近顏色的區(qū)域,如圖所示,按組合鍵【Ctrl+B】將導(dǎo)入的位圖打散,選擇魔術(shù)棒單擊位圖背景區(qū)域,將其擦除,不能選中的區(qū)域,選中后刪除。項目任務(wù)3-1逐幀動畫●魔術(shù)棒設(shè)置:如圖所示,可以設(shè)置“閾值”和平滑兩個選項,“閾值”為魔術(shù)棒選項包含的相鄰顏色值的色寬范圍,允許輸入的值為0—200,越大顏色范圍越廣?!捌交庇脕碓O(shè)置選定區(qū)域的邊緣平滑程度?!穸噙呅文J剑河弥本€精確勾畫選擇區(qū)域,在這種模式下,“套索工具”繪出的是直線,每單擊一次即繪制一條直線,雙擊鼠標(biāo)則選中區(qū)域。項目任務(wù)3-1逐幀動畫動手做2逐幀動畫——生日蛋糕
動畫概述:“生日蛋糕”的動畫播放后,如圖所示,可以看到,生日蛋糕上的蠟燭燃燒,火苗跳躍的效果。本案例主要使用Flash繪圖工具中的修改圖形工具,對每一幀上的圖片進(jìn)行微調(diào),達(dá)到逐幀播放的動態(tài)效果,在類似的翅膀拍動、眨眼和樹葉飄動的場景中可類比應(yīng)用。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“生日蛋糕”。(2)按組合鍵【Ctrl+F8】新建圖形元件“蛋糕”,進(jìn)入元件編輯狀態(tài)。單擊工具箱內(nèi)的“鋼筆工具”,繪制出蛋糕外側(cè)的輪廓,如圖所示。使用“顏料桶工具”填充顏色后,刪除輪廓,如圖所示。。依次繪制蛋糕其他部分,最終效果如圖所示。項目任務(wù)3-1逐幀動畫(3)在主場景中拖入“蛋糕”圖形元件,在“屬性”面板中修改背景色為淡粉色,雙擊圖層名稱,修改為“蛋糕”,鎖定圖層。新建圖層2,修改名稱為“火苗”。(4)在“火苗”圖層的第一幀中畫出火苗形狀,到12幀為止,后面的每一幀中,按【F6】鍵“轉(zhuǎn)換為關(guān)鍵幀”,前一幀的內(nèi)容會延續(xù)下來,即火苗。每一幀中都使用“選擇工具”、“任意變形工具”或“部分選取工具”對火苗形狀稍作修改,效果如圖所示,其中時間軸面板如圖所示。(5)按【Enter】鍵測試動畫在時間軸上的播放效果,保存文件后,按【Ctrl+Enter】組合鍵打開FlashPlayer播放影片,即可看到生日蛋糕上蠟燭燃燒(火苗跳躍)的效果。項目任務(wù)3-1逐幀動畫動手做3逐幀效果——打字機(jī)效果
動畫概述:“打字機(jī)效果”的動畫播放后,如圖所示,可以看到,文字逐個輸出,如同打字機(jī)打印出來的一樣。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“打字機(jī)效果”。(2)在舞臺的“屬性”面板中修改背景顏色為紫色。單擊工具箱內(nèi)的“鋼筆工具”,在第一幀中畫出一個光標(biāo)的小直線,使用白色筆觸。直接復(fù)制第1幀到第5幀和第10幀,實現(xiàn)光標(biāo)閃爍的效果,復(fù)制幀時,源幀上所有的對象都會被復(fù)制到目標(biāo)幀上,且在舞臺中的位置也相同。項目任務(wù)3-1逐幀動畫(3)新建圖層2,命名為“文字”。在第15幀插入空白關(guān)鍵幀,在“文字”圖層中,選擇“文本工具”,在工具箱中的“填充顏色”或“文本工具”的“屬性”面板中修改文字顏色為白色,打出第一個文字“那”,在第17幀按【F6】鍵“轉(zhuǎn)換為關(guān)鍵幀”,修改文字為“那年”,以此類推,每增加一個文字即添加一幀,直到所有文字結(jié)束。(4)修改圖層1名字為“光標(biāo)”,同樣在第15幀插入關(guān)鍵幀,把光標(biāo)移動到文字后一位的位置,如圖所示,光標(biāo)與文字同步幀數(shù)。(5)文字與光標(biāo)均制作結(jié)束后,在“光標(biāo)”圖層中間隔地插入關(guān)鍵幀,制作出第二步中的光標(biāo)閃爍的效果,時間軸面板如圖所示。(6)測試影片后,保存影片,按【Ctrl+Enter】組合鍵打開FlashPlayer播放影片,即可看到動畫效果。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫
補(bǔ)間動畫,也叫過渡動畫,是Flash提供的一種最有效的動畫形式。無論是創(chuàng)建角色動畫或是動作動畫,甚至是最基本的按鈕效果,補(bǔ)間都是必不可少的。用戶可以建立兩個關(guān)鍵幀,一個作為開始點,另一個作為結(jié)束點,并且只對這些點繪制圖片或關(guān)鍵對象,然后用補(bǔ)間來產(chǎn)生兩個關(guān)鍵幀之間的過渡圖像。補(bǔ)間可以使對象沿直線或曲線運動,變換大小、形狀和顏色,以中心為圓點自轉(zhuǎn),產(chǎn)生淡入或淡出效果等。動手做1認(rèn)識補(bǔ)間動畫Flash可以產(chǎn)生兩類補(bǔ)間:運動補(bǔ)間和形狀補(bǔ)間。兩類補(bǔ)間的應(yīng)用場合與表現(xiàn)形式都不相同。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫1、傳統(tǒng)補(bǔ)間動畫:應(yīng)用于把對象由一個位置移動到另一個位置的情況,也可應(yīng)用與形成對象的縮放、傾斜或者旋轉(zhuǎn)的動畫,還可用于形成元件的顏色和透明度變化的動畫。傳統(tǒng)補(bǔ)間動畫對于元件和可編輯的文字形成動畫很有用,然后它不能用于基本形狀變化的動畫。傳統(tǒng)補(bǔ)間動畫用位于時間軸上動畫的開始幀與結(jié)束幀之間區(qū)域的一個藍(lán)色連續(xù)箭頭表示,如圖3-14所示。2、形狀補(bǔ)間動畫:應(yīng)用于基本形狀的變化,它是某一個對象在一定時間內(nèi)其形狀發(fā)生過渡型漸變的動畫。例如,動畫中的矩形變化為圓形。在創(chuàng)建形狀補(bǔ)間動畫時,參與動畫制作的對象必須為分散的圖形對象,而不是“圖形”、“按鈕”和“影片剪輯”等元件。形狀補(bǔ)間動畫用位于時間軸上動畫的開始幀與結(jié)束幀之間區(qū)域的一個綠色連續(xù)箭頭表示。3、創(chuàng)建補(bǔ)間動畫:創(chuàng)建補(bǔ)間動畫,需要將圖形轉(zhuǎn)換為元件或影片剪輯。創(chuàng)建好元件后,選擇要創(chuàng)建補(bǔ)間的圖層單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間動畫”,這時候圖層會變?yōu)榈{(lán)色,時間軸自動添加關(guān)鍵幀。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫動手做2傳統(tǒng)補(bǔ)間動畫——星球登入
動畫概述:“星球登入”的動畫播放后,如圖所示,可以看到,一顆星球從云朵中緩緩升起,星球上的建筑群由無到有慢慢顯現(xiàn)的效果。制作過程中需要創(chuàng)建傳統(tǒng)補(bǔ)間動畫,使用工具箱中的“套索工具”等。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“星球登入”。(2)選擇“文件”→“導(dǎo)入”命令,將背景圖片導(dǎo)入到舞臺中,匹配舞臺與背景圖片大小,在“變形”面板中將圖片與舞臺對齊,將圖層命名為背景。(3)新建圖層,命名為“云朵”。單擊工具箱內(nèi)的“套索工具”,把背景圖片的第一層云朵和后面的背景圖分離,選擇“編輯”→“剪切”菜單命令,或按組合鍵【Ctrl+X】剪切,在“云朵”圖層按組合鍵【Ctrl+Shift+V】原位置粘貼。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫(5)在“登入動畫”元件中,圖層1的第一幀導(dǎo)入星球圖片素材,第15幀將圖片向上移動一段距離,在第1到15幀中的任意一幀單擊右鍵,彈出的快捷菜單如圖所示,選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”,為星球圖片添加補(bǔ)間動畫,這里實現(xiàn)的是星球緩緩上升的動畫。(6)新建圖層2,在第16幀的位置插入空白關(guān)鍵幀,導(dǎo)入建筑素材,將建筑素材的圖片轉(zhuǎn)換為“圖形元件”,調(diào)整其位置以及大小。分別在第16、20、25幀的位置插入關(guān)鍵幀,使用“任意變形工具”改變其大小,如圖所示,創(chuàng)建傳統(tǒng)補(bǔ)間后產(chǎn)生房屋由小變大的效果。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫(7)按照步驟6的方法,分別為其他建筑制作相同的補(bǔ)間效果。需要注意的是,樹木應(yīng)該隱藏在建筑群的后方,所以應(yīng)將樹木的圖層拖動至建筑下方,時間軸面板如圖所示。(8)“星球登入”的影片剪輯元件做好后,返回主場景中。在“星球”圖層的第一幀中放入影片剪輯元件,調(diào)整好位置即可,時間軸面板如圖所示。(9)測試影片后,保存影片,按【Ctrl+Enter】組合鍵打開FlashPlayer播放影片,即可看到動畫效果。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫動手做3傳統(tǒng)補(bǔ)間動畫——Flash創(chuàng)意文字
動畫概述:通過“Flash創(chuàng)意文字”的制作來介紹傳統(tǒng)補(bǔ)間動畫中的運動位置變化,動畫播放后,如圖所示,可以看到,F(xiàn)LASH幾個字母依次從木板底部升起。本例中將不同的元件分別放置在不同的位置和幀上,再指定元件出場的先后順序,創(chuàng)建傳統(tǒng)補(bǔ)間完成動畫效果的制作。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“Flash創(chuàng)意文字”。(2)在主場景中導(dǎo)入背景圖片,在“屬性”面板中設(shè)置圖片大小與舞臺一致,在“變形”面板中與舞臺匹配位置,鎖定圖層。(3)將“FLASH”5個字母的圖片素材導(dǎo)入到庫中,按組合鍵【Ctrl+B】打散成圖形后,單擊“套索工具”,將文字分離出來,轉(zhuǎn)換為圖形元件。項目任務(wù)3-2傳統(tǒng)補(bǔ)間動畫(4)返回主場景中,新建圖層2。在第1幀中插入“F”圖形元件,分別在第10、17幀轉(zhuǎn)換為關(guān)鍵幀。單擊第10幀,選中“F”對象,按住【Shift】鍵,此時可沿著水平或豎直方向移動對象,沿著豎直方向?qū)⑵湎蛏弦苿右欢尉嚯x。單擊第17幀,用同樣的方法向上移動一小段距離,比前一幀移動的稍少一點即可。在第1-10幀中的任意一幀右擊鼠標(biāo),選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”,同樣為10-17幀間創(chuàng)建傳統(tǒng)補(bǔ)間。(5)使用第4步中的方法,分別制作“L”、“A”、“S”和“H”的傳統(tǒng)補(bǔ)間動畫,制作完成的時間軸面板如圖所示。(6)測試影片后,保存影片,按【Ctrl+Enter】組合鍵打開FlashPlayer播放影片,即可看到動畫效果。項目任務(wù)3-3補(bǔ)間動畫
在Flash中,“創(chuàng)建補(bǔ)間動畫”是從FlashCS4開始新增的功能,F(xiàn)lashCS4之前的版本在制作動畫時,需要設(shè)定開始幀、結(jié)束幀以及創(chuàng)建動畫動作。與傳統(tǒng)補(bǔ)間動畫相比,補(bǔ)間動畫只要在開始位置添加關(guān)鍵幀,然后鼠標(biāo)在任意一幀場景中操作對象時,時間軸會自動添加關(guān)鍵幀。此時,制作動畫的步驟發(fā)生改變,為開始幀、選中對應(yīng)幀,改變對象位置。動手做1補(bǔ)間動畫——海底總動員
動畫概述:“海底總動員”的動畫播放后,如圖所示,可以看到,小海豚、海馬以及小魚等動物在海底自由自在地游動。制作過程中需要創(chuàng)建補(bǔ)間動畫,創(chuàng)建及編輯元件,導(dǎo)入和操作位圖等。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“海底總動員”。項目任務(wù)3-3補(bǔ)間動畫(2)新建“海豚”元件,根據(jù)第二章中講述的繪圖工具以及工作面板等Flash繪圖功能,繪制出小海豚的圖形元件。用相同的方法,分別制作出“海馬”、“小魚”以及“魚群”的圖形元件,如圖所示。(3)新建“小海豚動畫”的影片剪輯元件,按照逐幀動畫的制作原理,在第1、5、10幀插入不同的小海豚動作,制作出小海豚游動的場景,如圖所示。用相同方法制作出“海馬動畫”。項目任務(wù)3-3補(bǔ)間動畫(4)新建“小海豚游動”的影片剪輯元件,在“庫”面板中將“小海豚動畫”的影片剪輯元件拖入第1幀,在第100幀插入幀。單擊鼠標(biāo)右鍵“創(chuàng)建補(bǔ)間動畫”,這時創(chuàng)建補(bǔ)間動畫的這層變成了淡藍(lán)色,創(chuàng)建好的元件就可以動起來了,單擊第3幀,然后在舞臺上拖動“小海豚動畫”的元件,改變其位置,此時第3幀就多了一個關(guān)鍵幀,這就是程序自動生成的運動軌跡,形成了最簡單的補(bǔ)間動畫,以此類推,每隔一幀改變小海豚的位置或旋轉(zhuǎn)角度,最終效果如圖所示,時間軸如圖所示。使用相同的方法創(chuàng)建“小海馬游動”和“魚群游動”的影片剪輯元件。(5)返回主場景中,導(dǎo)入背景圖片,在“屬性”面板修改其大小,在“變形”面板中與舞臺對齊位置。在不同的圖層,根據(jù)不同動物出現(xiàn)的先后順序,在不同幀頻插入關(guān)鍵幀,將影片剪輯元件拖入。(6)按【Ctrl+Enter】組合鍵打開FlashPlayer測試影片,即可看到動畫效果,最終保存動畫。項目任務(wù)3-3補(bǔ)間動畫動手做2補(bǔ)間動畫——蝴蝶飛舞
動畫概述:“蝴蝶飛舞”的動畫播放后,如圖所示,可以看到,小蝴蝶在花叢中飛舞盤旋。補(bǔ)間動畫主要應(yīng)用于簡單的線性運動動畫。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“蝴蝶飛舞”。(2)在主場景中導(dǎo)入背景圖片,按組合鍵【Ctrl+B】打散圖形后,刪除圖片下方多余的部分,按【F8】鍵將其轉(zhuǎn)換為圖形元件,設(shè)置好圖片大小和位置,鎖定圖層。(3)新建圖形元件“蝴蝶”,進(jìn)入元件編輯區(qū),利用“鋼筆工具”繪制出蝴蝶翅膀的輪廓,“顏料桶工具”為其填充顏色。按組合鍵【Ctrl+C】復(fù)制一個,單擊“選擇工具”選中復(fù)制好的蝴蝶翅膀后,選擇“修改”→“變形”→“水平翻轉(zhuǎn)”菜單命令,直接繪制出另一半的蝴蝶翅膀,按照相同方法繪制蝴蝶其他部位。項目任務(wù)3-3補(bǔ)間動畫(4)在“庫”面板中,選中“蝴蝶”元件,單擊右鍵選擇“直接復(fù)制”命令,拷貝一個蝴蝶圖形元件,命名為“蝴蝶2”,在此基礎(chǔ)上,修改蝴蝶翅膀的大小和角度,如圖所示。(5)新建“蝴蝶動畫”的影片剪輯元件,按照逐幀動畫的制作方法,逐個插入兩個“蝴蝶”元件,產(chǎn)生蝴蝶拍動翅膀的動畫效果。(6)返回主場景中,新建圖層2。在“庫”面板中拖入“蝴蝶動畫”影片剪輯元件,在第110幀插入幀,單擊右鍵選擇“創(chuàng)建補(bǔ)間動畫”。每間隔5幀,單擊選中幀,在舞臺中拖動元件,更改其位置以及大小,期間計算機(jī)自動生成補(bǔ)間動畫,制作完成的蝴蝶飛舞運動軌跡如圖所示。(7)使用相同的方法,新建圖層,繪制出另一只蝴蝶飛舞的軌跡,可制作多次,最終產(chǎn)生蝴蝶在花叢中飛舞的動畫效果。(8)按【Ctrl+Enter】組合鍵打開FlashPlayer測試影片,按組合鍵【Ctrl+S】保存動畫,動畫即制作完成。項目任務(wù)3-4動畫預(yù)設(shè)
動畫預(yù)設(shè),是Flash中預(yù)配置的補(bǔ)間動畫,可以將其直接應(yīng)用于舞臺上的對象,以實現(xiàn)指定的動畫效果,而無需用戶重新設(shè)計。Flash隨附的每個動畫預(yù)設(shè)都可以在“動畫預(yù)設(shè)”面板中查看其預(yù)覽效果,如圖3-30所示,這樣可以了解在將動畫應(yīng)用于對象時所獲得的效果。
執(zhí)行“窗口”→“動畫預(yù)設(shè)”菜單命令,打開“動畫預(yù)設(shè)”面板。在“默認(rèn)預(yù)設(shè)”(如圖所示)的列表中單擊選擇一個動畫預(yù)設(shè),即可在“預(yù)覽”窗格中預(yù)覽效果。如果想要停止播放預(yù)覽,可以在“動畫預(yù)設(shè)”面板外單擊。
用戶也可以把一些做好的補(bǔ)間動畫保存為模板,并將它應(yīng)用到其他對象上。選中補(bǔ)間動畫后,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“另存為動畫預(yù)設(shè)”,或在“動作預(yù)設(shè)”面板中單擊“將選區(qū)另存為預(yù)設(shè)”按鈕,即可將補(bǔ)間動畫另存為“自定義預(yù)設(shè)”,如圖所示。項目任務(wù)3-4動畫預(yù)設(shè)動手做2動畫預(yù)設(shè)——飛船動畫
動畫概述:通過“飛船動畫”制作熟悉動畫預(yù)設(shè)的應(yīng)用,動畫播放后可以看到,飛船應(yīng)用了“動作預(yù)設(shè)”中默認(rèn)預(yù)設(shè)的“飛入后停頓再飛出”,可以看到飛船飛入宇宙星空后,再迅速飛出畫面的動畫效果,如圖所示。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“飛船動畫”。(2)在主場景中導(dǎo)入背景圖片,設(shè)置好圖片大小和位置,與舞臺對齊,鎖定圖層。(3)新建“飛船”圖形元件,使用Flash繪圖工具繪制出飛船的輪廓,再為飛船設(shè)置填充顏色,最終效果如圖所示。按【F8】鍵將其轉(zhuǎn)換為影片剪輯元件。項目任務(wù)3-4動畫預(yù)設(shè)(4)在舞臺中選擇“飛船”影片剪輯元件,執(zhí)行“窗口”→“動畫預(yù)設(shè)”命令,打開“動畫預(yù)設(shè)”面板,在面板中選擇默認(rèn)預(yù)設(shè)中的“飛入后停頓再飛出”,單擊“應(yīng)用”按鈕,應(yīng)用動畫預(yù)設(shè)后,動畫就會在舞臺上影片剪輯的當(dāng)前位置開始。(5)應(yīng)用“動畫預(yù)設(shè)”后,計算機(jī)自動將指定的補(bǔ)間應(yīng)用于所選對象上,如圖所示。但對于圖形元件,濾鏡或3D屬性等均不支持,影片剪輯元件均可。(6)按【Ctrl+Enter】組合鍵打開FlashPlayer測試影片,按組合鍵【Ctrl+S】保存動畫,動畫即制作完成。項目任務(wù)3-4動畫預(yù)設(shè)動手做3動畫預(yù)設(shè)——圣誕氣氛動畫
動畫概述:通過“圣誕氣氛動畫”制作熟悉自定義動畫預(yù)設(shè)的應(yīng)用,動畫播放后可以看到,夜空中煙花綻放,氣球飄動,如圖所示。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“圣誕氣氛”。(2)將背景圖片導(dǎo)入舞臺中,設(shè)置圖片大小和位置,與舞臺對齊,鎖定圖層。(3)新建“煙花1”影片剪輯元件,導(dǎo)入一張煙花的素材圖,轉(zhuǎn)換為圖形元件。分別在第10、35和75幀的位置插入關(guān)鍵幀,在第10幀和75幀設(shè)置Alpha值為0%,使用“任意變形工具”縮放其大小,在第35幀修改色調(diào),分別創(chuàng)建傳統(tǒng)補(bǔ)間動畫,制作出煙花綻放的效果,如圖所示,使用相同方法再創(chuàng)建幾個“煙花”影片剪輯元件。項目任務(wù)3-4動畫預(yù)設(shè)(4)新建“氣球”影片剪輯元件,根據(jù)氣球飄動的場景,創(chuàng)建補(bǔ)間動畫,如圖所示。完成補(bǔ)間動畫的制作后,在“動作預(yù)設(shè)”面板中,單擊“將選區(qū)另存為預(yù)設(shè)”按鈕,將氣球飄動的補(bǔ)間動畫另存為自定義預(yù)設(shè),命名為“氣球飄動”。(5)可新建影片剪輯元件,對不同樣式的氣球應(yīng)用“氣球飄動”的動畫預(yù)設(shè),返回主場景后,新建圖層,將煙花和氣球分別放置在不同的圖層中,測試效果。(6)按【Ctrl+Enter】組合鍵打開FlashPlayer測試影片,按組合鍵【Ctrl+S】保存動畫,動畫即制作完成。項目任務(wù)3-5形狀補(bǔ)間動畫
形狀補(bǔ)間動畫,常用于形成基本形狀,例如將一個矩形變成圓形,或者通過從一個點到一條線完整線條的補(bǔ)間產(chǎn)生畫出一條線的動畫。Flash只能對一些簡單的形狀進(jìn)行形狀補(bǔ)間,不能對一個組、元件或者可編輯的文字運用形狀補(bǔ)間??梢詫σ粚拥亩鄮M(jìn)行補(bǔ)間,但是出于組織和動畫控制的原因,最好把每個形狀放到各自獨立的圖層上,這樣方便調(diào)整形狀補(bǔ)間的速度和長度。動手做1形狀補(bǔ)間動畫——生日快樂
動畫概述:通過制作“生日快樂”動畫來介紹形狀補(bǔ)間動畫的制作。播放后,如圖所示,出現(xiàn)4個小蛋糕,接著4個小蛋糕形變成生日快樂4個字,稍作停頓后又形變成4個小蛋糕。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript3.0”選項,新建一個Flash文檔,命名為“生日快樂”。項目任務(wù)3-5形狀補(bǔ)間動畫(2)新建“蛋糕”圖形元件,繪制小蛋糕。單擊“矩形工具”,在“屬性”面板中設(shè)置矩形邊角半徑為15,畫出一個圓角矩形作為小蛋糕的身體部分。使用“鋼筆工具”畫出小蛋糕的頭發(fā)部分,“橢圓工具”畫出小蛋糕的橙子裝飾品,“顏料桶工具”著色,完成“蛋糕”元件的繪制。(3)新建4個圖層,分別命名為“生”、“日”、“快”和“樂”。分別在第20幀的位置拖入“蛋糕”元件,按【Ctrl+B】將其打散,調(diào)整到適當(dāng)?shù)奈恢茫梢愿叩推鸱灰?guī)則排列。(4)選擇“生”圖層,在第40幀插入關(guān)鍵幀,單擊工具箱內(nèi)的“文本工具”,設(shè)置字體為“迷你簡蘿卜”,字體大小為“76”,字體顏色為“紫色”。使用“文本工具”輸入“生”字,將此漢字?jǐn)[放在原來小蛋糕的位置。選擇文字,按組合鍵【Ctrl+B】將其打散,選擇“修改”→“形狀”→“將線條轉(zhuǎn)換為填充”菜單命令。單擊“墨水瓶工具”,設(shè)置筆觸顏色為黑色,筆觸粗細(xì)為1,為文字添加輪廓色,效果如圖3-39所示。(5)在其他3個圖層,使用相同的方法繪制出“日”、“快”和“樂”字。項目任務(wù)3-5形狀補(bǔ)間動畫(6)給此4個圖層均在第60幀轉(zhuǎn)換為關(guān)鍵幀。同時選中4個圖層的第20幀,單擊鼠標(biāo)右鍵,在快捷菜單中選擇“復(fù)制幀”命令,再單擊第80幀,右擊鼠標(biāo),在快捷菜單中選擇“粘貼幀”命令,即將4個圖層的第20幀中的小蛋糕復(fù)制到第80幀。(7)同時選中4個圖層中20-40幀中的任意幀,右擊鼠標(biāo),在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”菜單項,即為小蛋糕和文字之間創(chuàng)建好了形狀補(bǔ)間動畫。同樣的方法在第60-80幀之間創(chuàng)建形狀補(bǔ)間動畫,時間軸面板如圖所示。(8)測試影片后,保存影片并導(dǎo)出影片。項目任務(wù)3-5形狀補(bǔ)間動畫動手做2形狀補(bǔ)間動畫——海底水晶球
動畫概述:“海底水晶球”的動畫播放后,如圖所示。在鼠標(biāo)經(jīng)過水晶球上時,可以看到水晶球在海底反射光芒的效果,光芒從一側(cè)照射到另一側(cè)。操作步驟:(1)選擇“文件”→“新建”菜單選項,選擇“ActionScript2.0”選項,新建一個Flash文檔,命名為“海底水晶球”。(2)執(zhí)行“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺”命令,將海底的背景圖片導(dǎo)入到舞臺中,更改其大小與主舞臺匹配,調(diào)整位置后鎖定圖層。(3)新建“過光動畫”的影片剪輯元件,進(jìn)入元件編輯狀態(tài)。將水晶球圖片導(dǎo)入到舞臺中,使用“套索工具”將水晶球與外部的背景分離,轉(zhuǎn)換為圖形元件,鎖定圖層。項目任務(wù)3-5形狀補(bǔ)間動畫(4)新建圖層2,在第20幀插入關(guān)鍵幀,單擊“橢圓工具”,設(shè)置筆觸和填充均為白色,按住【Shift】鍵繪制出稍小于水晶球的正圓形,在“顏色”面板中將其Alpha值設(shè)為50%。使用“選擇工具”修改正圓形為月牙形,如圖所示。在第25幀的位置單擊鼠標(biāo)右鍵,選擇“轉(zhuǎn)換為關(guān)鍵幀”命令或按【F6】鍵,再次使用“選擇工具”修改形狀,并將筆觸和填充改為藍(lán)色。同理,在第30幀的位置再次修改形狀。分別在3個關(guān)鍵幀中間,兩次單擊鼠標(biāo)右鍵,選擇“創(chuàng)建補(bǔ)間形狀”命令,為頭尾的3個關(guān)鍵幀創(chuàng)建補(bǔ)間動畫,可在時間軸上移動播放頭,預(yù)覽動畫效果,時間軸面板如圖所示。(5)新建圖層3,按照步驟4中的方法,繪制另一邊的過光效果動畫。(6)新建圖層4,單擊第2幀,在“屬性”面板中為該幀添加一個標(biāo)簽名稱
溫馨提示
- 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)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025-2030年墻面藝術(shù)顏料企業(yè)制定與實施新質(zhì)生產(chǎn)力戰(zhàn)略研究報告
- 修腳店股合同范例
- 單采購合同范本
- 2025-2030年噪音監(jiān)測與控制行業(yè)跨境出海戰(zhàn)略研究報告
- 2025-2030年戶外露營帳篷豪華款行業(yè)深度調(diào)研及發(fā)展戰(zhàn)略咨詢報告
- 個人豆腐店轉(zhuǎn)讓合同范本
- 內(nèi)墻抹灰勞務(wù)合同范本
- 賣車主播合同范本
- 博士勞動合同范本
- 學(xué)生會部門申請書
- 《預(yù)防流感》主題班會教案3篇
- 校園招聘活動策劃方案(6篇)
- 期末 (試題) -2024-2025學(xué)年教科版(廣州)英語四年級上冊
- 解讀國有企業(yè)管理人員處分條例課件
- 湖南省長沙市一中2024-2025學(xué)年高一生物上學(xué)期期末考試試題含解析
- 小孩使用手機(jī)協(xié)議書范本
- 榆神礦區(qū)郭家灘煤礦(700 萬噸-年)項目環(huán)評
- 2024年200MW-400MWh電化學(xué)儲能電站設(shè)計方案
- 余土外運施工方案
- DB32-T 186-2015建筑消防設(shè)施檢測技術(shù)規(guī)程
- 中考英語1600詞匯對照表-(帶音標(biāo))
評論
0/150
提交評論