第2章掌握圖層、元件與庫

1、第2章掌握圖層、元件與庫 第2章掌握圖層、元件與庫 使用濾鏡使用濾鏡 2.4 2.5 導(dǎo)入素材導(dǎo)入素材 2.6 第2章掌握圖層、元件與庫 課堂學(xué)習(xí)目標(biāo)課堂學(xué)習(xí)目標(biāo) 熟悉元件、實例和庫的基本概念熟悉元件、實例和庫的基本概念 掌握元件的創(chuàng)建掌握元件的創(chuàng)建 掌握實例的各種操作掌握實例的各種操作 掌握濾鏡的使用掌握濾鏡的使用 掌握庫面板的使用掌握庫面板的使用 掌握素材的導(dǎo)入掌握素材的導(dǎo)入 第2章掌握圖層、元件與庫 元件可以說是元件可以說是Flash當(dāng)中一個非常重當(dāng)中一個非常重 要的概念，是可重復(fù)使用的圖片、動畫要的概念，是可重復(fù)使用的圖片、動畫 或按鈕?；虬粹o。 如果把一部如果把一部Flash電影比作

2、是一座大電影比作是一座大 廈的話，那么元件就是構(gòu)成這座大廈的廈的話，那么元件就是構(gòu)成這座大廈的 一磚一瓦。一磚一瓦。 第2章掌握圖層、元件與庫 元件只需創(chuàng)建一次，就可以在整個元件只需創(chuàng)建一次，就可以在整個 文檔或其他文檔中重復(fù)使用。文檔或其他文檔中重復(fù)使用。 創(chuàng)建的任何元件都會自動成為當(dāng)前創(chuàng)建的任何元件都會自動成為當(dāng)前 文檔的庫的一部分，當(dāng)將元件從文檔的庫的一部分，當(dāng)將元件從“庫庫” 面板拖到當(dāng)前舞臺上時，舞臺上就增加面板拖到當(dāng)前舞臺上時，舞臺上就增加 了一個該元件的實例，如圖了一個該元件的實例，如圖2-1所示。所示。 第2章掌握圖層、元件與庫 圖圖2-1 2-1 元件、實例和庫元件、實例和庫

3、 第2章掌握圖層、元件與庫 Flash元件主要有三種類型：影片剪輯（元件主要有三種類型：影片剪輯（ MovieClip，簡稱，簡稱MC），按鈕（），按鈕（Button）和）和 圖形圖形(Graphic)。 如圖如圖2-2所示，在所示，在“庫庫”面板中顯示了不面板中顯示了不 同類型的元件。同類型的元件。 第2章掌握圖層、元件與庫 圖圖2-2 2-2 三種類型的元件三種類型的元件 第2章掌握圖層、元件與庫 影片剪輯（影片剪輯（MC）是指一段完整的）是指一段完整的 動畫，有著相對于主時間軸獨立的時間動畫，有著相對于主時間軸獨立的時間 軸和相對主坐標(biāo)系獨立的坐標(biāo)系，它可軸和相對主坐標(biāo)系獨立的坐標(biāo)系，它

4、可 以包含一切的素材在里面，這些素材可以包含一切的素材在里面，這些素材可 以是交互控制按鈕、聲音、圖形和其他以是交互控制按鈕、聲音、圖形和其他 影片剪輯等。影片剪輯等。 第2章掌握圖層、元件與庫 用戶可以為用戶可以為MC添加添加AS腳本來實現(xiàn)腳本來實現(xiàn) 交互或制作一些特殊效果。交互或制作一些特殊效果。 有時候為了實現(xiàn)交互、添加濾鏡或有時候為了實現(xiàn)交互、添加濾鏡或 設(shè)置混合模式，單獨的圖像也可以定義設(shè)置混合模式，單獨的圖像也可以定義 為為MC。 MC都是自動循環(huán)播放的，除非用都是自動循環(huán)播放的，除非用 AS腳本控制它，如圖腳本控制它，如圖2-3所示。所示。 第2章掌握圖層、元件與庫 圖圖2-3

5、2-3 影片剪輯影片剪輯 第2章掌握圖層、元件與庫 按鈕的作用非常簡單，主要用于實按鈕的作用非常簡單，主要用于實 現(xiàn)交互，有時也用來制造些特殊效果?，F(xiàn)交互，有時也用來制造些特殊效果。 按鈕共有四種狀態(tài)：彈起、指針經(jīng)按鈕共有四種狀態(tài)：彈起、指針經(jīng) 過、按下和點擊，如圖過、按下和點擊，如圖2-4所示。所示。 第2章掌握圖層、元件與庫 圖圖2-4 2-4 按鈕按鈕 第2章掌握圖層、元件與庫 圖形和影片剪輯類似，可以作為一圖形和影片剪輯類似，可以作為一 段動畫。段動畫。 它擁有自己的時間軸，也可以加入它擁有自己的時間軸，也可以加入 其他的元件和素材，但是圖形元件不具其他的元件和素材，但是圖形元件不具

6、有交互性，也不能添加濾鏡和聲音，如有交互性，也不能添加濾鏡和聲音，如 圖圖2-5所示。所示。 第2章掌握圖層、元件與庫 圖圖2-5 2-5 圖形圖形 第2章掌握圖層、元件與庫 創(chuàng)建元件，實際上就是利用元件自創(chuàng)建元件，實際上就是利用元件自 身的時間軸進(jìn)行動畫創(chuàng)作的過程。身的時間軸進(jìn)行動畫創(chuàng)作的過程。 創(chuàng)建元件一般有以下三種方法。創(chuàng)建元件一般有以下三種方法。 （1）創(chuàng)建一個空元件，然后在元件編輯窗）創(chuàng)建一個空元件，然后在元件編輯窗 口中制作或?qū)雰?nèi)容?？谥兄谱骰?qū)雰?nèi)容。 （2）通過舞臺上選定的對象來創(chuàng)建一個元）通過舞臺上選定的對象來創(chuàng)建一個元 件。件。 （3）將已有的動畫轉(zhuǎn)換成元件。）將已有的動

7、畫轉(zhuǎn)換成元件。 第2章掌握圖層、元件與庫 當(dāng)我們將元件從當(dāng)我們將元件從“庫庫”中拖入舞臺時，中拖入舞臺時， 舞臺上就增加了一個該元件的實例。舞臺上就增加了一個該元件的實例。 創(chuàng)建元件之后，我們可以在文檔中任何創(chuàng)建元件之后，我們可以在文檔中任何 需要的地方（包括在其他元件內(nèi)）創(chuàng)建該元需要的地方（包括在其他元件內(nèi)）創(chuàng)建該元 件的實例。件的實例。 第2章掌握圖層、元件與庫 圖形元件一般是靜態(tài)的圖片或者是圖形元件一般是靜態(tài)的圖片或者是 和影片的主時間軸同步的動畫。和影片的主時間軸同步的動畫。 圖形元件實例的圖形元件實例的【屬性屬性】面板如圖面板如圖 2-21所示，在該面板中可以調(diào)整實例的所示，在該面板

8、中可以調(diào)整實例的 大小、位置和顏色等。大小、位置和顏色等。 第2章掌握圖層、元件與庫 圖圖2-21 2-21 圖形元件實例的圖形元件實例的“屬性屬性”面板面板 第2章掌握圖層、元件與庫 影片剪輯擁有自己獨立的時間軸。影片剪輯擁有自己獨立的時間軸。 它的播放與主時間軸沒有直接關(guān)系。它的播放與主時間軸沒有直接關(guān)系。 MC元件實例的元件實例的“屬性屬性”面板如圖面板如圖2-24 所示。所示。 第2章掌握圖層、元件與庫 圖圖2-24 MC2-24 MC元件實例的元件實例的“屬性屬性”面板面板 第2章掌握圖層、元件與庫 在在Flash中，影片剪輯也是一種類型中，影片剪輯也是一種類型 的對象，我們可以在的

9、對象，我們可以在“實例名稱實例名稱”文本文本 框中為影片剪輯命名，還可以和圖形元框中為影片剪輯命名，還可以和圖形元 件的實例一樣調(diào)整實例的大小、位置和件的實例一樣調(diào)整實例的大小、位置和 色彩效果等。色彩效果等。 第2章掌握圖層、元件與庫 另外，和圖形實例不同的是，影片另外，和圖形實例不同的是，影片 剪輯實例可以添加濾鏡，可以對鼠標(biāo)事剪輯實例可以添加濾鏡，可以對鼠標(biāo)事 件進(jìn)行響應(yīng)，具有交互功能。件進(jìn)行響應(yīng)，具有交互功能。 第2章掌握圖層、元件與庫 按鈕實際上是一個按鈕實際上是一個4幀的影片剪輯，幀的影片剪輯， 它可以感知用戶的鼠標(biāo)動作，并觸發(fā)相它可以感知用戶的鼠標(biāo)動作，并觸發(fā)相 應(yīng)的事件。應(yīng)的事

10、件。 按鈕實例的按鈕實例的“屬性屬性”面板如圖面板如圖2-25所所 示。示。 第2章掌握圖層、元件與庫 圖圖2-25 2-25 按鈕實例的按鈕實例的“屬性屬性”面板面板 第2章掌握圖層、元件與庫 按鈕元件實例和影片剪輯實例類似，可按鈕元件實例和影片剪輯實例類似，可 以對它命名，添加濾鏡和設(shè)置混合模式，使以對它命名，添加濾鏡和設(shè)置混合模式，使 用運行時位圖緩存，也可以對鼠標(biāo)事件進(jìn)行用運行時位圖緩存，也可以對鼠標(biāo)事件進(jìn)行 響應(yīng)，具有交互功能。響應(yīng)，具有交互功能。 第2章掌握圖層、元件與庫 每個元件實例都有獨立于該元件的每個元件實例都有獨立于該元件的 自己的屬性。自己的屬性。 我們可以更改實例的色調(diào)

11、、透明度我們可以更改實例的色調(diào)、透明度 和亮度；重新定義實例的類型（例如，和亮度；重新定義實例的類型（例如， 把圖形更改為影片剪輯）；并可以設(shè)置把圖形更改為影片剪輯）；并可以設(shè)置 動畫在圖形實例內(nèi)的播放形式。動畫在圖形實例內(nèi)的播放形式。 第2章掌握圖層、元件與庫 也可以傾斜、旋轉(zhuǎn)或縮放實例，給也可以傾斜、旋轉(zhuǎn)或縮放實例，給 實例添加濾鏡和設(shè)置混合模式，這并不實例添加濾鏡和設(shè)置混合模式，這并不 會影響元件本身。會影響元件本身。 第2章掌握圖層、元件與庫 1.改變實例的類型改變實例的類型 2.改變實例的顏色效果改變實例的顏色效果 3.交換實例交換實例 4.分離實例分離實例 第2章掌握圖層、元件與庫

12、 使用混合模式，可以創(chuàng)建復(fù)合圖像。使用混合模式，可以創(chuàng)建復(fù)合圖像。 復(fù)合是改變兩個或兩個以上重疊對象復(fù)合是改變兩個或兩個以上重疊對象 的透明度或者顏色相互關(guān)系的過程。的透明度或者顏色相互關(guān)系的過程。 使用混合，可以混合重疊影片剪輯中使用混合，可以混合重疊影片剪輯中 的顏色，從而創(chuàng)造獨特的效果。的顏色，從而創(chuàng)造獨特的效果。 第2章掌握圖層、元件與庫 在在Flash CS3 Professional中，我們可中，我們可 以為影片剪輯、按鈕和文本添加濾鏡，以以為影片剪輯、按鈕和文本添加濾鏡，以 實現(xiàn)某些特殊效果。實現(xiàn)某些特殊效果。 濾鏡是一種對對象的像素進(jìn)行處理以濾鏡是一種對對象的像素進(jìn)行處理以 生

13、成特定效果的方法。生成特定效果的方法。 使用濾鏡可以讓我們制作出許多意想使用濾鏡可以讓我們制作出許多意想 不到的效果。不到的效果。 第2章掌握圖層、元件與庫 例如，我們可以對對象應(yīng)用模糊濾例如，我們可以對對象應(yīng)用模糊濾 鏡，使對象的邊緣顯得更柔和；或者對鏡，使對象的邊緣顯得更柔和；或者對 對象應(yīng)用投影濾鏡，使對象產(chǎn)生立體效對象應(yīng)用投影濾鏡，使對象產(chǎn)生立體效 果。果。 需要注意的是，濾鏡只能應(yīng)用于文需要注意的是，濾鏡只能應(yīng)用于文 本、影片剪輯和按鈕。本、影片剪輯和按鈕。 第2章掌握圖層、元件與庫 為對象添加濾鏡主要是通為對象添加濾鏡主要是通【濾鏡濾鏡】 面板進(jìn)行設(shè)置的。面板進(jìn)行設(shè)置的。 【濾鏡濾

14、鏡】面板是管理面板是管理Flash濾鏡的主濾鏡的主 要工具，我們可以在這里增加、刪除、要工具，我們可以在這里增加、刪除、 復(fù)制、粘貼、啟用和禁用濾鏡，并且可復(fù)制、粘貼、啟用和禁用濾鏡，并且可 以指定濾鏡的某些參數(shù)選項。以指定濾鏡的某些參數(shù)選項。 第2章掌握圖層、元件與庫 在在【屬性屬性】面板中單擊面板中單擊【濾鏡濾鏡】選項選項 卡，即可打開卡，即可打開【濾鏡濾鏡】面板，如圖面板，如圖2-42所所 示。示。 如果如果【屬性屬性】面板沒有顯示，可以執(zhí)面板沒有顯示，可以執(zhí) 行菜單行菜單【窗口窗口】【屬性屬性】【濾鏡濾鏡】命命 令，打開令，打開【濾鏡濾鏡】面板。面板。 第2章掌握圖層、元件與庫 圖圖2

15、-42 2-42 【濾鏡濾鏡】面板面板 第2章掌握圖層、元件與庫 在在【濾鏡濾鏡】面板中，單擊添加濾鏡面板中，單擊添加濾鏡 按鈕可以顯示按鈕可以顯示“添加濾鏡添加濾鏡”菜單，其中包菜單，其中包 括投影、模糊、發(fā)光、斜角、漸變發(fā)光、括投影、模糊、發(fā)光、斜角、漸變發(fā)光、 漸變斜角和調(diào)整顏色等，如圖漸變斜角和調(diào)整顏色等，如圖2-43所示。所示。 第2章掌握圖層、元件與庫 圖圖2-43 2-43 “添加濾鏡添加濾鏡”菜單菜單 第2章掌握圖層、元件與庫 使用使用【濾鏡濾鏡】面板，可以對選定的對象面板，可以對選定的對象 應(yīng)用一個或多個濾鏡。應(yīng)用一個或多個濾鏡。 對象每添加一個新的濾鏡，在對象每添加一個新的

16、濾鏡，在【濾鏡濾鏡】 面板中，就會將其添加到該對象所應(yīng)用的濾面板中，就會將其添加到該對象所應(yīng)用的濾 鏡列表中。鏡列表中。 我們可以對一個對象應(yīng)用多個濾鏡，也我們可以對一個對象應(yīng)用多個濾鏡，也 可以刪除以前應(yīng)用的濾鏡?？梢詣h除以前應(yīng)用的濾鏡。 第2章掌握圖層、元件與庫 在舞臺上選擇對象，即可以查看應(yīng)在舞臺上選擇對象，即可以查看應(yīng) 用于該對象的所有濾鏡；在應(yīng)用于該對用于該對象的所有濾鏡；在應(yīng)用于該對 象的濾鏡列表中，選擇要刪除的濾鏡，象的濾鏡列表中，選擇要刪除的濾鏡， 單擊刪除濾鏡單擊刪除濾鏡 按鈕，即可刪除該濾按鈕，即可刪除該濾 鏡。鏡。 第2章掌握圖層、元件與庫 有時候我們需要將應(yīng)用于某個對象

17、有時候我們需要將應(yīng)用于某個對象 的濾鏡，再次應(yīng)用于另一個對象，這時的濾鏡，再次應(yīng)用于另一個對象，這時 只需要復(fù)制、粘貼該濾鏡即可，而不必只需要復(fù)制、粘貼該濾鏡即可，而不必 再重新添加一次了。再重新添加一次了。 第2章掌握圖層、元件與庫 在舞臺上選擇對象，在該對象應(yīng)用在舞臺上選擇對象，在該對象應(yīng)用 的濾鏡列表中，單擊濾鏡名稱旁的啟用的濾鏡列表中，單擊濾鏡名稱旁的啟用 或禁用或禁用 圖標(biāo)，即可禁用或啟用該圖標(biāo)，即可禁用或啟用該 濾鏡。濾鏡。 第2章掌握圖層、元件與庫 前面已經(jīng)講到，用戶創(chuàng)建的任何元前面已經(jīng)講到，用戶創(chuàng)建的任何元 件都會自動成為當(dāng)前文檔庫的一部分。件都會自動成為當(dāng)前文檔庫的一部分。

18、那么庫到底有什么作用呢？那么庫到底有什么作用呢？ 其實庫是用來存儲和管理導(dǎo)入的文其實庫是用來存儲和管理導(dǎo)入的文 件（如視頻剪輯、聲音剪輯、位圖）、件（如視頻剪輯、聲音剪輯、位圖）、 矢量插圖以及用戶創(chuàng)建的元件。矢量插圖以及用戶創(chuàng)建的元件。 第2章掌握圖層、元件與庫 庫就像一座庫就像一座“零件倉庫零件倉庫”，導(dǎo)入的，導(dǎo)入的 各種文件和創(chuàng)建的元件就像存放在各種文件和創(chuàng)建的元件就像存放在“倉倉 庫庫”中的中的“零件零件”。 合成動畫時，我們只需要把這些元合成動畫時，我們只需要把這些元 件從庫中拿出來，件從庫中拿出來，“裝配裝配”到動畫中就到動畫中就 可以了?？梢粤?。 第2章掌握圖層、元件與庫 要在文

19、檔中顯示要在文檔中顯示“庫庫”面板，只需面板，只需 按下按下“Ctrl+L”快捷鍵即可?？旖萱I即可。 打開的打開的“庫庫”面板如圖面板如圖2-65所示。所示。 “庫庫”面板包括標(biāo)題欄、預(yù)覽窗口、面板包括標(biāo)題欄、預(yù)覽窗口、 文件列表及庫文件管理工具等。文件列表及庫文件管理工具等。 第2章掌握圖層、元件與庫 圖圖2-65 2-65 “庫庫”面板詳細(xì)說明面板詳細(xì)說明 第2章掌握圖層、元件與庫 1使用文件夾使用文件夾 2重命名重命名 3復(fù)制元件復(fù)制元件 第2章掌握圖層、元件與庫 在制作在制作Flash動畫的過程中，若想使用已動畫的過程中，若想使用已 制作的動畫中的元件，或是別人制作的動畫中的元件，或是