計算機(jī)基本動畫制作

基本動畫制作

4.1實例“屬性”面板和轉(zhuǎn)換為元件

4.1.1實例“屬性”面板

當(dāng)選擇“影片剪輯”選項時，該面板如圖4-1-1所示。該面板內(nèi)各選項的作用如下。

圖4-1-1影片剪輯實例的“屬性”面板

圖4-1-3“輔助選項”面板

圖4-1-5“復(fù)制元件”對話框

2.圖形實例的“屬性”面板

圖4-1-6圖形實例的“屬性”面板

117

圖4-1-7"轉(zhuǎn)換為元件”對話框

圖4-1-8在元件編輯窗口中導(dǎo)入G1F動畫

3.將舞臺工作區(qū)中的動畫轉(zhuǎn)換為元件

(1)選取動畫的所有幀。單擊鼠標(biāo)右鍵，調(diào)出幀快捷菜單，單擊幀快捷菜單內(nèi)的“復(fù)制幀”

菜單命令，將選中的所有幀復(fù)制到剪貼板中。

(2)單擊“插入”一“新建元件”菜單命令，調(diào)出“創(chuàng)建新元件”對話框。

(3)在該對話框內(nèi)，輸入元件名字(例如“動畫元件1”)，選擇元件類型，再單擊“確

定”按鈕。此時，“庫”面板中增加了一個名字為“動畫元件1”的元件，但它還是一個空元

件，沒有內(nèi)容。同時舞臺工作區(qū)切換到元件編輯窗口。

(4)單擊選中幀控制區(qū)域內(nèi)第1幀，再單擊鼠標(biāo)右鍵，調(diào)出幀快捷菜單。單擊該菜單內(nèi)的

“粘貼幀”菜單命令，將剪貼板內(nèi)的所有幀粘貼到元件編輯窗口內(nèi)。

(5)單擊元件編輯窗口中的場景名稱圖標(biāo)各場景1,回到主場景。

4.復(fù)制元件

在“庫”面板中，由一個元件復(fù)制出另一個相同的元件，再雙擊“庫”面板內(nèi)復(fù)制的元件，

進(jìn)入該元件的編輯狀態(tài)，修改該元件的屬性，即可獲得一個新的元件。復(fù)制元件的方法有兩種。

◎元件復(fù)制為元件的方法

◎?qū)嵗龔?fù)制為元件的方法

圖4-1-5“復(fù)制元件”對話框

118

【實例32】魚缸和游魚1

“魚缸和游魚1”動畫運行后的2幅畫面如圖4-1-10所示?？梢钥吹剑恍┎煌伾?、不

同大小的小魚在魚缸中，以各種不同的姿態(tài)來回游動，魚缸內(nèi)還有飄動的水草。該動畫的制作

方法如下。

1.制作元件

（1）新建一個Flash文檔，設(shè)置舞臺工作區(qū)寬為430像素、高為320像素，背景為淺藍(lán)

色。以名稱"實例321魚缸和游魚1.fla”保存。

（2）打開“游魚.fla”Flash文檔，調(diào)出它的“庫”面板，將“庫”面板內(nèi)的"FishMovie

Clip"影片剪輯元件拖曳到“［實例32］魚缸和游魚1.fla”動畫的“庫”面板中?！癋ishMovie

Clip"影片剪輯元件內(nèi)是一條小魚來回移動的動畫，共有95幀。

（3）進(jìn)入“魚缸”圖形元件的編輯狀態(tài)，在舞臺工作區(qū)內(nèi)繪制一幅魚缸圖形（它由三部

分組成），如圖4-1-11左圖所示。然后，單擊影片剪輯元件編輯窗口的＜＞按鈕，回到主場景。

（4）進(jìn)入“石頭”圖形元件的編輯狀態(tài)，在舞臺工作區(qū)內(nèi)繪制一幅石頭圖形，如圖4-1-11

中圖所示。然后，單擊影片剪輯元件編輯窗口的S按鈕，回到主場景。

（5）進(jìn)入“水”圖形元件的編輯狀態(tài)，在舞臺工作區(qū)內(nèi)繪制一幅水圖形，如圖4-1-11中

圖所示。然后，單擊影片剪輯元件編輯窗口的9按鈕，回到主場景。

圖4-1-11“魚缸”、“石頭”和“水”圖形元件

（6）進(jìn)入“水草”影片剪輯元件的編輯狀態(tài)，選中“圖層1”圖層第1幀，在舞臺工作區(qū)

內(nèi)繪制一幅水草圖形，如圖4-1-12左圖所示。選中“圖層1”圖層第11幀，F(xiàn)6鍵，然后，調(diào)

整水草圖形的形狀，如圖4-1-12右圖所示。選中“圖層1”圖層第20幀，F(xiàn)5鍵?；氐街鲌鼍啊?/p>

（7）進(jìn)入“水波”影片剪輯元件的編輯狀態(tài)，選中“圖層1”圖層第1幀，在舞臺工作區(qū)

內(nèi)繪制一幅橢圓圖形，填充白色到灰色再到白色的線性漸變色，形成水圖形如圖4-1-13所示。

回到主場景。

119

4-

圖4-1-13水圖形

2.制作動畫

(1)將“庫”面板內(nèi)的“魚缸”圖形元件拖曳到舞臺工作區(qū)中，2次將“庫”面板內(nèi)的“石

頭”圖形元件拖曳到舞臺工作區(qū)中，將“庫”面板內(nèi)的“水波”影片剪輯元件拖曳到舞臺工作

區(qū)中，4次將“庫”面板內(nèi)的“水草”影片剪輯元件拖曳到舞臺工作區(qū)中。然后，適當(dāng)調(diào)整它

們的大小和位置。

(2)4次將“庫”面板內(nèi)的“FishMovieClip”影片剪輯元件拖曳到舞臺工作區(qū)中，在

舞臺工作區(qū)內(nèi)形成4個小魚的影片剪輯實例。

(3)調(diào)整舞臺工作區(qū)內(nèi)的這些小魚的影片剪輯實例的大小與位置，使它們分布在魚缸內(nèi)的

各個地方。

(4)選中一條小魚對象。再調(diào)出“屬性”面板，利用該面板，調(diào)整小魚的顏色，并適當(dāng)調(diào)

整小魚的位置。按照這種方法，將各條小魚的顏色均進(jìn)行調(diào)整。

(5)選中左邊的一條小魚對象，調(diào)出它的“屬性”面板。再選擇“屬性”面板內(nèi)“實例行

為”下拉列表框中的“圖形”選項，將選中的小魚影片剪輯元件實例轉(zhuǎn)換為圖形實例。然后，

設(shè)置在“圖形選項”下拉列表框中選擇“循環(huán)”選項，在“第一幀”文本框內(nèi)輸入一個30,表

示該實例從給定的數(shù)字所指示的幀開始播放?！皩傩浴泵姘逶O(shè)置如圖4-1-14所示。

(6)按照上述方法，分別將其他小魚影片剪輯元件實例進(jìn)行處理，要求“第幀”文本框

內(nèi)輸入90以內(nèi)不一樣的數(shù)字。其中一個小魚影片剪輯元件實例的

圖4-1-14“屬性”面板設(shè)置

(7)在“圖層1”圖層的下邊增加一個新的''圖層2”圖層，選中“圖層2”圖層第1幀,

將“庫”面板內(nèi)的“水”圖形元件拖曳到舞臺工作區(qū)中?適當(dāng)調(diào)整它的大小和位置。

(8)按住Ctrl鍵，選中“圖層1”圖層和“圖層2”圖層的第95幀，按F5鍵，使兩個圖

層的第1幀到第95幀的內(nèi)容一樣。

120

4.2動畫簡介和動作動畫“屬性”面板

4.2.1動畫簡介

1.Flash動回的種類

(1)幀幀動畫

(2)補間動畫

利用幀幀動畫和補間動畫，可以制作大小、位置、角度、形狀、顏色、亮度、透明度等分

別變化或同時變化的動畫，可以制作圍繞對象中心點順時針或逆時針轉(zhuǎn)圈或者來回擺動的動畫，

可以制作沿著引導(dǎo)線移動的動畫，還可以制作其他各種變化形式的動畫。

2.動作動畫的特點

動作動畫是補間動畫中的一種。

4.2.2動作動畫關(guān)鍵幀的“屬性”面板

圖4-2-1動畫關(guān)鍵幀的“屬性”面板

［實例33］五彩風(fēng)車

“五彩風(fēng)車”動畫播放后的2幅畫面如圖4-2-2所示，可以看到，在一幅美麗的卡通風(fēng)景

背景中，一排五顏六色的大風(fēng)車隨風(fēng)轉(zhuǎn)動。通過學(xué)習(xí)該實例，可以進(jìn)一步掌握制作圖形元件和

圖4-2-2“五彩風(fēng)車”動畫播放后的2幅畫面

1.繪制紅色風(fēng)車圖形元件

(1)創(chuàng)建并進(jìn)入“風(fēng)車圖形”圖形元件的編輯窗口。選中“圖層1”圖層的第1幀。使用

工具箱內(nèi)的“矩形工具”口，繪制一個線條顏色為黑色、筆觸樣式為極細(xì)線，無填充的矩形圖

形，如圖4-2-3所示。

121

(2)調(diào)出“混色器”面板。設(shè)置填充色為淺紅色到紅色再到深紅色的線性填充，此時，“混

色器”面板設(shè)置如圖4-2-4所示。使用工具箱內(nèi)的“顏料桶工具”的，在舞臺工作區(qū)中的矩形

圖形中，沿著如圖4-2-5中箭頭所示方向拖曳鼠標(biāo)，為矩形圖形填充漸變色，如圖4-2-6所示。

注意：如果一次填充效果不好，可以重復(fù)拖曳幾次直到達(dá)到滿意效果為止。

(4)使用工具箱內(nèi)的“選擇工具”I,將鼠標(biāo)指針移動到舞臺工作區(qū)中矩形圖形的左上

角，當(dāng)鼠標(biāo)指針右下方出現(xiàn)一個小角圖形時，拖曳鼠標(biāo)改變矩形的形狀，如圖4-2-7所示。

(5)繪制一個三角形圖形并給它添加填充，如圖4-2-8所示。使用工具箱內(nèi)的選擇工具h(yuǎn),

在舞臺工作區(qū)中拖曳選中全部圖形，按Ctrl+G鍵，將選中的對象組成組合，形成風(fēng)車的一瓣。

(6)使用工具箱內(nèi)的任意變形工具臼，旋轉(zhuǎn)圖形對象。調(diào)出“變形”面板，在該面板內(nèi)

的“旋轉(zhuǎn)”文本框中輸入90,3次單擊該面板內(nèi)的“復(fù)制并應(yīng)用變形”按鈕曳，復(fù)制3個旋轉(zhuǎn)

90、180和279度的圖形。使用工具箱內(nèi)的選擇工具I,將復(fù)制的圖形移開，如圖4-2-9所示。

圖4-2-6填充矩形圖4-2-7修改圖形圖4-2-8三角圖形圖4-2-94個風(fēng)車瓣

(7)調(diào)整4個風(fēng)車瓣的位置，組成?個風(fēng)網(wǎng)生如圖4-2-10所示。將它們組成組合。

(8)單擊元件編輯窗口中的場景名稱圖標(biāo)E盤！hfo按鈕，回到主場景。

2.制作旋轉(zhuǎn)的風(fēng)車

(1)調(diào)出“庫”面板。然后，進(jìn)入“風(fēng)車”影片剪輯元件的編輯窗口。單擊選中“圖層1”

圖層的第1幀，將“庫”面板中的“風(fēng)車圖形”圖形元件拖曳到舞臺工作區(qū)的中心位置。

(2)使用工具箱內(nèi)的“選擇工具”A,右擊“圖層1”圖層的第1幀，彈出幀快捷菜單，

再單擊該菜單中的“創(chuàng)建補間動畫”菜單命令。在其“屬性”面板中“旋轉(zhuǎn)”下拉列表框中選

擇“順時針”選項，在其右邊的文本框中輸入3,表示動畫圍繞對象的中心點順時針旋轉(zhuǎn)3次。

(3)選中“圖層1”圖層的第100幀，按F6鍵，創(chuàng)建第1幀到第100幀動作動畫。

(4)在“圖層1”圖層下邊新建一個“圖層2”圖層，選中“圖層2”圖層的第1幀。使

用工具箱內(nèi)的“矩形工具”口，繪制一個線條顏色為黑色、筆觸樣式為極細(xì)的黑色到黃色再到

黑色的線性填充的長條矩形圖形，作為風(fēng)車支棍，如圖4-2-11所示。單擊選中“圖層2”圖層

的第50幀，再按F5鍵，使第1幀到第50幀的所里幀.第1幀內(nèi)容一樣。

(6)單擊元件編輯窗口中的場景名稱圖標(biāo)屋翳為3按鈕，回到主場景。

122

3.制作多個風(fēng)車動畫

(1)單擊選中主場景“圖層1”圖層第1幀，導(dǎo)入一幅風(fēng)景圖像，如圖4-2T2所示。

圖4-2-10風(fēng)車圖形圖4-2-11風(fēng)車支棍圖形圖4-2-12背景圖像

(2)在“圖層1”圖層之上添加“圖層2”圖層，6次將“庫”面板內(nèi)的“風(fēng)車”影片剪

輯元件拖曳到舞臺工作區(qū)內(nèi)，形成6個風(fēng)車。使用工具箱內(nèi)的“任意變形工具”目，調(diào)整6個

風(fēng)車的大小和位置。

(3)參考【實例13】“水晶球按鈕”動畫中所述方法，分別調(diào)整6個風(fēng)車影片剪輯實例的

顏色和飽和度。

［實例34］彩球蹺蹺板

“彩球蹺蹺板”動畫播放后的2幅畫面如圖4-2-13所示?？梢钥吹剑瑑蓚€彩球不斷彈起和

落下，同時蹺蹺板也隨之上下擺動。在彩球下落時，彩球作加速運動；在彩球上彈時，彩球作

減速運動。該動畫的制作方法如下。

圖4-2-13“彩球蹺蹺板”動畫播放后的2幅畫面

1.制作蹺蹺板動畫

(1)設(shè)置舞臺工作區(qū)背寬為536像素，高為250像素，景色為白色。使舞臺顯示標(biāo)尺和幾

根用來給動畫定位的輔助線，如圖4-2-14所示。以名稱“【實例33】彩球蹺蹺板.fla”保存。

(2)將“圖層1”圖層的名稱改為“支架”。在舞臺工作區(qū)內(nèi)繪制一幅支架圖形。在“支架”

圖層下邊創(chuàng)建一個名稱為“蹺蹺板”的圖層，在舞臺工作區(qū)內(nèi)繪制一個紅色輪廓線、棕色填充

的矩形圖形，作為蹺蹺板。

(3)使用工具箱內(nèi)的“任意變形工具”后，單擊選中蹺蹺板圖形，使蹺蹺板圖形的中心點

標(biāo)記出現(xiàn)，再用鼠標(biāo)拖曳調(diào)整中心點到蹺蹺板圖形的中心處，如圖4-2-15所示。然后，順時針

旋轉(zhuǎn)蹺蹺板圖形一定的角度，如圖4-2-15所示。

123

（4）在“蹺蹺板”圖層創(chuàng)建第30幀到第40幀、第100幀到第110幀的動作動畫，第30

幀和第110幀的畫面如圖4-2-16所示（還沒有彩球圖形），第40幀和第100幀的畫面如圖

4-2-17所示（還沒有彩球圖形）。按住Ctrl鍵，單擊選中“蹺蹺板”圖層和“支架”圖層的第

（5）打開【實例17】“彩球倒影.fla”Flash文檔，調(diào)出它的“庫”面板，將“庫”面板

內(nèi)的“彩球”影片剪輯元件拖曳到“【實例33】彩球蹺蹺板.fla”動畫的“庫”面板中。

（6）在“蹺蹺板”圖層之上添加名稱為“左邊球”和“右邊球”的兩個圖層。單擊選中

“左邊球”圖層第1幀，將“庫”面板內(nèi)的“彩球”影片剪輯元件拖曳到舞臺工作區(qū)的左上角

輔助線交點處，如圖4-2-18所示。單擊選中“右邊球”圖層第1幀，將“庫”面板內(nèi)的“彩球”

影片剪輯元件拖曳到舞臺工作區(qū)的右下角輔助線交點處，如圖4-2-18所示。

（7）倉4建“左邊球”圖層第1幀到第30幀的動作動畫，第30幀的畫面如圖4-2-16所示。

再創(chuàng)建“左邊球”圖層第30幀到第40幀的動作動畫，第40幀的畫面如圖4-2-17所示。創(chuàng)建

“左邊球”圖層第100幀到第110幀的動作動畫，第110幀的畫面如圖4-2-16所示。創(chuàng)建“左

邊球”圖層第110幀到第140幀的動作動畫，第140幀的畫面如圖4-2-18所示。

（8）創(chuàng)建“右邊球”圖層第30幀到第40幀的動作動畫，第40幀的畫面如圖4-2-17所

示。創(chuàng)建“右邊球”圖層第40幀到第70幀的動作動畫，第70幀的畫面如圖4-2-19所示。創(chuàng)

建“右邊球”圖層第70幀到第100幀的動作動畫，第100幀的畫面如圖4-2-17所示。創(chuàng)建“右

邊球”圖層第100幀到第110幀的動作動畫，第110幀的畫面如圖4-2-16所示。單擊選中“右

邊球”圖層的第140幀，按F5鍵，創(chuàng)建普通幀。

124

圖4-2-18第1幀和第140幀的畫面圖4-2-19第70幀的畫面

2.調(diào)整彩球下落和上彈的變速運動

（1）因為在彩球下落時，彩球作加速運動，所以單擊選中“左邊球”圖層第1幀，在它

的“屬性”面板內(nèi)的“緩動”文本框內(nèi)輸入"00,如圖4-2-20左圖所示；單擊選中“右邊球”

圖層第70幀，在它的“屬性”面板內(nèi)的“緩動”文本框內(nèi)輸入-100,如圖4-2-20左圖所示。

（2）因為在彩球上彈時，彩球作減速運動。所以單擊選中“右邊球”圖層第30幀，在它

的“屬性”面板內(nèi)的“緩動”文本框內(nèi)輸入110,如圖4-2-20右圖所示；單擊選中“左邊球”

圖層第110幀，在它的“屬性”面板內(nèi)的“緩動”文本框內(nèi)輸入100,如圖4-2-20右圖所示。

▼屬性▼屬性

樸聞：動作▼回縮放

II幀"F幀補間，BagR

4"：一〈楨標(biāo)孌》"做后簽〉

簡易：-100v輸入1簡易：JOO_,輸出

旋轉(zhuǎn)：|自動

標(biāo)簽類型：標(biāo)簽類型；旋轉(zhuǎn)：1自動可（

口調(diào)整到路徑13同步回對齊口調(diào)整到路徑回同步回對齊

圖4-2-20“屬性”面板設(shè)置

（3）在“蹺蹺板”圖層下邊創(chuàng)建一個名稱為“背景圖像”的圖層，在其內(nèi)導(dǎo)入一幅風(fēng)景

圖像，調(diào)整該圖像的大小和位置，使該圖像剛好將舞臺工作區(qū)完全覆蓋。

至此，整個動畫制作完畢，該動畫的時間軸如圖4-2-21所示。

凡▼麗箱

衣昌口101520253035?4550556065707580859095100105110115120125130135140F

3二踵；9□J一，>------------------------->?)--->?__[%

J左邊球?*

卬支架??日［二

3蹺跳板??口>--.?[

。背景圖??□[V

而1%“12.0fps3.3s4]|二川|國

圖4-2-21“蹺蹺板”動畫的時間軸

可以看出，第1幀到第30幀是左邊彩球加速下落的動畫；第30幀到第40幀是蹺蹺板左

邊下沉右邊翹起的動畫，同時左邊的彩球隨之下移，右邊的彩球隨之上移；第40幀到第70幀

是右邊彩球減速彈起的動畫；第70幀到第100幀是右邊彩球加速下落的動畫；第100幀到第

110幀是蹺蹺板左邊翹起右邊下沉的動畫，同時左邊的彩球隨之上移，右邊的彩球隨之下移；

第110幀到第140幀是左邊彩球減速彈起的動畫。

［實例35］彩球和自轉(zhuǎn)光環(huán)

“彩球和自轉(zhuǎn)光環(huán)”動畫播放后的兩幅畫面如圖4-2-22所示?？梢钥吹剑嬅嬷幸粋€逆時

針自轉(zhuǎn)的光環(huán)圍繞一個彩球轉(zhuǎn)圈，三個順時針自轉(zhuǎn)的光環(huán)圍繞逆時針自轉(zhuǎn)的光環(huán)轉(zhuǎn)圈，三個順

時針自轉(zhuǎn)光環(huán)之間的夾角為120度。該動畫的制作方法如下。

125

圖4-2-22“彩球和自轉(zhuǎn)光環(huán)”動畫播放后的2幅畫面

1.制作“自轉(zhuǎn)光環(huán)”影片剪輯元件

(1)設(shè)置舞臺工作區(qū)背寬為536像素，高為250像素，景色為白色。使舞臺顯示標(biāo)尺，再

用鼠標(biāo)拖曳出一條水平輔助線和一條垂直輔助線，它們的交點與舞臺工作區(qū)中心點重合。然后，

以名稱"實例35】彩球和自轉(zhuǎn)光環(huán)”保存。

(2)創(chuàng)建并進(jìn)入“七彩光環(huán)”影片剪輯元件的編輯狀態(tài)。使用工具箱內(nèi)的“橢圓工具”O(jiān),

設(shè)置線條顏色為黑色、線粗為lOpts,無填充。按住Shift鍵，拖曳鼠標(biāo)，繪制一個無填充的黑

色圓形圖形，如圖4-2-23左圖所示。

(3)使用工具箱內(nèi)的“箭頭工具”.,單擊選中橢圓圖形，再單擊“修改”一“形狀”

一“將線條轉(zhuǎn)換為填充”菜單命令，將選中的橢圓線條轉(zhuǎn)換為填充。

(4)單擊工具箱內(nèi)設(shè)置填充色的盤」圖標(biāo)按鈕，調(diào)出顏色板，設(shè)置填充色為七彩線性

漸變色，使圓形圖形成為七彩漸變色的圓形圖形，如圖2.114右圖所示。

(5)單擊“修改”一“形狀”一“擴(kuò)展填充”菜單命令，調(diào)出“擴(kuò)展填充”對話框，按照

圖4-2-24所示進(jìn)行設(shè)置。再單擊“確定”按鈕,即可獲得如圖4-2-25所示的七彩光環(huán)效果。

圖4-2-23繪制圓形和七彩圓環(huán)圖形圖4-2-24“擴(kuò)展填充”對話框設(shè)置

(6)單擊“修改”一“形狀”一“柔化填充邊緣”菜單命令，調(diào)出“柔化填充邊緣”對話

框，按照圖4-2-26所示進(jìn)行設(shè)置。再單擊“確定”按鈕，完成七彩光環(huán)邊緣的柔化處理。

圖4-2-25擴(kuò)展七彩圓環(huán)圖形圖4-2-26“柔化邊緣”對話框設(shè)置

(7)單擊“修改”一“組合”菜單命令，將七彩光環(huán)圖形組成組合，如圖4-2-27所示。然

后，單擊元件編輯窗口中的<>按鈕，回到主場景。

126

2.制作“順時針自轉(zhuǎn)光環(huán)”和“逆時針自轉(zhuǎn)光環(huán)”影片剪輯元件

(1)創(chuàng)建并進(jìn)入“順時針自轉(zhuǎn)光環(huán)”影片剪輯元件的編輯窗口。將“庫”面板中的“七彩

光環(huán)”影片剪輯元件拖曳到舞臺工作區(qū)中，形成一個實例。制作第1幀到第80幀的動作動畫。

單擊選中第1幀，再在其“屬性”面板，按照圖4-2-28所示進(jìn)行設(shè)置，使光環(huán)順時針旋轉(zhuǎn)1周。

單擊元件編輯窗口中的S按鈕，回到舞臺工作區(qū)的主場景狀態(tài)。

▼雇性

補間：；動作回回縮放

Q幀

嫩標(biāo)笠》簡易：0V

標(biāo)簽類型：旋轉(zhuǎn)；針*|1次

口調(diào)整到路徑回同步對齊

圖4-2-27“光環(huán)”影片剪輯元件圖4-2-28動作動畫幀的“屬性”面板設(shè)置

(2)單擊選中“庫”面板中的“順時針自轉(zhuǎn)光環(huán)”影片剪輯元件，單擊鼠標(biāo)右鍵，彈出它

的快捷菜單，單擊該菜單中的“重制”菜單命令，調(diào)出“復(fù)制元件”對話框，將“名稱”文本

框中的內(nèi)容改為“逆時針自轉(zhuǎn)光環(huán)”字，如圖4-2-29所示。然后，單擊“確定”按鈕。此時,

“庫”面板中會增加一個名稱為“逆時針自轉(zhuǎn)光環(huán)”的影片剪輯元件。

(5)雙擊“庫”面板中的“逆時針自轉(zhuǎn)光環(huán)”的影片剪輯元件，進(jìn)入它的編輯狀態(tài)，單擊

選中“圖層1”圖層的第1幀，將其“屬性”面板中“旋轉(zhuǎn)”下拉列表框中的“順時針”改為

“逆時針”，其右的文本框內(nèi)輸入2,如圖4-2-30所示。單擊元件編輯窗口中的S按鈕，回到

舞臺工作區(qū)的主場景狀態(tài)。

圖4-2-29“復(fù)制元件”對話框圖4-2-30動畫幀的“屬性”面板設(shè)置

3.制作彩球和自轉(zhuǎn)七彩光環(huán)動畫

(1)將“圖層1”圖層的名稱改為“彩球和順時針自轉(zhuǎn)光環(huán)”。單擊選中“彩球和順時針

自轉(zhuǎn)光環(huán)”圖層的第1幀。

(2)打開【實例17】“彩球倒影.fla”Flash文檔，調(diào)出它的“庫”面板，將“庫”面板內(nèi)

的“彩球”影片剪輯元件拖曳到“［實例35］彩球和自轉(zhuǎn)光環(huán)”動畫的舞臺工作區(qū)中。利用“屬

性”面板調(diào)整“彩球”影片剪輯實例的大小為寬80個像素，高80個像素，“彩球”影片剪輯實

例的中心與兩條輔助線的交點重合，如圖4-2-31所示。

(3)將“庫”面板中的“逆時針自轉(zhuǎn)光環(huán)”影片剪輯元件拖曳到“［實例35］彩球和自轉(zhuǎn)

光環(huán)”動畫的舞臺工作區(qū)中。利用“屬性”面板調(diào)整“順時針自轉(zhuǎn)光環(huán)”影片剪輯實例的大小

為寬100個像素，高100個像素，將它的內(nèi)邊緣與“彩球”影片剪輯實例相切。

(4)在“彩球和逆時針自轉(zhuǎn)光環(huán)”圖層之上創(chuàng)建一個“圖層2”圖層。將“庫”面板中的

“順時針自轉(zhuǎn)光環(huán)”影片剪輯元件拖曳到“［實例35］彩球和自轉(zhuǎn)光環(huán)”動畫的舞臺工作區(qū)中。

然后，按住Ctrl鍵，用鼠標(biāo)拖曳“順時針自轉(zhuǎn)光環(huán)”影片剪輯實例，復(fù)制兩個影片剪輯實例，

127

再調(diào)整它們的位置，使它們之間的夾角為120度。最終效果如圖4-2-32所示。

(5)使用工具箱中的任意變形工具臼，單擊一個“順時針自轉(zhuǎn)光環(huán)”影片剪輯元件的實

例，將它的中心點調(diào)整到兩條輔助線的交點處，如圖4-2-33所示。采用相同的方法，將其它兩

個“順時針自轉(zhuǎn)光環(huán)”影片剪輯元件實例的中心點也調(diào)整到相同位置。

圖4-2-31“彩球”實例圖4-2-325個對象的相對位置圖4-2-33調(diào)整中心位置

(6)單擊選中“圖層2”圖層第1幀，單擊“修改”一“時間軸”一“分散到圖層”菜單

命令，將“圖層2”圖層第1幀中的三個對象分散到三個圖層中。

然后，將原來的“圖層2”圖層刪除，將新生成的三個圖層的名稱分別改為“順時針自轉(zhuǎn)

光環(huán)1”、“順時針自轉(zhuǎn)光環(huán)2”和“順時針自轉(zhuǎn)光環(huán)3”。

(7)創(chuàng)建“順時針自轉(zhuǎn)光環(huán)1”圖層第1幀到第90幀的動作動畫。單擊選中第1幀，在

其“屬性”面板的“旋轉(zhuǎn)”下拉列表框中選擇“順時針”選項，在其右邊的文本框內(nèi)輸入1,

表示轉(zhuǎn)一圈。

(8)按照相同的方法，再創(chuàng)建“順時針自轉(zhuǎn)光環(huán)2”和“順時針自轉(zhuǎn)光環(huán)3”圖層的“順

時針自轉(zhuǎn)光環(huán)”影片剪輯實例圍繞彩球轉(zhuǎn)圈的動畫。

注意：三個影片剪輯元件實例的中心點位置應(yīng)在兩條輔助線的交點處，如圖4-2-33所示。

(9)單擊選中“彩球和逆時針自轉(zhuǎn)光環(huán)”圖層第90幀，按F5鍵，使該圖層各幀的內(nèi)容均

為“彩球”影片剪輯實例。

至此，整個動畫制作完畢，該動畫的時間軸如圖4-2-34所示。

▼時間的

■圖口力51015202530354045505560657075808590電

CP順時針目轉(zhuǎn)光環(huán)14

??□一-

卬順時針自轉(zhuǎn)光環(huán)2??□

-----------------------------------------------------------------------------=-

時針自轉(zhuǎn)光環(huán)3??□

?-----------------------------------------------------------------------------D

W彩球和蝌針自轉(zhuǎn)財9□

V；

?40口吃：.112.0￡ps0.0s<>

圖4-2-34”彩球和自轉(zhuǎn)光環(huán)”動畫的時間軸

［實例36］熊貓圖像翻頁畫冊

“熊貓圖像翻頁畫冊”動畫播放后，畫冊第1幅圖像慢慢從左向右翻開，接著第2圖像慢

慢從左向右翻開。其中的3幅畫面如圖4-2-8所示。當(dāng)翻頁翻到背面后，背面圖像與正面圖像

不一樣。該動畫的制作方法如下。

128

圖4-2-8”熊貓圖像翻頁畫冊”動畫播放后的3幅畫面

1.制作第1頁翻頁動畫

(1)新建一個Flash文檔，設(shè)置舞臺工作區(qū)寬為300像素、高為300像素，背景為白色。

顯示標(biāo)尺，創(chuàng)建5條輔助線，如圖4-2-9所示。然后，導(dǎo)入5幅熊貓圖像到“庫”面板中。

(2)選中“圖層1”圖層第1幀，將“庫”面板中的“熊貓圖像1”圖象拖曳到舞臺工作

區(qū)內(nèi)。在其“屬性”面板內(nèi)設(shè)置寬121像素，高166像素，X為161像素，丫為210像素，如

圖4-2-0所示。

-

品

：

圖4-2-9標(biāo)尺和5條輔助線圖4-2-10“圖層1”圖層第1幀畫面

(3)在“圖層1”圖層之上添加一個名稱為“圖層2”的圖層，選中“圖層2”圖層第1

幀，將“庫”面板中的“熊貓圖像2”圖象拖曳到舞臺工作區(qū)內(nèi)。在其“屬性”面板內(nèi)設(shè)置寬

121像素，高166像素，X為161像素，丫為210像素，如圖4-2-1所示。

(4)創(chuàng)建“圖層2”圖層的第1幀到第50幀的動畫。使用工具箱內(nèi)的任意變形工具后，

選中第50幀的圖形，并用鼠標(biāo)將該幀矩形圖形對象的中心標(biāo)記口拖曳到如圖4-2-11所示位置。

然后將第50幀復(fù)制粘貼到第1幀，第1幀圖形的中心標(biāo)記口位置也如圖4-2-11所示。

(5)選中“圖層2”圖層第50幀圖像。使用工具箱內(nèi)的“任意變形工具”臼，用鼠標(biāo)向

左拖曳矩形對象右側(cè)的控制柄，將它水平反轉(zhuǎn)過來(寬度不變)，再調(diào)整矩形圖形左邊緣，使矩

形圖形左邊微微向上傾斜，如圖4-2-12所示。

圖4-2-11“圖層2”圖層第1幀畫面圖4-2-12“圖層2”圖層第50幀畫面

129

(6)用鼠標(biāo)拖曳時間軸中的紅色播放頭，當(dāng)移到第25幀處時、可以看到舞臺工作區(qū)內(nèi)的

畫冊第1頁已經(jīng)翻到垂直位置，如圖4-2-13所示。

(7)在“圖層2”圖層之上添加一個名稱為“圖層3”的圖層，按照上述方法創(chuàng)建“圖層

3”圖層第1幀到第50幀的圖象翻頁動作動畫。只是圖像更換為“庫”面板內(nèi)的“熊貓圖像3”

圖象，如圖4-2-14所示。

圖4-2-13“圖層2”圖層第25幀畫面圖4-2-14“圖層3”圖層第1幀畫面

(8)選中‘'圖層1”圖層第50幀，按F5鍵，使該圖層第1幀到第50幀內(nèi)容一樣。

(9)按住Shift鍵，單擊“圖層3”圖層的第1幀和第25幀，選中第1幀和第25幀之間

的所有幀，如圖4-2-15所示。將鼠標(biāo)指針移到選中的幀之上，單擊鼠標(biāo)右鍵，彈出幀快捷菜單，

(10)用鼠標(biāo)拖曳選中的幀，將第1幀和第25幀動畫移到第26幀和第50幀處，如圖4-2-17

所示。

圖4-2-17

130

(11)按住Shift鍵，單擊“圖層2”圖層的第26幀和第50幀，選中第26幀和第50幀

之間的所有幀。將鼠標(biāo)指針移到選中的幀之上，單擊鼠標(biāo)右鍵，彈出幀快捷菜單，再單擊該菜

2.制作第2頁翻頁動畫

(1)在“圖層3”圖層上邊新建一個“圖層4"圖層。選中“圖層1”圖層的第1幀，單擊

鼠標(biāo)右鍵，彈出幀快捷菜單，再單擊該菜單中的“復(fù)制幀”菜單命令，將該幀內(nèi)容復(fù)制到剪貼

板中。

(2)選中“圖層4”圖層的第51幀，按F7鍵，創(chuàng)建一個空關(guān)鍵幀。選中“圖層4”圖層

的第51幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單，再單擊該菜單中的“粘貼幀”菜單命令，將剪貼

板中的“圖層I”圖層第1幀的內(nèi)容粘貼到“圖層4”圖層的第51幀內(nèi)。

(3)按照前面介紹的方法，創(chuàng)建“圖層4”圖層第51幀到第100幀的翻頁動畫。再創(chuàng)建“圖

層5”圖層第51幀到第100幀的“熊貓圖像4”圖象的翻頁動畫?！靶茇垐D像4”圖象如圖4-2-19

左圖所示。

(4)選中“圖層3”圖層的第100幀，

按F5鍵，使“圖層3”圖層第26幀到第

100幀內(nèi)容一樣。

(5)按照上述方法，將“圖層4”圖

層的第51幀到第75幀動畫刪除，將原來

的第70幀到第100幀動畫移回原來的位

置。將“圖層5”圖層的第76幀到第100

幀動畫刪除。