元件和庫元件和庫元件和庫1、元件與庫面板；2、實例的創(chuàng)建與應用；【課堂學習目標】【案例學習目標】使用繪圖工具繪制圖形，使用變形工具調整圖形的大小和位置。【案例知識要點】使用橢圓工具繪制云朵圖形，使用創(chuàng)建補間動畫命令制作動畫，使用文本工具輸入文字，使用任意變形工具調整元件的大小?！菊n堂案例】—制作“快樂行”動畫【課堂案例】—制作“快樂行”動畫1、導入并制作元件（1）選擇“文件>新建”命令，新建舞臺窗口“寬度”設為478像素，“高度”設為352像素，“背景顏色”設為白色，單擊“確定”按鈕。（2）將“制作快樂行動畫>背景、文字”文件導入到“庫”面板中?！菊n堂案例】—制作“快樂行”動畫1、導入并制作元件（3）

在“庫”面板下方單擊“新建元件”按鈕

，在“名稱”選項的文本框中輸入“云朵”，類型選項中選擇“圖形”選項，創(chuàng)建圖形元件“云朵”。選擇“橢圓”工具，設置“筆觸顏色”設為無，“填充顏色”為白色，在舞臺窗口中繪制多個橢圓形，效果如圖所示。【課堂案例】—制作“快樂行”動畫

在Flash中可以將元件分為3種類型，即圖形元件、按鈕元件、影片剪輯元件?！纠碚撝R】——元件的類型1、圖形元件

圖形元件

一般用于創(chuàng)建靜態(tài)圖像或創(chuàng)建可重復使用的、與主時間軸關聯(lián)的動畫，它有自己的編輯區(qū)和時間軸。如果在場景中創(chuàng)建元件的實例，那么實例將受到主場景中時間軸的約束。換句話說，圖形元件中的時間軸與其實例在主場景的時間軸同步。另外，在圖形元件中可以使用矢量圖、圖像、聲音和動畫的元素，但不能為圖形元件提供實例名稱，也不能在動作腳本中引用圖形元件，并且聲音在圖形元件中失效。

在Flash中可以將元件分為3種類型，即圖形元件、按鈕元件、影片剪輯元件?！纠碚撝R】——元件的類型2、按鈕元件

按鈕元件

是創(chuàng)建能激發(fā)某種交互行為的按鈕。創(chuàng)建按鈕元件的關鍵是設置4種不同狀態(tài)的幀，即“彈起”（鼠標抬起）、“指針經過”（鼠標移入）、“按下”（鼠標按下）、“點擊”（鼠標響應區(qū)域在這個區(qū)域創(chuàng)建的圖形不會出現(xiàn)在畫面中）。

在Flash中可以將元件分為3種類型，即圖形元件、按鈕元件、影片剪輯元件?！纠碚撝R】——元件的類型3、影片剪輯元件

影片剪輯元件

也像圖形元件一樣有自己的編輯區(qū)和時間軸，但又不完全相同。影片剪輯元件的時間軸是獨立的，它不受其實例在主場景時間軸（主時間軸）的控制。比如，在場景中創(chuàng)建影片剪輯元件的實例，此時即便場景中只有一幀，在影片剪輯中也可播放動畫。另外，在影片剪輯元件中可以使用矢量圖、圖像、聲音、影片剪輯元件、圖形組件和按鈕組件等，并且能在動作腳本中引用影片剪輯元件。【理論知識】——創(chuàng)建圖形元件

選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“梅花鹿”，在“類型”選項下拉列表中選擇“圖形”選項。單擊“確定”按鈕，創(chuàng)建一個新的圖形元件“梅花鹿”，如圖所示?！纠碚撝R】——創(chuàng)建圖形元件

圖形元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了圖形元件“梅花鹿”的窗口，窗口中間出現(xiàn)十字“+”，代表圖形元件的中心定位點，如左圖所示。在“庫”面板中顯示圖形元件，如右圖所示。1、導入并制作元件（4）創(chuàng)建名為“影片云彩”的新元件，類型為“影片剪輯”，舞臺窗口也隨之轉換為影片剪輯元件的舞臺窗口。（5）將“庫”面板中的圖形元件“云朵”拖曳到舞臺窗口的右側。在“時間軸”面板中選中“圖層1”的第25幀，按F6鍵，插入關鍵幀，如圖所示?！菊n堂案例】—制作“快樂行”動畫【理論知識】——創(chuàng)建影片剪輯元件

選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“變形”，在“類型”選項下拉列表中選擇“影片剪輯”選項，如左圖所示。單擊“確定”按鈕，創(chuàng)建一個新的影片剪輯元件“變形”，如右圖所示的“庫”面板中顯示影片剪輯元件。1、導入并制作元件（6）在舞臺窗口中將圖形元件向左拖曳到適當?shù)奈恢?，如左圖所示。選中“圖層1”的第1幀，在舞臺窗口中選中“云朵”，在“屬性”面板“顏色”選項的下拉列表中選擇“Alpha”選項，在右側的數(shù)字框中輸入0％，如右圖所示?！菊n堂案例】—制作“快樂行”動畫1、導入并制作元件（7）選中“圖層1”的第25幀，在舞臺窗口中選中“云朵”實例，在“屬性”面板“顏色”選項下拉列表中選擇“Alpha”選項，在右側的數(shù)字框中輸入63％，如左圖所示。選中“圖層1”的第l幀，單擊鼠標右鍵，在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補間動畫”命令，如右圖所示?！菊n堂案例】—制作“快樂行”動畫1、導入并制作元件（8）創(chuàng)建名稱為“文字按鈕”的新元件，在“類型”選項中選擇“按鈕”選項，單擊“確定”按鈕，如左圖所示，舞臺窗口也隨之轉換為按鈕元件的舞臺窗口。將“庫”面板中的圖形元件“文字”拖曳到舞臺窗口的中心位置，如右圖所示?！菊n堂案例】—制作“快樂行”動畫1、導入并制作元件（9）選中“圖層1”的“指針經過”幀，按F6鍵，插入關鍵幀，如左圖所示。多次按Ctrl+B組合鍵，將文字打散，在工具箱中將“填充顏色”設為黃色（#FFFF00），將文字更改為黃色，效果如右圖所示。【課堂案例】—制作“快樂行”動畫【理論知識】——創(chuàng)建按鈕元件

選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“開始”，在“類型”選項下拉列表中選擇“按鈕”選項。單擊“確定”按鈕，創(chuàng)建一個新的按鈕元件“開始”。在“時間軸”窗口中顯示出4個狀態(tài)幀：“彈起”、“指針經過”、“按下”、“點擊”，如圖所示?！纠碚撝R】——創(chuàng)建按鈕元件“彈起”幀：設置鼠標指針不在按鈕上時按鈕的外觀?！爸羔樈涍^”幀：設置鼠標指針放在按鈕上時按鈕的外觀?！鞍聪隆睅涸O置按鈕被單擊時的外觀。“點擊”幀：設置響應鼠標單擊的區(qū)域。此區(qū)域在影片里不可見。2.在場景中編輯元件（1）單擊“時間軸”面板下方的“場景1”圖標

，進入“場景1”的舞臺窗口。將“圖層1”重新命名為“圖片”。將“庫”面板中的“背景”圖形拖曳到舞臺窗口的中心位置，效果如圖所示?！菊n堂案例】—制作“快樂行”動畫2.在場景中編輯元件（2）單擊“時間軸”面板下方的“插入圖層”按鈕，創(chuàng)建新圖層并將其命名為“動畫”，分別將“庫”面板中的影片剪輯元件“影片云彩”和按鈕元件“文字按鈕”拖曳到舞臺窗口中，并放置到合適的位置。選擇“選擇”工具，在舞臺窗口中選中“影片云彩”實例，如圖所示?！菊n堂案例】—制作“快樂行”動畫2.在場景中編輯元件（3）選擇“任意變形”工具，實例周圍出現(xiàn)控制點，用鼠標向內側拖曳右上方的控制點，將實例縮小。按住Alt鍵的同時，用鼠標向外拖曳“影片云彩”實例，將其復制2次并分別改變其大小。效果如圖所示?？鞓沸袆赢嬓Ч谱魍瓿?，按Ctrl+Enter組合鍵即可查看效果。【課堂案例】—制作“快樂行”動畫【理論知識】——轉換元件1、將圖形轉換為圖形元件

如果在舞臺上已經創(chuàng)建好矢量圖形并且以后還要再次應用，可將其轉換為圖形元件。

選中矢量圖形，然后選擇“修改>轉換為元件”命令，或按F8鍵，彈出“轉換為元件”對話框，在“名稱”選項的文本框中輸入要轉換元件的名稱，選中“圖形”元件，單擊“確定”按鈕，矢量圖形被轉換為圖形元件?！纠碚撝R】——轉換元件2、設置圖形元件的中心點

選中矢量圖形，選擇“修改>轉換為元件”命令，彈出“轉換為元件”對話框，在對話框的“對齊”選項中有9個中心定位點，可以用來設置轉換元件的中心點。選中右下方的定位點，如左圖所示，單擊“確定”按鈕，矢量圖形轉換為圖形元件，元件的中心點在其右下方，如右圖所示。【理論知識】——轉換元件2、設置圖形元件的中心點在“注冊”選項中設置不同的中心點，轉換的圖形元件效果如下圖所示。中心點在左上方中心點在中間中心點在右側【理論知識】——轉換元件3、轉換元件

在制作的過程中，可以根據(jù)需要將一種類型的元件轉換為另一種類型的元件。

選中“庫”面板中的圖形元件，單擊面板下方的“屬性”按鈕

，彈出“元件屬性”對話框，選中需要改變的類型選項即可。元件和庫元件和庫元件和庫元件和庫1、元件與庫面板；2、實例的創(chuàng)建與應用；【課堂學習目標】【案例學習目標】使用變形工具調整圖形動大小，使用浮動面板制作實例。【案例知識要點】使用任意變形工具調整元件的大小，使用屬性面板調整元件的不透明度?！菊n堂案例】—制作“彩色按鈕”實例1、建立圖形元件的實例

選擇“窗口>庫”命令，彈出“庫”面板，在面板中選中圖形元件“鐘表”，如左圖所示，將其拖曳到場景中，場景中的鐘表圖形就是圖形元件“鐘表”的實例，如右圖所示?！纠碚撝R】——建立實例1、建立圖形元件的實例

選中該實例，圖形“屬性”面板中的效果如圖所示。【理論知識】——建立實例“交換”按鈕：用于交換元件。“X”、“Y”選項：用于設置實例在舞臺中的位置?！皩挕?、“高”選項：用于設置實例的寬度和高度。“色彩效果”選項組中“樣式”選項：用于設置實例的明亮度、色調和透明度。1、建立圖形元件的實例

選中該實例，圖形“屬性”面板中的效果如圖所示。【理論知識】——建立實例“循環(huán)”選項組：會按照當前實例占用的幀數(shù)來循環(huán)包含在該實例內的所有動畫序列?！安シ乓淮巍保簭闹付ǖ膸_始播放動畫序列，直到動畫結束，然后停止?！皢螏保猴@示動畫序列的一幀。“第一幀”選項：用于指定動畫從哪一幀開始播放。2、建立按鈕元件的實例

選中“庫”面板中的選擇一個按鈕元件，將其拖曳到場景中，場景中的圖形就是按鈕元件的實例。選中該實例，按鈕“屬性”面板中的效果如圖所示?！纠碚撝R】——建立實例“實例名稱”選項：可以在選項的文本框中為實例設置一個新的名稱?！耙糗墶边x項組中的“選項”：“音軌作為按鈕”：選擇此選項，在動畫運行中，當按鈕元件被按下時畫面上的其他對象不再響應鼠標操作。“音軌作為菜單項”：選擇此選項，在動畫運行中，當按鈕元件被按下時其他對象還會響應鼠標操作?！盀V鏡”選項：可以為元件添加濾鏡效果，并可以編輯所添加的濾鏡效果?！纠碚撝R】——建立實例3、建立影片剪輯元件的實例

選中“庫”面板中的影片剪輯元件，將其拖曳到場景中，場景中就是影片剪輯元件的實例。

影片剪輯“屬性”面板中的選項與圖形“屬性”面板、按鈕“屬性”面板中的選項作用相同?！纠碚撝R】——建立實例（1）打開“制作彩色按鈕實例.fla”文件。將“圖層l”重新命名為“按鈕”。按Ctrl+L組合鍵，調出“庫”面板。將“庫”面板中的圖形元件“按鈕”拖曳到舞臺窗口適當?shù)奈恢?，將“庫”面板中的圖形元件“花朵”拖曳到“按鈕”實例的左上方，如圖所示?！菊n堂案例】—制作“彩色按鈕”實例（2）再次將“庫”面板中的圖形元件“花朵”拖曳到“按鈕”實例的右下方，選擇“任意變形”工具，用鼠標向外側拖曳控制點來放大花朵圖形，如圖所示?！菊n堂案例】—制作“彩色按鈕”實例（3）在“屬性”面板中，將“顏色”面板中的“Alpha”值設為24％，將“庫”面板中的圖形元件“文字”拖曳到“按鈕”實例的下方，如圖所示?！菊n堂案例】—制作“彩色按鈕”實例【理論知識】——改變實例的顏色和透明效果

在舞臺中選中實例，在“屬性”面板中選擇“顏色”選項的下拉列表，如圖所示?！盁o”選項：表示對當前實例不進行任何更改。如果對實例以前做的變化效果不滿意，可以選擇此選項，取消實例的變化效果，再重新設置新的效果。“亮度”選項：用于調整實例的明暗對比度?？梢栽凇傲炼葦?shù)量”選項中直接輸入數(shù)值，也可以拖動右側的滑塊來設置數(shù)值，其默認的數(shù)值為0，取值范圍為-100～100。當取值大于0時，實例變亮。當取值小于0時，實例變暗。

在舞臺中選中實例，在“屬性”面板中選擇“顏色”選項的下拉列表，如圖所示?！吧{”選項：用于為實例增加顏色?！案呒墶边x項：用于設置實例的顏色和透明效果，可以分別調節(jié)“紅”、“綠”、“藍”和“Alpha”的值?！癆lpha”選項：用于設置實例的透明效果。數(shù)值范圍為0～100。數(shù)值為0時實例不透明，數(shù)值為100時實例消失。【理論知識】——改變實例的顏色和透明效果（4）創(chuàng)建新圖層并將其命名為“背景”。將“庫”面板中的圖形元件“按鈕”拖曳到舞臺窗口中，覆蓋住剛才的按鈕圖形，效果如圖所示?！菊n堂案例】—制作“彩色按鈕”實例（5）按Ctrl+B組合鍵，將“按鈕”元件分離。將其“填充顏色”設為灰色（#CCCCCC）,選擇“任意變形”工具，將灰色圖形放大一些，如圖所示。【課堂案例】—制作“彩色按鈕”實例【理論知識】——分離實例

選中實例后，選擇“修改>分離”命令，或按Ctrl+B組合鍵，將實例分離為圖形，即變成為填充色和線條的組合。

（6）將“背景”圖層拖曳到“按鈕”圖層下方，如圖6.44所示，舞臺窗口的效果如圖6.45所示。彩色按鈕實例效果制作完成，按Ctrl+Enter組合鍵即可觀看效果?！菊n堂案例】—制作“彩色按鈕”實例【理論知識】——轉換實例的類型

每個實例最初的類型，都是延續(xù)了其對應元件的類型?？梢詫嵗念愋瓦M行轉換。

將圖形元件拖曳到