資源描述：
《Flash動(dòng)畫制作之—制作形狀補(bǔ)間動(dòng)畫-05》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、學(xué)習(xí)目標(biāo)第5講制作形狀補(bǔ)間動(dòng)畫掌握形狀補(bǔ)間動(dòng)畫的原理和創(chuàng)建方法。使用形狀補(bǔ)間動(dòng)畫表現(xiàn)事物變化的過(guò)程。掌握形狀提示點(diǎn)的原理和使用方法。使用形狀提示點(diǎn)動(dòng)畫表現(xiàn)舌頭擺動(dòng)效果的方法。5.1形狀補(bǔ)間動(dòng)畫原理5.2形狀提示點(diǎn)原理5.3課后作業(yè)本章大綱5.1形狀補(bǔ)間動(dòng)畫原理5.1.1知識(shí)點(diǎn)講解形狀補(bǔ)間動(dòng)畫是動(dòng)畫制作中一種常用的動(dòng)畫制作方法，它可以補(bǔ)間形狀的位置、大小和顏色等，使用形狀補(bǔ)間可以制作出千變?nèi)f化的動(dòng)畫效果。一、形狀補(bǔ)間動(dòng)畫的原理。形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)矢量圖形之間顏色、形狀、位置的變化，如圖5-1所示。圖5-1形狀補(bǔ)間動(dòng)畫原理綠色漸
2、變紅色漸變舞臺(tái)左邊舞臺(tái)右邊小蘋果大蘋果顏色補(bǔ)間位置補(bǔ)間形狀補(bǔ)間二、創(chuàng)建形狀補(bǔ)間動(dòng)畫。同一圖層上，在繪制著不同矢量圖形的兩關(guān)鍵幀之間任選1幀，然后再在【屬性】面板上的【補(bǔ)間】下拉列表中選擇【形狀】選項(xiàng)，如圖5-2所示，就可創(chuàng)建一個(gè)形狀補(bǔ)間動(dòng)畫。圖5-2創(chuàng)建形狀補(bǔ)間動(dòng)畫三、認(rèn)識(shí)形狀補(bǔ)間動(dòng)畫的屬性面板。Flash8的【屬性】面板隨選定的對(duì)象不同而發(fā)生相應(yīng)的變化。當(dāng)建立了一個(gè)形狀補(bǔ)間動(dòng)畫后，單擊時(shí)間軸，其【屬性】面板如5-2所示。其中經(jīng)常使用的選項(xiàng)有如下兩種：（1）【緩動(dòng)】選項(xiàng)。在【緩動(dòng)】選項(xiàng)中輸入相應(yīng)的數(shù)值，形狀補(bǔ)間動(dòng)畫則會(huì)隨之發(fā)生相應(yīng)
3、的變化。（2）【混合】選項(xiàng)。在【混合】選項(xiàng)中包含“角形”和“分布式”兩個(gè)參數(shù)。5.1.2范例解析（一）──創(chuàng)建形狀補(bǔ)間動(dòng)畫練習(xí)請(qǐng)同學(xué)們?cè)诶蠋煹膸ьI(lǐng)下對(duì)形狀補(bǔ)間動(dòng)畫的創(chuàng)建方法和原理進(jìn)行進(jìn)一步的熟悉，并跟隨以下要求進(jìn)行操作訓(xùn)練。1、新建一個(gè)Flash文檔，然后利用【橢圓】工具在舞臺(tái)上繪制一個(gè)圓形，并在【屬性】面板中設(shè)置圓的顏色為“#00FF00”，寬高為“7px×7px”，如圖5-3所示。2、在第20幀處插入關(guān)鍵幀，然后以圓為基點(diǎn)繪制一片樹葉，如圖5-4所示。圖5-3繪制圓形圖5-4繪制樹葉3、在第20幀處，首先刪除“圓”，然后填充樹
4、葉，效果如圖5-5所示。#FFFFFF#339900【顏色】面板樹葉效果圖5-5填充樹葉4、在第40幀處插入關(guān)鍵幀，然后調(diào)節(jié)樹葉的顏色效果如圖5-6所示【顏色】面板樹葉效果#FFFFFF#CC99005、在第60幀處將樹葉移出舞臺(tái)。6、選中第1幀，然后在【屬性】面板的【補(bǔ)間】下拉列表中選擇“形狀”選項(xiàng)，如圖5-7所示。則創(chuàng)建出第1幀～第20幀之間的形狀補(bǔ)間動(dòng)畫。圖5-7創(chuàng)建補(bǔ)間動(dòng)畫7、使用相同的方法，在第20幀、第40幀兩處分別創(chuàng)建形狀補(bǔ)間動(dòng)畫。8、按Ctrl+Enter快捷鍵測(cè)試播放影片，觀看這個(gè)由小圓成長(zhǎng)為一片綠葉，再枯黃，再
5、凋零的動(dòng)畫。9、關(guān)閉測(cè)試播放器，選中第40幀，然后在屬性面板中分別設(shè)置【緩動(dòng)】為“－100~100”之間不同的值，然后分別測(cè)試影片，觀看樹葉凋落動(dòng)畫的速率變化。5.1.3范例解析（二）──制作“浪漫綻放”花是帶給人們幸福與浪漫的精靈。本例將使用形狀補(bǔ)間動(dòng)畫來(lái)制作一個(gè)“浪漫的綻放”動(dòng)畫，帶領(lǐng)讀者來(lái)一同體驗(yàn)自己繪制出的浪漫感覺(jué)，其設(shè)計(jì)思路及效果如圖5-8所示。圖5-8制作思路及效果1、制作葉片的生長(zhǎng)。（1）打開(kāi)教學(xué)資源中“素材第5講浪漫的綻放浪漫的綻放-模板.fla”文件，場(chǎng)景效果如圖5-9所示。（2）在“背景”圖層之上新建并重
6、命名圖層，直至圖層效果如圖5-10所示。圖5-9模板場(chǎng)景圖5-10圖層效果（3）選擇【矩形】工具，在【屬性】面板中設(shè)置【筆觸顏色】為“無(wú)”，【填充顏色】為“#37C030”，在“葉片1”圖層上繪制一個(gè)寬高為“5px×5px”的矩形，并將其置于花盆的后面，效果如圖5-11所示。（4）在“葉片1”圖層的第10幀處插入關(guān)鍵幀，利用【選擇】工具調(diào)整第10幀處“矩形”的形狀如圖5-12所示。（5）在“葉片1”圖層的第20幀處插入關(guān)鍵幀，利用【選擇】工具調(diào)整第20幀處“矩形”的形狀如圖5-13所示。矩形圖5-11第1幀葉片形狀圖5-12第10
7、幀葉片形狀圖5-13第20幀葉片形狀（6）在第1幀～第10幀之間、第10幀～第20幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，這樣一片葉子的生長(zhǎng)過(guò)程就制作完成。（7）使用同樣的方法在圖層“葉片2”、“葉片3”、“葉片4”、“葉片5”、“葉片6”上分別制作其他5片葉子的生長(zhǎng)，完成葉片的生長(zhǎng)動(dòng)畫。此時(shí)的場(chǎng)景效果如圖5-14所示，【時(shí)間軸】效果如圖5-15所示。葉片6葉片2葉片4葉片5葉片3葉片1圖5-14完成葉片制作在制作葉片生長(zhǎng)動(dòng)畫效果時(shí)，注意調(diào)整葉片生長(zhǎng)的先后順序，盡量使葉片生長(zhǎng)看起來(lái)貼近自然。每個(gè)葉片的生長(zhǎng)時(shí)間也可根據(jù)葉片大小有所不同。建議將制作完
8、成的圖層進(jìn)行鎖定，以免產(chǎn)生誤操作。圖5-15【時(shí)間軸】效果一2、制作花梗的生長(zhǎng)。（1）在“葉片6”圖層之上新建一個(gè)圖層并重命名為“花?！眻D層。（2）在“花?！眻D層的第65幀處插入關(guān)鍵幀。（3）選擇【矩形】工具，在【屬性】面板中設(shè)置【筆觸顏色】為“無(wú)
