掌握?qǐng)D層、元件與庫(kù)課件

1、掌握?qǐng)D層、元件與庫(kù) 認(rèn)識(shí)元件認(rèn)識(shí)元件 2.1創(chuàng)建元件創(chuàng)建元件 2.2元件與實(shí)例元件與實(shí)例 2.3掌握?qǐng)D層、元件與庫(kù)使用濾鏡使用濾鏡 2.4關(guān)于庫(kù)關(guān)于庫(kù) 2.5導(dǎo)入素材導(dǎo)入素材 2.6掌握?qǐng)D層、元件與庫(kù)課堂學(xué)習(xí)目標(biāo)課堂學(xué)習(xí)目標(biāo)熟悉元件、實(shí)例和庫(kù)的基本概念熟悉元件、實(shí)例和庫(kù)的基本概念掌握元件的創(chuàng)建掌握元件的創(chuàng)建掌握實(shí)例的各種操作掌握實(shí)例的各種操作掌握濾鏡的使用掌握濾鏡的使用掌握庫(kù)面板的使用掌握庫(kù)面板的使用掌握素材的導(dǎo)入掌握素材的導(dǎo)入掌握?qǐng)D層、元件與庫(kù) 元件可以說是元件可以說是Flash當(dāng)中一個(gè)非常重當(dāng)中一個(gè)非常重要的概念，是可重復(fù)使用的圖片、動(dòng)畫要的概念，是可重復(fù)使用的圖片、動(dòng)畫或按鈕。或按鈕。

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

3、實(shí)例和庫(kù) 掌握?qǐng)D層、元件與庫(kù) Flash元件主要有三種類型：影片剪輯（元件主要有三種類型：影片剪輯（MovieClip，簡(jiǎn)稱，簡(jiǎn)稱MC），按鈕（），按鈕（Button）和）和圖形圖形(Graphic)。 如圖如圖2-2所示，在所示，在“庫(kù)庫(kù)”面板中顯示了不面板中顯示了不同類型的元件。同類型的元件。掌握?qǐng)D層、元件與庫(kù)圖圖2-2 2-2 三種類型的元件三種類型的元件 掌握?qǐng)D層、元件與庫(kù) 影片剪輯（影片剪輯（MC）是指一段完整的）是指一段完整的動(dòng)畫，有著相對(duì)于主時(shí)間軸獨(dú)立的時(shí)間動(dòng)畫，有著相對(duì)于主時(shí)間軸獨(dú)立的時(shí)間軸和相對(duì)主坐標(biāo)系獨(dú)立的坐標(biāo)系，它可軸和相對(duì)主坐標(biāo)系獨(dú)立的坐標(biāo)系，它可以包含一切的素材在里面

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

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

6、。掌握?qǐng)D層、元件與庫(kù) 圖圖2-5 2-5 圖形圖形 掌握?qǐng)D層、元件與庫(kù) 創(chuàng)建元件，實(shí)際上就是利用元件自創(chuàng)建元件，實(shí)際上就是利用元件自身的時(shí)間軸進(jìn)行動(dòng)畫創(chuàng)作的過程。身的時(shí)間軸進(jìn)行動(dòng)畫創(chuàng)作的過程。 創(chuàng)建元件一般有以下三種方法。創(chuàng)建元件一般有以下三種方法。（1）創(chuàng)建一個(gè)空元件，然后在元件編輯窗）創(chuàng)建一個(gè)空元件，然后在元件編輯窗口中制作或?qū)雰?nèi)容。口中制作或?qū)雰?nèi)容。（2）通過舞臺(tái)上選定的對(duì)象來創(chuàng)建一個(gè)元）通過舞臺(tái)上選定的對(duì)象來創(chuàng)建一個(gè)元件。件。（3）將已有的動(dòng)畫轉(zhuǎn)換成元件。）將已有的動(dòng)畫轉(zhuǎn)換成元件。掌握?qǐng)D層、元件與庫(kù) 當(dāng)我們將元件從當(dāng)我們將元件從“庫(kù)庫(kù)”中拖入舞臺(tái)時(shí)，中拖入舞臺(tái)時(shí)，舞臺(tái)上就增加了一個(gè)

7、該元件的實(shí)例。舞臺(tái)上就增加了一個(gè)該元件的實(shí)例。 創(chuàng)建元件之后，我們可以在文檔中任何創(chuàng)建元件之后，我們可以在文檔中任何需要的地方（包括在其他元件內(nèi)）創(chuàng)建該元需要的地方（包括在其他元件內(nèi)）創(chuàng)建該元件的實(shí)例。件的實(shí)例。掌握?qǐng)D層、元件與庫(kù) 圖形元件一般是靜態(tài)的圖片或者是圖形元件一般是靜態(tài)的圖片或者是和影片的主時(shí)間軸同步的動(dòng)畫。和影片的主時(shí)間軸同步的動(dòng)畫。 圖形元件實(shí)例的圖形元件實(shí)例的【屬性屬性】面板如圖面板如圖 2-21所示，在該面板中可以調(diào)整實(shí)例的所示，在該面板中可以調(diào)整實(shí)例的大小、位置和顏色等。大小、位置和顏色等。掌握?qǐng)D層、元件與庫(kù)圖圖2-21 2-21 圖形元件實(shí)例的圖形元件實(shí)例的“屬性屬性”面

8、板面板掌握?qǐng)D層、元件與庫(kù) 影片剪輯擁有自己獨(dú)立的時(shí)間軸。影片剪輯擁有自己獨(dú)立的時(shí)間軸。 它的播放與主時(shí)間軸沒有直接關(guān)系。它的播放與主時(shí)間軸沒有直接關(guān)系。 MC元件實(shí)例的元件實(shí)例的“屬性屬性”面板如圖面板如圖2-24所示。所示。掌握?qǐng)D層、元件與庫(kù)圖圖2-24 MC2-24 MC元件實(shí)例的元件實(shí)例的“屬性屬性”面板面板 掌握?qǐng)D層、元件與庫(kù) 在在Flash中，影片剪輯也是一種類型中，影片剪輯也是一種類型的對(duì)象，我們可以在的對(duì)象，我們可以在“實(shí)例名稱實(shí)例名稱”文本文本框中為影片剪輯命名，還可以和圖形元框中為影片剪輯命名，還可以和圖形元件的實(shí)例一樣調(diào)整實(shí)例的大小、位置和件的實(shí)例一樣調(diào)整實(shí)例的大小、位置和

9、色彩效果等。色彩效果等。掌握?qǐng)D層、元件與庫(kù) 另外，和圖形實(shí)例不同的是，影片另外，和圖形實(shí)例不同的是，影片剪輯實(shí)例可以添加濾鏡，可以對(duì)鼠標(biāo)事剪輯實(shí)例可以添加濾鏡，可以對(duì)鼠標(biāo)事件進(jìn)行響應(yīng)，具有交互功能。件進(jìn)行響應(yīng)，具有交互功能。掌握?qǐng)D層、元件與庫(kù) 按鈕實(shí)際上是一個(gè)按鈕實(shí)際上是一個(gè)4幀的影片剪輯，幀的影片剪輯，它可以感知用戶的鼠標(biāo)動(dòng)作，并觸發(fā)相它可以感知用戶的鼠標(biāo)動(dòng)作，并觸發(fā)相應(yīng)的事件。應(yīng)的事件。 按鈕實(shí)例的按鈕實(shí)例的“屬性屬性”面板如圖面板如圖2-25所所示。示。掌握?qǐng)D層、元件與庫(kù)圖圖2-25 2-25 按鈕實(shí)例的按鈕實(shí)例的“屬性屬性”面板面板 掌握?qǐng)D層、元件與庫(kù) 按鈕元件實(shí)例和影片剪輯實(shí)例類似，

10、可按鈕元件實(shí)例和影片剪輯實(shí)例類似，可以對(duì)它命名，添加濾鏡和設(shè)置混合模式，使以對(duì)它命名，添加濾鏡和設(shè)置混合模式，使用運(yùn)行時(shí)位圖緩存，也可以對(duì)鼠標(biāo)事件進(jìn)行用運(yùn)行時(shí)位圖緩存，也可以對(duì)鼠標(biāo)事件進(jìn)行響應(yīng)，具有交互功能。響應(yīng)，具有交互功能。掌握?qǐng)D層、元件與庫(kù) 每個(gè)元件實(shí)例都有獨(dú)立于該元件的每個(gè)元件實(shí)例都有獨(dú)立于該元件的自己的屬性。自己的屬性。 我們可以更改實(shí)例的色調(diào)、透明度我們可以更改實(shí)例的色調(diào)、透明度和亮度；重新定義實(shí)例的類型（例如，和亮度；重新定義實(shí)例的類型（例如，把圖形更改為影片剪輯）；并可以設(shè)置把圖形更改為影片剪輯）；并可以設(shè)置動(dòng)畫在圖形實(shí)例內(nèi)的播放形式。動(dòng)畫在圖形實(shí)例內(nèi)的播放形式。掌握?qǐng)D層、元件

11、與庫(kù) 也可以傾斜、旋轉(zhuǎn)或縮放實(shí)例，給也可以傾斜、旋轉(zhuǎn)或縮放實(shí)例，給實(shí)例添加濾鏡和設(shè)置混合模式，這并不實(shí)例添加濾鏡和設(shè)置混合模式，這并不會(huì)影響元件本身。會(huì)影響元件本身。掌握?qǐng)D層、元件與庫(kù)1.改變實(shí)例的類型改變實(shí)例的類型2.改變實(shí)例的顏色效果改變實(shí)例的顏色效果3.交換實(shí)例交換實(shí)例4.分離實(shí)例分離實(shí)例掌握?qǐng)D層、元件與庫(kù) 使用混合模式，可以創(chuàng)建復(fù)合圖像。使用混合模式，可以創(chuàng)建復(fù)合圖像。 復(fù)合是改變兩個(gè)或兩個(gè)以上重疊對(duì)象復(fù)合是改變兩個(gè)或兩個(gè)以上重疊對(duì)象的透明度或者顏色相互關(guān)系的過程。的透明度或者顏色相互關(guān)系的過程。 使用混合，可以混合重疊影片剪輯中使用混合，可以混合重疊影片剪輯中的顏色，從而創(chuàng)造獨(dú)特的效

12、果。的顏色，從而創(chuàng)造獨(dú)特的效果。掌握?qǐng)D層、元件與庫(kù) 在在Flash CS3 Professional中，我們可中，我們可以為影片剪輯、按鈕和文本添加濾鏡，以以為影片剪輯、按鈕和文本添加濾鏡，以實(shí)現(xiàn)某些特殊效果。實(shí)現(xiàn)某些特殊效果。 濾鏡是一種對(duì)對(duì)象的像素進(jìn)行處理以濾鏡是一種對(duì)對(duì)象的像素進(jìn)行處理以生成特定效果的方法。生成特定效果的方法。 使用濾鏡可以讓我們制作出許多意想使用濾鏡可以讓我們制作出許多意想不到的效果。不到的效果。掌握?qǐng)D層、元件與庫(kù) 例如，我們可以對(duì)對(duì)象應(yīng)用模糊濾例如，我們可以對(duì)對(duì)象應(yīng)用模糊濾鏡，使對(duì)象的邊緣顯得更柔和；或者對(duì)鏡，使對(duì)象的邊緣顯得更柔和；或者對(duì)對(duì)象應(yīng)用投影濾鏡，使對(duì)象產(chǎn)生

13、立體效對(duì)象應(yīng)用投影濾鏡，使對(duì)象產(chǎn)生立體效果。果。 需要注意的是，濾鏡只能應(yīng)用于文需要注意的是，濾鏡只能應(yīng)用于文本、影片剪輯和按鈕。本、影片剪輯和按鈕。掌握?qǐng)D層、元件與庫(kù) 為對(duì)象添加濾鏡主要是通為對(duì)象添加濾鏡主要是通【濾鏡濾鏡】面板進(jìn)行設(shè)置的。面板進(jìn)行設(shè)置的。 【濾鏡濾鏡】面板是管理面板是管理Flash濾鏡的主濾鏡的主要工具，我們可以在這里增加、刪除、要工具，我們可以在這里增加、刪除、復(fù)制、粘貼、啟用和禁用濾鏡，并且可復(fù)制、粘貼、啟用和禁用濾鏡，并且可以指定濾鏡的某些參數(shù)選項(xiàng)。以指定濾鏡的某些參數(shù)選項(xiàng)。掌握?qǐng)D層、元件與庫(kù) 在在【屬性屬性】面板中單擊面板中單擊【濾鏡濾鏡】選項(xiàng)選項(xiàng)卡，即可打開卡，即

14、可打開【濾鏡濾鏡】面板，如圖面板，如圖2-42所所 示。示。 如果如果【屬性屬性】面板沒有顯示，可以執(zhí)面板沒有顯示，可以執(zhí)行菜單行菜單【窗口窗口】【屬性屬性】【濾鏡濾鏡】命命令，打開令，打開【濾鏡濾鏡】面板。面板。掌握?qǐng)D層、元件與庫(kù)圖圖2-42 2-42 【濾鏡濾鏡】面板面板 掌握?qǐng)D層、元件與庫(kù) 在在【濾鏡濾鏡】面板中，單擊添加濾鏡面板中，單擊添加濾鏡 按鈕可以顯示按鈕可以顯示“添加濾鏡添加濾鏡”菜單，其中包菜單，其中包括投影、模糊、發(fā)光、斜角、漸變發(fā)光、括投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色等，如圖漸變斜角和調(diào)整顏色等，如圖2-43所示。所示。掌握?qǐng)D層、元件與庫(kù)圖圖2-43

15、“2-43 “添加濾鏡添加濾鏡”菜單菜單 掌握?qǐng)D層、元件與庫(kù) 使用使用【濾鏡濾鏡】面板，可以對(duì)選定的對(duì)象面板，可以對(duì)選定的對(duì)象應(yīng)用一個(gè)或多個(gè)濾鏡。應(yīng)用一個(gè)或多個(gè)濾鏡。 對(duì)象每添加一個(gè)新的濾鏡，在對(duì)象每添加一個(gè)新的濾鏡，在【濾鏡濾鏡】面板中，就會(huì)將其添加到該對(duì)象所應(yīng)用的濾面板中，就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中。鏡列表中。 我們可以對(duì)一個(gè)對(duì)象應(yīng)用多個(gè)濾鏡，也我們可以對(duì)一個(gè)對(duì)象應(yīng)用多個(gè)濾鏡，也可以刪除以前應(yīng)用的濾鏡。可以刪除以前應(yīng)用的濾鏡。掌握?qǐng)D層、元件與庫(kù) 在舞臺(tái)上選擇對(duì)象，即可以查看應(yīng)在舞臺(tái)上選擇對(duì)象，即可以查看應(yīng)用于該對(duì)象的所有濾鏡；在應(yīng)用于該對(duì)用于該對(duì)象的所有濾鏡；在應(yīng)用于該對(duì)象的濾

16、鏡列表中，選擇要?jiǎng)h除的濾鏡，象的濾鏡列表中，選擇要?jiǎng)h除的濾鏡，單擊刪除濾鏡單擊刪除濾鏡 按鈕，即可刪除該濾按鈕，即可刪除該濾鏡。鏡。掌握?qǐng)D層、元件與庫(kù) 有時(shí)候我們需要將應(yīng)用于某個(gè)對(duì)象有時(shí)候我們需要將應(yīng)用于某個(gè)對(duì)象的濾鏡，再次應(yīng)用于另一個(gè)對(duì)象，這時(shí)的濾鏡，再次應(yīng)用于另一個(gè)對(duì)象，這時(shí)只需要復(fù)制、粘貼該濾鏡即可，而不必只需要復(fù)制、粘貼該濾鏡即可，而不必再重新添加一次了。再重新添加一次了。掌握?qǐng)D層、元件與庫(kù) 在舞臺(tái)上選擇對(duì)象，在該對(duì)象應(yīng)用在舞臺(tái)上選擇對(duì)象，在該對(duì)象應(yīng)用的濾鏡列表中，單擊濾鏡名稱旁的啟用的濾鏡列表中，單擊濾鏡名稱旁的啟用 或禁用或禁用 圖標(biāo)，即可禁用或啟用該圖標(biāo)，即可禁用或啟用該濾鏡。濾

17、鏡。掌握?qǐng)D層、元件與庫(kù) 前面已經(jīng)講到，用戶創(chuàng)建的任何元前面已經(jīng)講到，用戶創(chuàng)建的任何元件都會(huì)自動(dòng)成為當(dāng)前文檔庫(kù)的一部分。件都會(huì)自動(dòng)成為當(dāng)前文檔庫(kù)的一部分。 那么庫(kù)到底有什么作用呢？那么庫(kù)到底有什么作用呢？ 其實(shí)庫(kù)是用來存儲(chǔ)和管理導(dǎo)入的文其實(shí)庫(kù)是用來存儲(chǔ)和管理導(dǎo)入的文件（如視頻剪輯、聲音剪輯、位圖）、件（如視頻剪輯、聲音剪輯、位圖）、矢量插圖以及用戶創(chuàng)建的元件。矢量插圖以及用戶創(chuàng)建的元件。掌握?qǐng)D層、元件與庫(kù) 庫(kù)就像一座庫(kù)就像一座“零件倉(cāng)庫(kù)零件倉(cāng)庫(kù)”，導(dǎo)入的，導(dǎo)入的各種文件和創(chuàng)建的元件就像存放在各種文件和創(chuàng)建的元件就像存放在“倉(cāng)倉(cāng)庫(kù)庫(kù)”中的中的“零件零件”。 合成動(dòng)畫時(shí)，我們只需要把這些元合成動(dòng)畫時(shí)

18、，我們只需要把這些元件從庫(kù)中拿出來，件從庫(kù)中拿出來，“裝配裝配”到動(dòng)畫中就到動(dòng)畫中就可以了?？梢粤?。掌握?qǐng)D層、元件與庫(kù) 要在文檔中顯示要在文檔中顯示“庫(kù)庫(kù)”面板，只需面板，只需按下按下“Ctrl+L”快捷鍵即可?？旖萱I即可。 打開的打開的“庫(kù)庫(kù)”面板如圖面板如圖2-65所示。所示。 “庫(kù)庫(kù)”面板包括標(biāo)題欄、預(yù)覽窗口、面板包括標(biāo)題欄、預(yù)覽窗口、文件列表及庫(kù)文件管理工具等。文件列表及庫(kù)文件管理工具等。掌握?qǐng)D層、元件與庫(kù)圖圖2-65 “2-65 “庫(kù)庫(kù)”面板詳細(xì)說明面板詳細(xì)說明 掌握?qǐng)D層、元件與庫(kù)1使用文件夾使用文件夾2重命名重命名3復(fù)制元件復(fù)制元件掌握?qǐng)D層、元件與庫(kù) 在制作在制作Flash動(dòng)畫的過程中，若想使用已動(dòng)畫的過程中，若想使用已制作的動(dòng)畫中的元件，或是別人制作的動(dòng)畫中的元件，或是別人Flash動(dòng)畫中動(dòng)畫中的一些元件，可以直接使用菜單命令打開外的一些元件，可以直接使用菜單命令打開外部庫(kù)。部庫(kù)。掌握?qǐng)D層、元件與庫(kù) 在動(dòng)畫設(shè)計(jì)過程中，可以合理利用不在動(dòng)畫設(shè)計(jì)過程中，可以合理利用不同軟件的優(yōu)勢(shì)，制作出各具特色的素材，同軟件的優(yōu)勢(shì)，制作出各具特色的素材，然后將它們?nèi)?/p>