Flash CS4快速入門 第5章

FlashCS4Professional

實(shí)用案例教程第5章千變?nèi)f化

——元件、實(shí)例與庫(kù)FLASHCS4PROFESSIONALSHIYONGANLIJIAOCHENG主編：洪光5.1

任務(wù)-01認(rèn)識(shí)元件與庫(kù)5.1.1

任務(wù)簡(jiǎn)介

本任務(wù)主要通過對(duì)元件的概念、實(shí)例的概念、庫(kù)資源概念的了解，理解元件、實(shí)例與庫(kù)的關(guān)系。通過對(duì)元件類型的認(rèn)識(shí)，了解了元件的類型，為在后面動(dòng)畫制作中應(yīng)用不同類型的元件創(chuàng)作出不同的動(dòng)畫效果、提高動(dòng)畫制作效率打下堅(jiān)實(shí)的基礎(chǔ)。任務(wù)快速流程

元件、實(shí)例與庫(kù)的概念→元件與庫(kù)的類型→庫(kù)面板→庫(kù)分類→公用庫(kù)。5.1.2

知識(shí)點(diǎn)1.元件的概念

元件是Flash中一個(gè)重要而且使用非常頻繁的概念，狹義的元件是指在Flash創(chuàng)作環(huán)境中或使用Button（AS2.0）、SimpleButton（AS3.0）和MovieClip類創(chuàng)建過一次的圖形、按鈕或影片剪輯這三種元件。5.1

任務(wù)-01認(rèn)識(shí)元件與庫(kù)2.實(shí)例的概念實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。3.庫(kù)資源的概念

庫(kù)資源在創(chuàng)作或運(yùn)行時(shí)，可以將元件作為共享庫(kù)資源在文檔間共享。運(yùn)行時(shí)共享資源，可以把源文檔中的資源鏈接到任意數(shù)量的目標(biāo)文檔中，而無需將這些資源導(dǎo)入目標(biāo)文檔。創(chuàng)作時(shí)共享的資源，可以用本地網(wǎng)絡(luò)上可用的其他元件更新或替換一個(gè)元件。注意：

如果導(dǎo)入的庫(kù)資源和庫(kù)中已有的資源同名，可以解決命名沖突，而不會(huì)意外地覆蓋現(xiàn)有的資源。5.1.2

知識(shí)點(diǎn)1.圖形元件2.按鈕元件3.影片剪輯元件5.2

任務(wù)-02認(rèn)識(shí)庫(kù)與公用庫(kù)5.2.1

任務(wù)簡(jiǎn)介

FlashCS4Professional的庫(kù)包括兩種，當(dāng)前編輯文件的【庫(kù)】和FlashCS4Professional中自帶的【公用庫(kù)】，這兩種庫(kù)有著很多相似的使用方法和特點(diǎn)，但也有很多不同點(diǎn)，要掌握庫(kù)的使用，首先需要對(duì)庫(kù)有足夠的認(rèn)識(shí)。本任務(wù)從對(duì)庫(kù)的認(rèn)識(shí)入手，全面介紹當(dāng)前的庫(kù)與公用庫(kù)。5.2.2

知識(shí)點(diǎn)1.認(rèn)識(shí)庫(kù)

FlashCS4Professional中的【庫(kù)】與【公用庫(kù)】有著相同的界面，如圖5-1所示。5.2

任務(wù)-02認(rèn)識(shí)庫(kù)與公用庫(kù)編輯工具在庫(kù)界面左下方有4個(gè)按鈕可以對(duì)庫(kù)文件進(jìn)行編輯?！拘陆ㄔ堪粹o【新建文件夾】按鈕【元件屬性】按鈕【刪除元件】按鈕2.元件庫(kù)

每一個(gè)FlashCS4Professional動(dòng)畫文件中都有一個(gè)元件庫(kù)，這個(gè)元件庫(kù)僅存放當(dāng)前動(dòng)畫文件的元件。選擇【窗口】→【庫(kù)】命令或按Ctrl+L鍵，將打開當(dāng)前編輯環(huán)境下的【庫(kù)】面板。圖5-1庫(kù)的界面

5.2

任務(wù)-02認(rèn)識(shí)庫(kù)與公用庫(kù)5.2.3

相關(guān)知識(shí)

選擇【窗口】→【公用庫(kù)】，可以在子菜單中看到聲音、按鈕、類這3項(xiàng)。1.按鈕庫(kù)

選擇【窗口】→【公用庫(kù)】→【按鈕】，會(huì)打開【按鈕庫(kù)】面板，如圖5-2所示。圖5-2按鈕庫(kù)的按鈕樣式

5.2

任務(wù)-02認(rèn)識(shí)庫(kù)與公用庫(kù)2.聲音庫(kù)

選擇【窗口】→【公用庫(kù)】→【聲音】，會(huì)打開【聲音庫(kù)】面板，如圖5-3所示。3.類庫(kù)

FlashCS4Professional中有一個(gè)叫【類】的庫(kù)，該庫(kù)中共有3種組件，分別是數(shù)據(jù)綁定組件、應(yīng)用組件和網(wǎng)絡(luò)服務(wù)組件。選擇【窗口】→【公用庫(kù)】→【類】，會(huì)彈出如圖5-4所示的【類】庫(kù)面板。圖5-3【聲音庫(kù)】面板

圖5-4【類】庫(kù)面板

5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例5.3.1

任務(wù)簡(jiǎn)介

本任務(wù)主要通過新建元件、繪制與編輯圖形元件、場(chǎng)景與庫(kù)等操作來完成簡(jiǎn)單的“星形”圖形元件的創(chuàng)建。創(chuàng)建完成后的星形圖形元件出現(xiàn)在庫(kù)中，等待隨時(shí)調(diào)用。

5.3.2

知識(shí)點(diǎn)

應(yīng)用基礎(chǔ)繪畫工具完成“星形”元件的繪制，并創(chuàng)建“星形”圖形元件。5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例5.3.3

快速上手

步驟1

新建Flash文件。選擇【修改】→【文檔】，設(shè)置背景色為黑色。選擇【插入】→【新建元件】，將彈出【創(chuàng)建新元件】對(duì)話框，如圖5-5所示。

步驟2

在“名稱”欄輸入“星形”，在“類型”中選擇“圖形”如圖5-6所示。圖5-5【創(chuàng)建新元件】對(duì)話框圖5-6選擇【圖形】類型5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例

步驟3

單擊按鈕，進(jìn)入【星形】圖形元件編輯模式，如圖5-7所示。

步驟4選擇【多角星形工具】，打開【屬性】面板，如圖5-8所示。

步驟5單擊屬性面板中的，在彈出的【工具設(shè)置】對(duì)話框中，設(shè)置樣式為星形，邊數(shù)為8，星形頂點(diǎn)大小為0.10，單擊，如圖5-9所示。圖5-7【星形】圖形元件編輯模式

圖5-8打開【屬性】面板

圖5-9【工具設(shè)置】對(duì)話框5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例

步驟６選擇【窗口】→【顏色】，調(diào)出【顏色】面板，將筆觸顏色設(shè)為無色。在“類型”下拉列表中選擇“放射狀”，調(diào)整漸變顏色，如圖5-10所示。

步驟7

使用【多角星形工具】在舞臺(tái)上拖動(dòng)出一個(gè)星形，如圖5-11所示。圖5-10調(diào)整漸變顏色圖5-11繪制星形5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例

步驟8

選擇【窗口】→【對(duì)齊】或按下Ctrl+K鍵，打開【對(duì)齊】面板，如圖5-12所示。按下水平居中對(duì)齊和垂直居中對(duì)齊，將該圖形中心與舞臺(tái)中心對(duì)齊。

步驟9

單擊“場(chǎng)景1”，退出圖形元件的編輯模式，回到主場(chǎng)景，編輯的星形就已經(jīng)保存在【庫(kù)】中了。這樣該動(dòng)畫的基本圖形元件就已準(zhǔn)備完畢了，如圖5-13所示。圖5-12【對(duì)齊】面板

圖5-13【庫(kù)】面板

5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例5.3.4

相關(guān)知識(shí)——新增元件到庫(kù)

在FlashCS4中，如果要將對(duì)象新增到元件庫(kù)內(nèi)，最常用的方法是從舞臺(tái)中選擇某個(gè)對(duì)象轉(zhuǎn)換為元件。另外，還可以如上所述創(chuàng)建一個(gè)空元件，然后在元件編輯模式下再為其添加內(nèi)容，如此可將繪制的元件新增到元件庫(kù)內(nèi)。5.3.5

快速上手

步驟1

選擇【窗口】→【庫(kù)】或按下快捷鍵Ctrl+L，打開當(dāng)前文件的元件庫(kù)，若是新文件，則元件庫(kù)為空。

步驟2選擇【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，打開【導(dǎo)入】對(duì)話框，從中選擇要導(dǎo)入的“車2.JPG”文件，如圖5-14所示。導(dǎo)入的“車2.JPG”圖像文件便出現(xiàn)在舞臺(tái)上了。選擇【任意變形工具】，手動(dòng)調(diào)整到舞臺(tái)適當(dāng)大小，如圖5-15所示。5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例圖5-14【導(dǎo)入】對(duì)話框

圖5-15調(diào)整導(dǎo)入車的圖像文件

5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例

步驟3在舞臺(tái)上選擇導(dǎo)入的位圖對(duì)象，按下Ctrl+B鍵，將位圖分離。用【套索工具】選項(xiàng)中的【魔棒工具】去除背景，再選擇【修改】→【轉(zhuǎn)換為元件】或按F8鍵，系統(tǒng)將彈出【轉(zhuǎn)換為元件】對(duì)話框，在“名稱”框中輸入元件的名稱“車”，在“類型”選項(xiàng)中選擇“圖形”，在“注冊(cè)”中選擇中心點(diǎn)，單擊，如圖5-16所示。轉(zhuǎn)換后的“車”元件出現(xiàn)在舞臺(tái)，元件的中心點(diǎn)有一個(gè)十字，如圖5-17所示。圖5-16【轉(zhuǎn)換為元件】對(duì)話框

圖5-17轉(zhuǎn)換后的“車”元件

5.3

任務(wù)-03“創(chuàng)建星形圖形元件”案例

步驟4

選擇【窗口】→【庫(kù)】，打開【庫(kù)】面板?？梢钥吹?，在庫(kù)中出現(xiàn)了新創(chuàng)建的元件，如圖5-18所示。

步驟5

完成元件內(nèi)容的制作后，選擇【編輯】→【編輯文檔】或按下快捷鍵Ctrl+E，還可以單擊【時(shí)間軸】面板上的“場(chǎng)景1”標(biāo)簽，即退出元件編輯模式。此時(shí)，該元件的實(shí)例出現(xiàn)在舞臺(tái)中。如圖5-19所示。

步驟6

選擇【文件】→【保存】，將該文件保存為“新增元件”，新增元件到庫(kù)的操作便完成了。圖5-18

打開【庫(kù)】面板圖5-19舞臺(tái)中的元件實(shí)例

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例5.4.1

任務(wù)簡(jiǎn)介圖5-20“星光閃爍”效果

本任務(wù)主要應(yīng)用創(chuàng)建、編輯影片剪輯元件、庫(kù)的操作以及傳統(tǒng)補(bǔ)間動(dòng)畫的設(shè)置，來完成“星光閃爍”效果的制作。完成后的“星光閃爍”效果如圖5-20所示。任務(wù)快速流程

新建文件→新建元件→創(chuàng)建星形→創(chuàng)建傳統(tǒng)補(bǔ)間→編輯元件→庫(kù)→編輯場(chǎng)景→測(cè)試影片→導(dǎo)入背景→噴涂刷→應(yīng)用影片剪輯→保存動(dòng)畫。5.4.2

知識(shí)點(diǎn)

本任務(wù)主要完成“星形”影片剪輯元件的創(chuàng)建與庫(kù)的操作以及編輯影片剪輯元件,調(diào)整其透明度，創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，并在場(chǎng)景中應(yīng)用影片剪輯，完成“星光閃爍”動(dòng)畫的制作。5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例5.4.3

快速上手

步驟1

新建文件，設(shè)置文檔背景為黑色。選擇【插入】→【新建元件】命令，打開【創(chuàng)建新元件】對(duì)話框，如圖5-21所示。設(shè)置“名稱”為“star_mc”，設(shè)置“類型”為“影片剪輯”，單擊。

步驟2

選擇【多角星形工具】選項(xiàng)中的【星形】工具，繪制一個(gè)“star_mc”圖形。在【屬性】面板中調(diào)整圖形的位置和大小，完成效果如圖5-22所示。圖5-21【創(chuàng)建新元件】對(duì)話框

圖5-22繪制“star_mc”圖形

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟3

分別選中該層的第6幀和第12幀，按F6鍵插入關(guān)鍵幀，如圖5-23所示。

步驟4

選中時(shí)間軸上任意一幀，選擇【插入】→【傳統(tǒng)補(bǔ)間】或右擊，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補(bǔ)間】，在3個(gè)關(guān)鍵幀中添加兩個(gè)補(bǔ)間動(dòng)畫，時(shí)間軸效果如圖5-24所示。圖5-23插入關(guān)鍵幀

圖5-24創(chuàng)建傳統(tǒng)補(bǔ)間

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟5

調(diào)整星形的透明度。在舞臺(tái)上分別選中第1幀和第12幀的圖形元件，在【屬性】面板中將其Alpha屬性改為9%或更小，如圖5-25所示。

步驟6

回到“場(chǎng)景1”，打開【庫(kù)】面板，如圖5-26所示。圖5-25【屬性】面板圖5-26【庫(kù)】面板

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟7

將創(chuàng)建完成的影片剪輯多次拖入到場(chǎng)景中，此時(shí)影片剪輯占據(jù)了主場(chǎng)景中的一個(gè)關(guān)鍵幀，如圖5-27所示。

步驟8測(cè)試影片?？梢钥吹诫m然場(chǎng)景中只有一幀，但是動(dòng)畫依然可以播放，如圖5-28所示。在這里，如果把影片剪輯想象為一個(gè)時(shí)間軸，理解起來就很容易了。圖5-27影片剪輯只占據(jù)了一幀

圖5-28測(cè)試影片

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟9

為了使影片剪輯看上去更生動(dòng)，我們?cè)跁r(shí)間軸上增加一新層，如圖5-29所示。

步驟10

導(dǎo)入本章素材文件夾中名為“星空”的背景圖像，放在下面的層中，在上面層中添加若干星星，如圖5-30所示。圖5-29增加一新層

圖5-30導(dǎo)入“星空”的背景圖像

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟11

將庫(kù)中的影片剪輯元件拖入場(chǎng)景中若干次，在【屬性】面板中單擊“色彩效果”選項(xiàng)左側(cè)的小三角，打開“樣式”下拉菜單，選擇“高級(jí)”，打開“紅、綠、藍(lán)”選項(xiàng)，拖動(dòng)滑塊，對(duì)星星的色調(diào)進(jìn)行編輯修改，如圖5-31所示。圖5-31【屬性】面板

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟12

還可以選擇【噴涂刷工具】，【屬性】面板如圖5-32所示，再單擊，選擇【庫(kù)】中的影片剪輯元件“star_mc”，選擇“隨機(jī)縮放”，然后在舞臺(tái)中進(jìn)行噴涂。

步驟13

按下Ctrl+Enter鍵，測(cè)試影片。完成的效果如圖5-20所示。

圖5-32隨機(jī)設(shè)置

5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例5.4.4

相關(guān)知識(shí)——“將動(dòng)畫轉(zhuǎn)換成影片剪輯”

步驟1

打開一個(gè)動(dòng)畫文件，在時(shí)間軸左邊的層編輯區(qū)中，按Shift鍵，選取所有的圖層，如圖5-33所示。圖5-33選擇所有的圖層

步驟2

在時(shí)間軸的幀上右擊，然后從彈出的菜單中選擇【復(fù)制幀】命令或者選擇【編輯】→【時(shí)間軸】→【復(fù)制幀】命令，復(fù)制所有的動(dòng)畫幀。

步驟3

選擇【插入】→【新建元件】命令或按下Ctrl+F8鍵，在【創(chuàng)建新元件】對(duì)話框中，將元件命名為“電影片段”，元件類型選擇“影片剪輯”，單擊，如圖5-34所示。5.4

任務(wù)-04“創(chuàng)建星光閃爍影片剪輯元件”案例

步驟4

在出現(xiàn)的元件編輯模式下，單擊時(shí)間軸上的第1幀，從菜單中選擇【編輯】→【時(shí)間軸】→【粘貼幀】命令；或者在第1幀上右擊，從彈出的菜單中選擇【粘貼幀】命令，將已復(fù)制的全部動(dòng)畫幀粘貼進(jìn)來，如圖5-35所示。圖5-34【創(chuàng)建新元件】對(duì)話框圖5-35復(fù)制為影片剪輯元件

步驟5

選擇【編輯】→【編輯文檔】或者單擊時(shí)間軸面板上的“場(chǎng)景1”標(biāo)簽，退出元件編輯模式。至此，將動(dòng)畫轉(zhuǎn)換為影片剪輯的操作便完成了。測(cè)試影片，觀看影片效果。5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

5.5.1

任務(wù)簡(jiǎn)介

本任務(wù)通過調(diào)入“公用庫(kù)”中的按鈕，分析按鈕元件的構(gòu)造，了解按鈕的功能。通過導(dǎo)入的位圖創(chuàng)建“花形按鈕”圖形，并將該圖形應(yīng)用于按鈕的各種狀態(tài)中。完成的效果如圖5-36所示任務(wù)快速流程

打開按鈕庫(kù)→查看按鈕→新建文件→創(chuàng)建按鈕元件→編輯按鈕→測(cè)試按鈕。5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

5.5.2

任務(wù)簡(jiǎn)介

通過打開的按鈕元件，進(jìn)一步了解按鈕的構(gòu)造與功能，以便更好地應(yīng)用按鈕元件。

步驟1

打開按鈕元件庫(kù)，如圖5-37所示。將一個(gè)按鈕元件拖到舞臺(tái)上舞臺(tái)上將出現(xiàn)該元件的實(shí)例。

步驟2

選取舞臺(tái)上的實(shí)例，選擇【編輯】→【編輯元件】或按Ctrl+E鍵，進(jìn)入按鈕元件編輯模式?？梢钥吹叫略隽艘粋€(gè)“gelRight”標(biāo)簽，如圖5-38所示。圖5-37按鈕元件庫(kù)

圖5-38按鈕元件編輯模式

5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

可以看到，在按鈕元件編輯模式中，時(shí)間軸有4個(gè)幀，分別是彈起（Up）指針經(jīng)過（Over）按下（Down）和點(diǎn)擊（Hit），每一幀都有一個(gè)特定的功能，說明如下：

彈起（Up）：表示鼠標(biāo)指針沒有滑過按鈕或者單擊按鈕后又立刻釋放后的狀態(tài)。

指針經(jīng)過（Over）：表示鼠標(biāo)指針經(jīng)過按鈕上面時(shí)的狀態(tài)。

按下（Down）：表示鼠標(biāo)單擊按鈕時(shí)的外觀。

點(diǎn)擊（Hit）：用來定義可以響應(yīng)鼠標(biāo)單擊動(dòng)作的有效區(qū)域。這個(gè)區(qū)域在動(dòng)畫中是不可見的。但它定義了按鈕響應(yīng)鼠標(biāo)事件的最大區(qū)域。如果這一幀沒有定義圖形，鼠標(biāo)的響應(yīng)區(qū)域則由指針經(jīng)過和彈起兩幀的圖形來定義?？梢赃x擇移動(dòng)【時(shí)間軸】面板上的播放頭或選擇【控制】→【測(cè)試影片】或按Ctrl+Enter鍵，查看舞臺(tái)上按鈕在不同情況下的外觀。如圖5-39所示。5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

彈起指針經(jīng)過按下圖5-39按鈕在不同狀態(tài)下的外觀

5.5.3

快速上手

步驟1

新建Flash文件，創(chuàng)建按鈕所用的圖形元件。選擇【插入】→【新建元件】或按Ctrl+F8鍵，彈出【創(chuàng)建新元件】對(duì)話框，在“名稱”框中輸入“花”，在“類型”選項(xiàng)中選擇“圖形”，單擊，進(jìn)入圖形元件編輯模式，如圖5-40所示。5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

步驟2

導(dǎo)入一幅鮮花圖片，按下Ctrl+B鍵分離后去除背景，將分離后的花朵與場(chǎng)景的中心對(duì)齊，創(chuàng)建一個(gè)名為“花”的圖形元件，如圖5-41所示。5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

步驟3

選擇【編輯】→【編輯文檔】或單擊左上角的“場(chǎng)景1”，返回主界面。這時(shí)，剛剛編輯的名為“花”的圖形元件將出現(xiàn)在庫(kù)中，如圖5-42所示。

步驟4

再創(chuàng)建一按鈕元件，名稱為“按鈕”，單擊后，進(jìn)入按鈕元件編輯模式，時(shí)間軸變?yōu)?幀，如圖5-43所示。圖5-42庫(kù)中的“花”圖形元件

圖5-43按鈕的編輯模式

5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

步驟5

在“彈起”幀上右擊，從彈出的菜單中選擇【插入關(guān)鍵幀】命令，或?qū)?kù)中名為“花”的圖形元件拖入舞臺(tái)中央與中心點(diǎn)對(duì)齊，這樣就創(chuàng)建了“彈起”幀的圖像，如圖5-44所示。

步驟6

在“指針經(jīng)過”幀上右擊，從彈出的菜單中選擇【插入關(guān)鍵幀】第2幀的圖像就出現(xiàn)在舞臺(tái)上了。選中該圖像，在【屬性】面板中的“顏色”選項(xiàng)中選擇“高級(jí)”，進(jìn)行設(shè)置，更改圖形顏色，效果如圖5-45所示。圖5-44創(chuàng)建“彈起”幀的圖像

圖5-45更改圖形顏色效果

5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

步驟7

復(fù)制第1幀，在“按下”幀上右擊，從彈出的菜單中選擇【插入關(guān)鍵幀】或?qū)?kù)中名為“花”的圖形元件拖入舞臺(tái)中央與中心點(diǎn)對(duì)齊，第3幀“按下”幀的圖像就出現(xiàn)在舞臺(tái)上了。應(yīng)用【任意變形工具】，將該圖形元件進(jìn)行縮小，結(jié)果如圖5-46所示。

步驟8

在“點(diǎn)擊”幀上右擊，從彈出的菜單中選擇【插入關(guān)鍵幀】，第4幀的圖像就出現(xiàn)在舞臺(tái)上了。應(yīng)用【任意變形工具】，將該圖形元件進(jìn)行放大，設(shè)置感應(yīng)區(qū)域，結(jié)果如圖5-47所示。圖5-46“按下”幀的圖像

圖5-47“點(diǎn)擊”幀的圖像

5.5

任務(wù)-05“創(chuàng)建交互式按鈕元件”案例

步驟9

整個(gè)按鈕元件創(chuàng)建完畢后，返回主界面“場(chǎng)景1”。將庫(kù)中存放著的按鈕元件拖曳到舞臺(tái)中央，如圖5-48、圖5-49所示。圖5-48庫(kù)中的按鈕元件

圖5-49拖曳到舞臺(tái)的按鈕

步驟10

選擇【控制】→【測(cè)試影片】或選擇【啟用簡(jiǎn)單按鈕】測(cè)試結(jié)果如圖5-36所示。5.6

任務(wù)-06創(chuàng)建與編輯實(shí)例

5.6.1

任務(wù)簡(jiǎn)介

創(chuàng)建元件之后，就可以將元件應(yīng)用到工作區(qū)中。所有創(chuàng)建實(shí)例的方法都是一樣的，即選中庫(kù)中的元件，按住鼠標(biāo)左鍵拖曳到舞臺(tái)上再釋放鼠標(biāo)即可。元件一旦從元件庫(kù)中被拖曳到工作區(qū)，就變成了“實(shí)例”。可以在文檔中任何地方（包括在其他元件內(nèi)）創(chuàng)建該元件的實(shí)例。當(dāng)修改元件時(shí)，F(xiàn)lash會(huì)更新元件的所有實(shí)例。5.6.2

知識(shí)點(diǎn)

創(chuàng)建影片剪輯的實(shí)例與創(chuàng)建包含動(dòng)畫的圖形實(shí)例是不同的，影片剪輯是只需要一個(gè)幀就可以播放的動(dòng)畫，而且編輯環(huán)境中不能演示動(dòng)畫效果；而包含動(dòng)畫的圖形元件實(shí)例，則必須在與其元件同樣長(zhǎng)的幀中放置，才能顯示完整的動(dòng)畫。5.6

任務(wù)-06創(chuàng)建與編輯實(shí)例

5.6.3

快速上手注意：

步驟1

在時(shí)間軸上選擇一層。Flash只可以將實(shí)例放在關(guān)鍵幀中，并且總在當(dāng)前圖層上。如果沒有選擇關(guān)鍵幀，F(xiàn)lash會(huì)將實(shí)例添加到當(dāng)前幀左側(cè)的第一個(gè)關(guān)鍵幀上。

步驟2

選擇【窗口】→【庫(kù)】命令。

步驟3

將該元件從庫(kù)中拖到舞臺(tái)上。

步驟4

如果已經(jīng)創(chuàng)建了圖形元件的實(shí)例，若要添加將包含該圖形元件的幀數(shù)，可選擇【插入】→【時(shí)間軸】→【幀】命令。

一個(gè)元件可以創(chuàng)建多個(gè)實(shí)例，而且每一個(gè)實(shí)例在創(chuàng)建時(shí)都擁有和其元件相同的屬性。5.6

任務(wù)-06創(chuàng)建與編輯實(shí)例

5.6.4

相關(guān)知識(shí)要編輯實(shí)例的屬性，可以使用【屬性】面板，如圖5-50所示。1.編輯實(shí)例的色彩效果

在【屬性】面板中，打開“色彩效果”選項(xiàng)中的“樣式”下拉列表，可以看到其設(shè)置，如圖5-51所示。圖5-50實(shí)例的【屬性】面板

圖5-51“樣式”下拉列表

5.6

任務(wù)-06創(chuàng)建與編輯實(shí)例

無：表示不進(jìn)行色彩調(diào)整工作。

亮度：可以調(diào)整實(shí)例的亮度，在后面的框中設(shè)置范圍，從黑色-100%到白色100%，數(shù)值越小則越暗。

色調(diào)：可以調(diào)整實(shí)例的色調(diào)，在顏色框中選擇一種顏色，或從顏色面板中選擇一種顏色，或在RGB框中輸入紅色、綠色、藍(lán)色值，最后設(shè)定色調(diào)的百分比，100%表示實(shí)例被該顏色百分之百滲透。

Alpha：可以調(diào)整實(shí)例的透明度，數(shù)值越高越不透明。

高級(jí)：可以分別調(diào)節(jié)實(shí)例的紅、綠、藍(lán)和透明度的值。對(duì)于在諸如位圖這樣的對(duì)象上創(chuàng)建和制作具有微妙色彩效果的動(dòng)畫時(shí)，該選項(xiàng)非常重要。5.6

任務(wù)-06創(chuàng)建與編輯實(shí)例

2.改變實(shí)例類型

在實(shí)例【屬性】面板中，“實(shí)例行為”下拉列表中有3種：影片剪輯、按鈕和圖形，要改變實(shí)例的行為，可進(jìn)行如下設(shè)置：

影片剪輯：當(dāng)選擇了【影片剪輯】后，在“實(shí)例名稱”框內(nèi)可以為實(shí)例輸入一個(gè)名