FLASH CS5課件制作初步(6).ppt

-廣饒一中課件制作研討,FLASHCS5課件制作初步,東營市勝利第四中學(xué)梅傳俊,TelQ:445361135Email:slofmcj,FLASHCS5課件制作初步,第六章,本章簡介：在FlashCS5中，元件起著舉足輕重的作用。通過重復(fù)應(yīng)用元件，可以提高工作效率、減少文件量。本章講解了元件的創(chuàng)建、編輯、應(yīng)用，以及庫面板的使用方法。讀者通過學(xué)習(xí)要了解并掌握如何應(yīng)用元件的相互嵌套及重復(fù)應(yīng)用來制作出變化無窮的動(dòng)畫效果。,第6章元件和庫,課堂學(xué)習(xí)目標(biāo),元件與庫面板實(shí)例的創(chuàng)建與應(yīng)用,6.1元件與庫面板,課堂案例制作快樂行動(dòng)畫元件的類型創(chuàng)建圖形元件創(chuàng)建按鈕元件創(chuàng)建影片剪輯元件轉(zhuǎn)換元件庫面板的組成庫面板彈出式菜單內(nèi)置公用庫及外部庫的文件,使用橢圓工具繪制云朵圖形，使用創(chuàng)建補(bǔ)間動(dòng)畫命令制作動(dòng)畫，使用文本工具輸入文字，使用任意變形工具調(diào)整元件的大小。,效果圖,6.1.1課堂案例制作快樂行動(dòng)畫,6.1.2元件的類型,圖形元件圖形元件一般用于創(chuàng)建靜態(tài)圖像或創(chuàng)建可重復(fù)使用的、與主時(shí)間軸關(guān)聯(lián)的動(dòng)畫它有自己的編輯區(qū)和時(shí)間軸。如果在場景中創(chuàng)建元件的實(shí)例，那么實(shí)例將受到主場景中時(shí)間軸的約束。換句話說，圖形元件中的時(shí)間軸與其實(shí)例在主場景的時(shí)間軸同步。按鈕元件按鈕元件是創(chuàng)建能激發(fā)某種交互行為的按鈕。創(chuàng)建按鈕元件的關(guān)鍵是設(shè)置4種不同狀態(tài)的幀，即“彈起”（鼠標(biāo)抬起）、“指針經(jīng)過”（鼠標(biāo)移入）、“按下”（鼠標(biāo)按下）、“點(diǎn)擊”(鼠標(biāo)響應(yīng)區(qū)域，在這個(gè)區(qū)域創(chuàng)建的圖形不會(huì)出現(xiàn)在畫面中)。影片剪輯元件影片剪輯元件也像圖形元件一樣有自己的編輯區(qū)和時(shí)間軸，但又不完全相同。影片剪輯元件的時(shí)間軸是獨(dú)立的，它不受其實(shí)例在主場景時(shí)間軸（主時(shí)間軸）的控制。,選擇“插入新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項(xiàng)的文本框中輸入“草莓”，在“類型”選項(xiàng)的下拉列表中選擇“圖形”選項(xiàng)，單擊“確定”按鈕，創(chuàng)建一個(gè)新的圖形元件“草莓”。圖形元件的名稱出現(xiàn)在舞臺(tái)的左上方，舞臺(tái)切換到了圖形元件“草莓”的窗口，窗口中間出現(xiàn)十字，代表圖形元件的中心定位點(diǎn)，在“庫”面板中顯示出圖形元件。,創(chuàng)建圖形元件過程,6.1.3創(chuàng)建圖形元件,選擇“插入新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項(xiàng)的文本框中輸入“星星”，在“類型”選項(xiàng)的下拉列表中選擇“按鈕”選項(xiàng)，單擊“確定”按鈕，創(chuàng)建一個(gè)新的按鈕元件“星星”。按鈕元件的名稱出現(xiàn)在舞臺(tái)的左上方，舞臺(tái)切換到了按鈕元件“星星”的窗口，窗口中間出現(xiàn)十字，代表按鈕元件的中心定位點(diǎn)。在“時(shí)間軸”窗口中顯示出4個(gè)狀態(tài)幀：“彈起”、“指針”、“按下”、“點(diǎn)擊”。在“庫”面板中顯示出按鈕元件。,創(chuàng)建按鈕元件過程,6.1.4創(chuàng)建按鈕元件,選擇“插入新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項(xiàng)的文本框中輸入“變形動(dòng)畫”，在“類型”選項(xiàng)的下拉列表中選擇“影片剪輯”選項(xiàng)，單擊“確定”按鈕，創(chuàng)建一個(gè)新的影片剪輯元件“變形動(dòng)畫”。影片剪輯元件的名稱出現(xiàn)在舞臺(tái)的左上方，舞臺(tái)切換到了影片剪輯元件“變形動(dòng)畫”的窗口，窗口中間出現(xiàn)十字，代表影片剪輯元件的中心定位點(diǎn)。在“庫”面板中顯示出影片剪輯元件。,創(chuàng)建影片剪輯元件過程,6.1.5創(chuàng)建影片剪輯元件,6.1.6轉(zhuǎn)換元件,將圖形轉(zhuǎn)換為圖形元件如果在舞臺(tái)上已經(jīng)創(chuàng)建好矢量圖形并且以后還要再次應(yīng)用，可將其轉(zhuǎn)換為圖形元件。選中矢量圖形，選擇“修改轉(zhuǎn)換為元件”命令，或按F8鍵，彈出“轉(zhuǎn)換為元件”對話框，進(jìn)行設(shè)置后單擊“確定”按鈕，矢量圖形被轉(zhuǎn)換為圖形元件。設(shè)置圖形元件的中心點(diǎn)選中矢量圖形，選擇“修改轉(zhuǎn)換為元件”命令，彈出“轉(zhuǎn)換為元件”對話框，在對話框的“注冊”選項(xiàng)中有9個(gè)中心定位點(diǎn)，可以用來設(shè)置轉(zhuǎn)換元件的中心點(diǎn)。轉(zhuǎn)換元件在制作的過程中，可以根據(jù)需要將一種類型的元件轉(zhuǎn)換為另一種類型的元件。選中“庫”面板中的圖形元件，單擊面板下方的“屬性”按鈕，彈出“元件屬性”對話框，選中“影片剪輯”選項(xiàng)，單擊“確定”按鈕，圖形元件轉(zhuǎn)化為影片剪輯元件。,選擇“窗口庫”命令，或按Ctrl+L組合鍵，彈出“庫”面板。,“庫”面板,6.1.7庫面板的組成,單擊“庫”面板右上方的按鈕，出現(xiàn)彈出式菜單，在菜單中提供了實(shí)用命令。,“庫”面板彈出式菜單,6.1.8庫面板彈出式菜單,6.1.9內(nèi)置公用庫及外部庫的文件,內(nèi)置公用庫FlashCS5附帶的內(nèi)置公用庫中包含一些范例，可以使用內(nèi)置公用庫向文檔中添加按鈕或聲音。使用內(nèi)置公用庫資源可以優(yōu)化動(dòng)畫制作者的工作流程和文件資源管理。內(nèi)置外部庫可以在當(dāng)前場景中使用其他FlashCS5文檔的庫信息。,6.2實(shí)例的創(chuàng)建與應(yīng)用,課堂案例制作彩色按鈕實(shí)例建立實(shí)例轉(zhuǎn)換實(shí)例的類型替換實(shí)例引用的元件改變實(shí)例的顏色和透明效果分離實(shí)例元件編輯模式,使用任意變形工具調(diào)整元件的大小，使用屬性面板調(diào)整元件的不透明度。,效果圖,6.2.1課堂案例制作彩色按鈕實(shí)例,6.2.2建立實(shí)例,建立圖形元件的實(shí)例選擇“窗口庫”命令，彈出“庫”面板，在面板中選中圖形元件“花”，將其拖曳到場景中，場景中的草莓圖形就是圖形元件“花”的實(shí)例。建立按鈕元件的實(shí)例選中“庫”面板中的按鈕元件“按鈕”，將其拖曳到場景中，場景中的圖形就是按鈕元件“按鈕”的實(shí)例。建立影片剪輯元件的實(shí)例選中“庫”面板中的影片剪輯元件“魚”，將其拖曳到場景中，場景中的魚圖形就是影片剪輯元件“魚”的實(shí)例。,每個(gè)實(shí)例最初的類型，都是延續(xù)了其對應(yīng)元件的類型?？梢詫?shí)例的類型進(jìn)行轉(zhuǎn)換。在舞臺(tái)上選擇圖形實(shí)例，在“屬性”面板的左上方，選擇“元件行為”選項(xiàng)下拉列表中的“影片剪輯”，圖形“屬性”面板轉(zhuǎn)換為影片剪輯“屬性”面板，實(shí)例類型從圖形轉(zhuǎn)換為影片剪輯。,實(shí)例類型從圖形轉(zhuǎn)換為影片剪輯,6.2.3轉(zhuǎn)換實(shí)例的類型,如果需要替換實(shí)例所引用的元件，但保留所有的原始實(shí)例屬性（如色彩效果或按鈕動(dòng)作），可以通過Flash的“交換元件”命令來實(shí)現(xiàn)。選中花實(shí)例，單擊圖形“屬性”面板中的“交換元件”按鈕，彈出“交換元件”對話框，在對話框中選中按鈕元件“按鈕”，單擊“確定”按鈕，花轉(zhuǎn)換為按鈕。,6.2.4替換實(shí)例引用的元件,替換實(shí)例所引用的元件,在舞臺(tái)中選中實(shí)例，在“屬性”面板中的“色彩效果”選項(xiàng)組的“樣式”選項(xiàng)的下拉列表中，應(yīng)用其中的選項(xiàng)可以改變實(shí)例的顏色和透明效果。,6.2.5改變實(shí)例的顏色和透明效果,“屬性”面板,選中實(shí)例，選擇“修改分離”命令，或按Ctrl+B組合鍵，將實(shí)例分離為圖形，即填充色和線條的組合，選擇“顏料桶”工具，設(shè)置不同的填充顏色，改變圖形的填充色。,6.2.6分離實(shí)例,分離實(shí)例過程,6.2.7元件編輯模式,元件創(chuàng)建完畢后常常需要修改，此時(shí)需要進(jìn)入元件編輯狀態(tài)，修改完元件后又需要退出元件編輯狀態(tài)進(jìn)入主場景編輯動(dòng)畫。,在主場景中雙擊元件實(shí)例進(jìn)入元件編輯模式。在“庫”面板中雙擊要修改的元件進(jìn)入元件編輯模式。在主場景中用鼠標(biāo)右鍵單擊元件實(shí)例，在彈出的菜單中選擇“編輯”命令進(jìn)入元件編輯模式。在主場景中選擇元件實(shí)例后，選擇“編輯編輯元件”命令進(jìn)入元件編輯模式。,進(jìn)入組件編輯模式，可以通過以下幾種方式。,退出元件編輯模式，可以通過以下幾種方式。,單擊舞臺(tái)窗口左上方的場景名稱，進(jìn)入主場景窗