FlashCS6第6章元件和庫課件

1、第6章元件和庫 本章簡介:在Flash CS6中，元件起著舉足輕重的作用。通過重復(fù)應(yīng)用元件，可以提高工作效率、減少文件量。本章講解了元件的創(chuàng)建、編輯、應(yīng)用，以及庫面板的使用方法。讀者通過學(xué)習(xí)要了解并掌握如何應(yīng)用元件的相互嵌套及重復(fù)應(yīng)用來制作出變化無窮的動畫效果。第6章元件和庫 本章簡介:課堂學(xué)習(xí)目標(biāo)了解元件的類型。熟練掌握元件的創(chuàng)建方法。掌握元件的引用方法熟悉運用庫面板編輯元件熟練掌握實例的創(chuàng)建和應(yīng)用課堂學(xué)習(xí)目標(biāo)了解元件的類型。6.1元件與庫面板 課堂案例制作海邊城市元件的類型創(chuàng)建圖形元件 創(chuàng)建按鈕元件 創(chuàng)建影片剪輯元件 轉(zhuǎn)換元件 庫面板的組成 庫面板彈出式菜單 內(nèi)置公用庫及外部庫的文件 6.

2、1元件與庫面板 課堂案例制作海邊城市使用“導(dǎo)入”命令，導(dǎo)入素材制作圖形元件；使用“文本”工具，輸入廣告語；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動畫效果；使用“屬性”面板，改變實例的不透明度。 效果圖 6.1.1課堂案例制作海邊城市使用“導(dǎo)入”命令，導(dǎo)入素材制作圖形元件；使用“文本”工具，輸6.1.2元件的類型 圖形元件 圖形元件 一般用于創(chuàng)建靜態(tài)圖像或創(chuàng)建可重復(fù)使用的、與主時間軸關(guān)聯(lián)的動畫。它有自己的編輯區(qū)和時間軸。如果在場景中創(chuàng)建元件的實例，那么實例將受到主場景中時間軸的約束。換句話說，圖形元件中的時間軸與其實例在主場景的時間軸同步。按鈕元件 按鈕元件 是創(chuàng)建能激發(fā)某種交互行為的按鈕。創(chuàng)建按鈕

3、元件的關(guān)鍵是設(shè)置4種不同狀態(tài)的幀，即“彈起”（鼠標(biāo)抬起）、“指針經(jīng)過”（鼠標(biāo)移入）、“按下”（鼠標(biāo)按下）、“點擊”（鼠標(biāo)響應(yīng)區(qū)域，在這個區(qū)域創(chuàng)建的圖形不會出現(xiàn)在畫面中）。 6.1.2元件的類型 圖形元件 6.1.2元件的類型 影片剪輯元件 影片剪輯元件 也像圖形元件一樣有自己的編輯區(qū)和時間軸，但又不完全相同。影片剪輯元件的時間軸是獨立的，它不受其實例在主場景時間軸（主時間軸）的控制。 6.1.2元件的類型 影片剪輯元件 選擇“插入 新建元件”命令或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“風(fēng)車”，在“類型”選項的下拉列表中選擇“圖形”選項。單擊“確定”按鈕

4、，創(chuàng)建一個新的圖形元件“風(fēng)車”。圖形元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了圖形元件“風(fēng)車”的窗口，窗口中間出現(xiàn)十字“ +”，代表圖形元件的中心定位點。在“庫”面板中顯示出圖形元件創(chuàng)建圖形元件過程 6.1.3創(chuàng)建圖形元件 選擇“插入 新建元件”命令或按Ctrl+F8組合鍵，彈出選擇“插入 新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“卡通蘋果”，在“類型”選項的下拉列表中選擇“按鈕”選項。單擊“確定”按鈕，創(chuàng)建一個新的按鈕元件“表情”。按鈕元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了按鈕元件“表情”的窗口，窗口中間出現(xiàn)十字“+ ”，代表按鈕元件的中心定位點。在“時間軸

5、”窗口中顯示出4個狀態(tài)幀：“彈起”“指針經(jīng)過”“按下”“點擊”。創(chuàng)建按鈕元件過程 6.1.4創(chuàng)建按鈕元件 選擇“插入 新建元件”命令，彈出“創(chuàng)建新元件”對話框，在選擇“插入 新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“字母變形”，在“類型”選項的下拉列表中選擇“影片剪輯”選項。單擊“確定”按鈕，創(chuàng)建一個影片剪輯元件“字母變形”。影片剪輯元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了影片剪輯元件“字母變形”的窗口，窗口中間出現(xiàn)十字“+ ”，代表影片剪輯元件的中心定位點。在“庫”面板中顯示出影片剪輯元件創(chuàng)建影片剪輯元件過程 6.1.5創(chuàng)建影片剪輯元件 選擇“插入 新建元件”

6、命令，彈出“創(chuàng)建新元件”對話框，在6.1.6轉(zhuǎn)換元件將圖形轉(zhuǎn)換為圖形元件 如果在舞臺上已經(jīng)創(chuàng)建好矢量圖形并且以后還要再次應(yīng)用，可將其轉(zhuǎn)換為圖形元件。選中矢量圖形，選擇“修改 轉(zhuǎn)換為元件”命令，或按F8鍵，彈出“轉(zhuǎn)換為元件”對話框，進(jìn)行設(shè)置后單擊“確定”按鈕，矢量圖形被轉(zhuǎn)換為圖形元件。 設(shè)置圖形元件的中心點 選中矢量圖形，選擇“修改 轉(zhuǎn)換為元件”命令，彈出“轉(zhuǎn)換為元件”對話框，在對話框的“注冊”選項中有9個中心定位點，可以用來設(shè)置轉(zhuǎn)換元件的中心點。 6.1.6轉(zhuǎn)換元件將圖形轉(zhuǎn)換為圖形元件 6.1.6轉(zhuǎn)換元件轉(zhuǎn)換元件 在制作的過程中，可以根據(jù)需要將一種類型的元件轉(zhuǎn)換為另一種類型的元件。選中“庫”面

7、板中的圖形元件，單擊面板下方的“屬性”按鈕，彈出“元件屬性”對話框，選中“影片剪輯”選項，單擊“確定”按鈕，圖形元件轉(zhuǎn)化為影片剪輯元件。 6.1.6轉(zhuǎn)換元件轉(zhuǎn)換元件 選擇“窗口 庫”命令，或按Ctrl+L組合鍵，彈出“庫”面板。 “庫”面板 6.1.7庫面板的組成 選擇“窗口 庫”命令，或按Ctrl+L組合鍵，彈出“庫”單擊“庫”面板右上方的按鈕，出現(xiàn)彈出式菜單，在菜單中提供了實用命令。 “庫”面板彈出式菜單 6.1.8庫面板彈出式菜單 單擊“庫”面板右上方的按鈕，出現(xiàn)彈出式菜單，在菜單中提供了實6.1.9內(nèi)置公用庫及外部庫的文件 內(nèi)置公用庫 Flash CS6附帶的內(nèi)置公用庫中包含一些范例，

8、可以使用內(nèi)置公用庫向文檔中添加按鈕或聲音。使用內(nèi)置公用庫資源可以優(yōu)化動畫制作者的工作流程和文件資源管理。內(nèi)置外部庫 可以在當(dāng)前場景中使用其他Flash CS6文檔的庫信息。6.1.9內(nèi)置公用庫及外部庫的文件 內(nèi)置公用庫 6.2實例的創(chuàng)建與應(yīng)用 課堂案例制作按鈕實例建立實例 轉(zhuǎn)換實例的類型 替換實例引用的元件 改變實例的顏色和透明效果 分離實例 元件編輯模式 6.2實例的創(chuàng)建與應(yīng)用 課堂案例制作按鈕實例使用“任意變形”工具，調(diào)整元件的大小；使用元件“屬性”面板，調(diào)整元件的不透明度。效果圖 6.2.1課堂案例制作按鈕實例 使用“任意變形”工具，調(diào)整元件的大??；使用元件“屬性”面板，6.2.2建立實

9、例 建立圖形元件的實例 選擇“窗口 庫”命令，彈出“庫”面板，在面板中選中圖形元件“風(fēng)車”，將其拖曳到場景中，場景中的松鼠圖形就是圖形元件“風(fēng)車”的實例。 建立按鈕元件的實例 選中“庫”面板中的按鈕元件“表情” ，將其拖曳到場景中，場景中的圖形就是按鈕元件“表情”的實例。 建立影片剪輯元件的實例 選中“庫”面板中的影片剪輯元件“字母變形” ，將其拖曳到場景中，場景中的字母圖形就是影片剪輯元件“字母變形”的實例。 6.2.2建立實例 建立圖形元件的實例 每個實例最初的類型，都是延續(xù)了其對應(yīng)元件的類型。可以將實例的類型進(jìn)行轉(zhuǎn)換。將圖形元件拖曳到舞臺中成為圖形實例并選擇圖形實例。在“屬性”面板的上方

10、，選擇“實例行為”選項下拉列表中的“影片剪輯”，圖形“屬性”面板轉(zhuǎn)換為影片剪輯“屬性”面板，實例類型從“圖形”轉(zhuǎn)換為“影片剪輯”。實例類型從圖形轉(zhuǎn)換為影片剪輯6.2.3轉(zhuǎn)換實例的類型 每個實例最初的類型，都是延續(xù)了其對應(yīng)元件的類型?？梢詫嵗娜绻枰鎿Q實例所引用的元件，但保留所有的原始實例屬性（如色彩效果或按鈕動作），可以通過Flash的“交換元件”命令來實現(xiàn)。6.2.4替換實例引用的元件 如果需要替換實例所引用的元件，但保留所有的原始實例屬性（如色將圖形元件拖曳到舞臺中成為圖形實例，選擇圖形“屬性”面板，在“色彩效果”選項組中的“樣式”選項下拉列表中選擇“Alpha”選項，將其值設(shè)為50

11、%。單擊圖形“屬性”面板中的“交換元件” 按鈕，彈出“交換元件”對話框，在對話框中選中按鈕元件“按鈕”，單擊“確定”按鈕，圖形元件轉(zhuǎn)換為按鈕元件，實例的不透明度也跟著改變。6.2.4替換實例引用的元件 替換實例所引用的元件 將圖形元件拖曳到舞臺中成為圖形實例，選擇圖形“屬性”面板，在在舞臺中選中實例，在“屬性”面板中選擇“顏色”選項的下拉列表，應(yīng)用其中的選項可以改變實例的顏色和透明效果。 6.2.5改變實例的顏色和透明效果 “屬性”面板在舞臺中選中實例，在“屬性”面板中選擇“顏色”選項的下拉列表選中實例，選擇“修改 分離”命令，或按Ctrl+B組合鍵，將實例分離為圖形。 6.2.6分離實例 分

12、離實例過程 選中實例，選擇“修改 分離”命令，或按Ctrl+B組合鍵6.2.7元件編輯模式 元件創(chuàng)建完畢后常常需要修改，此時需要進(jìn)入元件編輯狀態(tài)，修改完元件后又需要退出元件編輯狀態(tài)進(jìn)入主場景編輯動畫。（1）進(jìn)入組件編輯模式，可以通過以下幾種方式。在主場景中雙擊元件實例進(jìn)入元件編輯模式。在“庫”面板中雙擊要修改的元件進(jìn)入元件編輯模式。在主場景中用鼠標(biāo)右鍵單擊元件實例，在彈出的菜單中選擇“編輯”命令進(jìn)入元件編輯模式。在主場景中選擇元件實例后，選擇“編輯 編輯元件”命令進(jìn)入元件編輯模式。（2）退出元件編輯模式，可以通過以下幾種方式。單擊舞臺窗口左上方的場景名稱，進(jìn)入主場景窗口。選擇“編輯 編輯文檔”命令，進(jìn)入主場景窗口。6.2.7元件編輯模式 元件創(chuàng)建完畢后常常需要修改，此時使用“導(dǎo)入到庫”命令，將素材導(dǎo)入到“庫”面板；使用“創(chuàng)建元件”命令，制作按鈕元件；使