元件、實(shí)例與庫

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

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

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

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

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

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

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

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

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

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

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