Flash動(dòng)畫制作課件之圖像與元件

第5章圖像與元件 本章要點(diǎn)圖像操作元件介紹創(chuàng)立三種元件5.1

導(dǎo)入圖像

導(dǎo)入圖像導(dǎo)入文件或圖片的操作如下：1、執(zhí)行【文件】【導(dǎo)入〔Import〕】命令，或者

按【Ctrl+R】組合鍵，翻開的【導(dǎo)入】對(duì)話框。2、選擇要導(dǎo)入文件的保存位置，然后在下面的列表

框中選擇要導(dǎo)入的文件。3、單擊【翻開】按鈕即可將選擇的文件導(dǎo)入到當(dāng)

前文件中。5.1.2導(dǎo)入圖像應(yīng)注意的問題在導(dǎo)入文件時(shí)，經(jīng)常遇到以下問題：如果執(zhí)行的是【文件】【導(dǎo)入到庫(ImporttoLibrary)】命令，可以直接導(dǎo)入元件庫，在其中直接調(diào)用需要的文件即可。在導(dǎo)入文件時(shí)，如果導(dǎo)入目錄下的文件是一組序列文件，那么會(huì)彈出如下圖的詢問對(duì)話框，這時(shí)可以根據(jù)需要進(jìn)行選擇。在導(dǎo)入FlashMX不兼容的文件時(shí)，會(huì)彈出一個(gè)警告對(duì)話框，如下圖，指示該文件不能被導(dǎo)入到FlashMX中。這時(shí)只能單擊【確定】按鈕取消此次導(dǎo)入操作?？梢詫⑦x擇的多個(gè)文件同時(shí)導(dǎo)入。在制作過程中，如果已經(jīng)執(zhí)行了復(fù)制操作，可以直接執(zhí)行【編輯】【粘貼】命令或者按【Ctrl+V】組合鍵將剪貼板中的內(nèi)容粘貼到舞臺(tái)中。5.2

編輯圖像

將圖像轉(zhuǎn)換為矢量圖轉(zhuǎn)換方法如下：1、首先導(dǎo)入一幅位圖圖像，然后使用【畫筆工

具】在圖像上繪制一些色彩，如下圖。2、執(zhí)行【修改】【別離】命令將圖像別離。

這時(shí)，位圖被轉(zhuǎn)換為矢量圖形，如下圖。3、用鼠標(biāo)拖動(dòng)圖形的線條，會(huì)使圖形的邊緣彎

曲成弧形，圖案會(huì)等比例向外延續(xù)，并且使

圖像有序地重復(fù)排列，如下圖。4、這時(shí)再用【畫筆工具】在圖像上繪制，就會(huì)

看到圖像被色彩覆蓋了，如下圖。

將圖像轉(zhuǎn)換為矢量色塊將矢量圖轉(zhuǎn)換為矢量色塊的操作步驟如下：1、繼續(xù)上面的例子。將舞臺(tái)中所有內(nèi)容刪除，打

開元件庫面板，圖像拖動(dòng)到舞臺(tái)上。2、執(zhí)行【修改】【轉(zhuǎn)換位圖為矢量圖〔Trace

Bitmap〕】命令，翻開如下圖的對(duì)話框。3、在此對(duì)話框中可以設(shè)置以下選項(xiàng)：顏色閾值〔Color〕：最小區(qū)域〔MinimumArea〕：曲線擬合〔CurveFit〕：角閾值〔Corner〕：4、設(shè)置完成后，單擊【確定】按鈕，會(huì)出

現(xiàn)轉(zhuǎn)換進(jìn)度框。5、取消對(duì)圖像的選擇。在【混色器】面板中設(shè)置

一種橙黃色到白色的線性漸變，然后在圖像中

單擊，得到如下圖的效果。

設(shè)置圖像資源屬性翻開元件庫面板，導(dǎo)入的圖像被放置在元件庫面板中。在元件庫面板中雙擊圖像資源圖標(biāo)，翻開如下圖的【位圖屬性〔BitmapProperties〕】對(duì)話框。5.3關(guān)于元件

元件庫面板和元件圖所示是一個(gè)含有各種元件的元件庫面板。創(chuàng)立元件

元件：是FlashMX中可以重復(fù)利用的圖像、動(dòng)畫或按鈕，應(yīng)用元件可以使動(dòng)畫的編輯更簡單化。元件主要包括三種：圖形元件按鈕元件影片剪輯元件。兩種新建元件庫的方法：1、在元件庫中單擊【新建元件】按鈕創(chuàng)立元件2、就是通過【插入】【新建元件〔New

Symbol〕】命令來創(chuàng)立元件〔或按【Ctrl+F8】

組合鍵創(chuàng)立元件〕。

編輯元件元件的編輯可以在多種模式下進(jìn)行：1、一般的元件編輯模式2、在當(dāng)前環(huán)境下進(jìn)行編輯3、在新窗口中編輯。一、在元件編輯模式下進(jìn)行編輯兩種常用從主場(chǎng)景切換到元件編輯模式的方式：選取要編輯的元件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【編輯】命令，進(jìn)入元件編輯模式。在元件庫中選擇要進(jìn)行編輯的元件，雙擊預(yù)覽框，進(jìn)入元件編輯模式。二、在當(dāng)前模式下編輯元件右擊元件實(shí)例，在彈出的快捷菜單中選擇【在當(dāng)前位置上編輯〔EditInPlace〕】命令，在當(dāng)前窗口中的其他對(duì)象變灰，被編輯元件的名稱出現(xiàn)在舞臺(tái)頂端的信息欄中。三、在新窗口中編輯在場(chǎng)景中右鍵單擊某實(shí)例，從彈出的快捷菜單中選擇【在新建窗口中編輯〔EditInNewWindow〕】命令，可翻開新窗口編輯元件。

元件的變形執(zhí)行【窗口】【變形】命令將【變形】面板調(diào)出，如下圖，可在面板里設(shè)置其相應(yīng)的屬性。

其他屬性的調(diào)整其他屬性的調(diào)整，可以通過【屬性】面板來完成。在【顏色】下拉列表中選擇某一項(xiàng)可以調(diào)整實(shí)例的相關(guān)屬性，如下圖，

為實(shí)例指定不同元件給實(shí)例指定不同的元件操作步驟：1、在舞臺(tái)中單擊選中要指定其他元件的實(shí)例，

翻開屬性面板。2、在【屬性】面板中單擊【交換元件〔Swap

Symbol〕】按鈕，翻開如下圖的對(duì)話框。3、在其中選擇一個(gè)元件替換當(dāng)前的元件。單擊對(duì)

話框底部的【復(fù)制元件〔Duplicate

Symbol〕】按鈕可復(fù)制選中的元件。4、單擊【確定】按鈕，即可為實(shí)例指定其他元

件。如果要替換元件的所有實(shí)例，可拖動(dòng)具

有相同名稱的元件到元件庫面板中。5.3.7改變?cè)愋头椒ㄊ且唬嚎梢酝ㄟ^【屬性】面板設(shè)置來改變實(shí)例類型，翻開【屬性】面板，單擊【元件行為〔SymbolBehavior〕】下拉按鈕，從列表框中選擇【圖形〔Graphic〕】、【按鈕】和【影片剪輯〔MovieClip〕】三種類型之一。方法二：在元件庫中右鍵單擊某元件，從彈出的快捷菜單中選擇【行為〔Behavior〕】的子菜單項(xiàng)，如下圖。張瑞杰老師完整Flash視頻課程學(xué)習(xí)地址：

〔網(wǎng)站制作模塊〕，一個(gè)月輕松成為Flash動(dòng)畫制作高手！5.4圖形元件沿軌跡運(yùn)動(dòng)一、“小飛機(jī)沿軌跡運(yùn)動(dòng)”第一步：新建影片新建一個(gè)電影文件，在屬性對(duì)話框中，設(shè)定動(dòng)畫尺寸，背景顏色為蘭色。第二步：制作小飛機(jī)組件1、利用矩形工具在舞臺(tái)上拖一矩形，用箭頭工具向外拖一角，再將另一對(duì)角向內(nèi)拖動(dòng)，用直線工具連接剛拖過的兩個(gè)角，利用漆桶工具改變兩三角的顏色。2、利用箭頭工具選中整個(gè)飛機(jī)，執(zhí)行“插入/轉(zhuǎn)換為元件”，那么飛機(jī)上出現(xiàn)一小“+”字。第三步：制作動(dòng)畫1、創(chuàng)立飛機(jī)運(yùn)動(dòng)圖層：(1)單擊第一層的第1幀，將飛機(jī)拖放在場(chǎng)景中的左上角。(2)選擇第20幀，按F6鍵插入關(guān)鍵幀。(3)在第1幀處找到屬性面板，建立1—20幀之間的小飛機(jī)運(yùn)動(dòng)動(dòng)畫，補(bǔ)間改成動(dòng)作，旋轉(zhuǎn)可無，也可自動(dòng)旋轉(zhuǎn)等。在“調(diào)整到路徑”上打勾。

2、創(chuàng)立引導(dǎo)層單擊時(shí)間軸窗口上的“添加引導(dǎo)圖層”按鈕，或執(zhí)行“插入/運(yùn)動(dòng)引導(dǎo)層”為第一圖層增加一個(gè)引導(dǎo)圖層。在繪圖工具箱中選擇鉛筆工具，并選擇鉛筆工具的附屬選項(xiàng)“平滑”。然后用鉛筆工具在場(chǎng)景中畫一個(gè)平滑曲線。3、選擇第一層的第1幀。拖動(dòng)第1幀上的飛機(jī)到曲線左端點(diǎn)上，注意一定要“+”與線一端對(duì)準(zhǔn)。4、選擇第一層的第20幀。用同樣的方法將飛機(jī)拖動(dòng)到曲線的右端點(diǎn)上。5、按Enter測(cè)試二、“落花飄舞”：操作步驟如下：1、新建一個(gè)文件，在屬性面板中設(shè)置背景顏色為

藍(lán)色，如下圖。2、執(zhí)行【插入】【新建元件】命令，翻開【創(chuàng)立

新元件】對(duì)話框，在【名稱〔Name〕】文本

框中輸入“花”作為元件的名稱，并選擇【圖

形】單項(xiàng)選擇項(xiàng)，如下圖。3、單擊【確定】按鈕進(jìn)入該元件的編輯狀態(tài)，這

時(shí)，舞臺(tái)中心有一個(gè)十字型標(biāo)記，表示頁面的

中心坐標(biāo)點(diǎn)。4、在工具箱的顏色區(qū)中設(shè)置【筆觸顏色】為無

色，填充色為一種白色到紫色的線性漸變，

如下圖。5、在工具箱中單擊【橢圓工具】，在舞臺(tái)中繪

制一個(gè)圓形，并且使用【箭頭工具】調(diào)整它

的形狀，如下圖。6、選中此矢量圖，按【Ctrl+C】組合鍵將其復(fù)

制，然后粘貼4份，并且使用【任意變形】工

具旋轉(zhuǎn)它們的角度，使其組成一個(gè)漂亮的花

朵，再在花朵中間繪制一個(gè)黃色的圓心，如

圖所示。7、執(zhí)行【插入】【新建元件】命令，翻開【創(chuàng)

建新元件】對(duì)話框，命名為“落花1”，然后選

擇【圖形】單項(xiàng)選擇項(xiàng)，單擊【確定】按鈕創(chuàng)立

一個(gè)新元件，并進(jìn)入其編輯界面。8、執(zhí)行【窗口】【庫】命令將元件庫翻開，將

“花”圖形元件拖動(dòng)到舞臺(tái)中。9、單擊【時(shí)間軸】面板中的【添加運(yùn)動(dòng)引導(dǎo)層】

按鈕建立一個(gè)導(dǎo)向圖層，為第一層增加一個(gè)動(dòng)

畫導(dǎo)向圖層，如下圖。10、在工具箱中單擊【鉛筆工具】，在舞臺(tái)中繪

制落花飄動(dòng)的路徑，如下圖。11、選擇【箭頭工具】，在選項(xiàng)區(qū)中單擊【對(duì)齊

對(duì)象〔SnaptoObjects〕】按鈕，然后單擊

圖層1中的花朵，將其移動(dòng)到運(yùn)動(dòng)路徑的頂

端，將花朵吸附到路徑上，如下圖。12、單擊花朵所在層的第1幀，翻開【屬性】面

板，在【補(bǔ)間】下拉列表中選擇【動(dòng)作】，

如下圖。13、單擊引導(dǎo)層的第15幀，按【F5】鍵插入一個(gè)

普通幀，然后單擊圖層1的第15幀，按【F6】

鍵插入一個(gè)關(guān)鍵幀，并且將花朵移動(dòng)到路徑的

中間位置，這時(shí)的舞臺(tái)如下圖。14、選擇工具箱中的【任意變形工具】，將花朵

旋轉(zhuǎn)一定的角度。15、選中引導(dǎo)層的第15幀，將其拖動(dòng)到第40幀，

使其延續(xù)到此位置。再單擊圖層1的第40

幀，插入一個(gè)關(guān)鍵幀。將花朵移動(dòng)到路徑

的最底端。這的舞臺(tái)和時(shí)間軸如以下圖所示。16、使用【任意變形工具】將花朵旋轉(zhuǎn)一個(gè)角度。17、用同樣的方法制作一個(gè)“落花2”圖形元件，只

是將花朵稍微縮小一點(diǎn)，并繪制不同的路徑，

如以下圖所示。18、單擊舞臺(tái)上方的【場(chǎng)景1】按鈕，切換到場(chǎng)景

中。在翻開的元件庫中將“落花1”和“落花2”拖

動(dòng)到舞臺(tái)中的不同位置。單擊第40幀，按

【F5】鍵插入一幀，執(zhí)行【控制】【測(cè)試影

片】命令，可以觀看花朵落地的效果。19、到達(dá)滿意的效果后，執(zhí)行【文件】【保存】

命令將其保存為“落花”。5.5

影片剪輯元件創(chuàng)立影片剪輯元件下面介紹創(chuàng)立影片剪輯元件的一般方法。為了方便，接著上一節(jié)圖形元件的實(shí)例繼續(xù)操作。具體步驟如下：1、新建一個(gè)文件，然后執(zhí)行【文件】【作為庫打

開〔OpenAsLibrary〕】命令，將上面制作的

“落花”動(dòng)畫在元件庫中翻開，如下圖。2、執(zhí)行【插入】【新建元件】命令，在翻開的對(duì)

話框中選擇【影片剪輯】單項(xiàng)選擇項(xiàng)，并將元件命

名為“逝去”，如下圖。3、單擊【確定】按鈕進(jìn)入該影片剪輯元件的編輯

界面。4、將元件庫中的“花”圖形元件拖動(dòng)到舞臺(tái)中，并

且放置到適宜位置，然后適當(dāng)調(diào)整它的大小。5、單擊第30幀，按【F6】鍵插入一個(gè)關(guān)鍵幀，使

用【任意變形工具】將其縮小，如下圖。6、單擊第1幀，翻開【屬性】面板，在【補(bǔ)間】

下拉列表中選擇【動(dòng)作】，然后在下面的【旋

轉(zhuǎn)】列表中選擇【順時(shí)針旋轉(zhuǎn)】，并在右側(cè)的

數(shù)值框中輸入1〔表示旋轉(zhuǎn)一圈〕，如下圖。7、單擊時(shí)間軸面板中的【插入圖層】按鈕，再插

入一個(gè)圖層2。單擊第一幀，再從元件庫中拖

出一個(gè)“花”圖形元件到舞臺(tái)中，放置到適宜位

置并調(diào)整它的大小。8、在第30幀處插入一個(gè)關(guān)鍵幀，用同樣的方法設(shè)

置圖層2第1幀的屬性，如下圖，此元件逆時(shí)

針旋轉(zhuǎn)2圈。9、再新建一個(gè)圖層，將“落花”動(dòng)畫元件庫中的“落

花1”圖形元件拖動(dòng)到舞臺(tái)中，并放置到舞臺(tái)的

左側(cè)。這時(shí)的舞臺(tái)效果和時(shí)間軸如以下圖所示。10、單擊【場(chǎng)景1】按鈕進(jìn)入主場(chǎng)景1，單擊圖層

1的第1幀，導(dǎo)入一幅圖像，如下圖。11、新建一個(gè)圖層，單擊其中的第1幀，翻開元

件庫，從中拖動(dòng)“逝去”影片剪輯元件到舞臺(tái)

中，如下圖。12、再在舞臺(tái)右下角放置該影片剪輯元件，并使

用【任意變形工具】將其適當(dāng)縮小。13、執(zhí)行【文件】【保存】命令，將該動(dòng)畫保存

為“冬日飄花”。張瑞杰老師完整Flash視頻課程學(xué)習(xí)地址：

〔網(wǎng)站制作模塊〕，一個(gè)月輕松成為Flash動(dòng)畫制作高手！全網(wǎng)最優(yōu)秀的平面設(shè)計(jì)美女專家講師劉麗娜老師九張DVD原創(chuàng)視頻課程，讓您兩個(gè)月內(nèi)輕松成為平面設(shè)計(jì)高手！學(xué)習(xí)地址：

將舞臺(tái)中的對(duì)象轉(zhuǎn)換為影片剪輯元件將舞臺(tái)中的對(duì)象轉(zhuǎn)換為影片剪輯元件方法：

1、新建一個(gè)文件，在舞臺(tái)中使用【橢圓工具】繪

制一個(gè)圓形。2、執(zhí)行【窗口】【混色器】命令，翻開【混色

器】面板，設(shè)置成如下圖的效果。3、從工具箱中選擇【顏料桶工具】，在圓形填充

區(qū)域單擊使其變成一個(gè)圓球體，如下圖。4、單擊第10幀，插入一個(gè)關(guān)鍵幀，使用【任意變

形工具】將其縮小，拖動(dòng)過程中按【Shift+Alt】

組合鍵使其以當(dāng)前球體為同心圓縮小。5、在第20幀插入一個(gè)關(guān)鍵幀，將球體重新放大。

分別設(shè)置第1幀和第10幀的屬性，如下圖。6、在時(shí)間軸面板中單擊第1幀，按住【Shift】鍵，

再單擊第20幀，將這些幀選中，然后單擊鼠標(biāo)

右鍵，從彈出的快捷菜單中選擇【拷貝幀】命

令，如下圖。7、按【Ctrl+F8】組合鍵新建一個(gè)影片剪輯元件，單擊該元件編輯界面的第1幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【粘貼幀】命令。這時(shí)的舞臺(tái)和時(shí)間軸如下圖。8、將場(chǎng)景1中的所有內(nèi)容刪除，然后從元件庫

中拖動(dòng)剛剛創(chuàng)立的元件到舞臺(tái)中。9、單擊選中該元件的實(shí)例，翻開【屬性】面板，

在【顏色】下拉列表中選擇【色調(diào)】，然后

設(shè)置其中的RGB顏色值，如下圖。10、執(zhí)行【控制】【測(cè)試影片】命令或者按

【Ctrl+Enter】組合鍵，可以測(cè)試該元件

實(shí)例的效果。單擊【Ctrl+S】組合鍵將

其保存起來。5.6

按鈕元件按鈕元件有4種根本的鼠標(biāo)狀態(tài)，在時(shí)間軸上表現(xiàn)為4幀，如下圖。彈起：指針經(jīng)過：按下：點(diǎn)擊：創(chuàng)立按鈕元件按鈕的一般創(chuàng)立方法：1、新建一個(gè)文件，執(zhí)行【插入】【新建元件】

命令，翻開【創(chuàng)立新元件】對(duì)話框。為元件

命名，并在【行為】區(qū)中選擇【按鈕】單項(xiàng)選擇

項(xiàng)，如下圖。2、單擊【確定】按鈕進(jìn)入按鈕元件編輯窗口，

每幀顯示彈起、按下、指針經(jīng)過和點(diǎn)擊4個(gè)

狀態(tài)中的一個(gè)。3、單擊【彈起】幀，在舞臺(tái)中使用【矩形工

具】繪制如下圖的圖形。除了繪制圖形

外，還可以拖入圖形元件或?qū)胛粓D。4、單擊【指針經(jīng)過】幀，插入關(guān)鍵幀。用同樣

的方法在【按下】幀插入一個(gè)關(guān)鍵幀，然后

修改它的效果。圖所示是這兩幀的按鈕狀態(tài)。5、最后，在【點(diǎn)擊】狀態(tài)插入關(guān)鍵幀。這時(shí)的

舞臺(tái)和時(shí)間軸如下圖。6、翻開元件庫，將制作完成的按鈕元件拖動(dòng)到

主場(chǎng)景的舞臺(tái)中，按【Ctrl+Enter】組合鍵測(cè)

試按鈕的效果，如下圖。

編輯按鈕元件

一、為按鈕添加聲音為按鈕添加聲音的操作步驟：

1、選擇一個(gè)按鈕元件，雙擊此元件進(jìn)入按鈕元

件的編輯界面，新建一個(gè)聲音層，用來放置

聲音文件。

2、單擊【指針經(jīng)過】幀，插入一個(gè)關(guān)