（中職）FlashCS6動畫制作（第2版）1.4教學課件（工信版）項目一Flash制作基本功

任務4掌握元件制作與庫的運用任務目標123了解元件概念與分類熟練各類元件的制作掌握庫的概念及應用1.熟練圖形元件與影片剪輯元件的制作

1．元件的概念所謂元件，就是在動畫中可以反復使用或編輯的一個部件，存放在【庫】面板中。在Flash中，元件不僅可以多次重復使用，便于動畫的修改，而且重復使用不會增加動畫所占空間，更便于網絡傳輸。2．元件的分類元件分為三種類型：圖形元件、按鈕元件和影片剪輯元件。圖形元件圖形元件主要用于創建靜態的動畫使用對象，不能用作交互。影片剪輯元件影片剪輯元件就是含有可以獨立播放動畫的元件。影片剪輯是包含在flash影片中的影片片段，有自己的時間軸和屬性，具有交互性，是用途最廣、功能最多的部分。可以包含交互控制、聲音以及其他影片剪輯的實例，也可以將其放置在按鈕元件的時間軸中制件動畫按鈕。較為復雜的動畫經常用多個影片剪輯元件來簡化動畫制作。按鈕元件按鈕元件用于實現動畫的交互功能，可以響應鼠標單擊、滑過或其他動作。使用按鈕可以控制動畫播放，與動畫進行交互。按鈕元件可以是一個圖形，一幅圖片，甚至是看不見的透明按鈕。1.熟練圖形元件與影片剪輯元件的制作

3．圖形元件的制作（1）新建Flash文檔，依次單擊【插入】→【新建元件】菜單命令，或使用快捷鍵【Ctrl+F8】，打開“創建新元件”對話框。（2）在“名稱”文本框中輸入元件的名稱“太陽”，在“類型”欄中單擊“圖形”按鈕，如圖1-4-1所示。圖1-4-1創建圖形元件對話框1.熟練圖形元件與影片剪輯元件的制作

（3）單擊【確定】按鈕，創建名為“太陽”的圖形元件并進入圖形元件編輯區。在元件編輯區繪制圖形，如1-4-2所示。（4）依次單擊【窗口】→【庫】菜單命令，打開【庫】面板，就可以看到繪制的圖形元件自帶進入到庫中，如圖1-4-3所示。圖1-4-2繪制圖形元件圖1-4-3“庫”中元件1.熟練圖形元件與影片剪輯元件的制作

4．轉化成元件已經創建好的對象也可以直接轉化為元件，操作方法如下：（1）選中繪好的圖形，單擊鼠標右鍵，在彈出的快捷菜單中選擇【轉化為元件】命令，或依次單擊【修改】→【轉化為元件】菜單命令，或使用快捷鍵【F8】，打開“轉化為元件”對話框，如圖1-4-4所示。圖1-4-4轉化為元件對話框1.熟練圖形元件與影片剪輯元件的制作

5．影片剪輯元件的制作（1）新建Flash文檔，依次單擊【插入】→【新建元件】菜單命令，或使用快捷鍵【Ctrl+F8】，打開“創建新元件”對話框。在“名稱”中輸入“憤怒的小孩”，在“類型”欄中選擇“影片剪輯”選項，如圖1-4-5所示。（2）單擊【確定】按鈕進入該元件的編輯模式。圖1-4-5創建影片剪輯元件1.熟練圖形元件與影片剪輯元件的制作

6．元件與實例的關系將元件從【庫】面板中拖放到舞臺上，舞臺上就自動生成了該元件的一個實例，復制元件的過程即是創建實例的過程。將元件拖放到舞臺中，選中該元件的實例，【屬性】面板中就會出現與實例相對應的屬性，如：名稱、顏色、大小等，如圖1-4-6所示。

圖1-4-6元件與實例1.熟練圖形元件與影片剪輯元件的制作

選中圖形元件實例，打開【屬性】面板，如圖1-4-7所示。選中影片剪輯元件實例，打開【屬性】面板，如圖1-4-8所示。

。圖1-4-7圖形元件實例的“屬性”面板圖1-4-8影片剪輯實例的“屬性”面板1.熟練圖形元件與影片剪輯元件的制作

案例1-4-1制作“吐泡泡的小魚”動畫下面通過案例進一步熟悉影片剪輯元件的制作。在海底世界，一群可愛的小魚在水中悠閑的吐著泡泡，像是在比賽一般，如圖1-4-9所示。圖1-4-9“吐泡泡的小魚”動畫效果2.熟練按鈕元件制作與庫的運用

1．按鈕元件的制作按鈕元件的時間軸與其他元件不同，由四幀組成，分別是“彈起”、“指針經過”、“按下”、“點擊”，每一幀標志一種鼠標狀態，對應四種響應鼠標操作狀態，如1-4-10所示。圖1-4-10按鈕元件時間軸2．按鈕元件的四種狀態：彈起：鼠標和按鈕沒有發生接觸，按鈕處于一般狀態。指針經過：鼠標經過按鈕但沒有按下鼠標的狀態。按下：鼠標移動到按鈕上方，并按下鼠標時的狀態。單擊：此狀態用于定義按鈕響應鼠標事件的有效區域范圍，此區域不會在影片中顯示。若沒有繪制“單擊”狀態的區域，“彈起”幀的范圍即為按鈕的有效響應范圍。2.熟練按鈕元件制作與庫的運用

3．庫的運用“庫”就相當于Flash中的倉庫，用來存放制作動畫所需的元件及導入的各類素材，如位圖、聲音文件、視頻剪輯等。【庫】面板是制作動畫時使用頻率最高的面板之一，方便我們靈活的調用元件及素材，如圖1-4-11所示。圖1-4-11“庫”面板2.熟練按鈕元件制作與庫的運用

4．庫的操作（1）打開“庫”面板：依次單擊【窗口】→【庫】菜單命令，或者按【F11】鍵，打開“庫”面板，選中“庫”面板中的任意一個元件或素材，其內容就會在預覽窗口顯示出來。（2）新建“庫”元件：單擊“庫”下方的“新建元件”按鈕，打開“創建新元件”對話框，即可新建元件。（3）更改“庫”元件屬性：選中庫中某一個元件，單擊“庫”下方的“屬性”按鈕，打開“元件屬性”對話框，即可修改元件屬性。2.熟練按鈕元件制作與庫的運用

（4）直接復制元件：選中庫中某一個元件，單擊鼠標右鍵，在彈出的快捷菜單中選擇【直接復制】命令，打開“直接復制元件”對話框，即可對復制的原件進行設置。（5）刪除“庫”元件：選中庫中某一個不需要的元件，單擊“庫”下方的“刪除”按鈕，即可刪除選中的元件。（6）新建文件夾：單擊“庫”下方的“新建文件夾”按鈕，即可創建一個文件夾，可以將庫中的元件或各類素材分類儲存。2.熟練按鈕元件制作與庫的運用

5．公用庫Flash中自帶了一個公用庫，里面存放了很多樣式精美的按鈕。在制作動畫時，可以直接使用公用庫中的按鈕。

公用庫操作方法如下：依次單擊【窗口】→【公用庫】→【按鈕】菜單命令，打開“庫-按鈕”面板。雙擊按鈕名稱的文件夾圖標，即可顯示該文件中的所有按鈕，如圖1-4-12所示。根據需要，若使用公共庫中的按鈕，可用鼠標將按鈕拖放到舞臺上，如圖1-4-13所示。2.熟練按鈕元件制作與庫的運用

圖1-4-12“庫-按鈕”面板圖1-4-13將公用庫按鈕拖放到到舞臺2.熟練按鈕元件制作與庫的運用

案例1-4-2制作“燈火萬家”動畫下面通過案例進一步學習按鈕元件的制作。夜晚的城市安靜而美麗，一個個窗戶透著家的溫暖，當鼠標經過，按下時屋里的燈就會慢慢變暗，如圖1-4-14所示。。圖1-4-14“燈火萬家”效果任務小結本任務主要介紹了元件的概念，圖形元件、影片剪輯元件和按鈕元件的創建，庫和公用庫的應用。通過各個案例熟悉元件的操作，并使用元件來制作效果較為復雜的動畫。模擬實訓一、實訓目的1．掌握圖形元件的操作方法。2．掌握按鈕元件的操作方