FLASH動(dòng)畫制作基礎(chǔ)

第4章Flash動(dòng)畫制作基礎(chǔ)

學(xué)習(xí)目標(biāo)

?繪制和編輯Flash對(duì)象

?使用圖層、面板和符號(hào)

?制作Flash的三種符號(hào)

?制作Flash的五種動(dòng)畫

?給按鈕加動(dòng)作

?給作品加聲音

返回總目錄

第4章Flash動(dòng)畫制作基礎(chǔ)

教學(xué)內(nèi)容

4.1Flash基石出知識(shí)

4.2Flash制作實(shí)例

4.3給作品加按鈕

44給作品加聲音

本章小結(jié)

返回目錄

4.1Flash基礎(chǔ)知識(shí)一Flash軟件概述

1.Flash文件格式

Flash的文件格式有兩種：.fla格式和.swf格式。其

中，.fla格式是Flash的源程序格式，.swf格式是Flash打包

之后的格式，這種格式只能在動(dòng)畫播放器FlashPlayer中

播放，不能對(duì)動(dòng)畫編輯或修改。

2.矢量圖形特點(diǎn)

矢量是包含顏色和位置屬性的直線或曲線，用少量的

矢量數(shù)據(jù)就能描述一個(gè)復(fù)雜對(duì)象，不但可以無限放大，而

且所占存貯空間只是位圖圖像的幾千分之一。因此，

Flash制作的文件都非常小，只有幾千字節(jié)。Flash播放器

也非常小，不超過170K。非常適合在網(wǎng)上使用。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一Flash軟件概述

3.流技術(shù)和Action語句作用

Flash的流技術(shù)使得用戶可以邊下載邊觀看，即后面內(nèi)

容還沒有完全下載到硬盤就開始欣賞動(dòng)畫效果。Flash獨(dú)

特的Action語句能讓用戶方便地控制動(dòng)畫播放，大大提高

了它的交互能力。

4.Flash的用途

Flash的用途主要有：主頁制作、網(wǎng)上廣告、Logo

（網(wǎng)站標(biāo)志）、平面動(dòng)畫、電視字幕、MTV、電子賀卡、

網(wǎng)絡(luò)游戲、軟件教程、網(wǎng)上發(fā)布的個(gè)人簡(jiǎn)歷、產(chǎn)品展示、

電子教案、多媒體光盤等。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一認(rèn)識(shí)Flash界面

單擊“開始”一“程序”一

“Macromedia”一＞"Macrome

diaFlashMX2004”,啟動(dòng)Flash

程序，打開起始頁。起始頁分3

個(gè)列表項(xiàng)：打開最近項(xiàng)目、創(chuàng)建

新項(xiàng)目、從模板創(chuàng)建。FlashMX

2004工作界面如圖所示。主要

由菜單欄、工具箱、場(chǎng)景面板、

時(shí)間軸面板、屬性面板、其他面

板組和場(chǎng)景（舞臺(tái)）。FlashMX2004工作界面

返回目錄

4.1Flash基石出知識(shí)一Flash常用面板

Flash常用面板有“浮動(dòng)”和“可停靠”特性。

1.信息面板

信息面板提供操作過程中相關(guān)信息。

2.對(duì)齊面板

對(duì)齊面板用于設(shè)置所選對(duì)象的對(duì)齊方式、分布方式、

匹配方式和間隔距離。按住Shift鍵不松手單擊各個(gè)對(duì)象,

可以將多個(gè)對(duì)象同時(shí)選中。

3.變形面板

變形面板設(shè)置對(duì)象的各種變型，如縮放、旋轉(zhuǎn)、扭

曲，還可以用來復(fù)制所產(chǎn)生的變型體。

6

返回目錄

4.1Flash基石出知識(shí)一Flash常用面板

4.顏色樣本面板

顏色樣本面板實(shí)際是顏色庫，顯示系統(tǒng)默認(rèn)提供的實(shí)

色和漸變。單擊面板右上方下拉按鈕，用顯示的菜單選項(xiàng)

為面板增加色樣或減少色樣。

5.混色器面板

混色器面板用于設(shè)置圖形邊框色、填充色和透明度，

改變漸變填充的油漆桶顏色。

6.歷史記錄面板

歷史記錄面板可以撤消對(duì)文檔所做的一系列更改。默

認(rèn)情況下，F(xiàn)lash可以撤消100次更改，按倒序的順序撤

消所執(zhí)行的操作。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一Flash常用面板

7.影片瀏覽器面板

影片瀏覽器面板用于排列、定位和編輯媒

體。影片瀏覽器面板通過樹型結(jié)構(gòu)提供文檔的結(jié)

構(gòu)信息和流的信息。

8.屬性面板

屬性面板用于對(duì)圖形、圖像、文檔等對(duì)象做相

應(yīng)設(shè)置，對(duì)象的動(dòng)作設(shè)置也在屬性面板中進(jìn)行。

屬性面板的內(nèi)容隨所選對(duì)象的不同而變化。

8

返回目錄

4.1Flash基礎(chǔ)知識(shí)一對(duì)象的繪制與編輯

1.使用線條工具

方法：在工具箱單擊“線條工具”一打開屬性面板一在屬性面板

中設(shè)

置線型、顏色、粗細(xì)一在工作區(qū)中畫線。繪制時(shí)按下shift鍵可沿水

平、垂直或45度方向畫線。

2.使用鉛筆工具

方法：?jiǎn)螕簟般U筆工具”-＞屬性面板中設(shè)置線型、顏色、粗細(xì)一

在工

作區(qū)中畫線。繪制時(shí)按下shift鍵可沿水平、垂直方向畫線條。

3.使用刷子工具

刷子工具又稱為筆刷工具，繪制的對(duì)象實(shí)際上是沒有邊線的填充

區(qū)域。它可以更改工作區(qū)中任意區(qū)域的顏色，可以制作書法效果，可

以將導(dǎo)入的位圖作為筆刷來繪畫，還可以調(diào)整刷子的壓力來控制線條

的粗細(xì)和效果。

9

返回目錄

4.1Flash基礎(chǔ)知識(shí)一對(duì)象的繪制與編輯

4.使用橢圓工具和矩形工具

單擊“橢圓工具或矩形工具”一在屬性面板中設(shè)置邊線的線型、顏

色、粗細(xì)一設(shè)置填充顏色一在場(chǎng)景中拖動(dòng)鼠標(biāo)畫出一個(gè)單色圓或矩形。

5.使用墨水瓶工具

墨水瓶工具用來更改線條的顏色和樣式，不管線條是否處于選中狀

態(tài)，都可以用墨水瓶工具改變線條的顏色和類型。

6.使用油漆桶工具

油漆桶工具用來更改或填充區(qū)域顏色，能自動(dòng)使顏料按照閉合方式

填充。

7.使用橡皮工具

橡皮工具用來擦除對(duì)象，有5種模式。

8.使用滴管工具

滴管工具又稱為滴管，使用滴管工具時(shí)鼠標(biāo)變?yōu)橐粋€(gè)滴管形狀，用

滴管單擊對(duì)象，能從已有的圖形或字符中獲取顏色、圖案、字符大小等

屬性，并將這些屬性通過繪圖工具賦予其他處理對(duì)象。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一對(duì)象的繪制與編輯

9.使用選擇工具

選擇工具按鈕在工具箱左上角，用于選取對(duì)象，也用

來改變圖形形狀，拉長(zhǎng)或縮短線條長(zhǎng)度。

10.使用“部分選取工具”

“部分選取工具”按鈕位于工具箱右上角，以貝賽爾

曲

線方式編輯圖形。拖動(dòng)輪廓的節(jié)點(diǎn)或節(jié)點(diǎn)切線可改變輪廓

形狀，拖動(dòng)整個(gè)輪廓可移動(dòng)圖形。

11.使用套索工具

使用套索工具可以選取任意形狀的區(qū)域。在場(chǎng)景中拖

動(dòng)鼠標(biāo)畫出一個(gè)區(qū)域，區(qū)域內(nèi)的對(duì)象即被選中。雙擊鼠標(biāo)

可閉合選擇區(qū)域。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一對(duì)象的繪制與編輯

12.使用鋼筆工具

鋼筆工具的后用是：讓輪廓顯示節(jié)點(diǎn)、給輪廓增加一個(gè)節(jié)點(diǎn)、刪

除一個(gè)節(jié)點(diǎn)、使平滑點(diǎn)變?yōu)榻屈c(diǎn)。可以用鋼筆工具繪制曲線，方法為:

單擊起始點(diǎn)，在每個(gè)所需位置單擊可繪出折線，拖動(dòng)鼠標(biāo)經(jīng)過所需位

置可繪出曲線。

13.使用文本工具

文本工具用于在場(chǎng)景中輸入文字。方法：

選取“文本工具”按鈕一在屬性面板中定義字體、字號(hào)、顏色等

一在場(chǎng)景中拖出一個(gè)區(qū)域一輸入文字一用“選擇工具”雙擊場(chǎng)景中的

文字-編輯文字內(nèi)容。

14.對(duì)象的剪切、復(fù)制和粘貼

在不同圖層、不同場(chǎng)景、不同F(xiàn)lash文件中移動(dòng)或復(fù)制對(duì)象，要用

剪切、復(fù)制和粘貼命令，剪切或復(fù)制的對(duì)象在Windows剪貼板上，保

持原有的屬性，粘貼到場(chǎng)景中的對(duì)象將放置在當(dāng)前層的當(dāng)前幀中。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一使用圖層和元件

1.使用圖層

.圖層是透明的，上層的對(duì)象僅能遮住與下層對(duì)象重疊的部分。圖層是相

對(duì)獨(dú)立的，在一個(gè)圖層中繪畫和編輯不會(huì)影響其他層內(nèi)容。另外，增加圖層

不會(huì)增加最終輸出的影片文件的大小。Flash圖層有3種：普通圖層、引導(dǎo)

層、遮罩層。

關(guān)于層的操作有：

（1）添加層：新建的Flash影片會(huì)自動(dòng)創(chuàng)建名為“圖層1”的圖層，單擊時(shí)

間

軸窗口的“插入圖層”按鈕，在當(dāng)前層的上方將生成名為“圖層2”的新層，

新建

層總處于當(dāng)前狀態(tài)。

（2）選取圖層：?jiǎn)螕粢粋€(gè)層即選中該層，按住Shift鍵依次單擊，同時(shí)選

中兒個(gè)層。

（3）刪除圖層：選取一個(gè)或多個(gè)層，單擊時(shí)間軸窗口的“刪除圖層”按

鈕，

或右擊選中圖層，在快捷菜單中選“刪除圖層”。

（4）給圖層重命名：圖層的默認(rèn)名為“圖層1”，“圖層2”…，雙擊圖層

名，

圖層名變成可編輯狀態(tài)，輸入新的圖層名即可。

（5）調(diào)整圖層順序：拖動(dòng)當(dāng)前層向上或向下移動(dòng)。

返回目錄

4」Flash基礎(chǔ)知識(shí)一使用圖層和元件

2.使用元件

元件又稱為符號(hào)或圖符，放在“庫”或“公用庫”中。把一個(gè)元件

從庫中拖到場(chǎng)景后就產(chǎn)生該元件的一個(gè)實(shí)例。元件可以在電影中重復(fù)使

用，當(dāng)修改一個(gè)元件時(shí)，所有因它產(chǎn)生的實(shí)例都將被修改，可以簡(jiǎn)化編

輯。Flash有3種元件：圖形、按鈕和電影剪輯（MovieClip）元件。

關(guān)于元件的操作有：

（1）創(chuàng)建圖形元件

練習(xí)：當(dāng)前為電影編輯模式（時(shí)間軸左上方顯示場(chǎng)景名）一“插入”

菜單一“新建元件”（打開“創(chuàng)建新元件”對(duì)話框）一選“圖形”一在

“名稱”框?yàn)樵鹈粏螕簟按_定”（進(jìn)入圖形元件編輯模式，工作

區(qū)中有一個(gè)表示元件注冊(cè)點(diǎn)的“+”號(hào)，元件名顯示在場(chǎng)景名旁邊）一以

注冊(cè)點(diǎn)為中心畫圓一單擊場(chǎng)景名（回到電影編輯模式）一“窗口”菜單

一“庫”（打開“庫”面板，新建的元件已在庫中）一在庫面板中單擊

符號(hào)名（制作的元件將顯示在庫窗口中）一把庫窗口的圖形拖到工作區(qū)

（該元件就創(chuàng)建了一個(gè)實(shí)例）。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一使用圖層和元件

（2）將工作區(qū)中的對(duì)象轉(zhuǎn)成圖形元件

練習(xí)：用“選擇工具”在工作區(qū)中選一個(gè)對(duì)象（如一個(gè)圓）

一“修改”菜單一“轉(zhuǎn)換成元件”（打開“轉(zhuǎn)換為符號(hào)”對(duì)話框）

一選“圖形”一為元件起名T單擊“確定”。

（3）創(chuàng)建電影剪輯元件

練習(xí)：在創(chuàng)建電影剪輯符號(hào)之前，先制作一個(gè)寫“大”字的

動(dòng)畫。時(shí)間軸上右擊第1幀一在快捷菜單中選“插入關(guān)鍵幀”一選

“筆刷工具”一在工作區(qū)中畫“大”的第1筆一時(shí)間軸上右擊第5

幀一“插入關(guān)鍵幀”一工作區(qū)中畫“大”的第2筆一時(shí)間軸上右擊

第10幀一“插入關(guān)鍵幀”一工作區(qū)中畫“大”的第3筆（完成

“大”字的書寫）一時(shí)間軸上右擊第15幀一“插入幀”（使“大”

字顯示到15幀）一“控制”菜單一測(cè)試影片（或直接用組合鍵

Ctrl+Enter）0這個(gè)過程創(chuàng)建了一個(gè)關(guān)鍵幀動(dòng)畫。

返回目錄

4.1Flash基礎(chǔ)知識(shí)一使用圖層和元件

（4）將動(dòng)畫轉(zhuǎn)為電影剪輯元件

練習(xí)：打開一個(gè)動(dòng)畫或制作一個(gè)動(dòng)畫一“編輯”菜單T“全

選”T“編輯”菜單T“復(fù)制”T“插入”菜單一“新建元件”T在對(duì)

話框中選“影片剪輯”一為元件起名一“確定”（進(jìn)入元件編輯模式）

一右擊時(shí)間軸第一幀一“粘貼幀”（將復(fù)制的所有幀粘貼到元件制作場(chǎng)

景中）一單擊場(chǎng)景名結(jié)束元件編輯一打開“庫”面板一將電影剪輯元件

拖到工作區(qū)-Ctrl+Enter測(cè)試影片。

（5）編輯元件

打開圖庫窗口一雙擊一個(gè)元件名進(jìn)入元件編輯T編輯完成后單擊場(chǎng)

景名回到工作場(chǎng)景，結(jié)束元件編輯。

（6）復(fù)制元件

復(fù)制元件可以在“庫”面板中進(jìn)行，方法為：?jiǎn)螕粢粋€(gè)元件名選中

該元件一單擊庫面板右上角“選項(xiàng)”按鈕一在下拉菜單中選“重制

打開“復(fù)制元件”對(duì)話框。

（7）將其他影片以符號(hào)形式打開

“文件”菜單一“導(dǎo)入”一“導(dǎo)入到庫”一在“導(dǎo)入到庫”對(duì)話框

中選Flash文檔一“確定”。

返回目錄

4.2Flash制作實(shí)例

Flash是創(chuàng)建動(dòng)畫的軟件，它能使對(duì)象具有運(yùn)動(dòng)、

旋轉(zhuǎn)、變色、變形、改變大小、淡入淡出等動(dòng)畫效果,

還能將獨(dú)立發(fā)生的各種變化合成，產(chǎn)生最終效果。

如果細(xì)一點(diǎn)劃分的話，F(xiàn)lash動(dòng)畫大致可分為7類：

關(guān)鍵幀動(dòng)畫、形變動(dòng)畫、沿直線運(yùn)動(dòng)動(dòng)畫、沿指定路

徑運(yùn)動(dòng)動(dòng)畫、時(shí)間軸特效動(dòng)畫，色彩動(dòng)畫、遮罩動(dòng)畫。

返回目錄

4.2Flash制作實(shí)例一關(guān)鍵幀動(dòng)畫

1.幀的概念

時(shí)間軸上的每個(gè)格稱為一幀，一幀代表Flash影片中的一個(gè)畫面。單

擊一個(gè)格或把播放頭拖到某格可以進(jìn)入該幀，工作區(qū)中將顯示該幀畫面。

工作區(qū)總是顯示當(dāng)前層當(dāng)前幀畫面。

2.關(guān)鍵幀的概念

為了提高效率，創(chuàng)作動(dòng)畫時(shí)只制作幾個(gè)畫面（稱為原畫），原畫之

間的變化過程畫面（稱為過渡畫面）由電腦完成，從而生成流暢的動(dòng)畫。

Flash將原畫稱為關(guān)鍵幀，將過渡畫面稱為補(bǔ)間或填充幀。

3.過渡幀的概念

兩關(guān)鍵幀之間由計(jì)算機(jī)計(jì)算而產(chǎn)生的幀稱為補(bǔ)間或填充幀。補(bǔ)間能

適應(yīng)關(guān)鍵幀的變化，平滑地連接關(guān)鍵幀。補(bǔ)間不用編輯，既使編輯了也

沒用。兩關(guān)鍵幀之間可以有不同的過渡方式，過渡方式由制作者定義。

關(guān)鍵幀動(dòng)畫之外，其他動(dòng)畫在時(shí)間軸窗口的兩關(guān)鍵幀之間會(huì)有箭頭相連。

4.關(guān)鍵幀動(dòng)畫

只有關(guān)鍵幀沒有補(bǔ)間的動(dòng)畫稱為關(guān)鍵幀動(dòng)畫，位于關(guān)鍵幀之間的幀格具

有淺灰色背景，內(nèi)容與關(guān)鍵幀內(nèi)容相同，沒有變化。

返回目錄

4.2Flash制作實(shí)例一關(guān)鍵幀動(dòng)畫

例做操的小人（關(guān)鍵幀動(dòng)畫）

D“文件”菜單一“新建”，打開“新建文檔”對(duì)話框。

2）單擊“常規(guī)”選項(xiàng)卡T“類型”選“Flash文檔”，新建一個(gè)

Flash文檔。

3）“修改”菜單一“文檔”-在“文檔屬性”對(duì)話框中設(shè)置影片寬

度和高度分別為400像素和300像素一單擊“確定”。

4）右擊時(shí)間軸的第1幀T快捷菜單中選“插入關(guān)鍵幀”T在工作區(qū)

畫圖形。

5）右擊第5幀T”插入關(guān)鍵幀”T在工作區(qū)畫圖形。

6）右擊第10幀一“插入關(guān)鍵幀”T在工作區(qū)畫圖形。

7）右擊第5幀T“復(fù)制幀"T右擊第15幀T“粘貼幀”（第15幀與

第5幀相同）。

8）右擊第1幀T“復(fù)制幀"T右擊第20幀T“粘貼幀”（第20幀與

第1幀相同）。

9）右擊第25幀->“插入幀”（將20幀內(nèi)容延長(zhǎng)至第25幀）。

10）“控制”菜單一“播放”，或敲回車鍵，觀看動(dòng)畫播放效果。

19

返回目錄

4.2Flash制作實(shí)例一形變動(dòng)畫

形變動(dòng)畫是對(duì)象形狀隨時(shí)間發(fā)生變化的動(dòng)畫，在

時(shí)間軸的某幀繪制一個(gè)對(duì)象，在時(shí)間軸的另一幀修改

該對(duì)象的形狀或繪制其他對(duì)象，由Flash計(jì)算并插入兩

幀之間的補(bǔ)間，創(chuàng)建出變形的動(dòng)畫效果。形變動(dòng)畫關(guān)

鍵幀之間由黑色箭頭相連，單元格為淺綠色背景。

注意：形變動(dòng)畫的起止對(duì)象一定都是圖形

(Shape)o用Flash提供的工具畫出的對(duì)象都是圖形。

如果對(duì)象是圖形元件生成的實(shí)例，要把它轉(zhuǎn)換為圖形

模式，方法：選中對(duì)象一“修改”菜單一“分離”。

返回目錄

4.2Flash制作實(shí)例一形變動(dòng)畫

例字變形（形變動(dòng)畫）

D新建影片一工具箱中選“文本工具”一屬性面板中設(shè)置

文本色為“紅色”、字體為“華文行楷”、字號(hào)為120磅。

2）單擊第1幀一在工作區(qū)寫“大”字一在第30幀插入關(guān)鍵幀

一寫“小”字。

3）單擊“洋蔥皮”按鈕組中“繪圖紙外觀”按鈕一將“小”

字與“大”字沖齊-＞再次單擊“繪圖紙外觀”按鈕關(guān)閉“洋蔥

皮”。

4）單擊兩關(guān)鍵幀之間的任一幀一屬性面板“補(bǔ)間”框中選

“形狀”。

5）拖動(dòng)時(shí)間軸的播放頭慢慢移動(dòng)，可以看到“大”字變?yōu)?/p>

“小”字的形變過程。

21

返回目錄

4.2Flash制作實(shí)例一沿直線運(yùn)動(dòng)動(dòng)畫

沿直線運(yùn)動(dòng)動(dòng)畫是Flash中最常用的動(dòng)畫形式。在起始關(guān)鍵幀中為對(duì)象

定義屬性，在后續(xù)關(guān)鍵幀中更改對(duì)象的屬性，由Flash創(chuàng)建從一個(gè)關(guān)鍵幀

到下一個(gè)關(guān)鍵幀的動(dòng)畫，稱為“創(chuàng)建補(bǔ)間動(dòng)畫”。在時(shí)間軸上，沿直線

運(yùn)動(dòng)動(dòng)畫的關(guān)鍵幀之間由黑色箭頭連接，單元格為淺藍(lán)色背景。

沿皂線運(yùn)動(dòng)動(dòng)㈣的有些效果用關(guān)鍵幀動(dòng)畫方法也能實(shí)現(xiàn)，但提倡用

運(yùn)動(dòng)動(dòng)畫。兩種動(dòng)畫的主要不同在于：

1.關(guān)鍵幀動(dòng)畫的每一幀都要保存在文件中，文件體積很大，運(yùn)動(dòng)動(dòng)

畫只保存關(guān)鍵幀數(shù)據(jù)，可以有效地減少文件大小。

2.關(guān)鍵幀動(dòng)畫由作者來保證動(dòng)畫連續(xù)性，有時(shí)候做起來很困難，運(yùn)

動(dòng)動(dòng)畫由計(jì)算機(jī)制作過渡幀畫面，既省事又非常精確。

注意：運(yùn)動(dòng)過渡動(dòng)畫的對(duì)象必須是同一元件的實(shí)例，其他類型對(duì)象

要先轉(zhuǎn)為元件，再創(chuàng)建運(yùn)動(dòng)過渡動(dòng)畫。在工作區(qū)中畫的圖形不能直接創(chuàng)

建運(yùn)動(dòng)過渡動(dòng)畫。

返回目錄

4.2Flash制作實(shí)例一沿直線運(yùn)動(dòng)動(dòng)畫

例圖片移動(dòng)顯示（沿直線運(yùn)動(dòng)動(dòng)畫）

1）新建Flash文檔一在第1幀插入關(guān)鍵幀—“文件”菜單一“導(dǎo)

入”T，，導(dǎo)入到舞臺(tái)”一在對(duì)話框中選一個(gè)圖像文件一單擊“打開，，按

鈕；

'2）選中導(dǎo)入的對(duì)象T“修改”菜單T“變形”T“縮放”T將圖

像調(diào)小一點(diǎn)放在工作區(qū)左上角，如圖4-42所示。Flash會(huì)自動(dòng)將圖像轉(zhuǎn)換

為實(shí)例；

3）在第10幀插入關(guān)鍵幀一將對(duì)象移到工作區(qū)右上角一右擊1到9幀

中任意格T”創(chuàng)建補(bǔ)間動(dòng)畫”；

4）在第20幀處插入關(guān)鍵幀T將對(duì)象移到工作區(qū)右下角T右擊10到

19幀中任意格T”創(chuàng)建補(bǔ)間動(dòng)畫”；

5）在第30幀處插入關(guān)鍵幀T將對(duì)象移到工作區(qū)左下角T右擊20到

29幀中任意格-“創(chuàng)建補(bǔ)間動(dòng)畫”；

6）在第40幀處插入關(guān)鍵幀一將對(duì)象移到工作區(qū)左上角（回到原位）

一右擊30到39幀中任意格-“創(chuàng)建補(bǔ)間動(dòng)畫”；

7）測(cè)試影片。圖像將按順時(shí)針方向在工作區(qū)中移動(dòng)顯示。

返回目錄

4.2Flash制作實(shí)例一時(shí)間軸特效動(dòng)畫

時(shí)間軸特效動(dòng)畫是在時(shí)間軸特效的相應(yīng)對(duì)話框中完成動(dòng)作的設(shè)

定。時(shí)間軸特效動(dòng)畫的關(guān)鍵幀之間沒有箭頭相連。

例圖片逐漸展開（時(shí)間軸特效動(dòng)畫）

D新建影片一向工作區(qū)導(dǎo)入一個(gè)圖像文件。

2）右擊對(duì)象一“任意變形”一調(diào)整圖像大小并放置在工作區(qū)

中央。

3）右擊第30幀一“插入關(guān)鍵幀”。

4）單擊1?29中任意幀一“插入”菜單一“時(shí)間軸等

效，，—“變形/轉(zhuǎn)換”T“轉(zhuǎn)換”；打開“轉(zhuǎn)換”對(duì)話框。

5）在對(duì)話框中單擊按鈕使圖像向下展開一選“涂抹”（使

圖片顯示效果為涂抹方式）一方向選“入”（使圖片以從頭至尾

的順序展開）一“確定”。

6）測(cè)試電影，圖像將緩慢向下展開。

返回目錄

4.2Flash制作實(shí)例一沿指定路徑運(yùn)動(dòng)的運(yùn)動(dòng)動(dòng)畫

很多場(chǎng)合需要對(duì)象沿不規(guī)則路徑運(yùn)動(dòng)。沿不規(guī)則路徑運(yùn)動(dòng)需

要使用運(yùn)動(dòng)引導(dǎo)層，該按鈕在圖層窗口的“插入圖層”按鈕旁邊。

例小球滾下山（沿指定路徑運(yùn)動(dòng)的運(yùn)動(dòng)動(dòng)畫）

1）新建影片一選“鋼筆工具”一在工作區(qū)不斷單擊畫出一個(gè)

封閉圖形一用“顏料桶工具”為畫出的區(qū)域填充顏色，成為“山”

的樣子，作為動(dòng)畫背景圖；

2）建圖層2一在圖層2第1幀畫球；

3）選中球一“修改”菜單一“轉(zhuǎn)換為元件”一對(duì)話框中選

“圖形”（將小球轉(zhuǎn)換為圖形元件的實(shí)例）-移動(dòng)小球放置在山

頂；

4）將圖層2設(shè)為當(dāng)前層一單擊圖層窗口的“添加引導(dǎo)圖層”

按鈕，在圖層2上方生成一個(gè)引導(dǎo)層；

5）將引導(dǎo)層設(shè)為當(dāng)前層一選“鉛筆工具”一工具箱的選項(xiàng)區(qū)

中設(shè)置選項(xiàng)為“平滑”一在工作區(qū)中畫引導(dǎo)線作為引導(dǎo)路徑；

返回目錄

4.2Flash制作實(shí)例一沿指定路徑運(yùn)動(dòng)的運(yùn)動(dòng)動(dòng)畫

6）在時(shí)間軸第50幀處用鼠標(biāo)從上拖到下（同時(shí)選中三個(gè)層

的第50幀）一右擊選中的幀一“插入關(guān)鍵幀”（同時(shí)給3個(gè)幀插

入關(guān)鍵幀，也可以給圖層1插入幀）；

7）單擊圖層2第1幀一單擊工具箱的“選擇工具”一將小球的

中心點(diǎn)與引導(dǎo)路徑的起始點(diǎn)對(duì)齊一在“選擇工具”的選項(xiàng)中單擊

“對(duì)齊對(duì)象”按鈕（使實(shí)例吸附在引導(dǎo)線上）；

8）單擊圖層2第50幀一用“選擇工具”將小球移到引導(dǎo)路徑

的結(jié)束位置一使小球的中心點(diǎn)與引導(dǎo)路徑的結(jié)束點(diǎn)對(duì)齊一單擊

“對(duì)齊對(duì)象”按鈕；

9）右擊圖層2第1幀一“創(chuàng)建補(bǔ)間動(dòng)畫”；

10）測(cè)試影片?？梢钥吹叫∏蜓刂付窂竭\(yùn)動(dòng)。

返回目錄

4.2Flash制作實(shí)例一色彩動(dòng)畫

色彩動(dòng)畫是指動(dòng)畫的對(duì)象在運(yùn)動(dòng)時(shí)顏色發(fā)生改變，色彩動(dòng)畫是對(duì)關(guān)鍵

幀動(dòng)畫、形變動(dòng)畫、運(yùn)動(dòng)動(dòng)畫的總結(jié)。Flash中的色彩有：無色、實(shí)色、

線性漸變、點(diǎn)狀漸變、圖像填充。對(duì)于線型，只可以設(shè)置實(shí)色，像橢圓

或矩形的邊線還可以設(shè)置為無色。對(duì)于填充，所有的色彩設(shè)置都可以用。

例圖片淡入（運(yùn)動(dòng)色彩動(dòng)畫）

1）在第1幀導(dǎo)入圖片一選中對(duì)像一“修改”菜單一“轉(zhuǎn)換成元件”

（只有轉(zhuǎn)換成組件，效果面板才可用）一對(duì)話框中選取“圖形”項(xiàng)

一“確定”；

2）選市圖片一單擊工具箱的“任意變形工具”—用鼠標(biāo)調(diào)整圖片大

小使圖片與工作區(qū)大小相同；

3）選中圖片T屬性面板的“顏色”框中選“Alpha”-Alpha的值選

0%（完全透明）；

4）第30幀處插入關(guān)鍵幀一屬性面板中Alpha的值選100%（不透明）；

5）右擊1?29幀之間任意幀一“創(chuàng)建補(bǔ)間動(dòng)畫”；

6）Enter鍵，可以看到圖片的淡入效果；

返回目錄

4.2Flash制作實(shí)例一遮罩動(dòng)畫

遮罩，其本質(zhì)就是確定一個(gè)顯示范圍，從而產(chǎn)生特殊的動(dòng)畫效果。制

作遮罩必須用兩個(gè)層才能完成，上層是遮罩層，下層是被遮罩層，在遮

罩層中的對(duì)象（如圓或矩形）不論什么顏色，都將成為透明區(qū)域，透過

它可以看到被遮罩層的內(nèi)容，遮罩層對(duì)象以外的區(qū)域?qū)⒉煌该?，遮蓋了

被遮罩層的內(nèi)容。

例滾動(dòng)字幕（遮罩動(dòng)畫）

1）制作兒行文字放在工作區(qū)的最下邊一第50幀處插入關(guān)鍵幀一將文

字放到工作區(qū)的最上邊一“創(chuàng)建補(bǔ)間動(dòng)畫”；

2）新建圖層2T比照文字寬度繪制一個(gè)任意顏色的矩形（不能無

色）；

3）新建圖層3T設(shè)邊線為黑色T設(shè)填充色為“無”T為圖層2的矩形

繪制一個(gè)框；

4）右擊圖層2一“遮罩層”（把該層定義為遮罩層，文字所在層被遮

罩）；

5）同時(shí)選中圖層2和圖層3的第50幀一插入幀；

6）測(cè)試影片。

返回目錄

4.3給作品加按鈕一制作按鈕

Flash提供三種元件：圖形元件、影片剪輯元件和按鈕元件。制

作按鈕在元件編輯工作區(qū)進(jìn)行。進(jìn)入按鈕編輯后，時(shí)間軸上提供4

個(gè)幀：彈起、指針經(jīng)過、按下、點(diǎn)擊，用戶只需編輯完這4個(gè)幀，

一個(gè)按鈕便制作完成。

例制作紅色按鈕

1）新建影片一“插入”菜單一“新建元件”一在對(duì)話框選

“按鈕”項(xiàng)-＞為按鈕起名一＞單擊“確定”；

2）單擊“彈起”幀一選橢圓工具一填充色為粉紅色一按住

Shift鍵以注冊(cè)點(diǎn)為中心畫正圓；

3）右擊“指針經(jīng)過”幀一“插入關(guān)鍵幀”（除了“彈起”幀

以外，編輯其他幀都要先插入關(guān)鍵幀）-＞選中對(duì)象一設(shè)填充色為

大紅色（這時(shí)圓的填充色已經(jīng)變?yōu)榇蠹t色）；

29

返回目錄

4.3給作品加按鈕一制作按鈕

4）單擊“按下”幀一F6鍵插入關(guān)鍵幀一選中對(duì)象一“修改”

菜單一“變形”一“縮放的旋轉(zhuǎn)”一比例為80%一確定（將對(duì)象

縮小，看起來有按下去的效果）；

5）在“執(zhí)行”幀插入關(guān)鍵幀一選中對(duì)象一“修改”菜單

一“變形”一“縮放和旋轉(zhuǎn)”一比例為120%-確定（若不設(shè)置,

從前一幀繼承下來的圖形就是熱區(qū)）；

6）單擊場(chǎng)景1（結(jié)束符號(hào)編輯）一打開“庫”面板一將新制

作的按鈕拖到工作區(qū)；

7）“控制”菜單一“測(cè)試影片"，或Ctrl+Enter鍵,可以看

到按鈕效果。

30

返回目錄

4.3給作品加按鈕一設(shè)置按鈕狀態(tài)

按鈕與動(dòng)作緊密相連。

選中一個(gè)按鈕一“窗口”菜單一“開發(fā)面板”一“動(dòng)作”，

可打開“動(dòng)作”面板。在面板左窗口選擇動(dòng)作，右窗口則顯示當(dāng)

前動(dòng)作的指令，也稱為動(dòng)作腳本。通?！安シ拧眲?dòng)作的指令都從

“On()”行開始，可以有多條語句，它們從前到后依次執(zhí)行。

雙擊左窗口的某個(gè)動(dòng)作可向右窗口中加入語句，選中右窗口中某

句后按Delete鍵，可刪除該語句。

“On()”括號(hào)中是鼠標(biāo)的狀態(tài)，當(dāng)應(yīng)用按鈕控制電影時(shí),

Flash自動(dòng)調(diào)出按鈕的許多狀態(tài)供用戶選擇。用戶可以在提供選

項(xiàng)中選取一個(gè)，也可以同時(shí)選取多個(gè)。若選取多個(gè)，則幾個(gè)事件

中任意一個(gè)發(fā)生時(shí)都會(huì)觸發(fā)動(dòng)作的執(zhí)行。

返回目錄

4.3給作品加按鈕一設(shè)置按鈕狀態(tài)

例用按鈕控制影片的播放和停止（play和stop）

1）打開“小鳥飛翔”的動(dòng)畫，新建兩個(gè)按鈕符號(hào)：綠按鈕和紅按

扭；

'2）在所有層的最上面建新層一打開“庫”面板一將綠按鈕和紅按

扭拖到工作區(qū)中一調(diào)整大小放在合適位置；

3）用“選擇工具”選中綠按鈕T打開“動(dòng)作”面板一在面板左窗

口展開“全局函數(shù)”文件夾一再展開“影片剪輯控制”文件夾一雙擊

“on”—在顯示的快捷菜單中雙擊“release”。面板右窗口有了第1行語

句，該語句為影片剪輯控制語句。

4）將光標(biāo)放在面板右窗口第2行開始處一展開“時(shí)間軸控制”文件

夾一雙擊“play”將該語句加到右邊的動(dòng)作腳本工作區(qū)中，綠按鈕有了

一個(gè)play行為語句；如圖4-63所示。

5）選中紅按鈕一同樣方法將stop語句加到動(dòng)作腳本工作區(qū)中，紅按

鈕有了一個(gè)stop行為語句；

6）播放動(dòng)畫。單擊紅按鈕，影片停止，單擊綠按鈕，影片播放。

返回目錄

4.3給作品加聲音

Flash中聲音有兩類：事件聲音和流聲音。事件聲音必須完全下載后

才能播放，遇到明確的停止指令才會(huì)停止。流聲音只需下載開始幾幀的

聲音就可以播放，并且能與時(shí)間線同步。事件聲音多用于交互功能，主

要針對(duì)較短的按鈕聲音。流聲音則用于較長(zhǎng)的背景音樂，有動(dòng)畫畫面時(shí)

在后臺(tái)播放，對(duì)同步的要求比較高。

聲音文件放在“庫”面板中，與圖形元件相似。一個(gè)聲音只需一個(gè)拷

貝，可以應(yīng)用于電影中任何位置，而且不增加文件長(zhǎng)度。

使用聲音要注意以下兩點(diǎn)：

1.使用聲音之前先把聲音導(dǎo)入“庫”，方法是：“文件”菜單

―“導(dǎo)入，，―“導(dǎo)入到庫”-在對(duì)話框中選取聲音文件（如：WAV文

件或MP3文件）T單擊“打開”按鈕。聲音文件非常耗費(fèi)磁盤和內(nèi)存空

間，最好使用采樣頻率22kHz,16位單聲道聲音。

2.給按鈕元件加聲音要?jiǎng)?chuàng)建單獨(dú)的聲音圖層，只要把聲音加給按鈕元

件，由該元件生成的實(shí)例便都有了聲音。

返回目錄

4.3給作品加聲音一聲音面板的效果設(shè)置

聲音屬性面板中的“效果”下拉框中提供了8個(gè)選項(xiàng)，如圖所

Zj^O

沒有：不加入任何效果；

左聲道：左聲道以最大聲音播放，右聲道不播放；

右聲道：右聲道以最大聲音播放，左聲道不播放；

從左過渡到右：左聲道聲音逐漸小，右聲道聲音逐漸大；

聲音效果設(shè)置

從右過渡到左：右聲道聲音逐漸小，左聲道聲音逐漸大；

逐漸開始：聲音逐漸變大，然后保持不變；（聲音淡入）；

逐漸關(guān)閉：開始一段時(shí)間聲音保持不變，然后逐漸減少；（聲音

淡出）；

自定義：?jiǎn)螕簟靶Ч笨蛴疫叺摹熬庉嫛卑粹o會(huì)打開聲音線編

輯窗口，窗口下有4個(gè)按鈕。

34

返回目錄

4.3給作品加聲音—編輯聲音

如果在屬性面板中聲音效果選“自定義”，單擊

“效果”框右邊的“編輯”按鈕會(huì)打開聲音線編輯

窗口。如圖所示。

1.單擊聲音控制線可增加控制點(diǎn)（聲音線上的小

方格）。

2.拖動(dòng)控制點(diǎn)可控制播放時(shí)聲音的高低：聲音控

制線在最上面表示聲音播放最大，聲音控制線在最

下面表示不播放。

3.將控制點(diǎn)拖向窗口外可刪除該控制點(diǎn)。

4.拖動(dòng)窗口中間標(biāo)尺的起始和結(jié)束柄，可改變聲

音的開始點(diǎn)和結(jié)束點(diǎn)。只有位于這兩點(diǎn)之間的波形編輯聲音

才會(huì)被播放。窗口中白色區(qū)域部分是被播放的波形

區(qū)域。

35

返回目錄

4.3給作品加聲音—聲音屬性

右擊“庫”面板中的聲音文件，顯示快捷菜單，在快捷菜單中選屬性

后，顯示聲音文件的屬性對(duì)話框，如圖所示。在屬性對(duì)話框中可以對(duì)聲

音文件進(jìn)行測(cè)試或更新，還可以選擇聲音文件的壓縮方式。

聲音文件的屬性對(duì)話框

36

返回目錄

4.3給作品加聲音—給電影加聲音

給電影加聲音需要?jiǎng)?chuàng)建聲音層和放置聲音的關(guān)鍵幀，有以下幾個(gè)步

驟：

1.將外部聲音導(dǎo)入到要制作的動(dòng)畫中（放在該動(dòng)畫的圖庫里）；

2.建立聲音圖層；

3.在聲音圖層上單擊要放置聲音的關(guān)鍵幀；

4.打開聲音面板，選擇要添加的聲音；

5.設(shè)置聲音屬性；

6.Ctrl+Enter測(cè)試影片。實(shí)例運(yùn)動(dòng)時(shí)將發(fā)出聲音。

返回目錄

4.3給作品加聲音一給按鈕加聲音

在Flash中，可以使聲音與按鈕元件的各種狀態(tài)相關(guān)聯(lián)。當(dāng)按鈕元

件關(guān)聯(lián)了聲音以后，由該元件生成的所有實(shí)例都將有相同的聲音。給

按鈕加聲音是指給按鈕的關(guān)鍵幀加入聲音。給不同關(guān)鍵幀設(shè)置不同聲

音，單擊按鈕時(shí)可產(chǎn)生不同聲音效果。

給按鈕加聲音的步驟：

1.進(jìn)入按鈕元件編輯模式，在時(shí)間軸窗口加一個(gè)聲音層；

2.在與按鈕狀態(tài)幀相對(duì)應(yīng)的聲音層單元格插入關(guān)鍵幀；

3.為聲音層選定的關(guān)鍵幀加入聲音文件。

如果想讓按鈕在不同狀態(tài)發(fā)出不同聲音，要為每個(gè)聲音單獨(dú)創(chuàng)建一

個(gè)層，在聲音層的對(duì)應(yīng)幀加入關(guān)鍵幀。也可以在按鈕的不同狀態(tài)使用

同一個(gè)聲音文件，設(shè)置不同的聲音