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

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