元件、實(shí)例與庫(kù)

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

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

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

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

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

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

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

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

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

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

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