元件、實例與庫

1、項目五 元件、實例與庫 v理論指導 v任務實踐 理論指導v元件的作用和類型 v創(chuàng)建元件與元件實例 v編輯元件與元件實例 v使用“庫”面板管理元件 v使用公用庫 （一）元件的作用和類型 Flash中的元件主要有以下幾個作用。 v制作動畫時如果需要反復使用某個對象，如圖形，可以將此對象轉換為元件，或新建一個元件，并在元件內部創(chuàng)建需要的對象。以后便可以重復使用該元件，而不會增加Flash文件大小。v元件本身也可以是一個小動畫，此外，元件內部還可以包含元件，所以，通過幾個元件合成，可以使復雜的動畫制作變得簡單。v在制作某些交互動畫時，需要使用按鈕元件。 Flash中的元件分為三種類型，分別是圖形元件、

2、影片剪輯和按鈕元件。 v圖形元件：用于制作可重復使用的靜態(tài)圖像，以及附屬于主時間軸的可重復使用的動畫片段。要注意的是，不能在圖形元件內添加聲音和動作腳本，也不能將動作腳本添加在圖形元件實例上。v影片剪輯元件：用來制作可重復使用的、獨立于主時間軸的動畫片段?？梢栽谟捌糨媰忍砑勇曇艉蛣幼髂_本。v按鈕元件：用于創(chuàng)建響應鼠標單擊、滑過或其他動作的交互按鈕。 （二）創(chuàng)建元件與元件實例 1創(chuàng)建元件 元件的創(chuàng)建方法有兩種：一種是將現(xiàn)有對象轉換成元件；另一種是直接創(chuàng)建元件，然后在元件內部繪制、導入或修改對象。 將所選對象轉換為元件1.要轉換元件，可選中舞臺上需要轉換的對象，如選中“背景”圖層中的所有對象，然

3、后選擇“修改”“轉換為元件”菜單項，或按快捷鍵【F8】，在彈出的“轉換為元件”對話框中輸入元件名稱、選擇元件類型、設置對齊點后，單擊“確定”按鈕，即可將所選對象轉換為元件 新建元件2.選中舞臺中的汽車圖形，按【Ctrl+X】組合鍵將其剪切到剪貼板中。要新建元件，可選擇“插入”“新建元件”菜單，或按快捷鍵【Ctrl+F8】，在打開的“創(chuàng)建新元件”對話框中輸入元件名稱、選擇元件類型，然后單擊“確定”按鈕，即可新建一個空白元件，并進入該元件的編輯狀態(tài)。 3.在元件中繪制圖形、導入對象或制作動畫片段等，如將前面復制的汽車圖形粘貼到元件內部，然后按快捷鍵【Ctrl+E】退出元件的編輯狀態(tài)。創(chuàng)建的元件均會

4、保存在“庫”面板中。 2創(chuàng)建元件實例 元件只是用于保存圖形或動畫片段等的載體，它無法直接用于動畫制作，要使用元件，還需要在舞臺中創(chuàng)建該元件的實例。元件實例是對元件的引用，一個元件可以有多個實例。 將“庫”面板中的元件拖到舞臺中以生成元件實例 在創(chuàng)建元件時，若是將舞臺中的對象轉換成元件，則系統(tǒng)會自動在舞臺中生成一個元件實例；若新建元件，則系統(tǒng)不會自動生成元件實例，要生成新建元件的實例，需將其從“庫”面板拖到舞臺；反復執(zhí)行此操作可為同一元件創(chuàng)建多個實例。（三）編輯元件與元件實例 1編輯元件 創(chuàng)建好元件后，用戶可進入元件的編輯狀態(tài)對其進行修改，修改方法與修改主時間軸中的對象相同（也可在元件內部創(chuàng)建動

5、畫）。對元件進行修改后，該元件在舞臺上的所有元件實例也會隨之改變。進入元件編輯狀態(tài)的方法主要有以下幾種。 v使用“選擇工具”雙擊舞臺中的元件實例，此時元件中的對象可以編輯，舞臺中其他對象不能編輯并以高光顯示。 雙擊元件實例進入元件編輯狀態(tài)v雙擊“庫”面板中的元件。v單擊編輯區(qū)上方的“編輯元件”按鈕，在彈出的下拉列表中選擇要編輯的元件。 選擇要編輯的元件 無論是以哪種方式進入元件編輯狀態(tài)，修改完畢后，單擊編輯窗口左上角的 按鈕，或按下快捷鍵【Ctrl+E】，都可退出元件編輯狀態(tài)，返回主場景。2編輯元件實例 編輯元件實例只對當前編輯的元件實例起作用，不會影響元件本身，也就是說，不會影響該元件的其他

6、實例。 用戶除了可以對舞臺上的元件實例進行移動、復制、刪除，以及使用“任意變形工具” 進行縮放、旋轉和傾斜等操作外，還可進行以下操作。 v設置色彩效果：設置色彩效果：使用“選擇工具”選中元件實例后，可利用“屬性”面板的“色彩效果”區(qū)設置實例的色調、亮度或Alpha（透明度）屬性，從而制作漸隱漸顯、變色和發(fā)光等動畫效果。 設置元件實例的色彩效果v設置顯示效果：設置顯示效果：使用“選擇工具”選中影片剪輯或按鈕元件實例后（注意不能設置圖形元件實例的顯示效果），可利用“屬性”面板“顯示”區(qū)的“混合”下拉列表中的選項設置實例與排列在其下方對象的融合效果。 設置影片剪輯實例的混合效果v添加濾鏡：添加濾鏡：

7、使用“選擇工具”選中影片剪輯或按鈕元件實例后，可利用“屬性”面板的“濾鏡”區(qū)為所選對象添加濾鏡。 v設置對象在三維空間的位置：設置對象在三維空間的位置：使用“選擇工具”選中影片剪輯實例后，可利用“屬性”面板的“3D定位和查看”區(qū)設置所選對象在三維空間中的位置。 （四）使用“庫”面板管理元件 在Flash中創(chuàng)建的元件，以及從外部導入的圖像、視頻和音頻等都存放在“庫”面板中?！皫臁泵姘迥J位于舞臺右側的面板組中。 “庫”面板 v復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出的快捷菜單中選擇“復制”菜單，然后切換到目標文檔，在“庫”面板的項目列表中右擊，在彈出的快捷菜單中選擇“粘貼”菜

8、單即可。 v在同一文檔中復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出的快捷菜單中選擇“直接復制”菜單，在打開的“直接復制元件”對話框中輸入元件副本的名稱、設置元件副本的類型，然后單擊“確定”按鈕，可在“庫”面板中生成一個當前元件的副本。 “直接復制元件”對話框 v重命名元件：在“庫”面板中雙擊要重命名元件的名稱，然后輸入新名稱即可。重命名元件v刪除元件：要刪除元件，只需在選中元件之后單擊“庫”面板底部的“刪除”按鈕，或者將要刪除的元件拖到“庫”面板底部的“刪除”按鈕上即可。 v查找空閑元件：單擊“庫”面板右上角的 按鈕，在打開的面板菜單中選擇“選擇未用項目”菜單，可自動選中沒在

9、動畫中使用的空閑元件。 v排序元件：在“庫”面板項目列表的頂部有“名稱”、“類型”、“使用次數(shù)”、“鏈接”和“修改日期”五個按鈕，分別用來對元件進行相應排序。排序按鈕v使用元件文件夾：我們可以將相關元件分類放置在不同的元件文件夾中，從而方便對元件進行管理。單擊“庫”面板底部的“創(chuàng)建文件夾”按鈕，可新建一個元件文件夾，此時元件文件夾的名稱處于可編輯狀態(tài)，可為其輸入名稱。將要放入元件文件夾的元件拖到元件文件夾上，即可將其放入元件文件夾。關于元件文件夾的其他操作可參考圖層文件夾。 新建元件文件夾 將元件放入元件文件夾 （五）使用公用庫 Flash CS5中的公用庫被分為“學習交互”、“按鈕”和“類”

10、三種類型。下面通過使用公用庫中的按鈕元件為例，介紹使用公用庫中素材的方法。 選擇“公用庫”的類型1.選擇“窗口”“公用庫”菜單，在打開的子菜單中可選擇要打開的公用庫類型，本例選擇“按鈕”菜單 。使用“公用庫”中的按鈕2.打開按鈕的公用庫后，會看到很多元件文件夾，雙擊展開元件文件夾可以看到Flash提供的各種按鈕，選擇需要的按鈕，將其拖入舞臺即可 。任務實踐 在學習了本項目的相關知識后，下面通過幾個案例使讀者進一步掌握圖形元件、影片剪輯和按鈕元件在制作Flash動畫時的應用。 任務一 制作閃爍星光動畫 本任務中，我們將通過制作一個閃閃星光的動畫效果，使讀者進一步掌握圖形元件在制作Flash動畫時

11、的應用。 閃閃星光 打開素材文檔后，將“庫”面板中的“閃爍星星”圖形元件拖入多次到舞臺中，為該元件創(chuàng)建多個實例，然后在“屬性”面板中設置圖形元件實例內動畫的播放方式，制作滿天星光的動畫效果。本例具體操作可參考本書配套視頻“5-1.avi”。 任務二 制作林間漫步動畫 下面通過制作一個小熊林間漫步的動畫效果，使讀者進一步掌握圖形元件和影片剪輯在制作Flash動畫時的應用。 林間漫步 首先打開素材文檔，將背景圖形轉換為名為“森林”的圖形元件，然后創(chuàng)建小熊走路的影片剪輯，并將“小熊走路”影片剪輯拖入舞臺，最后利用“森林”圖形元件創(chuàng)建背景隨小熊漫步而逐漸后退的補間動畫。本例具體操作可參考本書配套視頻“5-2.avi”。 任務三 制作播放按鈕 按鈕元件的創(chuàng)建方法與圖形元件和影片剪輯的不盡相同。下面通過創(chuàng)建一個播放按鈕，學習創(chuàng)建按鈕元件的具體操作。 播放按鈕 首先新建一個按鈕元件，并在按鈕元件內部繪制播放按鈕彈起狀態(tài)的圖形；然后在“指針經過”幀、“按下”幀和“點擊”幀插入關鍵幀；接著在按鈕元件內部新建圖層，繪制按鈕上的箭頭；最后調整指針經過幀中播放按鈕的填充顏色。本例具體操作可參考本書配套視頻“5-3.avi”。 任務四 制作動態(tài)按鈕 下面通過在按鈕元件中應用影片剪輯實例，制作動態(tài)按鈕：當將鼠標指針放在圣誕老人上方時