WEB動畫制作與設計課件：元件和庫（二）

元件和庫元件和庫元件和庫1、元件與庫面板；2、實例的創(chuàng)建與應用；【課堂學習目標】【案例學習目標】使用變形工具調(diào)整圖形動大小，使用浮動面板制作實例?！景咐R要點】使用任意變形工具調(diào)整元件的大小，使用屬性面板調(diào)整元件的不透明度?！菊n堂案例】—制作“彩色按鈕”實例1、建立圖形元件的實例

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

選中該實例，圖形“屬性”面板中的效果如圖所示?！纠碚撝R】——建立實例“交換”按鈕：用于交換元件?！癤”、“Y”選項：用于設置實例在舞臺中的位置。“寬”、“高”選項：用于設置實例的寬度和高度。“色彩效果”選項組中“樣式”選項：用于設置實例的明亮度、色調(diào)和透明度。1、建立圖形元件的實例

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

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

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

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

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

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

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

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

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

將圖形元件拖曳到舞臺中成為圖形實例，并選擇圖形實例，如圖（1）所示。在“屬性”面板的上方，選擇“實例行為”選項下拉列表中的“影片剪輯”，如圖（2）所示，圖形“屬性”面板轉(zhuǎn)換為影片剪輯“屬性”面板，如圖（3）所示。（1）（2）（3）【理論知識】——元件編輯模式

元件創(chuàng)建完畢后常常需要修改，此時需要進入元件編輯狀態(tài)，修改完元件后又需要退出元件編輯狀態(tài)進入主場景編輯動畫。1、進入組件編輯模式，可以通過以下幾種方式：在主場景中雙擊元件實例進入元件編輯模式。在“庫”面板中雙擊要修改的元件進入元件編輯模式。在主場景中用鼠標右鍵單擊元件實例，在彈出的菜單中選擇“編輯”命令進入元件編輯模式。在主場景中選擇元件實例后，選擇“編輯>編輯元件”命令進入元件編輯模式。【理論知識】——元件編輯模式

元件創(chuàng)建完畢后常常需要修改，此時需要進入元件編輯狀態(tài)，修改完元件后又需要退出元件編輯狀態(tài)進入主場景編輯動畫。1、退出元件編輯模式，可以通過以下幾種方式：單擊舞臺窗口左上方的場景名稱，進入主場景窗口。選擇“編輯>編輯文檔”命令，進入主場景窗口。六、對齊對象任務

1:制作閃爍星