《Flash CS6動(dòng)畫(huà)制作案例教程》教學(xué)課件 005

工程五使用元件、實(shí)例與庫(kù)元件的類(lèi)型與創(chuàng)立編輯元件和元件實(shí)例元件應(yīng)用技巧使用“庫(kù)〞面板與公用庫(kù)任務(wù)一元件的類(lèi)型與創(chuàng)立

任務(wù)說(shuō)明本任務(wù)將帶著大家了解Flash中元件的類(lèi)型，以及掌握創(chuàng)立和應(yīng)用元件的方法。預(yù)備知識(shí)一、元件的作用Flash中的元件主要有以下幾個(gè)作用。制作動(dòng)畫(huà)時(shí)如果需要反復(fù)使用某個(gè)對(duì)象，如圖形，可以將此對(duì)象轉(zhuǎn)換為元件，或新建一個(gè)元件，并在元件內(nèi)部創(chuàng)立需要的對(duì)象。以后便可以重復(fù)使用該元件，而不會(huì)增加Flash文件大小。元件本身也可以是一個(gè)小動(dòng)畫(huà)，此外，元件內(nèi)部還可以包含元件，所以，通過(guò)幾個(gè)元件合成，可以使復(fù)雜的動(dòng)畫(huà)制作變得簡(jiǎn)單。例如，要制作一個(gè)小蜜蜂飛行的動(dòng)畫(huà)，可以將小蜜蜂揮翅的動(dòng)作和身體制成元件，然后在主時(shí)間軸中使該元件實(shí)例向右運(yùn)動(dòng)。如此一來(lái)，小蜜蜂向右運(yùn)動(dòng)同翅膀的扇動(dòng)互不影響，便形成了一個(gè)合成動(dòng)畫(huà)。

元件的作用

在制作某些交互動(dòng)畫(huà)時(shí)，需要使用按鈕元件。二、元件的類(lèi)型Flash中的元件分為三種類(lèi)型，分別是圖形元件、影片剪輯元件和按鈕元件：圖形元件：用于制作可重復(fù)使用的靜態(tài)圖像，以及附屬于主時(shí)間軸的可重復(fù)使用的動(dòng)畫(huà)片段。要注意的是，不能在圖形元件內(nèi)添加聲音和動(dòng)作腳本，也不能將動(dòng)作腳本添加在圖形元件實(shí)例上。影片剪輯元件：用來(lái)制作可重復(fù)使用的、獨(dú)立于主時(shí)間軸的動(dòng)畫(huà)片段?？梢栽谟捌糨媰?nèi)添加聲音和動(dòng)作腳本，也可以將動(dòng)作腳本添加在影片剪輯實(shí)例上。按鈕元件：用于創(chuàng)立響應(yīng)鼠標(biāo)單擊、滑過(guò)或其他動(dòng)作的交互按鈕。三、創(chuàng)立和應(yīng)用元件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ì)象，然后選擇“修改〞>“轉(zhuǎn)換為元件〞菜單項(xiàng)，或按快捷鍵【F8】，在彈出的“轉(zhuǎn)換為元件〞對(duì)話框中輸入元件名稱(chēng)、選擇元件類(lèi)型、設(shè)置對(duì)齊點(diǎn)后，單擊“確定〞按鈕，即可將所選對(duì)象轉(zhuǎn)換為元件。新建元件2.選中舞臺(tái)中的汽車(chē)圖形，按【Ctrl+X】組合鍵將其剪切到剪貼板中。要新建元件，可選擇“插入〞>“新建元件〞菜單，或按快捷鍵【Ctrl+F8】，在翻開(kāi)的“創(chuàng)立新元件〞對(duì)話框中輸入元件名稱(chēng)、選擇元件類(lèi)型，然后單擊“確定〞按鈕，即可新建一個(gè)空白元件，并進(jìn)入該元件的編輯狀態(tài)。3.在元件中繪制圖形、導(dǎo)入對(duì)象或制作動(dòng)畫(huà)片段等，如將前面復(fù)制的汽車(chē)圖形粘貼到元件內(nèi)部，然后按快捷鍵【Ctrl+E】退出元件的編輯狀態(tài)。創(chuàng)立的元件均會(huì)保存在“庫(kù)〞面板中。2．應(yīng)用元件元件只是用于保存圖形或動(dòng)畫(huà)片段等的載體，它無(wú)法直接用于動(dòng)畫(huà)制作，要使用元件，還需要在舞臺(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í)例。任務(wù)實(shí)施——制作蜜蜂飛翔動(dòng)畫(huà)下面我們通過(guò)制作蜜蜂飛翔的動(dòng)畫(huà)效果，學(xué)習(xí)創(chuàng)立元件和元件實(shí)例的操作。蜜蜂飛翔動(dòng)畫(huà)首先翻開(kāi)素材文件，將背景轉(zhuǎn)換為圖形元件，然后創(chuàng)立一個(gè)影片剪輯元件，并在元件內(nèi)部制作蜜蜂煽動(dòng)翅膀的動(dòng)畫(huà)效果，最后在主時(shí)間軸上制作蜜蜂向右運(yùn)動(dòng)的動(dòng)畫(huà)。本例具體操作可參考術(shù)中操作。任務(wù)二編輯元件和元件實(shí)例任務(wù)說(shuō)明創(chuàng)立了元件與元件實(shí)例后，還可根據(jù)動(dòng)畫(huà)制作需要對(duì)它們進(jìn)行編輯和修改。本任務(wù)將帶著大家學(xué)習(xí)編輯元件和元件實(shí)例的方法。預(yù)備知識(shí)一、編輯元件創(chuàng)立好元件后，用戶(hù)可進(jìn)入元件的編輯狀態(tài)對(duì)其進(jìn)行修改，修改方法與修改主時(shí)間軸中的對(duì)象相同〔也可在元件內(nèi)部創(chuàng)立動(dòng)畫(huà)〕。對(duì)元件進(jìn)行修改后，該元件在舞臺(tái)上的所有元件實(shí)例也會(huì)隨之改變。進(jìn)入元件編輯狀態(tài)的方法主要有以下幾種。使用“選擇工具〞雙擊舞臺(tái)中的元件實(shí)例，此時(shí)元件中的對(duì)象可以編輯，舞臺(tái)中其他對(duì)象不能編輯并以高光顯示。雙擊元件實(shí)例進(jìn)入元件編輯狀態(tài)雙擊“庫(kù)〞面板中的元件。單擊編輯區(qū)上方的“編輯元件〞按鈕，在彈出的下拉列表中選擇要編輯的元件。選擇要編輯的元件

無(wú)論是以哪種方式進(jìn)入元件編輯狀態(tài)，修改完畢后，單擊編輯窗口左上角的按鈕，或按下快捷鍵【Ctrl+E】，都可退出元件編輯狀態(tài)，返回主場(chǎng)景。二、編輯元件實(shí)例編輯元件實(shí)例只對(duì)當(dāng)前編輯的元件實(shí)例起作用，不會(huì)影響元件本身，也就是說(shuō)，不會(huì)影響該元件的其他實(shí)例。用戶(hù)除了可以對(duì)舞臺(tái)上的元件實(shí)例進(jìn)行移動(dòng)、復(fù)制、刪除，以及使用“任意變形工具〞進(jìn)行縮放、旋轉(zhuǎn)和傾斜等操作外，還可進(jìn)行以下操作。設(shè)置色彩效果：使用“選擇工具〞選中元件實(shí)例后，可利用“屬性〞面板的“色彩效果〞區(qū)設(shè)置實(shí)例的色調(diào)、亮度或Alpha〔透明度〕屬性，從而制作漸隱漸顯、變色和發(fā)光等動(dòng)畫(huà)效果。設(shè)置元件實(shí)例的色彩效果設(shè)置顯示效果：使用“選擇工具〞選中影片剪輯或按鈕元件實(shí)例后〔注意不能設(shè)置圖形元件實(shí)例的顯示效果〕，可利用“屬性〞面板“顯示〞區(qū)的“混合〞下拉列表中的選項(xiàng)設(shè)置實(shí)例與排列在其下方對(duì)象的融合效果。設(shè)置影片剪輯實(shí)例的混合效果添加濾鏡：使用“選擇工具〞選中影片剪輯或按鈕元件實(shí)例后，可利用“屬性〞面板的“濾鏡〞區(qū)為所選對(duì)象添加濾鏡。設(shè)置對(duì)象在三維空間的位置：使用“選擇工具〞選中影片剪輯實(shí)例后，可利用“屬性〞面板的“3D定位和查看〞區(qū)設(shè)置所選對(duì)象在三維空間中的位置。任務(wù)實(shí)施——制作閃爍的文字動(dòng)畫(huà)

下面我們通過(guò)制作一個(gè)文字標(biāo)志閃爍的動(dòng)畫(huà)效果，學(xué)習(xí)元件的相關(guān)操作。閃爍的文字動(dòng)畫(huà)新建一個(gè)Flash文檔并設(shè)置文檔屬性，然后創(chuàng)立一個(gè)圖形元件，并使用“文本工具〞在元件內(nèi)部創(chuàng)立文本，接著將元件拖入舞臺(tái)生成元件實(shí)例，最后插入關(guān)鍵幀并改變?cè)?shí)例的亮度，制作閃爍動(dòng)畫(huà)效果。本例具體操作可參照書(shū)中步驟。任務(wù)三元件應(yīng)用技巧任務(wù)說(shuō)明在前面的任務(wù)中我們已經(jīng)學(xué)習(xí)了元件的創(chuàng)立、編輯和使用方法。雖然元件的創(chuàng)立和編輯很簡(jiǎn)單，但要完全掌握其使用技巧也不是一件容易的事。本任務(wù)將帶著讀者解決這些問(wèn)題。預(yù)備知識(shí)一、圖形元件應(yīng)用技巧因?yàn)閳D形元件中的時(shí)間軸是與主場(chǎng)景的時(shí)間軸同步的，所以具有以下特點(diǎn)和應(yīng)用技巧。在Flash中按下【Enter】鍵預(yù)覽動(dòng)畫(huà)時(shí)，可以看到圖形元件實(shí)例內(nèi)的動(dòng)畫(huà)效果。將帶有動(dòng)畫(huà)片段的圖形元件實(shí)例放在主場(chǎng)景的舞臺(tái)上時(shí)，需要在主時(shí)間軸上插入與動(dòng)畫(huà)片段等長(zhǎng)的普通幀，否那么無(wú)法完整播放。選中舞臺(tái)上的圖形元件實(shí)例后，可以通過(guò)在“屬性〞面板的“圖形選項(xiàng)〞下拉列表中選擇相應(yīng)選項(xiàng)，使圖形元件中的動(dòng)畫(huà)循環(huán)播放或暫停播放，還可以設(shè)置元件中動(dòng)畫(huà)播放的起始幀。選中圖形元件實(shí)例后，單擊“屬性〞面板中的“交換〞按鈕，會(huì)翻開(kāi)“交換元件〞對(duì)話框，在這里可以選擇需要在舞臺(tái)相同位置交換的元件。在為動(dòng)畫(huà)添加字幕時(shí)經(jīng)常使用此功能。

設(shè)置元件實(shí)例的播放方式“交換元件〞對(duì)話框二、影片剪輯應(yīng)用技巧因?yàn)橛捌糨嫇碛歇?dú)立的時(shí)間軸，所以具有以下特點(diǎn)和應(yīng)用技巧。無(wú)法在主時(shí)間軸上預(yù)覽影片剪輯實(shí)例內(nèi)的動(dòng)畫(huà)效果，在舞臺(tái)上只能看到影片剪輯第1幀的內(nèi)容。假設(shè)要欣賞影片剪輯內(nèi)的完整動(dòng)畫(huà)，須按快捷鍵【Ctrl+Enter】測(cè)試影片。由于影片剪輯具有獨(dú)立的時(shí)間軸，所以即使主時(shí)間軸只有1幀，也可以完整的播放影片剪輯中的動(dòng)畫(huà)。三、按鈕元件應(yīng)用技巧Flash中的按鈕元件可用來(lái)制作響應(yīng)鼠標(biāo)事件或其他動(dòng)作的交互按鈕，它經(jīng)常被用來(lái)控制影片的播放進(jìn)程或制作一些特殊效果。按鈕元件具有以下特點(diǎn)和應(yīng)用技巧。按鈕元件的時(shí)間軸與影片剪輯一樣，是相對(duì)獨(dú)立的，但只有前4幀有作用，其他幀在播放時(shí)不起作用。按鈕元件的時(shí)間軸

“彈起”幀中的內(nèi)容是鼠標(biāo)指針不接觸按鈕時(shí)按鈕的外觀；“指針經(jīng)過(guò)”幀中的內(nèi)容是鼠標(biāo)滑過(guò)按鈕時(shí)按鈕的外觀；“按下”幀中的內(nèi)容是在按鈕上按下鼠標(biāo)左鍵時(shí)按鈕的外觀；“點(diǎn)擊”幀中的內(nèi)容決定按鈕的響應(yīng)區(qū)域。按鈕元件內(nèi)可以包含F(xiàn)lash支持的所有元素，如圖形元件實(shí)例、影片剪輯實(shí)例、位圖、組合、分散的矢量圖形等、態(tài)文本和輸入文本等?？梢栽诎粹o元件內(nèi)部的時(shí)間幀上添加聲音，但不能添加動(dòng)作腳本。要讓按鈕發(fā)生作用，需要為舞臺(tái)上的按鈕實(shí)例添加動(dòng)作腳本。任務(wù)實(shí)施一、制作閃閃星光動(dòng)畫(huà)下面我們通過(guò)制作一個(gè)閃爍星光的動(dòng)畫(huà)效果，學(xué)習(xí)圖形元件在制作Flash動(dòng)畫(huà)時(shí)的應(yīng)用。閃爍星光

翻開(kāi)素材文檔后，將“庫(kù)〞面板中的“閃爍星星〞圖形元件拖入屢次到舞臺(tái)中，為該元件創(chuàng)立多個(gè)實(shí)例，然后在“屬性〞面板中設(shè)置圖形元件實(shí)例內(nèi)動(dòng)畫(huà)的播放方式，制作滿天星光的動(dòng)畫(huà)效果。本例具體操作可參考書(shū)中步驟。二、制作播放按鈕下面我們通過(guò)制作一個(gè)播放按鈕，學(xué)習(xí)創(chuàng)立按鈕元件的操作。首先創(chuàng)立一個(gè)按鈕元件，然后在按鈕元件的編輯狀態(tài)中分別繪制或設(shè)置“彈起〞幀、“指針經(jīng)過(guò)〞幀、“按下〞幀和“點(diǎn)擊〞幀的內(nèi)容，完成實(shí)例制作。本例具體操作可參考書(shū)中步驟。播放按鈕三、制作動(dòng)態(tài)按鈕下面通過(guò)在按鈕元件中應(yīng)用影片剪輯實(shí)例，制作動(dòng)態(tài)按鈕：當(dāng)將鼠標(biāo)指針?lè)旁谑フQ老人上方時(shí)，動(dòng)畫(huà)開(kāi)始播放，否那么停止播放。動(dòng)態(tài)按鈕

翻開(kāi)素材文檔并新建一個(gè)Flash文檔，然后在新建的文檔中創(chuàng)立一個(gè)“圣誕老人〞影片剪輯，并將素材文檔中的相關(guān)幀復(fù)制到影片剪輯中，制作圣誕老人走動(dòng)的效果，最后利用該影片剪輯創(chuàng)立按鈕元件，并通過(guò)對(duì)按鈕元件中的各幀進(jìn)行設(shè)置，制作一個(gè)默認(rèn)是靜止?fàn)顟B(tài)，鼠標(biāo)一移到按鈕上便開(kāi)始播放動(dòng)畫(huà)的動(dòng)態(tài)按鈕。本例具體操作可參考書(shū)中步驟。任務(wù)四使用“庫(kù)〞面板與公用庫(kù)任務(wù)說(shuō)明在Flash中創(chuàng)立的元件，以及從外部導(dǎo)入的圖像、視頻和音頻等都存放在“庫(kù)〞面板中。此外，F(xiàn)lashCS6為用戶(hù)提供了很多有用的素材，這些素材被放置在公用庫(kù)中。本任務(wù)將將帶著讀者學(xué)習(xí)使用“庫(kù)〞面板管理元件，以及使用“公用庫(kù)〞中素材的方法。預(yù)備知識(shí)一、使用“庫(kù)〞面板“庫(kù)〞面板默認(rèn)位于舞臺(tái)右側(cè)的面板組中〔如果沒(méi)有翻開(kāi)，用戶(hù)可按快捷鍵【Ctrl+L】翻開(kāi)〕，它是Flash中保存元件和其他素材的“倉(cāng)庫(kù)〞。當(dāng)需要在動(dòng)畫(huà)中使用“庫(kù)〞面板中的素材時(shí)，只需選擇相應(yīng)的關(guān)鍵幀并從“庫(kù)〞面板中將素材拖到舞臺(tái)即可?！皫?kù)〞面板使用“庫(kù)〞面板可以方便地管理動(dòng)畫(huà)中使用的素材。例如，在“庫(kù)〞面板中雙擊某個(gè)元件名稱(chēng)可對(duì)其進(jìn)行重命名；對(duì)于不需要的元件，可選中元件，然后單擊面板底部的“刪除〞按鈕將其刪除；右擊所選元件，從彈出的快捷菜單中選擇相應(yīng)的菜單工程，可對(duì)元件執(zhí)行復(fù)制、剪切、粘貼和直接復(fù)制等操作。管理元件

此外，我們還可單擊面板底部的“新建文件夾〞按鈕，創(chuàng)立元件文件夾，然后將相關(guān)元件拖到元件文件夾中，以便對(duì)元件進(jìn)行分類(lèi)管理。二、使用公用庫(kù)FlashCS6中的公用庫(kù)被分為“學(xué)習(xí)交互〞、“按鈕〞和“類(lèi)〞三種類(lèi)型。下面通過(guò)使用公用庫(kù)中的按鈕元件為例，介紹使用公用庫(kù)中素材的方法。選擇“公用庫(kù)〞的類(lèi)型1.選擇“窗口〞>“公用庫(kù)〞菜單，在翻開(kāi)的子菜單中可選擇要翻開(kāi)的公用庫(kù)類(lèi)型，本例選擇“按鈕〞菜單。使用“公用庫(kù)〞中的按鈕2.翻開(kāi)按鈕的公用