【原創(chuàng)】8.2.3創(chuàng)建補(bǔ)間動畫-課件

活動三創(chuàng)建補(bǔ)間動畫福建省義務(wù)教育教科書（2016年修訂版）.福建教育出版社《信息技術(shù)》八年級下1．了解Flash動畫的主要用途。2．了解補(bǔ)間動畫的分類、特點(diǎn)和補(bǔ)間動畫的基本原理。3．掌握對象打散分離的方法。4．掌握形狀補(bǔ)間動畫的制作方法。5．掌握動作補(bǔ)間動畫的制作方法。6．培養(yǎng)學(xué)生自主探索、協(xié)作學(xué)習(xí)的能力。成功從目標(biāo)開始！學(xué)習(xí)目標(biāo)Flash作品欣賞文字形狀動畫形狀補(bǔ)間動畫花瓣飄落新課導(dǎo)入太陽升起文字LOVE新課導(dǎo)入(1)逐幀動畫每一幀都是進(jìn)行手工剪輯的關(guān)鍵幀，工作量大，所占用的存儲空間大。(2)補(bǔ)間動畫只需建立首尾兩個(gè)關(guān)鍵幀，F(xiàn)lash會自動根據(jù)兩個(gè)關(guān)鍵幀之間的圖像差別和普通幀的數(shù)量，計(jì)算生成過渡的動畫效果。制作方法簡單，動畫的漸變過程更連貫。01圖形形狀補(bǔ)間動畫02文字形狀補(bǔ)間動畫03發(fā)光文字動畫04圖片展示動畫任務(wù)目錄

05設(shè)計(jì)和繪制卡通人物圖形形狀補(bǔ)間動畫PART01形狀補(bǔ)間動畫原理：在起始幀上繪制一個(gè)形狀，然后，在結(jié)束幀上更改該形狀，或者繪制另一個(gè)形狀，flash就根據(jù)一定的算法補(bǔ)充完整中間的幀，從而產(chǎn)生動畫

。1、實(shí)現(xiàn)從一種形狀變化到另一種形狀的動畫2、不只局限于形狀上的變化，也可以是大小、顏色、位置上的變化。作品欣賞形狀補(bǔ)間要滿足的條件1、初始幀和結(jié)束幀必須是關(guān)鍵幀2、對元件、組合、位圖和文字必須先“打散”(矢量圖)PART01圖形形狀補(bǔ)間動畫從圓變成正方形的形狀補(bǔ)間動畫操作要求：1、新建一個(gè)Flash文檔，采用默認(rèn)的文檔屬性。2、在“圖層1”的第1幀處，單擊工具箱中的“橢圓工具”，在顏色區(qū)中，設(shè)置筆觸顏色為“無”，填充顏色為“紅黑放射狀漸變色”按住Shift鍵，在舞臺左邊繪制一個(gè)無邊框的圓，如圖3-4所示。3、第30幀處，單擊右鍵，在彈出的快捷菜單中選擇“插人空白關(guān)鍵幀”命令。4、單擊工具箱中的“矩形工具”，在顏色區(qū)中，設(shè)置筆觸顏色為“無”，填充顏色為“綠黑放射狀漸變色”，按住Shift鍵，在舞臺右邊繪制一個(gè)無邊框的正方形。5、在第1幀到第30幀(不包含第30幀)之間單擊任意一幀,在屬性面板上,選擇“補(bǔ)間”下拉框中的“形狀”。6、測試動畫,保存文件。PART01圖形形狀補(bǔ)間動畫提問:這個(gè)動畫是否適合用上節(jié)課的逐幀動畫技術(shù)來制作，如果不適合，那么應(yīng)該使用補(bǔ)間動畫中的哪一種技術(shù)來實(shí)現(xiàn)。演示創(chuàng)作從圓變成正方形的形狀補(bǔ)間動畫過程。講解時(shí)可以分別制作有邊框和沒有邊框兩種情況的動畫，讓學(xué)生觀察不同之處。PART01圖形形狀補(bǔ)間動畫文字形狀補(bǔ)間動畫PART02PART02文字形狀補(bǔ)間動畫以文字“CHINA”為對象的形狀補(bǔ)間動畫。讓五個(gè)英文字母填充不同的顏色，然后從第一個(gè)字母“C”開始，變化出第二個(gè)字母“H”，再依次變化出字母“I”和“N”，最后變化出字母“A”。1、新建一個(gè)Flash文檔,采用默認(rèn)的文檔屬性。2、單擊工具箱中的“文本工具”,設(shè)置字體為“Arialblack”,在舞臺上輸入“CHINA”字樣,單擊工具箱中的“任意變形工具”,按住Shit鍵,適當(dāng)縮放文字的大小,并移到適當(dāng)?shù)奈恢谩?、單擊工具箱中的“箭頭工具”,選取文字,按下Ctrl+B快捷鍵分離文本,將英文單詞分離成單個(gè)的字母；緊接著再次按下Cltl+B快捷鍵,將所有的字母都轉(zhuǎn)換成矢量圖,再給各個(gè)字母填充不同的顏色。4、在時(shí)間軸第15幀、第30幀、第45幀和第60幀處分別按F6功能鍵插入關(guān)鍵幀。然后在第1幀只保留字母“C”,刪除其他字母在第15幀只保留字母“H”,刪除其他字母；在第30幀只保留字母刪除其他字母；在第45幀只保留字母“N”,刪除其他字母；在第60幀只保留字母“A”,刪除其他字母。5、為了讓每個(gè)字母變化時(shí)能停頓片刻,再在第5幀、第20幀、第35幀、第50幀和第65幀處分別按F6功能鍵插入關(guān)鍵幀。6、在第5幀到第15幀之間、第20幀到第30幀之間、第35幀到第45幀之間和第50幀到第60幀之間,分別創(chuàng)建形狀補(bǔ)間動畫。此時(shí)的時(shí)間軸和舞臺狀態(tài)。7、測試動畫,保存文件。PART02文字形狀補(bǔ)間動畫動作補(bǔ)間動畫動作補(bǔ)間動畫又叫運(yùn)動漸變動畫，可以實(shí)現(xiàn)對象的位置移動、大小變化、顏色變化、透明度變化等效果。構(gòu)成動作補(bǔ)同動畫的元素主要是元件。元件定義元件是可反復(fù)取出使用的圖形、按鈕或一段小動畫，元件中的小動畫可以獨(dú)立于主動畫進(jìn)行播放，每個(gè)元件可由多個(gè)獨(dú)立的元素組合而成。說的直白些，元件就相當(dāng)于一個(gè)可重復(fù)使用的模板，使用一個(gè)元件就相當(dāng)于實(shí)例化一個(gè)元件實(shí)體。使用元件的好處是，可重復(fù)利用，縮小文件的存儲空間。作用FLASH里面有很多時(shí)候需要重復(fù)使用素材，這時(shí)我們就可以把素材轉(zhuǎn)換成元件，或者干脆新建元件，以方便重復(fù)使用或者再次編輯修改。也可以把元件理解為原始的素材，通常存放在元件庫中。元件可以進(jìn)行再次修改，但是在場景里修改元件不會修改元件本身的屬性。元件通常有三種形式：圖形元件、影片剪輯元件、按鈕元件。創(chuàng)建元件的方法方法1：新建一個(gè)空白元件，然后在元件編輯狀態(tài)下穿件元件的內(nèi)容。選擇菜單“插入”—>“新建元件”或者按鍵盤ctrl+F8也可以新建一個(gè)元件。方法2：將場景上的對象轉(zhuǎn)換成元件。選擇場景里現(xiàn)有元件，單擊鼠標(biāo)右鍵，選擇轉(zhuǎn)換為元件。方法3：將動畫轉(zhuǎn)換為元件。發(fā)光文字動畫PART03PART03發(fā)光文字動畫1、新建一個(gè)Flash文檔，采用默認(rèn)的文檔屬性。2、在“圖層1”第1幀處，單擊工具箱中的“文本工具”，在屬性面板中設(shè)置字體為“ArialBlack”，大小為“35”，顏色為“紅色”。

在舞臺中輸入文字“Information”。3、單擊工具箱中的“箭頭工具”，在文字上單擊右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令，將文字轉(zhuǎn)換為圖形元件，元件取名為“text”，如圖3-11所示。4、新建圖層，在“圖層2”的第10幀上插入空白關(guān)鍵幀，按F11功能鍵打開庫面板，將text元件拖到舞臺上。5、在“圖層2”的第20幀上按F6功能鍵插入關(guān)鍵幀(元件從庫中進(jìn)入到舞臺即叫作實(shí)例)用“任意變形工具”放大，通過屬性面板的顏色選項(xiàng)改變成透明色(即Alpha值為0%)。6、在“圖層2”的第10幀至第20幀之間創(chuàng)建動作補(bǔ)間動畫。7、在“圖層1”的第20幀處按F5功能鍵插入普通幀，在第10幀上對齊兩個(gè)圖層上實(shí)例的中心點(diǎn)(小圓圈)。這時(shí)，時(shí)間軸狀態(tài)及主要參數(shù)。8、測試并保存動畫。PART03發(fā)光文字動畫作品賞析、點(diǎn)評圖片展示動畫PART04制作花朵PART04圖片展示動畫PART04圖片展示動畫1、新建一個(gè)Fash文檔，采用默認(rèn)的文檔屬性。2、新建“圖片”元件。單出擊菜單欄中的“插入”→“新建元件”命令，新建名稱為“圖片”的圖形元件，如圖3-13所示。5．轉(zhuǎn)播幾位學(xué)生的動畫測試效果，并給予肯定及評價(jià)。在元件編輯狀態(tài)下，單擊菜單欄中的“文件”→“導(dǎo)入”命令，導(dǎo)入一張圖片素材作為元件的內(nèi)容。3、返回到“場景1”，按F11功能鍵打開庫面板，將“圖片”元件拖到舞臺，并將實(shí)例移到舞臺的左上角4、在第20幀處，按F6功能鍵插入關(guān)鍵幀，并將實(shí)例移到舞臺的右下角。5、在第1幀屬性面板上，選擇“補(bǔ)間”下拉框中的“動作”，創(chuàng)建動作補(bǔ)間動畫。在“旋轉(zhuǎn)”下拉框中選擇“順時(shí)針”，在次數(shù)框中輸入“1”，如圖3-14(a)所示。6、在第40幀處，按F6功能鍵插入關(guān)鍵幀，并將實(shí)例移到舞臺的中央，單擊工具箱中的“任意變形工具”，將實(shí)例縮小，同時(shí)修改實(shí)例的透明度(顏色的Alpha值)為30%，如圖3-14(b)所示。在第20幀到第40幀之間創(chuàng)建動作補(bǔ)間動畫。7、在第60幀處，按F6功能鍵插入關(guān)鍵幀，選中實(shí)例，在屬性面板中選擇顏色下拉框中的“無”，即不改變它的透明度。然后單擊工具箱中的“任意變形工具”，將實(shí)例放大至整個(gè)舞臺。在第40幀到第60幀之間創(chuàng)建動作補(bǔ)間動畫。各個(gè)關(guān)鍵幀的舞臺狀態(tài)如圖3-15所示。8、測試并保存動畫。翻書效果動畫PART05制作花朵PART04翻書效果動畫動畫翻書是我們?nèi)粘W(xué)習(xí)、生活中司空見慣的動作，我們來創(chuàng)建一個(gè)模擬翻書效果的簡單動畫。用兩個(gè)不同顏色的矩形分別代表書本的封面和第一頁，讓封面從與第一頁合上的狀態(tài)慢慢翻起來，最后成水平展開狀態(tài)。PART04翻書效果動畫1、新建一個(gè)Flash文檔，采用默認(rèn)的文檔屬性。2、將“圖層1”重命名為“第一頁”，然后插入一個(gè)新圖層，并將其命名為“封面”。3、在“封面”圖層第1幀繪制一個(gè)無邊的藍(lán)色矩形，然后轉(zhuǎn)換成圖形元件，元件取名為“cover”4、在“第一頁”圖層第1幀繪制一個(gè)無邊的紅色矩形，然后轉(zhuǎn)換成圖形元件，元件取名為page5、調(diào)整兩個(gè)元件的大小和位置，讓它們完全重合6、在“第一頁”圖層的第70幀處按F5功能鍵插入普通幀。7、在“封面”圖層第1幀處,單擊工具箱中的“任意變形工具”調(diào)整“cover”實(shí)例中心點(diǎn)到左邊線上。8、在“封面”圖層第10幀處按F6功能鍵插入關(guān)鍵幀,再單擊工具箱中的“任意變形工具”,改變“cover”實(shí)例的形狀