Flash動畫制作元件、實例和庫

教學目標：（１）了解元件和實例的基本概念（２）

掌握創建和使用不同類型的元件（３）掌握“庫”資源的使用方法認識元件和實例創建元件

創建按鈕編輯元件本章內容使用元件實例庫資源元件：Flash中創建的可以反復使用的圖形、按鈕或是影片剪輯等資源，這些資源將放在庫中.而實例就是元件的具體表現，當庫中的元件拖動到舞臺上后，就將它稱之為成為實例（instance）元件有三種類型：

影片剪輯元件按鈕元件圖形元件一、認識元件和實例

元件是Flash中創建的可以反復使用的圖形、按鈕或是影片剪輯等資源，這些資源將放在庫中；而實例就是元件的具體表現，當庫中的元件拖動到舞臺上后，就將它稱之為實例。創建不同類型的元件

元件元件又叫符號或組件，是Flash動畫的基本組成元素，具有獨立時間軸的特殊對象。元件是可以被重復利用的圖像、動畫、按鈕、字體等。使用元件可以縮小文檔的尺寸、加快播放的速度。元件與實例之間的關系是父子關系。在舞臺中，要對實例屬性進行修改必須切換到元件編輯狀態或“打散”。一個元件在同一個舞臺上可以有多個實例，修改一個實例，只會對該實例產生影響，而修改一個元件，舞臺上該元件的所有實例將發生相應的變化，這樣將會大大簡化對重復的圖像、按鈕、影片剪輯等對象的編輯工作，也減少了文件的大小。應用元件圖形元件（Graphic）是靜止的矢量圖形或沒有音效和交互的動畫。它有自己獨立的時間軸，不顯示在當前作品的時間軸上。應用元件影片剪輯元件（MovieClip）用于創建可獨立于主影像時間線播放并可重復使用的動畫片段（獨立的小電影），它支持音頻信息及交互響應，或包含另一個元件。與圖形元件不同：影片剪輯元件完全獨立于主時間線。即，若主時間線只有一幀，其內的影片剪輯元件有10幀，該10幀電影剪輯元件仍能完整播放。影片剪輯元件只能通過“控制”|“測試影片”播放，不能在舞臺上按回車鍵預覽。應用元件

按鈕元件(button)按鈕（Button）元件支持鼠標操作。用于創建在動畫中對標準的鼠標事件（如單擊、指向等）做出響應的交互式按鈕。按鈕元件支持鼠標操作，由“彈起”、“指針經過”、“按下”、“點擊”4個狀態組成。二、創建元件把工作區中的現有元素轉換成元件

創建新元件將動畫轉換為影片剪輯

復制元件選中工作區中的某個元素選擇“修改”→“轉換成元件”命令，這時彈出“轉換為元件”對話框，輸入元件的名稱并選擇元件類型選擇“窗口”→“庫”命令，打開庫面板，即看到剛才建立的新元件方法如下：1、把工作區中的現有元素轉換成元件“轉換為元件”對話框２、創建新元件方法如下：選擇“插入”→“新建元件”命令，將彈出“創建新元件”對話框單擊庫面板中的按鈕，在彈出的菜單中選擇“創建新建元件”命令單擊庫面板最底下的按鈕，也可以打開“創建新建元件”對話框，輸入元件的名稱，選擇元件的類型，單擊“確定”按鈕后，即可新建一元件

“創建新元件”對話框

創建新元件元件編輯模式

使用繪圖工具繪圖或導入媒體等建立元件的內容當建完元件后單擊下圖中的“場景1”，返回到場景編輯狀態

在當前位置編輯

在新窗口中編輯元件

在元件編輯模式下編輯元件退出元件編輯模式３、編輯元件在當前位置編輯

選中一個元件的實例，選擇“編輯”→“編輯位置”命令，或者右擊，在彈出的快捷菜單中選擇“在當前位置編輯”，或直接雙擊彈出菜單

在新窗口中編輯元件

在工作區選中一個元件實例后，右擊，從彈出的快捷菜單中選擇“在新窗口中編輯”，選中的元件在新的獨立窗口中出現

退出元件編輯模式當編輯完元件后，要退出元件編輯模式，可以使用以下方法：單擊工作區左上角的場景名稱按鈕

，例如，單擊如下圖中所示的場景1選擇“編輯”→“編輯文檔”命令

退出元件編輯模式復制元件的方法如下：

４、復制元件在庫面板中選擇一個元件單擊庫面板中的按鈕，從彈出的菜單中選擇“直接復制”命令，這時會彈出“元件屬性”對話框，輸入新元件的名稱并選擇所復制的元件的類型。確定后庫窗口會增加一個與被復制元件一樣的新元件，只需要在元件編輯模式下對它進行一定的修改就可以成為一個新元件了５、將動畫轉換為影片剪輯轉換方法如下：在舞臺上制作一個動畫在時間軸任意一個單元格上右擊，在彈出的快捷菜單中選擇“選擇所有幀”右擊，在彈出的快捷菜單中選擇“復制幀”命令，或者直接選擇“編輯”→“復制幀”命令，即可將所有幀都復制到剪貼板上將動畫轉換為影片剪輯4.選擇“插入”→“新建元件”命令，在彈出的對話框中輸入元件名稱，選擇影片剪輯作為元件的類型，然后單擊“確定”按鈕，則舞臺切換到元件編輯模式，用戶可以編輯元件5.單擊時間軸的第一幀，并選擇“編輯”→“粘貼幀”命令，將剛才復制到剪貼板上的動畫粘貼進來；或在第一幀上右擊，在彈出的快捷菜單中選擇“粘貼幀”，也可將動畫粘貼到元件編輯模式舞臺上6.選擇“編輯”→“編輯文檔”命令，回到電影編輯模式；或者單擊舞臺左上方的場景編輯按鈕四、公用庫資源為了方便調用元件，減少重復工作，提高工作效率，在Flash中附帶了很多元件，都保存在公用庫里，選擇“窗口”→“公用庫”命令，彈出“學習交互”、“按鈕”、“類”子菜單“學習交互”、“按鈕”、“類”公用庫面板

實例11制作氣球元件一、繪制氣球（1）新建Flash文件，執行【插入】|【新建元件】命令，彈出【創建新元件】對話框，輸入元件【名稱】為“氣球”，選擇【行為】為【影片剪輯】，單擊【確定】按紐。（2）利用橢圓工具繪制氣球基本形狀；利用鉛筆工具繪制氣球的充氣口部分。給氣球填充一種漸變顏色。如圖3-5(a)及(b)所示。圖3-5氣球繪制（3）刪除氣球的邊緣線段，利用橢圓工具在氣球上繪制高光部分。如圖3-5(c)所示。（4）繪制栓氣球的繩子，最終得到如圖3-6所示的氣球元件制作桃花元件1、繪制花瓣a.選擇“橢圓工具”，將筆觸顏色設為“無”，填充色類型設為“線性”，在混色器中修改漸變顏色，繪制出一個花瓣。b.使用“填充變形工具”修改花瓣顏色的漸變方向。2、復制花瓣，組合成桃花a.將花瓣的旋轉中心拉至底端。b.在變形窗口中設置旋轉角度，復制并應用變形。c.繪制出如右圖的桃花。實例12創建多色氣球（5）從“庫”面板中拖放三次“氣球”至動畫舞臺，得到三個氣球的實例，利用“任意變形工具”，修改氣球的大小以及旋轉角度，得到圖3-7左側的圖形。（6）選中一個氣球實例，，點擊“設置”對其顏色進行高級設置，如圖3-8所示。最終得到圖3-7右側的各色氣球圖形。圖3-7氣球實例屬性的修改改變實例屬性為實例交換元件改變實例類型打散實例三、使用元件實例任務二使用實例

創建實例

實例就是元件的具體表現，當庫中的元件拖動到舞臺上后，就將它稱之為實例。

編輯實例，可以采用編輯修改一般對象的方法，此外每個實例都有自己的屬性，利用它的“屬性”面板可以改變實例的位置、大小、顏色、亮度、透明度等屬性。編輯實例不會再受相應元件和其它有同一元件創建的其它實例的影響。任務二使用實例

創建實例實例的“屬性”面板：“顏色”下拉列表框：可以設置實例的亮度、色調、透明度等。亮度：“顏色”下拉列表框右側增加了一個帶滑動條的文本框，范圍從-100%~+100%；色調：調整RGB所對應的滑塊可以改變實例的顏色。

Alpha（透明度）：“顏色”下拉列表框右側增加了一個帶滑動條的文本框，范圍從0%~100%；任務二使用實例

創建實例實例的“屬性”面板：高級：單擊“顏色”下拉列表框右側增加的“設置”按鈕，彈出“高級效果”對話框，百分數區域范圍從0%~100%調整，數值區域從-255~+255調整。復制元件：“屬性”面板的“交換”按鈕實例元件使用

調整實例顏色變換實例形狀更改實例行為變換元件

只要將“庫”面板中的元件拖放到舞臺上即可應用，放置在舞臺上的對象只是對“庫”面板中相應元件的引用，通常被稱之為實例。37元件使用調整實例顏色

選中實例的情況下，“屬性”面板的右側為調整實例顏色的列表框，如圖所示。選中不同的選項，可對實例設置不同的顏色效果。調整實例亮度

選中紅色的“雙足”實例，如圖所示設置，效果如圖。

38元件使用調整實例色彩

選中舞臺上紅色的“雙足”實例，按照圖所示設置，此時紅色的“雙足”實例呈亮黃色。調整實例顏色調整實例透明度

選中舞臺上紅色的“雙足”實例，按照圖所示設置，此時透過紅色的“雙足”實例可以看到其下方的圖像內容。39元件使用調整實例高級選項

選中舞臺上的“圖像”實例，在“屬性”面板的顏色列表框中選擇“高級選項”項，如圖所示設置各項參數，此時“圖像”實例中的顏色發生本質的變化。調整實例顏色40元件使用

傾斜實例（1）選中舞臺上的“雙足”實例，選擇任意變形工具，同時單擊工具選項區中的“旋轉和傾斜”按鈕，此時實例外圍呈現8個方形手柄。（2）將光標移至中間的句柄呈現時，按住鼠標左鍵橫向拖動，虛線顯示部分就是實例傾斜后的結果；釋放鼠標左鍵后，就可以看到傾斜實例的最終結果。變換實例形狀41元件使用

旋轉實例（1）選中舞臺上的“雙足”實例，選擇任意變形工具，同時單擊工具選項區中的“旋轉和傾斜”按鈕，此時實例外圍呈現8個方形手柄。（2）將光標移至拐角的句柄呈現時，按住鼠標左鍵旋轉拖動，虛線顯示部分就是實例旋轉后的結果；釋放鼠標左鍵后，就可以看到旋轉實例的最終結果。變換實例形狀42元件使用拉伸實例（1）選中舞臺上的“雙足”實例，選擇任意變形工具，同時單擊工具選項區中的“縮放”按鈕，此時實例外圍呈現8個方形手柄。（2）將光標移至中間的句柄呈現時，按住鼠標左鍵橫向拖動，虛線顯示部分就是實例拉伸后的結果；釋放鼠標左鍵后，就可以看到拉伸實例的最終結果。變換實例形狀43元件使用變換實例形狀縮放實例（1）選中舞臺上的“雙足”實例，選擇任意變形工具，同時單擊工具選項區中的“縮放”按鈕，此時實例外圍呈現8個方形手柄。（2）將光標移至拐角的句柄呈現時，按住鼠標左鍵斜向拖動，虛線顯示部分就是實例等比例縮放后的結果；釋放鼠標左鍵后，就可以看到縮放實例的最終結果。44元件使用

選擇舞臺上的黑色“雙足”實例，將其進行水平傾斜處理，然后在“屬性”面板中調整實例色調為100%紅色，如圖所示。單擊“屬性”面板中的“交換”按鈕，或者選擇“修改”|“交換元件”命令，彈出“交換元件”對話框，選擇其中的圖形元件Hand，如圖所示。變換元件45元件使用單擊“確定”按鈕后，如圖所示，實例設置均沒有任何改變。舞臺上的實例卻已經發生變化了，如圖所示。變換元件46改變實例屬性選中一元件的實例，“屬性”面板變為該實例的屬性。在該面板中，用戶可以改變實例的屬性實例“屬性”面板

步驟如下:為實例交換元件在工作區選中一個實例單擊實例屬性面板中的“交換”按鈕，彈出“交換元件”對話框，在其中的目錄里列出了該動畫已有的可以作為更換的元件。單擊另一元件，確定后即完成交換

“交換元件”對話框

改變實例類型在Flash8中，改變實例類型很簡單，只要選中實例，然后在“屬性”面板中的下拉列表框中選擇實例的類型即可改變實例類型

打散實例打散實例：可以切斷它與元件的聯系，成為非群組的形狀和直線的集合從而可對實例的局部進行較為細致的操作選中需要打散的實例選擇“修改”→“分離”命令，將實例打散為圖形元素的組合，或使用快捷鍵Ctrl+B使用繪圖工具修改元素

打散實例的步驟如下：實例練習：作業11氣球飄動步驟一、制作氣球飄動影片剪輯元件1、利用前面講過的引導層動畫，