1、鳥打印本頁第五講元件和實(shí)例隨著動(dòng)畫復(fù)雜度的提高，必然會(huì)出現(xiàn)兩種情況：首先是有些元素會(huì)重復(fù)使用；其次是有些對(duì)象會(huì)要求有特殊的同步行為和交互行為。這時(shí)，就需要用到Flash中的元件，并通過元件來創(chuàng)建實(shí)例。5.1元件與實(shí)例學(xué)習(xí)目標(biāo)本節(jié)學(xué)習(xí)的概念比較多。"元件"（symbol）,又稱符號(hào)，是一種比較獨(dú)特的、可重復(fù)使用的對(duì)象。以元件為樣本，創(chuàng)建出來的對(duì)象叫做”實(shí)例”。元件的引入使得動(dòng)畫的制作更為簡(jiǎn)單，動(dòng)畫文檔的大小明顯減小，播放速度也顯著提高。而庫面板則是管理元件的主要工具，每個(gè)動(dòng)畫文檔都有自己庫，存放著各自的元件，就像每個(gè)工廠將材料存放在自己的倉庫中一樣。5.1.1元件的分類在Fl

2、ash中，元件包括圖形、按鈕、影片剪輯三類。每個(gè)元件都有一個(gè)唯一的時(shí)間軸和舞臺(tái)。創(chuàng)建元件時(shí)要選擇元件類型，這取決于元件在文檔中的工作方式。三類元件的介紹如下：1. 圖形元件可用于靜態(tài)圖像，并可用來創(chuàng)建連接到主時(shí)間軸的可重用動(dòng)畫片段。圖形元件與主時(shí)間軸同步運(yùn)行。交互式控件和聲音在圖形元件的動(dòng)畫序列中不起作用。2. 按鈕元件可以創(chuàng)建響應(yīng)鼠標(biāo)點(diǎn)擊、滑過或其它動(dòng)作的交互式按鈕?？梢远x與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，然后將動(dòng)作指定給按鈕實(shí)例。3. 影片剪輯元件可以創(chuàng)建可重用的動(dòng)畫片段。影片剪輯擁有它們自己的獨(dú)立于主時(shí)間軸的多幀時(shí)間軸?？梢詫⒂捌糨嬁醋魇侵鲿r(shí)間軸內(nèi)的嵌套時(shí)間軸，它們可以包含交互式控件、聲音甚

3、至其它影片剪輯實(shí)例。也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動(dòng)畫按鈕。5.1.2 使用庫面板庫面板用于存儲(chǔ)和組織在Flash中所創(chuàng)建的圖標(biāo)以及導(dǎo)入的聲音文件。其中，圖標(biāo)由圖片、按鈕、電影片段構(gòu)成。庫面板也包括在文件夾中存儲(chǔ)的庫存項(xiàng)目列表，從中可以看出電影中的一個(gè)圖標(biāo)使用的頻度，并且可以將其按照類型排序。"庫”面板的主要操作都在單擊右上角的按鈕后打開的彈出菜單中。單擊該按鈕，彈出菜單。"庫"面板的相關(guān)操作包括以下內(nèi)容。1. 顯示"庫"面板在主菜單中選擇"窗口/庫"，可以顯示或者隱藏"庫"面板。2.

4、 在"庫"面板中查看項(xiàng)目"庫"面板中的每個(gè)Flash文件包括元件、位圖和聲音文件。當(dāng)用戶在"庫"面板中選擇項(xiàng)目時(shí)，該項(xiàng)目的內(nèi)容就出現(xiàn)在窗口上部的預(yù)覽界面中。如果選定的項(xiàng)目是動(dòng)畫或是聲音文件，也可以應(yīng)用控制器進(jìn)行預(yù)覽的控制。"庫"面板的縱欄依次是列表項(xiàng)的名字、類型、在動(dòng)畫文件中使用的次數(shù)、鏈接和上一次修改的時(shí)間?？梢栽?quot;庫"面板中按任何項(xiàng)目排序。單擊縱欄項(xiàng)目頭，按照字母順序等進(jìn)行排列，也可以單擊右上角的三角形按鈕使項(xiàng)目按某一列的逆向排序。3. 使用"庫"面板中的文件夾單擊下部的

5、新建文件夾的按鈕，可以加入一個(gè)新的文件夾。當(dāng)創(chuàng)建新元件時(shí)，新元件將出現(xiàn)在當(dāng)前選定的文件夾里。如果沒選定文件夾，它將出現(xiàn)在"庫"面板的最下邊，可以用鼠標(biāo)把它從某個(gè)文件夾拖到另一個(gè)文件夾中。5.1.3 創(chuàng)建實(shí)例創(chuàng)建元件之后，可以在文檔中任何需要的地方(甚至在其它元件內(nèi))創(chuàng)建該元件的實(shí)例。"元件"和"實(shí)例"的關(guān)系，就是"本質(zhì)"與"現(xiàn)象"的關(guān)系。同一個(gè)"本質(zhì)"可以有不同的"現(xiàn)象"。所以，同一個(gè)元件可以有多個(gè)外觀不同的實(shí)例；在修改元件時(shí)，F(xiàn)lash會(huì)更新元件的所有實(shí)

6、例；修改實(shí)例，不會(huì)影響到原來的元件。下面的簡(jiǎn)單例子可以幫助我們認(rèn)識(shí)這些關(guān)系。(1) 新建Flash文檔，選擇菜單欄"插入/新建元件"命令，在打開的"創(chuàng)建新元件"對(duì)話框中選擇"圖形"單選項(xiàng)。(2) 此時(shí)時(shí)間軸已經(jīng)不再是原來舞臺(tái)的時(shí)間軸，而變成了"元件1"的時(shí)間軸，這點(diǎn)可以從舞臺(tái)上方的提示欄看出，"場(chǎng)景1”后面多了"元件1”。(3) 用多角星形工具在舞臺(tái)中繪制一個(gè)多邊形，此時(shí)可以看到”庫”面板中多出了"元件1”一項(xiàng)(如果庫面板沒有打開，則選擇菜單欄的”窗口/庫”命令將其打開)。(4) 單擊

7、”場(chǎng)景1”或者其前面的箭頭按鈕，返回到原來的舞臺(tái)，可以看到舞臺(tái)上什么都沒有。(5) 用鼠標(biāo)按住并拖拽庫中的”元件1”到舞臺(tái)上，連續(xù)拖拽3個(gè)。這3個(gè)多邊形便稱之為”元件1”的實(shí)例。對(duì)舞臺(tái)上的第1個(gè)多邊形用任意變形工具進(jìn)行變形，對(duì)第2個(gè)多邊形先用任意變形工具進(jìn)行變形，然后用選擇工具選中，并打開”屬性”面板。選擇”顏色”下拉列表的”高級(jí)”選項(xiàng)。(6) 單擊旁邊的”設(shè)置”按鈕，在打開的”高級(jí)效果”對(duì)話框中進(jìn)行設(shè)置，將該對(duì)象變成綠色、半透明。(7) 此時(shí)可以看到，舞臺(tái)中前兩個(gè)多邊形的變化并不影響庫中”元件1”，也不影響第3個(gè)實(shí)例。(8) 雙擊”庫”面板中的”元件1”切換至元件編輯狀態(tài)，用選擇工具將多邊形

8、進(jìn)行修改。(9) 此時(shí)退出元件編輯模式，再回到舞臺(tái)上，可以看到3個(gè)實(shí)例均發(fā)生了變化。5.1.4編輯元件的方法使用選擇工具雙擊舞臺(tái)上的實(shí)例，或者右擊實(shí)例，在彈出的菜單中選擇”在當(dāng)前位置編輯”即可。這時(shí)就進(jìn)入了元件編輯模式，而其它對(duì)象以灰顯方式出現(xiàn)。正在編輯的元件名稱顯示在舞臺(tái)上方的編輯欄內(nèi)，位于當(dāng)前場(chǎng)景名稱的右側(cè)。舞臺(tái)上的狼是一個(gè)元件實(shí)例。使用選擇工具雙擊它之后，就進(jìn)入了編輯模式，狼周圍的樹林顏色變淡了，同時(shí)在時(shí)間軸上方的”場(chǎng)景1”右邊出現(xiàn)了”狼”標(biāo)簽，這就表示當(dāng)前是在”場(chǎng)景1”中編輯”狼”元件。此外，還可以使用”在新窗口中編輯”命令在一個(gè)單獨(dú)的窗口中編輯元件。在單獨(dú)的窗口中編輯元件，就可以同時(shí)

9、看到該元件和主時(shí)間軸。正在編輯的元件名稱會(huì)顯示在舞臺(tái)上方的編輯欄內(nèi)。5.2使用圖形元件學(xué)習(xí)目標(biāo)圖形元件是比較簡(jiǎn)單的元件類型。本節(jié)的學(xué)習(xí)目的，就是掌握?qǐng)D形元件實(shí)例的顏色和循環(huán)方式設(shè)置。5.2.1設(shè)置元件實(shí)例的顏色在前面說過，修改實(shí)例并不會(huì)影響原來的元件。在這里看看如何設(shè)置圖形元件的顏色設(shè)置。實(shí)際上所有元件的顏色設(shè)置方法是一樣的。學(xué)習(xí)了圖形元件的顏色設(shè)置，讀者可以用同樣的方法在以后設(shè)置影片剪輯和按鈕。首先看舞臺(tái)上的一個(gè)圖形元件實(shí)例，例如一個(gè)人物。使用選擇工具單擊它，然后使用菜單”窗口/屬性/屬性”打開屬性面板?？梢钥吹皆趯傩悦姘宓挠野氩糠钟小鳖伾毕吕藛巍Ｔ谙吕藛沃?，如果選擇”無”，那么不應(yīng)用

10、任何顏色效果。除此之外，可以選擇四種顏色效果。1. 亮度選擇了”亮度”之后，可以修改圖形元件的亮度。亮度為0表示無效果，100球示最亮，-100%表示。2. 色調(diào)色調(diào)的設(shè)置效果，是給整個(gè)圖形對(duì)象加上顏色偏移的效果。例如想讓整個(gè)人物變綠，那么可以將偏移顏色設(shè)置為綠色，再將其后面的偏移值設(shè)置成一個(gè)正數(shù)，那么舞臺(tái)上的圖形對(duì)象就帶上綠色效果了。3. 不透明度(Alpha)Alpha值的作用是控制對(duì)象的不透明度。當(dāng)Alpha值為100的時(shí)候，對(duì)象是完全不透明的，沒有任何效果；當(dāng)Alpha值小于100而大于0的時(shí)候，對(duì)象是半透明的；當(dāng)Alpha值等于0的時(shí)候，對(duì)象就變成完全透明的，看不見了。4. 局級(jí)選擇

11、了"高級(jí)"項(xiàng)之后，就會(huì)在后面出現(xiàn)"設(shè)置"按鈕。單擊"設(shè)置"按鈕，將會(huì)進(jìn)行高級(jí)設(shè)置。在這里簡(jiǎn)單說一下計(jì)算的方法。假設(shè)有一個(gè)顏色為"#CCFF33",Alpha值為90的點(diǎn)，應(yīng)用了圖中的設(shè)置，那么應(yīng)該變成什么樣子？可以分4步：(1) 先計(jì)算紅色成分。原來的紅色成分是十六進(jìn)制的80%取整后為163,也就是十六進(jìn)制的(2) 再計(jì)算綠色成分。原來的綠色成分是十六進(jìn)制的50%再加上30,取整后為158,也就是十六進(jìn)制的9E。(3) 然后計(jì)算藍(lán)色成分。原來的藍(lán)色成分是十六進(jìn)制的20%再加上負(fù)80,取整后為負(fù)70。但是顏色值的取值

12、范圍是A3CC也就是十進(jìn)制的204,按圖中的換算規(guī)則是乘以FF,也就是十進(jìn)制的255,按圖中的換算規(guī)則是乘以33,也就是十進(jìn)制的51,按圖中的換算規(guī)則是乘以0255,所以只能取最小值0。100。"#A39E00”,Alpha值為100。80洌(4) 接下來計(jì)算Alpha值。原來的Alpha值是90,這本來就是十進(jìn)制的，按圖中的換算規(guī)則是乘以加上30,結(jié)果是102。但是Alpha值的取值范圍是0100,所以只能取最大值(5) 最后綜合上面的計(jì)算結(jié)果，可以得到應(yīng)用效果后的顏色值為5.2.2設(shè)置圖形元件的循環(huán)方式共有三種循環(huán)方式供選擇。在后面的選中圖形元件之后，可以在屬性面板的中部設(shè)置圖形

13、元件的循環(huán)方式，"第一幀"文本框中，可以設(shè)置動(dòng)畫的起始幀。各種循環(huán)方式的特點(diǎn)如下：循環(huán)：播放到最后一幀之后，又回到開頭繼續(xù)播放。播放一次：播放到最后一幀之后，就靜止不動(dòng)了。單幀：只顯示一幀。5.2.3操作實(shí)例：旋轉(zhuǎn)的風(fēng)車上機(jī)實(shí)踐本實(shí)例是在制作圖形元件的基礎(chǔ)上，掌握如何設(shè)置圖形元件的播放。"線條工具"在舞臺(tái)中繪制出一片風(fēng)車葉子的首先創(chuàng)建一個(gè)新文檔，文檔大小保持默認(rèn)狀態(tài)即可。使用輪廓。在繪制線條時(shí)啟用工具箱中的"貼緊至對(duì)象"功能，可以使繪制出來的線條處于封合狀態(tài)。(1) 使用"顏料桶工具"對(duì)舞臺(tái)上的圖形進(jìn)行顏色填充，填

14、充顏色可以根據(jù)個(gè)人愛好自由設(shè)定，這里填充的是綠色和深綠色。(2) 使用"任意變形工具"選中舞臺(tái)中的圖形，然后將變形中心點(diǎn)的位置拖拽到圖形左下角的位置上。(3) 打開"變形”面板，將旋轉(zhuǎn)的角度設(shè)置為90度，點(diǎn)擊3次”復(fù)制并應(yīng)用變形”按鈕，制作出風(fēng)車的其余3個(gè)葉片。(4) 接下來使用"選擇工具"選中整個(gè)風(fēng)車葉片，按鍵盤上的"F8"功能鍵，準(zhǔn)備將舞臺(tái)上的風(fēng)車圖形轉(zhuǎn)換為影片剪輯元件。(5) 按了"F8"功能鍵之后，會(huì)彈出"轉(zhuǎn)換為元件"對(duì)話框，設(shè)置元件名稱為"風(fēng)車"，元件類型

15、選擇為"圖形"，最后單擊”確定”按鈕，將舞臺(tái)上的圖形轉(zhuǎn)換為圖形元件。(6) 將舞臺(tái)上的風(fēng)車復(fù)制兩次，并適當(dāng)調(diào)整大小。(7) 使用繪圖工具繪制風(fēng)車的柄。這時(shí)三架風(fēng)車的扇頁位置是完全相同的。但是在現(xiàn)實(shí)中，很少出現(xiàn)多個(gè)風(fēng)車扇頁位置一致的現(xiàn)象。這時(shí)可以進(jìn)行調(diào)整。選中左邊的風(fēng)車扇頁，在屬性面板中將第一幀設(shè)置為3。(8) 將右邊風(fēng)車扇頁的第一幀設(shè)置為2。這時(shí)風(fēng)車的扇頁錯(cuò)落有致。(9) 最后還有很關(guān)鍵的一步。在主時(shí)間軸中，單擊選中第20幀，按F5快捷鍵插入幀。如果少了這一步，那么主時(shí)間軸中只有一幀，圖形元件是與時(shí)間軸同步的，也只能顯示一幀了。(10) 至此動(dòng)畫制作完成，保存并測(cè)試動(dòng)畫。5

16、.3使用影片剪輯學(xué)習(xí)目標(biāo)影片剪輯作為Flash元件的一個(gè)重要類型，在動(dòng)畫制作中一直發(fā)揮著不可替代的作用，合理地運(yùn)用影片剪輯可以制作出很多奇特的效果。此外，影片剪輯實(shí)例的顏色設(shè)置與圖形實(shí)例是相同的，在此不再贅述。5.3.1創(chuàng)建影片剪輯要?jiǎng)?chuàng)建影片剪輯，可以有兩種方法：1. 創(chuàng)建空白的影片剪輯使用菜單命令"插入/新建元件"，可以創(chuàng)建一個(gè)空白的元件。在"創(chuàng)建新元件"對(duì)話框中設(shè)置元件的名稱，并將元件的行為設(shè)置為"影片剪輯"，單擊"確定"按鈕就可以了。2. 將舞臺(tái)上的對(duì)象轉(zhuǎn)換為影片剪輯使用選擇工具選中舞臺(tái)上的對(duì)象，使用菜單&q

17、uot;修改/轉(zhuǎn)換為元件"或者快捷鍵F8,在對(duì)話框中設(shè)置元件的名稱，并將元件的行為設(shè)置為"影片剪輯"，然后設(shè)置注冊(cè)點(diǎn)位置，再單擊"確定"按鈕就可以了。在這里說一下注冊(cè)點(diǎn)。"注冊(cè)點(diǎn)"就是轉(zhuǎn)換為元件之后的元件坐標(biāo)原點(diǎn)。例如將注冊(cè)點(diǎn)位置設(shè)置為"右上"，那么轉(zhuǎn)換為元件之后，元件的坐標(biāo)原點(diǎn)將位于被選中的對(duì)象的右上方。5.3.2操作實(shí)例：蠟燭上機(jī)實(shí)踐元件在動(dòng)畫制作過程中是不可缺少的元素，不僅可以反復(fù)使用它，而且還可以對(duì)它進(jìn)行屬性修改等。這一實(shí)例就通過制作一個(gè)燃燒的蠟燭效果，初步認(rèn)識(shí)元件的作用。(1) 創(chuàng)建一個(gè)尺寸為4

18、00X300的新文檔，文檔的背景顏色為黑色。這里將背景顏色設(shè)置為黑色是為了襯托出蠟燭的光芒。(2) 在舞臺(tái)中繪制一個(gè)漸變矩形，在矩形的上方再繪制一個(gè)漸變橢圓，對(duì)其進(jìn)行變形后制作出蠟燭圖形。由于前面已經(jīng)深入的講解過圖形的繪制方法，這里就不再細(xì)述。(3) 繪制好蠟燭圖形后，現(xiàn)在來制作晃動(dòng)的燈心效果。執(zhí)行菜單欄”插入/新建元件"命令，此時(shí)會(huì)彈出”創(chuàng)建新元件"對(duì)話框。(4) 在彈出的"創(chuàng)建新元件"對(duì)話框中，名稱指的是元件的名稱，這里命名為"燈心"；類型指的是元件類型，這里選擇為"影片剪輯"。單擊"確定"

19、按鈕，進(jìn)入元件的編輯狀態(tài)。使用工具箱中的"橢圓工具"在舞臺(tái)上繪制一個(gè)線性漸變橢圓，再結(jié)合"選擇工具"調(diào)節(jié)漸變橢圓的形狀，調(diào)整完成后的圖形作為燈心效果。燈心的漸變顏色由下而上依次為黃色"#FFFF00"到桔紅色”#FF6600”,再到深紅色"#D22B00"的漸變。(5) 在時(shí)間軸的第2、3、4、5幀上按"F6"功能鍵插入關(guān)鍵幀，然后在這幾幀所對(duì)應(yīng)的舞臺(tái)上，使用"選擇工具"分別適當(dāng)調(diào)整燈心頂端在不同幀上的不同形狀，制作出火苗因?yàn)槿紵a(chǎn)生晃動(dòng)的動(dòng)畫效果。(6) 燈心的效果就制作

20、到此，接下來執(zhí)行菜單欄"插入/新建元件"命令，此時(shí)會(huì)彈出"創(chuàng)建新元件"對(duì)話框。(7) 在該對(duì)話框中，將元件名稱命名為"光暈"，元件類型選擇為"影片剪輯"元件。(8) 單擊"確定”按鈕，進(jìn)行"光暈"元件的編輯區(qū)。在舞臺(tái)上繪制一個(gè)放射狀漸變橢圓，漸變顏色同第5步驟中的相同。選中舞臺(tái)上的漸變橢圓，執(zhí)行菜單欄"修改/形狀/柔化填充邊緣"命令，此時(shí)"柔化填充邊緣"對(duì)話框?qū)⒈淮蜷_。在該對(duì)話框中將距離和步驟數(shù)均設(shè)置為10,方向?yàn)槟J(rèn)的"擴(kuò)展"

21、;。(9) 單擊"確定"按鈕完成設(shè)置。在時(shí)間軸的第2到5幀上分別按下"F6"功能鍵插入關(guān)鍵幀，然后使用鍵盤上的方向鍵移動(dòng)每幀所對(duì)應(yīng)的光暈圖形。每幀上光暈移動(dòng)的距離只需要相差1到2個(gè)像素即可，以強(qiáng)化火焰燃燒時(shí)的動(dòng)感。(10) 完成光暈的動(dòng)畫制作后，點(diǎn)擊時(shí)間軸上的"場(chǎng)景1"按鈕，回到主場(chǎng)景中。執(zhí)行菜單欄"窗口/庫"命令，此時(shí)會(huì)將"庫”面板打開。在"庫”面板中可以看到剛才創(chuàng)建的"燈心”和”光暈”兩個(gè)影片剪輯元件，使用"選擇工具"直接將”光暈"影片剪輯元件拖拽至舞

22、臺(tái)中，并放置于蠟燭之上。(11) 接著再將"燈心"影片剪輯元件拖拽至舞臺(tái)上，同樣放置于蠟燭之上。再使用"選擇工具"選中舞臺(tái)上的"光暈"元件，將該元件向上移動(dòng)，構(gòu)成一幅完整的蠟燭圖像。(12) 最后使用"Ctrl+Enter"預(yù)覽動(dòng)畫，一根正在燃燒的蠟燭動(dòng)畫就制作完成。5.3.3 操作實(shí)例：一群小鳥上機(jī)實(shí)踐在上一章的”飛行的小鳥”實(shí)例中，已經(jīng)初步認(rèn)識(shí)了影片剪輯元件的作用，本例將在它的基礎(chǔ)上繼續(xù)了解元件的功能。(1) 打開第5章中制作過的”飛行的小鳥”實(shí)例，然后執(zhí)行菜單欄”文件/另存為"命令，將該文檔另存為”

23、一群小鳥"。(2) 將文件另存之后，在時(shí)間軸上鎖定圖層2,點(diǎn)擊”插入圖層”按鈕創(chuàng)建一個(gè)新的圖層3,在該圖層的第3幀上按"F6"功能鍵插入關(guān)鍵幀。(3) 執(zhí)行菜單欄”窗口/庫”命令，此時(shí)會(huì)打開"庫”面板。使用"選擇工具"直接將”庫”面板中的"元件1”拖拽至舛口to(4) 使用"任意變形工具"適當(dāng)縮小舞臺(tái)上的小鳥圖形，縮放完成后，將小鳥圖形放置在舞臺(tái)中的右側(cè)邊緣處。(5) 在第3幀上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”創(chuàng)建補(bǔ)間動(dòng)畫"命令，創(chuàng)建一個(gè)補(bǔ)間動(dòng)作。再在第25幀處按"F6"功

24、能鍵插入一個(gè)關(guān)鍵幀，同樣在該幀上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”刪除補(bǔ)間"命令，刪除第25幀以后的補(bǔ)間動(dòng)作。(6) 繼續(xù)選中第25幀，然后在舞臺(tái)中將小鳥圖形移動(dòng)至舞臺(tái)的最左側(cè)邊緣。這樣運(yùn)用同一個(gè)元件創(chuàng)建的第二個(gè)運(yùn)動(dòng)動(dòng)畫就制作完成。分別在時(shí)間軸的三個(gè)圖層的第40幀上按"F5"功能鍵插入幀，再在圖層2的第30幀上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”刪除補(bǔ)間”命令，刪除第30幀以后的補(bǔ)間動(dòng)作。(7) 鎖定圖層3,創(chuàng)建一個(gè)新的圖層4,在該圖層的第10幀上按"F6"功能鍵插入一個(gè)關(guān)鍵幀。(8) 繼續(xù)選中第10幀，再次將"元件1"從&q

25、uot;庫”面板中拖拽至舞臺(tái)上，將小鳥圖形放置在舞臺(tái)的右側(cè)邊緣的任意位置。(9) 在第10幀上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”創(chuàng)建補(bǔ)間動(dòng)畫"命令，創(chuàng)建一個(gè)補(bǔ)間動(dòng)作。再在第40幀處按"F6"功能鍵插入一個(gè)關(guān)鍵幀。(10) 創(chuàng)建好補(bǔ)間動(dòng)作之后，繼續(xù)選中第40幀，在舞臺(tái)中將小鳥移動(dòng)到舞臺(tái)左側(cè)邊緣的任意位置上。(11) 最后使用"Ctrl+Enter"預(yù)覽動(dòng)畫，一群小鳥從天空飛翔而過的動(dòng)畫效果就制作完成。當(dāng)然還可以用相同的方法創(chuàng)建多個(gè)運(yùn)動(dòng)動(dòng)畫，使在天空中飛翔的小鳥增多。5.3.4 操作實(shí)例：海里的魚上機(jī)實(shí)踐在前面的實(shí)例學(xué)習(xí)中，已經(jīng)知道了元件可以反復(fù)使

26、用。在這一實(shí)例中將學(xué)習(xí)如何修改元件的顏色屬性。(1) 打開上一章制作過的”游動(dòng)的小魚”實(shí)例，本實(shí)例將在此例的基礎(chǔ)上進(jìn)行制作。執(zhí)行菜單欄”文件/另存為"命令，將該實(shí)例另存為"海里的魚”。(2) 將文件另存之后，在時(shí)間軸上選擇圖層1,即選中小魚動(dòng)畫所在的圖層。選中圖層1后，該層時(shí)間軸上的所有幀都處于選中狀態(tài)，然后在該層的時(shí)間軸上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”剪切幀”命令，準(zhǔn)備將該層上的整個(gè)運(yùn)動(dòng)動(dòng)畫剪切到新的位置。(3) 執(zhí)行了"剪切幀"命令之后，執(zhí)行菜單欄”插入/新建元件"命令，此時(shí)會(huì)彈出”創(chuàng)建新元件"對(duì)話框，在該對(duì)話框中，名稱保持默

27、認(rèn)即可，元件類型選擇為"影片剪輯”。單擊"確定”按鈕，進(jìn)入新創(chuàng)建的元件編輯區(qū)。在元件編輯狀態(tài)下，點(diǎn)擊時(shí)間軸的第1幀后，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”粘貼幀"命令，這樣就將主場(chǎng)景中的整個(gè)動(dòng)畫粘貼到了元件1中。(4) 完成后點(diǎn)擊時(shí)間軸上的"場(chǎng)景1”按鈕，回到主場(chǎng)景中。觀察時(shí)間軸上的圖層1,此時(shí)該層上的幀已被變成空白幀。(5) 執(zhí)行菜單欄"窗口/庫”命令，此時(shí)會(huì)彈出"庫”面板，在該面板下可以看到創(chuàng)建的影片剪輯”元件1”已經(jīng)放置在其中。(6) 使用”選擇工具”直接拖拽”元件1”至舞臺(tái)中，將它放置于舞臺(tái)右側(cè)邊緣的任意位置上。(7) 鎖定圖層

28、1,點(diǎn)擊”插入圖層”按鈕創(chuàng)建一個(gè)新的圖層3。在該圖層的第5幀上按"F6"功能鍵插入一個(gè)關(guān)鍵幀，然后從”庫”面板中將”元件1”拖拽至舞臺(tái)右側(cè)的任意位置上。(8) 使用工具箱中的”任意變形工具”適當(dāng)縮小小魚圖形的大小，然后使用”選擇工具”選中該元件。打開”濾鏡”面板，點(diǎn)擊”添加濾鏡”按鈕，在彈出的列表中選擇”調(diào)整顏色”命令。在點(diǎn)擊了”調(diào)整顏色”對(duì)話框后，就進(jìn)入了”調(diào)整顏色”屬性對(duì)話框。在該屬性框中適當(dāng)調(diào)整”飽和度”和”色相”的值。一邊調(diào)整一邊觀察舞臺(tái)上選中的小魚的顏色變化，這里”飽和度”和”色相”的值的設(shè)定沒有固定約束，只要和圖層1中小魚的顏色不一致就可以了。(9) 接下來鎖定

29、圖層3,創(chuàng)建一個(gè)新的圖層4,在該圖層的第3幀上按”F6”功能鍵插入關(guān)鍵幀。然后從”庫”面板中將”元件1”拖拽至舞臺(tái)的任意位置。(10) 使用”選擇工具”選中圖層4中的小魚元件，然后打開”濾鏡”面板，點(diǎn)擊”添加濾鏡”按鈕，在彈出的菜單中選擇”調(diào)整顏色”命令。在打開的”調(diào)整顏色”屬性面板中，適當(dāng)調(diào)整圖像”飽和度”和”色相”值，使該圖層中的小魚顏色與前兩個(gè)圖層中小魚的顏色有所區(qū)別。(11) 應(yīng)用相同的方法，可以在時(shí)間軸上創(chuàng)建若干圖層，在不同圖層的不同幀上放置”元件1”，然后對(duì)小魚圖形進(jìn)行任意的縮放和顏色修改。這里再添加兩個(gè)圖層。(12) 最后使用-Ctrl+Enter”預(yù)覽動(dòng)畫。5.3.5使用濾鏡使

30、用濾鏡，可以為文本、按鈕和影片剪輯增添有趣的視覺效果，并且經(jīng)常用于將投影、模糊、發(fā)光和斜角應(yīng)用于圖形元素。Flash所獨(dú)有的一個(gè)功能是您可以使用補(bǔ)間動(dòng)畫讓應(yīng)用的濾鏡活動(dòng)起來。例如，如果創(chuàng)建一個(gè)具有投影的球(即球體)，可以在時(shí)間軸中將投影位置從起始幀移到終止幀，來模擬光源從對(duì)象一側(cè)移到另一側(cè)的效果。下面是一個(gè)簡(jiǎn)單的小例子。(1) 使用文本工具，在舞臺(tái)上創(chuàng)建一個(gè)靜態(tài)文本，鍵入文字”閃動(dòng)天下”，并將文本顏色設(shè)置為桔紅色。使用選擇工具單擊文本，將其選中。(2) 使用菜單”窗口/屬性/濾鏡”，打開濾鏡面板。(3) 在這里先為文字添加凸起的斜角效果。單擊”添加濾鏡”按鈕，在彈出的菜單中選擇”斜角”。(4)

31、 這時(shí)可以看到在濾鏡面板左端的濾鏡列表中出現(xiàn)了”斜角”濾鏡條目。單擊”斜角”濾鏡條目，可以顯示出它的詳細(xì)參數(shù)。每個(gè)濾鏡都可以設(shè)置”品質(zhì)”。品質(zhì)越高，濾鏡效果就越細(xì)膩，但是系統(tǒng)需求就越高。此外，對(duì)于”斜角”濾鏡，可以進(jìn)行以下設(shè)置：首先從”類型”彈出菜單上，選擇要應(yīng)用到對(duì)象的斜角類型?？梢赃x擇內(nèi)斜角、外斜角或者完全斜角。設(shè)置”模糊X”和”模糊Y”的值，設(shè)置斜角的寬度和高度。選擇斜角的陰影和加亮顏色。在這里分別設(shè)置為暗桔黃色和亮桔黃色。一般要求與文本本身的顏色是同一個(gè)色系的，否則看起來會(huì)比較怪異。設(shè)置”強(qiáng)度”的值，設(shè)置斜角的不透明度。調(diào)整”角度”值，更改斜邊投下的陰影角度。設(shè)置”距離”的值，定義斜角

32、的寬度。選中”挖空”復(fù)選框可以從視覺上隱藏源對(duì)象，并在挖空?qǐng)D像上只顯示斜角。(5) 然后，還希望文字從舞臺(tái)上”漂浮”起來，這就需要添加投影效果。使用同樣的方法，再添加一個(gè)”投影”濾鏡。以進(jìn)行設(shè)置的內(nèi)容如下：調(diào)整”模糊X”和”模糊Y”滑塊，設(shè)置投影的寬度和高度。拖動(dòng)"距離"滑塊，設(shè)置陰影與對(duì)象之間的距離。單擊"顏色"框，打開"顏色"彈出窗口，然后設(shè)置陰影顏色。拖動(dòng)"強(qiáng)度"滑塊，設(shè)置陰影暗度。數(shù)值越大，陰影就越暗。對(duì)于"角度"，輸入一個(gè)值來設(shè)置陰影的角度。選中”挖空”復(fù)選框從視覺上隱藏源對(duì)象，并在挖

33、空?qǐng)D像上只顯示投影。選擇”內(nèi)側(cè)陰影”復(fù)選框，在對(duì)象邊界內(nèi)應(yīng)用陰影。選中”隱藏對(duì)象”復(fù)選框隱藏對(duì)象，并只顯示其陰影。使用”隱藏對(duì)象”選項(xiàng)可以更輕松地創(chuàng)建逼真的陰影。選擇投影的質(zhì)量級(jí)別。把質(zhì)量級(jí)別設(shè)置為”高”就近似于高斯模糊。建議把質(zhì)量級(jí)別設(shè)置為"低”，以實(shí)現(xiàn)最佳的回放性能。5.4使用按鈕學(xué)習(xí)目標(biāo)按鈕是四幀的交互對(duì)象。在Flash的發(fā)展過程中，按鈕是最早用于交互控制的元素。本節(jié)學(xué)習(xí)的是按鈕的使用方法。此外，按鈕的顏色設(shè)置與圖形實(shí)例是相同的，在此不再贅述。5.4.1按鈕的結(jié)構(gòu)創(chuàng)建按鈕的時(shí)候，F(xiàn)lash會(huì)創(chuàng)建一個(gè)四幀的時(shí)間軸。前三幀顯示按鈕的三種可能狀態(tài)；第四幀定義按鈕的活動(dòng)區(qū)域。時(shí)間軸實(shí)際

34、上并不播放，它只是對(duì)指針運(yùn)動(dòng)和動(dòng)作做出反應(yīng)，跳到相應(yīng)的幀。具體地說，按鈕元件的時(shí)間軸上的每一幀都有一個(gè)特定的功能：第一幀是彈起狀態(tài)，代表指針沒有經(jīng)過按鈕時(shí)該按鈕的狀態(tài)。第二幀是指針經(jīng)過狀態(tài)，代表當(dāng)指針滑過按鈕時(shí)，該按鈕的外觀。第三幀是按下狀態(tài)，代表單擊按鈕時(shí)，該按鈕的外觀。第四幀是"點(diǎn)擊”狀態(tài)，定義響應(yīng)鼠標(biāo)單擊的區(qū)域。此區(qū)域在SWF文件中是不可見的。復(fù)雜按鈕的時(shí)間軸可以包含多個(gè)圖層。每個(gè)圖層都可以包含4個(gè)幀。值得注意的是，如果按鈕上的某個(gè)幀是缺失的(注意，不是空白關(guān)鍵幀)，那么Flash將會(huì)在該幀插入普通幀，所以該幀的內(nèi)容將與它前面的關(guān)鍵幀相同。5.4.2操作實(shí)例：電源開關(guān)上機(jī)實(shí)踐現(xiàn)在來體驗(yàn)一下按鈕元件的制作方法。例如這個(gè)實(shí)例中繪制