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

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

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

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

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