Flash動畫制作課件之圖像與元件

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

導(dǎo)入圖像

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

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

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

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

編輯圖像

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

件。如果要替換元件的所有實例，可拖動具

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

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

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

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

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

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

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

時，舞臺中心有一個十字型標(biāo)記，表示頁面的

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

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

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

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

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

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

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

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

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

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

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

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

“花”圖形元件拖動到舞臺中。9、單擊【時間軸】面板中的【添加運動引導(dǎo)層】

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

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

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

對象〔SnaptoObjects〕】按鈕，然后單擊

圖層1中的花朵，將其移動到運動路徑的頂

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

板，在【補間】下拉列表中選擇【動作】，

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

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

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

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

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

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

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

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

是將花朵稍微縮小一點，并繪制不同的路徑，

如以下圖所示。18、單擊舞臺上方的【場景1】按鈕，切換到場景

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

動到舞臺中的不同位置。單擊第40幀，按

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

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

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

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

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

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

話框中選擇【影片剪輯】單項選擇項，并將元件命

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

界面。4、將元件庫中的“花”圖形元件拖動到舞臺中，并

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

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

下拉列表中選擇【動作】，然后在下面的【旋

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

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

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

出一個“花”圖形元件到舞臺中，放置到適宜位

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

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

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

花1”圖形元件拖動到舞臺中，并放置到舞臺的

左側(cè)。這時的舞臺效果和時間軸如以下圖所示。10、單擊【場景1】按鈕進入主場景1，單擊圖層

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

件庫，從中拖動“逝去”影片剪輯元件到舞臺

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

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

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

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

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

1、新建一個文件，在舞臺中使用【橢圓工具】繪

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

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

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

形工具】將其縮小，拖動過程中按【Shift+Alt】

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

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

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

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

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

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

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

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

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

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

其保存起來。5.6

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

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

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

項，如下圖。2、單擊【確定】按鈕進入按鈕元件編輯窗口，

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

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

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

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

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

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

舞臺和時間軸如下圖。6、翻開元件庫，將制作完成的按鈕元件拖動到

主場景的舞臺中，按【Ctrl+Enter】組合鍵測

試按鈕的效果，如下圖。

編輯按鈕元件

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

1、選擇一個按鈕元件，雙擊此元件進入按鈕元

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

聲音文件。

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