《Flash CS3二維動畫制作案例教程》第5章 元件與實例

第5章元件與實例本章要點本章導(dǎo)讀本章任務(wù)上機實訓(xùn)本章要點5.1元件的分類元件的概念元件的分類創(chuàng)建元件創(chuàng)建實例編輯元件5.2使用“庫面板”管理庫面板使用庫項目5.3設(shè)置圖形元件循環(huán)方式5.4創(chuàng)建影片剪輯本章要點5.5按鈕結(jié)構(gòu)按鈕概述按鈕結(jié)構(gòu)創(chuàng)建按鈕啟用和測試按鈕5.6影片剪輯與圖形元件的關(guān)系5.7影片剪輯嵌套嵌套的概念嵌套的結(jié)構(gòu)嵌套的應(yīng)用本章要點知識拓展—濾鏡的使用

濾鏡概述應(yīng)用濾鏡復(fù)制和粘貼濾鏡刪除濾鏡本章導(dǎo)讀元件，是指在FLASH中創(chuàng)建并保存在庫中的圖形、按鈕或影片剪輯，是制作FLASH動畫的最基本元素。“庫”面板用來顯示、存放和組織“庫”中所有的項目。實例是指位于舞臺上或嵌套在另一個元件內(nèi)的元件副本,是元件的具體應(yīng)用形式。本章主要介紹創(chuàng)建與編輯元件的方法、設(shè)置實例屬性的方法及庫面板的用法。本章任務(wù)1、掌握創(chuàng)建元件、編輯元件的操作方法；2、掌握設(shè)置實例屬性的方法；3、掌握使用庫面板的方法。5.1元件的分類按鈕元件：可以創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過或其它動作的交互式按鈕，可以實現(xiàn)與動畫的交互。在“庫”中用圖標(biāo)來表示。影片剪輯元件：一般用來創(chuàng)建能重復(fù)使用的動畫片段。在“庫”中用圖標(biāo)來表示。1.元件概念元件，是指在FLASH中創(chuàng)建并保存在庫中的圖形、按鈕或影片剪輯，是制作FLASH動畫的最基本元素。2.元件的分類在FLASH中，有“圖形元件”、“影片剪輯元件”和“按鈕元件”三種元件類型。圖形元件：一般是一組靜態(tài)的圖像，也可以是一段動畫。在“庫”中用圖標(biāo)來表示。3.創(chuàng)建元件（1）通過舞臺上選定的對象創(chuàng)建元件操作步驟：①在舞臺上選擇一個或多個元素，執(zhí)行下列操作之一:

將選中元素拖到“庫”面板上。右鍵單擊，然后從上下文菜單中選擇“轉(zhuǎn)換為元件”。選擇菜單“修改→轉(zhuǎn)換為元件”。②在如圖所示的“轉(zhuǎn)換為元件”對話框中，輸入元件名稱并選擇類型，然后單擊“確定”。5.1元件的分類5.1元件的分類（2）直接創(chuàng)建元件①執(zhí)行菜單“插入→新建元件”命令打開如圖所示的元件編輯模式窗口。②在元件編輯窗口中，可以使用繪制工具繪制、導(dǎo)入外部的素材、拖入其它元件的實例等方法制作元件。4.創(chuàng)建元件的實例（1）創(chuàng)建實例實例是指位于舞臺上或嵌套在另一個元件內(nèi)的元件副本,是元件的具體應(yīng)用形式。將元件從“庫”面板拖入到工作區(qū)，就可以創(chuàng)建該元件的一個實例。用一個元件可以創(chuàng)建多個實例，而一個實例只會對應(yīng)一個元件。5.1元件的分類（2）設(shè)置實例的屬性元件的每個實例都可以擁有各自獨立于該元件的屬性。當(dāng)修改元件時，F(xiàn)LASH會自動更新元件的所有實例；而對實例所做的更改只會影響實例本身，并不會影響元件?？梢栽谌鐖D所示的“屬性”面板中，更改實例的名稱、顏色、類型、混合等屬性。5.1元件的分類為實例命名選擇實例，單擊“屬性”面板的“實例名稱”框，然后輸入名稱。更改實例類型在舞臺上選擇實例，單擊“屬性”面板中的“實例行為”框，打開如圖所示下拉列表，從列表中選擇一種其它的類型即可。5.1元件的分類更改實例顏色在舞臺上選擇實例，單擊“屬性”面板中的“顏色樣式”下拉列表，從列表中選擇一項進(jìn)行設(shè)置即可。如下圖所示。5.1元件的分類亮度：改變實例的明亮程度，可在最暗（-100%）和最亮（100%）之間設(shè)置不同的明亮程度。色調(diào)：為實例疊加一種顏色。調(diào)整“色彩數(shù)量”滑塊，可以改變疊加量。

Alpha：改變實例的透明度，可在完全透明（0%）和完全不透明（100%）之間設(shè)置不同的透明程度。高級：更精細(xì)地同時設(shè)定“色調(diào)”和“Alpha”兩項的值。各選項的作用如下：5.1元件的分類應(yīng)用混合模式使用混合模式，可以混合重疊影片剪輯或按鈕中的顏色，從而創(chuàng)造獨特的效果。在舞臺上選擇實例，單擊“屬性”面板中的“混合”框，打開如右圖所示的下拉列表，從中選擇一種模式。5.1元件的分類交換實例可以用其它元件的實例替換當(dāng)前的實例。新元件的實例，將保留原始實例的所有屬性（例如位置、濾鏡、顏色樣式）。操作方法：①選中要交換的實例，打開“屬性”面板。②單擊“交換”按鈕，出現(xiàn)如圖所示的“交換元件”對話框，從中選擇要交換的元件，然后單擊“確定”。5.1元件的分類（3）分離實例可以將實例和與它對應(yīng)的元件分離，使它不再與元件存在關(guān)聯(lián)，成為一個獨立的對象。操作方法：選中實例，執(zhí)行菜單命令“修改→分離”，或按快捷鍵Ctrl+B，即可將實例分離。5.1元件的分類5.編輯元件可以根據(jù)需要對已有的元件進(jìn)行編輯修改。編輯過程中，可以像創(chuàng)建新元件時那樣使用任意繪畫工具，也可以在元件內(nèi)導(dǎo)入媒體或其它元件。對元件編輯的結(jié)果會反映到它的所有實例。可以通過以下方式編輯元件：

（1）在當(dāng)前位置編輯元件在這種編輯模式下，當(dāng)前幀上的所有對象會同時顯示在舞臺上，便于在編輯時相互參照，未被編輯的對象以灰顯方式出現(xiàn)，從而將它們和正在編輯的元件區(qū)別開來。如右圖所示。5.1元件的分類在元件以外雙擊。單擊“返回”按鈕。從編輯欄中的“場景”菜單選擇當(dāng)前場景名稱。選擇菜單“編輯→編輯文檔”。操作方法：①在舞臺上選擇元件的一個實例。可執(zhí)行下列操作之一：雙擊該實例。右鍵單擊，然后選擇“在當(dāng)前位置編輯”。選擇菜單“編輯→在當(dāng)前位置編輯”。②對元件進(jìn)行編輯。③退出元件編輯模式?？蓤?zhí)行下列操作之一：5.1元件的分類（2）在新窗口中編輯元件可以開啟一個與當(dāng)前文檔同名的新文檔窗口，在主時間軸中對選中的元件進(jìn)行編輯。操作方法：①在舞臺上選擇該元件的一個實例，右鍵單擊，然后選擇“在新窗口中編輯”。②編輯元件。③單擊窗口右上角的關(guān)閉框來關(guān)閉新窗口，然后在主文檔窗口內(nèi)單擊返回主文檔。5.1元件的分類

（3）在元件編輯模式下編輯元件使用元件編輯模式，可將窗口從舞臺視圖更改為只顯示被編輯元件的單獨視圖，被編輯元件的名稱顯示在舞臺頂部的編輯欄內(nèi)，位于當(dāng)前場景名稱的右側(cè)，如圖所示。5.1元件的分類操作方法：①執(zhí)行下列操作之一：

單擊舞臺頂部編輯欄左側(cè)的“返回”按鈕選擇菜單“編輯→編輯文檔”。單擊舞臺上方編輯欄內(nèi)的場景名稱。在元件外部雙擊。雙擊“庫”面板中的元件圖標(biāo)。在舞臺上選擇該元件的一個實例，右鍵單擊，選擇“編輯”。在舞臺上選擇該元件的一個實例，然后選擇菜單“編輯→編輯元件”。在“庫”面板中選擇該元件，然后從“庫面板”菜單中選擇“編輯”，或者右鍵單擊“庫”面板中的該元件，然后選擇“編輯”。②編輯元件。③退出元件編輯模式并返回到文檔編輯狀態(tài)?？蓤?zhí)行下列操作之一：5.1元件的分類5.2使用庫面板1.“庫”面板概述“庫”面板用來顯示、存放和組織“庫”中所有的項目，包括創(chuàng)建的元件以及從外部導(dǎo)入的位圖、聲音和視頻等。選擇菜單“窗口→庫”，或者按Ctrl+L，可以打開如圖所示的“庫”面板。“庫”中項目名稱左邊的圖標(biāo)標(biāo)明了它的文件類型。當(dāng)選擇“庫”中的項目時，面板的頂部會出現(xiàn)預(yù)覽。2.調(diào)整庫面板大小可執(zhí)行下列操作之一：拖動面板的右下角。單擊“寬狀態(tài)”按鈕放大“庫”面板以便顯示所有列。單擊“窄狀態(tài)”按鈕縮小“庫”面板的寬度。3.更改列寬將指針放在列標(biāo)題之間拖動。4.排序庫項目單擊列標(biāo)題就可以根據(jù)該列進(jìn)行排序。單擊列標(biāo)題右側(cè)的三角形按鈕可以倒轉(zhuǎn)排序順序。5.2使用庫面板（2）在如左圖所示的框中輸入新名稱，然后在框外單擊。重命名后的效果如右圖所示。5.重命名庫項目操作步驟：（1）可執(zhí)行下列操作之一：

雙擊項目名稱。選擇項目，單擊“庫”面板菜單從中選擇“重命名”。右鍵單擊項目，然后從上下文菜單中選擇“重命名”。5.2使用庫面板6.使用文件夾

可以在“庫”面板中使用文件夾來分類組織項目，以提高工作效率。（1）創(chuàng)建文件夾單擊“庫”面板底部的“新建文件夾”按鈕，輸入文件夾名稱，如左圖所示。（2）操作文件夾內(nèi)容把庫項目拖到文件夾上，就可以把它移到文件夾內(nèi)。把庫項目拖離文件夾，就可以把它移到文件夾外。（3）打開或關(guān)閉文件夾雙擊文件夾，或選擇文件夾再從“庫”面板右上角的菜單中選擇“展開文件夾”或“折疊文件夾”。打開的文件夾如右圖所示。5.2使用庫面板7.更新庫中的導(dǎo)入文件如果在外部編輯器中修改了已導(dǎo)入的文件，可以在FLASH中更新這些文件，而無需重新導(dǎo)入，也同樣可以更新從外部Flash文檔導(dǎo)入的元件。操作方法：（1）在“庫”面板中選擇導(dǎo)入的文件。（2）單擊右鍵從菜單中選擇“更新”。（3）在“更新庫項目”對話框選擇“更新”按鈕。8.刪除庫項目從庫中刪除一個項目時，文檔中該項目的所有實例也都會被刪除,所以要慎重操作。操作方法：選擇要刪除的項目，然后單擊“庫”面板底部的“刪除”圖標(biāo)，也可以把要刪除的項目直接拖到“刪除”圖標(biāo)上。5.2使用庫面板9.使用庫項目

（1）使用當(dāng)前文檔的庫項目將項目從“庫”面板拖動到舞臺上，該項目就會添加到當(dāng)前層上。

（2）使用其它文檔的庫項目當(dāng)同時打開了多個文檔時，可以方便地使用其它文檔的庫項目。操作步驟：打開庫面板，點擊“庫名稱”下拉列表，單擊要使用的庫的名稱打開目標(biāo)庫，然后把要使用的項目拖動到當(dāng)前文檔的工作區(qū)即可。

（3）使用外部庫項目可以在不打開其它FLASH文檔的情況下，使用它的庫項目。操作步驟：①選擇菜單“文件→導(dǎo)入→打開外部庫”。5.2使用庫面板③所選文件的庫會在當(dāng)前文檔中打開，并在“庫”面板頂部顯示文件名。將需要的項目拖到當(dāng)前文檔的“庫”面板或舞臺上，這些項目就添加到了當(dāng)前的“庫”，如右圖所示。②彈出如右圖所示的“作為庫打開”對話框，選擇包含目標(biāo)庫的FLA文件，然后單擊“打開”。5.2使用庫面板10.使用公用庫

FLASH在它的“公用庫”中，提供了一些制作好的元件，創(chuàng)作時可以直接使用。操作方法：（1）選擇菜單“窗口→公用庫”，然后從子菜單中選擇一個庫，如右圖所示。（2）將項目從“公用庫”拖入當(dāng)前文檔的庫或工作區(qū)，如右圖所示。5.2使用庫面板圖形元件動畫的播放具有以下兩個特點：（1）圖形元件動畫的播放受舞臺時間軸長度的限制要想完整播放圖形元件的動畫，必須讓圖形元件在主時間軸上延續(xù)的幀數(shù)不少于圖形元件內(nèi)的動畫幀數(shù)。（2）通過設(shè)置圖形實例屬性，可以決定動畫在圖形實例內(nèi)的播放形式圖形元件動畫的播放有“循環(huán)、播放一次、單幀”三種形式。操作方法：選中舞臺上的圖形實例，打開“屬性”面板，然后點擊實例名稱下的“圖形選項”框，打開如圖所示“圖形選項”列表，選擇一項進(jìn)行設(shè)置。5.3設(shè)置圖形元件的循環(huán)方式循環(huán)：讓實例隨動畫同時循環(huán)播放。播放一次：從指定幀開始播放動畫序列直到動畫結(jié)束，然后停止。在“第一幀”文本框輸入指定要開始的幀。單幀：只顯示動畫序列的一幀。在“第一幀”文本框輸入指定要顯示的幀。三個選項的作用如下：以上三項設(shè)置與舞臺時間軸長度會共同影響圖形元件動畫的播放。5.3設(shè)置圖形元件的循環(huán)方式5.4創(chuàng)建影片剪輯除了使用5.1節(jié)所述的兩種方法創(chuàng)建影片剪輯元件，還可以直接將舞臺上的一段動畫轉(zhuǎn)換為影片剪輯。這樣就可以重復(fù)使用這段動畫，也可以使它獲得影片剪輯實例的屬性，便于作為實例對它進(jìn)行操作。操作方法如下：（1）在時間軸上拖動鼠標(biāo)選擇要使用動畫的所有幀，右鍵單擊任何選定的幀，然后選擇“復(fù)制幀”，如右圖所示。如果將該動畫轉(zhuǎn)換為影片剪輯之后要把它刪除，可選擇“剪切幀”。（2）選擇菜單“插入→新建元件”。在打開的“創(chuàng)建新元件”對話框中為元件輸入名稱，選擇“類型”為“影片剪輯”，單擊“確定”打開元件編輯窗口。（3）在元件編輯窗口中，單擊時間軸第1層上的第1幀，然后選擇菜單“編輯→時間軸→粘貼幀”，效果如圖所示。此操作會把從主時間軸復(fù)制的幀（以及所有圖層和圖層名稱）都粘貼到該影片剪輯元件的時間軸上，被復(fù)制的幀中的所有動畫、按鈕或交互性也會被粘貼到元件中。5.4創(chuàng)建影片剪輯5.5按鈕結(jié)構(gòu)1.按鈕概述按鈕實際上是只包含四幀的交互式影片剪輯，它可以感知用戶的鼠標(biāo)動作，并觸發(fā)相應(yīng)的事件。按鈕的時間軸不會自動播放，只是對鼠標(biāo)指針運動和動作做出反應(yīng)，跳轉(zhuǎn)到相應(yīng)的幀?？梢詾榘粹o添加聲音、濾鏡和混合效果，也可以通過為按鈕實例添加動作腳本實現(xiàn)FLASH影片強大的交互功能。動作腳本只能添加到按鈕的實例，而不能添加到按鈕時間軸中的幀。2.按鈕的結(jié)構(gòu)按鈕元件的時間軸只包含4個幀（如圖所示），每個幀都有一個特定的功能。第一幀是彈起狀態(tài)，是指針沒有經(jīng)過按鈕時該按鈕的外觀。第二幀是指針經(jīng)過狀態(tài)，是指針滑過按鈕時該按鈕的外觀。第三幀是按下狀態(tài)，是單擊按鈕時該按鈕的外觀。第四幀是點擊狀態(tài)，用來定義該按鈕響應(yīng)鼠標(biāo)動作的區(qū)域。“點擊”幀在舞臺上是不可見的。5.5按鈕結(jié)構(gòu)3.創(chuàng)建按鈕（1）選擇菜單“插入→新建元件”，或按Ctrl+F8。（2）在“創(chuàng)建新元件”對話框中，輸入名稱，選擇“類型”為“按鈕”，單擊“確定”。FLASH會切換到按鈕元件編輯模式，時間軸的標(biāo)題變?yōu)轱@示四個標(biāo)簽的連續(xù)幀，四個標(biāo)簽分別為“彈起”、“指針經(jīng)過”、“按下”和“點擊”，第一幀（“彈起”）是空白關(guān)鍵幀，如圖所示。5.5按鈕結(jié)構(gòu)（3）創(chuàng)建彈起狀態(tài)的按鈕圖像。選擇“彈起”幀，然后可以在舞臺上使用繪畫工具繪制，也可以導(dǎo)入一幅圖形或者放置另一個元件的實例，如圖所示。（5）為“按下”幀和“點擊”幀重復(fù)步驟（4）?！包c擊”幀的圖形必須是一個實心區(qū)域，它的大小足以包含“彈起、按下、指針經(jīng)過”幀的所有圖形元素，它也可以比可見按鈕大。如果沒有指定“點擊”幀，“彈起”狀態(tài)的圖像會被用作“點擊”幀。5.5按鈕結(jié)構(gòu)（4）單擊“指針經(jīng)過”幀，然后插入關(guān)鍵幀或空白關(guān)鍵幀，創(chuàng)建指針經(jīng)過狀態(tài)的按鈕圖像。4.啟用和測試按鈕默認(rèn)情況下，創(chuàng)作環(huán)境中的FLASH按鈕處于禁用狀態(tài)。這時，單擊該按鈕就可以選擇它；當(dāng)處于啟用狀態(tài)時，它會響應(yīng)已指定的鼠標(biāo)事件，就如同SWF文件正在播放時一樣。（1）要啟用按鈕，可以選擇菜單“控制→啟用簡單按鈕”（再次選擇該命令可以禁用按鈕），然后在工作區(qū)中將指針滑過已啟用按鈕，就可以對它進(jìn)行測試（此種狀態(tài)下按鈕中的影片剪輯將不會播放）。（2）要測試按鈕，可以選擇菜單“控制→測試場景”或“控制→測試影片”，然后將指針滑過按鈕以對它進(jìn)行測試。5.5按鈕結(jié)構(gòu)5.6影片剪輯與圖形元件的關(guān)系1.二者的關(guān)系在Flash的元件中，圖形元件和影片剪輯元件都可以包含動畫片段，二者也可以相互嵌套、轉(zhuǎn)換類型和相互交換實例，但它們之間也存在很多的差別：（1）圖形元件不支持交互功能，也不能添加聲音、濾鏡和混合模式效果，而影片剪輯元件可以。（2）圖形元件沒有獨立的時間軸，它與主文檔共用時間軸，所以圖形元件在FLA文件中的尺寸也小于影片剪輯。（3）因為動畫圖形元件使用與主文檔相同的時間軸，所以在文檔編輯模式下可以預(yù)覽動畫；影片剪輯元件擁有自己獨立的時間軸，在舞臺上顯示為一個靜態(tài)對象，在文檔編輯模式下不能預(yù)覽動畫。（4）圖形元件的動畫播放效果會受到舞臺主時間軸長度的限制，而影片剪輯元件動畫卻不會。2.驗證方法可以通過以下的方法來驗證二者的區(qū)別：（1）在舞臺上同時放置一個影片剪輯動畫實例和一個圖形元件動畫實例。把圖形元件實例的“圖形選項”屬性設(shè)為“循環(huán)，1”。（2）選中圖形元件實例，查看“濾鏡”和“混合”選項，二者以灰色顯示，表示不可用。選中影片剪輯實例，將可以設(shè)置“濾鏡”和“混合”。（3）按下Enter鍵，二者在舞臺上均會保持靜止?fàn)顟B(tài)；按下Ctrl+Enter，在影片測試狀態(tài)下影片剪輯動畫可以播放，而圖形元件動畫仍保持靜止?fàn)顟B(tài)。（4）在主時間軸擴展幀，其它設(shè)置不變。按下Enter鍵，舞臺上圖形元件的動畫可以播放，而影片剪輯元件動畫會保持靜止；按下Ctrl+Enter，在影片測試狀態(tài)下二者的動畫都能播放。5.6影片剪輯與圖形元件的關(guān)系5.7影片剪輯嵌套1.對影片剪輯嵌套的理解對于影片剪輯的嵌套，一方面可以理解為是一種元件的包含關(guān)系。在影片剪輯中可以包含其它元件的實例。另一方面可以理解為是一種時間軸的包含關(guān)系。影片剪輯元件擁有自己的時間軸，它的時間軸嵌套在文檔的主時間軸內(nèi)，所以影片剪輯可以獨立地播放，同時又會受到上層時間軸影響。2.影片剪輯嵌套的結(jié)構(gòu)一個影片剪輯在其它影片剪輯中嵌套后，便會成為該影片剪輯的子級，而該影片剪輯則成為父級。嵌套的影片剪輯之間的關(guān)系是層次結(jié)構(gòu)關(guān)系:對父級所做的更改會影響子級。單擊菜單“窗口→影片瀏覽