Flash CC電子資源(課件)(3.4元件)

二維動(dòng)畫制作—FlashCC單元3基本動(dòng)畫和元件、實(shí)例和庫(kù)任務(wù)3.4元件任務(wù)描述活動(dòng)3.4.1圖形元件及創(chuàng)建學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)微課資源活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建活動(dòng)3.4.3按鈕元件及其創(chuàng)建活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源活動(dòng)3.4.1圖形元件及創(chuàng)建【學(xué)習(xí)目標(biāo)】【分析與設(shè)計(jì)】制作俄羅斯方塊游戲中各種類型的方塊及背景，實(shí)現(xiàn)模擬效果。1．運(yùn)用橢圓工具繪制空心圓和實(shí)心圓。2．運(yùn)用空心圓組成背景圖、實(shí)心圓。3．創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫實(shí)現(xiàn)圓的移動(dòng)效果。1．創(chuàng)建圖形元件的方法。2．圖形元件的多次利用。3．傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建的方法。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】1．新建一個(gè)FlashCCactionscript3.0文檔，舞臺(tái)大小設(shè)定為“550×400像素”,其余選項(xiàng)為默認(rèn)。2．執(zhí)行“插入→新建元件…”命令，彈出“新建元件”對(duì)話框，在名稱文本框中輸入“傳統(tǒng)補(bǔ)間動(dòng)畫”，類型為“圖形”，如圖3-72所示。單擊“確定”按鈕進(jìn)入圖形元件編輯模式。圖3-72創(chuàng)建圖形元件活動(dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】3．在工具面板中單擊“橢圓工具”，在屬性面板中的“填充與筆觸”區(qū)域中將筆觸顏色設(shè)置為“無(wú)”，填充顏色為“黑色”，“筆觸大小”為“1”，如圖3-73所示。繪制一個(gè)橢圓，如圖3-74所示。然后將“橢圓”轉(zhuǎn)換為圖形原件，如圖3-75所示。圖3-73圖3-74圖3-75橢圓的設(shè)置活動(dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】4.新建圖層繪制一個(gè)名為“空心圓”，并將圖層改名為“空心圓”（圖層在“橢圓”圖層之下），如圖3-76所示。圖3-765．用“任意變形工具”將“橢圓”的中心點(diǎn)放在“空心圓”的中心。如圖3-77所示圖3-77改變中心點(diǎn)活動(dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】將“空心圓”圖層和“橢圓”圖層幀數(shù)加到70幀。在“橢圓”圖層的第5幀設(shè)置關(guān)鍵幀，并旋轉(zhuǎn)橢圓至90度，并在時(shí)間軸創(chuàng)建傳統(tǒng)補(bǔ)間，如圖3-78所示。圖3-78創(chuàng)建傳統(tǒng)補(bǔ)間活動(dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】8．新建圖層，并將“橢圓”圖層的第5幀復(fù)制到新建圖層的第5幀，，如圖3-79所示。然后在第10幀設(shè)置關(guān)鍵幀，將“橢圓”元件旋轉(zhuǎn)90度，并在時(shí)間軸創(chuàng)建傳統(tǒng)補(bǔ)間，如圖3-80所示。圖3-79復(fù)制幀圖3-80旋轉(zhuǎn)90°活動(dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】9．按照步驟7和8，同理制作“橢圓”的傳統(tǒng)補(bǔ)間動(dòng)畫，如圖3-81所示。圖3-81做出其他橢圓傳統(tǒng)補(bǔ)間動(dòng)畫圖3-8210．雙擊空白地方退出圖形元件回到場(chǎng)景，并在將“傳統(tǒng)補(bǔ)間動(dòng)畫”元件拖至場(chǎng)景，并在70幀處插入幀。，如圖3-82所示?；顒?dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】11．分別在30幀和70幀處建立關(guān)鍵幀，并創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，如圖3-83所示。12．在屬性面板設(shè)置順時(shí)針旋轉(zhuǎn),次數(shù)為3，如圖3-84所示。圖3-83傳統(tǒng)補(bǔ)間動(dòng)畫圖3-84設(shè)置屬性活動(dòng)3.4.1圖形元件及創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【總結(jié)提升】1．圖形元件的創(chuàng)建可以運(yùn)用繪圖工具進(jìn)行繪制，也可以將導(dǎo)入的圖片轉(zhuǎn)換成圖形元件。2．圖形元件可重復(fù)使用，如制作各種方塊時(shí)可多次使用實(shí)心正方形元件，即可以多重嵌套。3．當(dāng)圖形元件是一段小動(dòng)畫時(shí)，其時(shí)間軸與場(chǎng)景中的主時(shí)間軸是同步的，不能獨(dú)立播放?；顒?dòng)3.4.1圖形元件及創(chuàng)建任務(wù)3.4元件任務(wù)描述活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)微課資源任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建2．繪制矢量圖【學(xué)習(xí)目標(biāo)】【分析與設(shè)計(jì)】制作飛行的蝴蝶、閃閃的星光影片剪輯元件，展示夜間山間的動(dòng)畫效果。1．運(yùn)用任意變形工具制作一直翅膀煽動(dòng)的蝴蝶的影片剪輯。2．運(yùn)用橢圓工具繪制圓并設(shè)定徑定漸變填充。3．運(yùn)用傳統(tǒng)補(bǔ)間動(dòng)畫的淡入淡出效果制作閃閃的星星影片剪輯。1．掌握創(chuàng)建影片剪輯元件的方法。2．了解影片剪輯元件的嵌套。3．掌握利用傳統(tǒng)補(bǔ)間動(dòng)畫制作影片剪輯元件。4.運(yùn)用引導(dǎo)層控制動(dòng)畫運(yùn)動(dòng)軌跡。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】1.打開路徑為“素材\第3單元\3.4”中的文件“蝴蝶星光閃耀素材”。2.按下Ctrl+F8創(chuàng)建一個(gè)新的元件，命名為“蝴蝶飛”，類型選擇“影片剪輯”，單擊確定，如圖3-85所示。圖3-853.將庫(kù)中的圖形元件“翅膀”拖到場(chǎng)景中來(lái)，利用任意變形工具調(diào)整一下“翅膀”的方向，并將中心店調(diào)整到“翅膀”的右下方，如圖3-86所示。圖3-86活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】4.新建一個(gè)圖層，復(fù)制圖形元件“翅膀”到圖層2。5.選擇圖層2的“翅膀”，利用變形工具將翅膀壓扁一些，并向右上方傾斜，如圖3-87所示。圖3-87圖3-886.將兩個(gè)圖層的“翅膀”位置調(diào)整好，在兩個(gè)圖層的第4幀和第7幀處插入關(guān)鍵幀，如圖3-88所示?；顒?dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】選擇圖層2處的第4幀，利用任意變形工具將翅膀壓扁并向右上方傾斜，如圖3-89所示。選擇圖層1處的第4幀，利用任意變形工具將翅膀壓扁并向右上方傾斜，如圖3-90所示。選擇兩個(gè)圖層的2-6幀，單擊右鍵，創(chuàng)建傳統(tǒng)補(bǔ)間，如圖3-91所示。圖3-89圖3-90圖3-91活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】回到場(chǎng)景中，將庫(kù)里面的“背景”圖片拉倒場(chǎng)景中，將圖層命名為背景，利用對(duì)齊面板，把背景位置匹配場(chǎng)景，在第120幀處插入幀，然后鎖住圖層。新建一個(gè)圖層2，命名為蝴蝶，將影片剪輯“蝴蝶飛”拉倒場(chǎng)景中，調(diào)整好大小。在第120幀處插入關(guān)鍵幀，如圖3-92所示。選擇“蝴蝶”圖層，單擊右鍵，選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”，如圖3-93所示。選擇引導(dǎo)層，利用鉛筆工具在場(chǎng)景中繪制一條曲線，如圖3-94所示。圖3-92圖3-93活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】選擇“蝴蝶”圖層，將第1幀處的蝴蝶調(diào)整到曲線起點(diǎn)上，注意中心點(diǎn)要在曲線上，如圖3-95所示。選擇第120幀處的蝴蝶調(diào)整到曲線的末端，注意中心點(diǎn)要在曲線上，如圖3-96所示。5.在1—120幀中的任意一幀處單擊右鍵，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。圖3-94圖3-95圖3-96活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】15.在1—120幀中的任意一幀處單擊右鍵，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。16.新建名為“漸變的圓”圖形元件，選擇“橢圓工具”，打開“顏色”面板，設(shè)置“筆觸顏色”為無(wú)，設(shè)置“填充顏色”為“徑向漸變”。顏色都設(shè)置為“白色”，兩個(gè)色塊的Alpha從左到右依次為100%、0%，在舞臺(tái)上繪制一個(gè)圓，如圖3-97和圖3-98所示。17.新建名為“星星”圖形元件，將庫(kù)中名為“漸變的圓”圖形元件拖5個(gè)至舞臺(tái)，利用“任意變形工具”進(jìn)行變形或旋轉(zhuǎn)，組成如圖3-99所示的圖形。圖3-97圖3-98繪制一個(gè)圓圖3-99星星活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】18．新建名為“閃閃的星星”影片剪輯元件，將“星星”圖形元件拖到舞臺(tái)，在“對(duì)齊面板”中設(shè)置對(duì)齊為“水平中齊”和“垂直中齊”。19．在第10、20幀處插入關(guān)鍵幀，將第10幀處的星星實(shí)例的Alpha值設(shè)置為0%,創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，如圖3-100所示。圖3-100閃閃的星星20．新建圖層并改名為“星星”，將“閃光的星星”影片剪輯元件拖至舞臺(tái)，進(jìn)行多次復(fù)制，調(diào)節(jié)各個(gè)星星的大小和透明度?；顒?dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】21．以“蝴蝶閃耀星光”為文件名存盤，測(cè)試效果，如圖3-100所示。圖3-101活動(dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【總結(jié)提升】1．影片剪輯元件是一個(gè)小動(dòng)畫，它可以嵌套在其它的影片剪輯中，如圖形元件“翅膀”放在“蝴蝶飛”影片剪輯中。2．影片剪輯元件的播放不同步主時(shí)間軸，放在主場(chǎng)景中即使只有一幀，也可以進(jìn)行播放。3．影片剪輯元件可以運(yùn)用創(chuàng)建逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫進(jìn)行制作?；顒?dòng)3.4.2影片剪輯元件及其創(chuàng)建任務(wù)3.4元件任務(wù)描述活動(dòng)3.4.3按鈕元件及其創(chuàng)建學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)微課資源任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源活動(dòng)3.4.3按鈕元件及其創(chuàng)建2．繪制矢量圖【學(xué)習(xí)目標(biāo)】【分析與設(shè)計(jì)】制作一個(gè)立體圓形按鈕，展示按鈕不同狀態(tài)時(shí)的表現(xiàn)形式。1．新建按鈕元件。2．在4種不同狀態(tài)的幀中繪制不同的圖形或改變圖形的屬性。3．在新建的圖層中添加各種狀態(tài)下的不同的圖形。1．掌握創(chuàng)建按鈕元件的方法。2．掌握橢圓工具的使用及其顏色、透明度的設(shè)置。3．掌握關(guān)鍵幀的插入方法。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】1．新建一個(gè)FlashCCactionscript3.0文檔。2．執(zhí)行“插入”→“新建元件”命令，彈出“創(chuàng)建新元件”對(duì)話框，在“名稱”文本框中輸入元件名為“bt1”,在“類型”下拉列表框中選擇“按鈕”選項(xiàng)，如圖3-102所示，單擊“確定”按鈕進(jìn)入編輯模式。3．選擇工具面板中的“矩形工具”，將“筆觸顏色”設(shè)置為“藍(lán)色”，“Alpha”設(shè)置為“50%”，填充色為“無(wú)“，繪制一個(gè)大小為“100×50”的長(zhǎng)方形v，并利用對(duì)齊面板設(shè)置對(duì)齊為“水平中齊”和“垂直中齊”。圖3-102新建按鈕元件活動(dòng)3.4.3按鈕元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】4．選擇工具面板中的“橢圓工具”，將“筆觸顏色”設(shè)置為“無(wú)”，填充色為“藍(lán)色”，“Alpha”設(shè)置為“50%”，，繪制一個(gè)大小為“80×40”的長(zhǎng)方形，并利用對(duì)齊面板設(shè)置對(duì)齊為“水平中齊”和“垂直中齊”，如圖3-103所示。5．在“指針經(jīng)過(guò)”、“按下”、“點(diǎn)擊”狀態(tài)中分別按“F6”插入關(guān)鍵幀，在“指針經(jīng)過(guò)”狀態(tài)中將外圓和內(nèi)圓的“Alpha”值都設(shè)置為“100%”，如圖3-104所示。圖3-103彈起狀態(tài)圖3-104指針經(jīng)過(guò)活動(dòng)3.4.3按鈕元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】6．在“按下”狀態(tài)中將外框和內(nèi)長(zhǎng)方形的填充顏色設(shè)置為“紅色”，“Alpha”值設(shè)置為“100%”，并縮小一點(diǎn)，如圖3-105所示。7．鎖定圖層1并新建圖層2，利用“文本工具”輸入一個(gè)“PLAY”，選擇點(diǎn)擊幀并按“F5”插入普通幀，如圖3-106所示。8．單擊編輯區(qū)左上角的場(chǎng)景名稱“場(chǎng)景1”，返回到場(chǎng)景的編輯狀態(tài)，打開庫(kù)面板，將名為“bt1”的按鈕元件拖拽到舞臺(tái)，測(cè)試影片，即可看到按鈕的效果，如圖3-107所示。圖3-105“按下”狀態(tài)圖形

圖3-106添加圖層中的圖形圖3-107按鈕的效果圖活動(dòng)3.4.3按鈕元件及其創(chuàng)建任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【總結(jié)提升】1．按鈕的四種狀態(tài)是：彈起、經(jīng)過(guò)、按下、點(diǎn)擊，它可以在不同的狀態(tài)中放置不同的圖形；如果要體現(xiàn)按鈕的動(dòng)感，可在不同的狀態(tài)中放置不同的影片剪輯。2．如果制作復(fù)雜的按鈕，需要?jiǎng)?chuàng)建多個(gè)圖層，并在不同的狀態(tài)中放置不同的圖形元件或影片剪輯元件。活動(dòng)3.4.3按鈕元件及其創(chuàng)建任務(wù)描述活動(dòng)3.4.4產(chǎn)生元件的方法學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)微課資源任務(wù)3.4元件任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【任務(wù)描述】微課資源活動(dòng)3.4.4產(chǎn)生元件的方法【學(xué)習(xí)目標(biāo)】【分析與設(shè)計(jì)】將導(dǎo)入的圖片轉(zhuǎn)換為圖形元件、導(dǎo)入的gif動(dòng)畫轉(zhuǎn)換為影片剪元件1．將現(xiàn)有圖形轉(zhuǎn)換為圖形元件。2．關(guān)鍵幀的插入及傳統(tǒng)動(dòng)畫的創(chuàng)建。1．了解能夠?qū)氲奈募愋汀?．掌握轉(zhuǎn)換成元件的方法。任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】新建一個(gè)FlashCCactionscript3.0文檔，舞臺(tái)大小設(shè)定為“800×800像素”，將“圖層1”改名為“背景”，如圖3-108所示。圖3-108活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】2.執(zhí)行“文件”→“導(dǎo)入”→“導(dǎo)入到庫(kù)”命令，將路徑為“素材\第3單元\3.4\3.44產(chǎn)生元件的方法”中的“背景”、“汽車1”、“熱氣球”兩文件導(dǎo)入到庫(kù)中，如圖3-109所示。圖3-1093.將庫(kù)中“背景”拖到場(chǎng)景中的舞臺(tái)，設(shè)置對(duì)齊方式為“水平中齊”和“垂直中齊”，將“圖層1”改名為“背景”，在第60幀處插入普通幀，如圖3-110所示。圖3-110活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】4.新建圖層改名為“熱氣球”，將庫(kù)中“熱氣球.png”拖到舞臺(tái)轉(zhuǎn)換為元件，改名為“熱氣球”，如圖3-111。再選擇“熱氣球”轉(zhuǎn)換為元件改名為“空中飄蕩的熱氣球”，如圖3-112。圖3-111圖3-1125.雙擊舞臺(tái)中的“熱氣球”進(jìn)入“空中飄蕩的熱氣球”元件中，在“空中飄蕩的熱氣球”元件里，在1、15、30、45、60幀插入關(guān)鍵幀，如圖3-113。在第15幀和第45幀把熱球的位置調(diào)下一點(diǎn)點(diǎn)，創(chuàng)建傳統(tǒng)補(bǔ)間。使其熱氣球產(chǎn)生在空中漂浮的感覺，氣球的位置如圖3-114?；顒?dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】圖3-113圖3-114活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】6．以此類推，新建圖層改名為“汽車”。將庫(kù)里的“汽車.png”拖到舞臺(tái)，調(diào)整大小，轉(zhuǎn)換為元件命名為“汽車”，如圖3-115。再選擇“小汽車”轉(zhuǎn)換為元件改名為“發(fā)動(dòng)的汽車”，如圖3-116。7.在元件“發(fā)動(dòng)的小汽車”里，在第1幀、第5幀和第10幀插入關(guān)鍵幀。在第5幀把小汽車調(diào)下一點(diǎn)，創(chuàng)建傳統(tǒng)補(bǔ)間。使其產(chǎn)生小汽車發(fā)動(dòng)的感覺，幀數(shù)越少頻率越快，如圖3-117。圖3-115圖3-116圖3-117活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】8.返回場(chǎng)景，在“汽車”圖層的第60幀插入關(guān)鍵幀。將小汽車移到道路右方，創(chuàng)建傳統(tǒng)補(bǔ)間。小汽車移動(dòng)的動(dòng)畫就完成了，如圖3-118。9.也可以導(dǎo)入“小鳥.gif”，“小鳥.gif”會(huì)在在flashcc庫(kù)中直接生成元件，如圖3-119。圖3-118圖3-119活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【操作步驟】10.新建一個(gè)圖層，命名為“小鳥”，在庫(kù)中將“小鳥-gif”元件拖入到場(chǎng)景中，位置如圖3-120。保存，輸出。圖3-120活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【總結(jié)提升】1．將舞臺(tái)中現(xiàn)有的圖形選中后可按“F8”轉(zhuǎn)換為所需要的元件類型。2．對(duì)于現(xiàn)有的素材文件類型如gif、png文件，導(dǎo)入到庫(kù)后FlashCC會(huì)自動(dòng)將其轉(zhuǎn)換成影片剪輯元件、圖形元件。3．對(duì)于從網(wǎng)上下載的SWF文件，也可以采用導(dǎo)入到庫(kù)的方法，將其轉(zhuǎn)換成一個(gè)影片剪輯元件。4.幀數(shù)的多少會(huì)影響動(dòng)畫速度和運(yùn)動(dòng)的頻率。活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【小結(jié)】本活動(dòng)通過(guò)具體的實(shí)例，詳細(xì)介紹了元件的創(chuàng)建方法。元件的類型主要有三種：圖形元件、影片剪輯元件和按鈕元件。創(chuàng)建元件的方法可以通過(guò)繪圖工具、文本工具等進(jìn)行自創(chuàng)，也可以導(dǎo)入現(xiàn)有的素材并將其轉(zhuǎn)換成元件。元件的創(chuàng)建是動(dòng)畫制作過(guò)程中一個(gè)重要的組成部分，需要讀者對(duì)它的創(chuàng)建方法熟練掌握?；顒?dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【綜合實(shí)訓(xùn)微項(xiàng)目】1．滑雪者角色制作，下面請(qǐng)創(chuàng)建“頭和身體”、“眼睛”、“嘴巴”、“手”、“腳”等圖形元件，如圖3-121，組裝成如圖3-122所示的圖形，可進(jìn)一步創(chuàng)建行走的動(dòng)畫效果。圖3-121角色分散模型圖3-122角色組裝模型活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【綜合實(shí)訓(xùn)微項(xiàng)目】2．制作煙花效果。操作步驟：（1）導(dǎo)入路徑為“素材\第3單元\3.4\夜景背景”中的圖片文件“夜景背景.jpg”作為背景圖，并設(shè)置其與舞臺(tái)大小相匹配，舞臺(tái)大?。?00*435。

（2）繪制一個(gè)漸變橢圓球形，如圖3-123；選擇形狀裝換為元件，改名為“火花”，如圖3-124。圖3-123圖3-124活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【綜合實(shí)訓(xùn)微項(xiàng)目】（3）在名為“火花”影片剪輯。繪制第1、15、30關(guān)鍵幀處的圖形并調(diào)整各關(guān)鍵處圖形的位置，并在關(guān)鍵幀間創(chuàng)建形狀補(bǔ)間動(dòng)畫，如圖3-125——圖3-127下所示。圖3-125圖3-126圖3-127返回“場(chǎng)景1”，使用任意變形工具（快捷鍵:Q）調(diào)整中心點(diǎn)，如圖3-128所示。圖3-128活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升微項(xiàng)目翻轉(zhuǎn)預(yù)習(xí)【綜合實(shí)訓(xùn)微項(xiàng)目】（5）使用變形（快捷鍵：ctrl+T），使用重置選區(qū)與變形。度數(shù)為：30°，如圖3-129。（如果煙花束個(gè)數(shù)少了的話，可將旋轉(zhuǎn)的度數(shù)減少），效果如圖3-130。圖3-129圖3-130（6）選擇這些元件轉(zhuǎn)換為元件，命名為“煙花”，復(fù)制調(diào)整大小和位置，如圖3-131所示。最終效果如圖3-132所示。圖3-131活動(dòng)3.4.4產(chǎn)生元件的方法任務(wù)描述學(xué)習(xí)目標(biāo)分析與設(shè)計(jì)操作步驟總結(jié)提升