《Flash動畫設計》實訓教程

主編：譚建輝

副主編：劉進軍張金榮黃傳丹

目錄

實訓說明

第一章Flash動畫設計訂單1：制作FLASHMTV（實訓項目

第二章Flash動畫設計訂單2：制作FLASH片頭（實訓項

目二）

第三章Flash動畫設計訂單3：制作FLASH網站（實訓項

目三）

第四章Flash動畫設計訂單4：制作FLASH課件（實訓項

目四）

第五章Flash動畫設計訂單5：制作FLASH游戲（實訓項

目五）

第六章Flash動畫設計訂單6：制作FLASH網絡廣告（實

訓項目六）

第七章Flash動畫設計訂單7：制作FLASH賀卡（實訓項

目七）

第八章Flash動畫設計訂單8：制作FLASH漫畫（卡通片）

（實訓項目八）

實訓說明

實訓環境：網絡信息中心、校外實訓公司

實訓工具：可寬帶上網的安裝有FlashMX2004的多媒體電

腦

實訓內容：Flash動畫設計訂單（八個大項目）

第一章Flash動畫設計訂單1：制作FLASHMTV（實訓項目一）

一、訂單表述

請將歌曲《我是一只小小鳥》（趙傳）制作成一個

FLASHMTV,要求“小鳥”可以自由控制,如放大、縮小、透

明等。

二、訂單示范作品及設計過程

閃閃作坊坊主制作的《雪孩子》FlashMTV相信很多人都看過了，歌的優雅，配以優

雅的畫風，把雪景給人帶來的情緒渲染得如此淋漓??！

閃閃本人也把《雪孩子》-FlashMTV制作過程寫成了教程，目的幫助想學習制作flash

MTV的廣大網友。

在小編我向閃閃本人申請轉載的時候，閃閃的無私再次感動了我！特作編者按，以示鳴

謝！也希望網友們喜歡我做的這個教程專題！

[欣賞MTV]

點擊欣賞MTV

［制作過程］

<->動畫素材準備

要準備的素材包括背景音樂、故事情節、動畫形象3個部分。

大家都熟悉喜歡的故事《雪孩子》，現在可以通過Hash動畫的表現方式表現出來，你不想

試一試嗎？由我們自己親手把它做成動畫片，是一件多么讓人興奮的事情啊。

※下面我們介紹的就是FLASH動畫《雪孩子》的制作過程。制作之前，首先要準備好一些

必備工具：

※這里采用的工具有PhotoShop、Flash和超級錄音機(用來剪輯過長的mp3)。

※如果你還沒有這3種工具，可以在網上找來下載。

X工具準備好了，就可以開始了。

<->動畫素材準備

※首先要準備好素材。

※要準備的素材包括背景音樂、故事情節、動畫形象3個部分。

(1)背景音樂

※我們的背景音樂選用的是范曉萱演唱的歌曲《雪人》。當然這歌曲太長了，動畫場景拉得

太長，做起來也很費時間和精力。不用怕，我們可以利用超級錄音機的功能把它剪掉一點

點。

派以下為超級錄音機音頻剪輯范例和步驟：

（圖1）

X如圖I所示：用鼠標按下“文件”菜單，選擇“打開”，在跳出的對話框里找尋自己機器上

下載的mp3文件，點擊文件雪人.mp3后按確定按鈕。

（圖2）

X如圖2所示：打開雪人.mp3后的超級錄音機狀態

（圖3）

X如圖3所示：按下選擇區域按鈕。（紅色圈處為選擇區域按鈕）

（圖4）

※如圖4所示：播放mp3,然后在你想要選取的音頻區域的開頭和結束處，按下“選擇開

始點”和“選擇結束點”按鈕。（紅色圈處為開始點和結束點按鈕）

（圖5）

※如圖5所示：按下停止按鈕停止播放mp3,然后點擊“編輯”菜單下的“保存選擇區域”進行

保存。為了不破壞原來的mp3文件，不要直接用原來的文件名，文件名可改為雪人9.mp3。

※剪掉的開始處和結束處也許會很生硬，這樣就要進行處理了。Hash5可以對mp3文件進

行編輯，后面的Hash制作過程將講到這個內容。這樣,我們的mp3文件就基本上準備好了。

接下來是故事情節安排。

<->動畫素材準備

（2）故事情節

X現在我們這里的《雪孩子》故事可以根據《雪人》的歌曲意境來安排情節。

※歌詞寫道：“雪一片一片一片一片映出你我的緣份…眼看春天就要來了而我也將也

將不再生存…，’聽到這里，我們也早已經給歌詞深深打動了。我們可以想象一個可愛的雪孩

子和一個小女孩之間深厚的情誼，可是歡樂的時光為什么這么短暫啊，春天就要來了，雪孩

子也將要融化了…

※接著我們安排場景來表現這個意境，可以分成6部分：

※第1部分：雪一片一片的下、一棵家門前的樹

※第2部分：雪繼續下，雪孩子若有所思的看著最后幾片樹葉也掉下來了

※第3部分：雪孩子來到女孩的家門，看不見小女孩，它好傷心啊

※第4部分：小女孩從外面回來，幫雪孩子系上自己的圍巾

※第5部分：冬天就要過去了，雪孩子看了看樹上已經長出的幾片綠葉，天色漸漸轉暗,

夜晚就要來臨了…

※第6部分：又來到女孩的家門口，他想多看自己的好友幾眼啊…春天就要來了…雪孩

子留戀地看著睡夢里的小女孩…太陽漸漸出來了，天色也亮了，雪孩子帶著遺憾悄悄的離開了

人世…

<->動畫素材準備

（3）動畫形象

※故事情節已經安排好了，我們已經知道故事里有:一個小女孩、一個雪孩子、一座小房

子、一棵樹、雪花、太陽、圍巾?，F在就要開始畫這些動畫形象了。如果怕自己畫得不好，

可以掃描一些書上的素材在Flash里面參照著描一遍。

掃描和處理圖片就要用到一些專業軟件了

※這里我們選用PhotoShop工具來掃描圖象。

※打開掃描儀開關，把你要掃描的圖片放進掃描儀。運行PhotoShop,選擇File（文件）

菜單下的Import（導入）子項下的掃描選項（名稱與安裝的掃描儀型號不同而略有不同），這

時候彈出掃描對話框，點擊預覽按扭，等圖片已經出現在預覽窗口里了，然后用光標拖動預

覽窗里的選取線至合適位置，并設置掃描參數。設置好后按掃描按扭。

※圖片掃好后自動傳入PhotoShop。我們把圖片顏色在PhotoShop里先調好，執行菜單

Image（圖象）下的Adjust（調整）Curves（曲線）命令，可以把圖象顏色調得淺色一點，

調色方法如圖6。這樣我們在Hash描圖的時候才看得清描圖線。處理好圖片后，我們選

擇File（文件）菜單下的Save（保存），把文件保存好以待備用。

（圖6）

在完成圖片素材準備工作后，我們可以進入Flash5.0把需要用到的動畫形象用工具一一畫

出來。

※運行Flash5.0后，我們先選擇File（文件）菜單下的New（新建）命令，建立一個

Flash文件，再選擇Modify（修改）菜單下的Movie（影片），設置影片的Width（寬）和

Height（高）,完成后按0K。

※然后選擇Tools（工具）面板的Brush（畫筆）工具畫動畫。如果擔心自己的畫功，可以用

Pen（鋼筆）工具慢慢勾慢慢修改。也可以執行File（文件）菜單下的Import（導入）命令，把調

淺了顏色的素材原圖導入在底層。點擊建立新層的按鈕（圖7所示紅色圈中部分）建立新層,

然后在新層的工作區內用鋼筆工具對著底層描一遍。（如圖7）

（圖7）

※畫完后把文件進行Save（存盤）以待備用。

※鋼筆工具的使用方法:在工作區內按下鼠標左鍵（不要松開按下的鍵），向任意一方位置

拖動鼠標，創建一個可以任意調整的節點。繼續向任一方向追加節點，可以形成各種弧線。

兩個節點互相閉合可以填充顏色。點擊Tools（工具）面板的描繪顏色和填充顏色按鈕，在彈

出的窗口里自由設置顏色參數。詳細方法可參照一些Hash5.0的基礎教程來學習。

※下面是用鋼筆工具畫出來的部分《雪孩子》動畫需要用到的各種形象和布景（如圖8）

(圖8)

※到現在為止，我們所需要的動畫形象差不多都齊了。不過還要記住要畫一些能做動態的

零部件，比如手呀眨動的眼睛呀什么的，這樣，在下面要開始做的動畫里，才可以讓這些動

畫形象鮮活起來。

※這樣就差不多了，到時候把零件搬出來用就可以了。

※所有素材準備好了，下面就要正式用Flash來進行《雪孩子》的制作了。

<->Flash動畫制作

《雪孩子》動畫制作大致分LOADING制作動畫編輯2個部分。

(1)LOADING制作

〈二〉Flash動畫制作

派《雪孩子》動畫制作大致分LOADING制作動畫編輯2個部分。

(1)LOADING制作

※可參照《閃客帝國》里的Loading制作的基礎教程來學習

※網址如下：/efe_tutor/tutorview.php?id=39

※或者也可直接COPY閃客帝國提供的Loading源代碼，源代碼下載地址:

>K/flashdown.php?id=50&name=loading5

※下面是下載的Loading源代碼（如圖9）

匈

了

■馬口3

action

d

1Layer1

田昭

.os

（圖9）※運行Hash5.0后，執行File（文件）菜單下的Open（打開）命令，打開下載

的Loading源代碼文件。移動光標到Timeline（時間線），點擊Layer1最后一楨右邊第一格

并向左邊拖動光標到第一楨位置松開鼠標，這樣就選中了Layer1上所有的楨，然后在選中

的楨上方按鼠標右鍵選擇CopyFrames（復制楨）。

※接著，我們建立一個新文件，可以看見新文件里有一個默認的圖層。

※選擇Modify（修改）菜單下的Movie（影片），設置影片的Width（寬）為400px,Height

（高）為250px,完成后按OK。

※選中Timeline（時間線）里默認的圖層第一楨，按鼠標右鍵選擇PasteFrames（粘貼楨）。

※繼續Copy源代碼第2層的所有楨。返回到我們新建立的文件里，建立新層，呈現Layer

2后粘貼楨。方法如Layer1。

※然后我們就有了自己的Loading了。（如圖10）

-)□|x|

名岳景3包包

33口1510

。Lmr1??口眄1。3—

%

_

§-

ZJiu(3A!□柒WQi/

（圖10）

※當然我們需要適當調整Loading畫面以便適應我們的影片風格

※圖n為調整后的Loading畫面

（圖11）

調整Loading結束后開始播放的第一個畫面

※圖10中紅色圈中的關鍵楨，是Loading完后開始播放的第一幅畫面，所以我們應該

把原來下載的Loading源文件中此楨畫面改換成我們自己的畫面。我們點擊此楨，在工作區

選中原來的畫面按鍵盤Del刪除。選擇左邊工具面板的Text（文本）工具，在此楨的工作

區里用鼠標點擊左鍵后輸入文字，我們可以輸入雪孩子三個字。最后用鼠標點擊最后一空白

楨往左邊拖動至關鍵楨位置（如圖11所示紅色圈處）。

※如果你想在Loading完后，第一個畫面處于停止狀態，按一下Play按鈕才開始播放

了。那么此楨應設置為停止狀態，把光標移到此楨上方按右鍵選擇Actions（動作）下的Stop

（停止）選項。（如圖12）

ObjectActions

Explorer［男ObjectAction=|

+-ObjectActions▼▲

BasicActions.GoToEsc+go

Actions>PlayEsc+pl

Operators>StopEsc+st

Functions>TogH。HighQudLityEsc+tq

Properties>StopAllSoundsEsc+ss

Objects?GetURLEsc+gu

FSComaandEsc+fs

Noactionselected.

LoadMovieEsc+lm

NoUnloadMovieEsc+um

TellTargetEsc+tt

IfFr?meIsLoadedEsc^il

OnMouseEventEsc+on

合4

（圖12）

※這樣Loading完后開始播放的第一楨就處于停止狀態了。

※接下來我們要創建一個Play按鈕，按鈕可以用文本工具輸入的文字，也可以用圖片。

我們這里用的是自己輸入的文字Play,我們用鼠標在工作區內點中輸入的文字后，選擇菜單

Insert（插入）下面的SymbolProperties（轉換成組件），彈出對話框后選擇類型為Button

（按鈕），0K后回到工作區，雙擊Play按鈕，切換到按鈕符號編輯模式（如圖13）,我們

可以看到符號編輯模式只有4楨。每一楨都有它特定功能：

※第1楨代表按鈕呈現的一般狀態，即鼠標指針不在按鈕之上所看見的按鈕外觀

※第2楨代表鼠標指針停在按鈕之上所看見的按鈕外觀

※第3楨代表按鈕單擊時候呈現的外觀

※第4楨代表定義鼠標響應的區域

※我們可以Copy第1楨到第2楨第3楨中粘貼，然后在工作區內編輯第2楨第3楨的Play

按鈕，我們這里把第2楨第3楨的按鈕顏色設置為白色。最后在第4楨的工作區內利用工具

欄的矩形工具畫一個矩形，定義鼠標響應的區域。

（圖13）

※編輯完這4楨后，切換回電影編輯狀態。把光標移至Play按鈕上點擊光標右鍵，選擇

Actions（動作）下的Play（開始）。

※做完這些步驟后，Loading完后的第一個畫面就處于停止狀態了，再按一下Play按鈕才

開始播放。

（2）動畫編輯

1.動畫編輯一

<->Flash動畫制作

（2）動畫編輯

XLoading制作好后，我們選擇Windows（窗口）菜單下的Panels（面板）Scene（場景）

選項，在彈出的場景窗口中點擊新建場景按鈕（如圖16紅色圈處），建立一個新的場景用來

做我們的動畫片。

（圖16）

※建立了場景2后，將自動切換到場景2工作面板。如果需要返回場景1,可以點擊工作

面板右上角按鈕（如圖17紅色圈處）進行場景切換。

現在我們在場景2,我們先建立4個層，分別是音樂層、歌詞層、底色層、遮罩

層

1、音樂層

※剛建立的場景2,時間線上只有一個默認的圖層。我們用它來做音樂層，接

著把音樂層的圖層名稱該換成“音樂層”3字，以便標識。要改變名稱，鼠標雙擊

該名稱，再輸入文字即可。

※接著選擇File菜單下的Import（導入）命令將我們上面剪輯好的歌曲素材

雪人9.mp3導入，導入后歌曲并沒有出現而是保存在Library（庫）面板中了。

按Ctrl+L打開Library（圖庫）面板，可以看到一個新的聲音符號。

※將這個符號拖入場景，你可以看到Timeline（時間線）的變化，多了一串音

頻視圖。Flash5給我們提供了簡單的處理功能，比如聲音漸現。選擇Windows

菜單下Panels（面板）子項下的Sound（聲音），打開Sound（聲音）面板。

選擇Effect（效果）下的FadeOut（逐漸關閉），這樣，我們剪輯的歌曲結尾

處就可以逐漸減弱，不會在剪輯處咔然絕止的生硬。再選擇Sync（同步）下的

Stream（數據流），可以讓歌曲和畫面達到同步播放效果。

※然后移動光標至時間線上約1445楨上（如圖18紅色圈點處）點擊右鍵，從

彈出的菜單中選擇InsertFrame（插入楨）。我們可以看見到1445楨時音頻視圖

已經不再顯示，可以知道此處是整首mp3播放結束的位置。由此我們可以暫定

1445楨為整個動畫片結束時的最后一楨。

（圖18）

2、歌詞層

※建立一個新層作為歌詞層，改變層名稱，輸入“歌詞層”3字（每建立」

層都應該輸入名稱以便管理，以下部分不再重復）。接著我們按下鍵盤Enter

鍵，播放雪人歌曲。播放的時候，我們可以看見一根紅色的線在時間線上跑，如

果點擊一下紅色線，就停止播放了。所以我們可以用播放一句歌詞然后點擊紅線

停止播放，接著在紅色線對應楨的工作區內輸入歌詞的方法，來實現歌詞顯示和

音樂播放同步。

3、底色層

※建立新層作為底色層，拖至所有層的最下方（以后每建立新層，底色層都應

放置在最下層，以后不再重復）。用矩形工具在第一楨對應的工作區畫一個灰

色底，然后在第1445楨上方點擊右鍵，從彈出的菜單中選擇InsertFrame（插入

楨）。這樣整個動畫場景用的都是灰色底。當然在影片結尾處，因為要表現春

天來了，灰色底要相應變亮。所以在影片結尾處，太陽出現后，約1240楨的位

置上方點擊鼠標右鍵選擇插入關鍵楨，然后對此關鍵楨對應的灰色塊顏色進行調

整，把顏色稍微調淺一點點。

4、遮罩層

※為了遮住以后做動畫動作時一些移至場景外的物件，我們可以專門建立一個

新層，在場景外畫一個遮罩色塊蓋住場景外的部分。此層應一直處于所有層最上

方。＜二＞Flash動畫制作

(2)動畫編輯

完成了以上4層工作后，下面是故事情節部分了

※前面我們已經構思好了故事情節，由6個動畫片段來完成我們的《雪孩子》。

第1部分：

※歌詞：音樂前奏

※情節：天色迷漫，雪一片一片的下(如圖19)

※道具：一棵有積雪的只剩4片葉子的樹、飄動的雪花

（圖19）

1、樹層

※建立一個新層，把準備好的動畫素材-樹拖入到新層里至適當位置。選擇

Tools（工具）面板的Brush（畫筆）工具在樹上畫上積雪。然后在第一-片段結束楨

（295楨）上方點擊鼠標右鍵選擇PasteFrames（粘貼楨）。

2、雪花層

※雪花飄動可以直接復制Loading場景中已經作好的雪花循環飄動的MC（電

影片段）。切換回場景1,在雪花循環飄動的關鍵楨上方點擊右鍵選擇Copy

Frames（復制楨）。返回場景2,建立新層，在第一楨上方點擊鼠標右鍵選擇Paste

Frames（粘貼楨）。移動光標至第H25楨點擊右鍵，從彈出的菜單中選擇Insert

Frame（插入楨）。

※為什么選擇1125楨結束雪花飄動呢？因為我們參照歌詞層的歌詞顯示可以

知道大約此楨處已經唱到“眼看春天就要來了"，所以我們知道此楨大約可以停止

飄雪。

※因為整個動畫的意境是雪花不停的飄，所以雪花層應該始終在除遮罩層歌詞

層外的所有層的上方。

※同理，選擇295楨結束第一場景的樹，是考慮到此處的音樂前奏已經播完，

而我們的構思是第一部分到音樂前奏處結束。而第2部分的樹是表現落葉飄下來

的，和這棵樹有所不同，所以不能象雪花飄動一樣覆蓋幾個片段。

第2部分：

※歌詞：好冷雪已經積的那麼深MerryX'mastoyou

※情節：雪繼續下，雪孩子若有所思的看著最后幾片樹葉也掉下來了（如

圖20）

※道具：雪孩子、雪花、一棵有積雪的只剩下2片葉的樹干、2片落葉

（圖20）

1、雪孩子層

※建立新層，Copy雪孩子動畫素材到新層約295楨（第2部分開始楨）

位置，讓雪孩子從場景外滑雪至樹下。

※滑動和雪花飄動制作方法都可以用運動動畫制作方法：把雪孩子圖案放

置在工作區右上角。鼠標選中雪孩子圖案后，選擇菜單Modify（修改）下的

GroupC群組）。然后在該楨上方單擊鼠標右鍵,在彈出的窗口里選擇CreateMotion

Tween（創建動畫動作），并Copy（復制）該楨。接著按鍵盤F5鍵插入一楨，

把該插入楨用鼠標拖動延長到適當位置并點擊鼠標右鍵，在彈出的窗口里選擇

PasteFrames（粘貼楨）。然后把該粘貼楨下方對應的工作區內的雪孩子圖案往

左下角移至適當位置。

※這樣雪孩子滑雪的動作就做好了。

※其中在此層中雪孩子所做的動作有平移、眨眼、抬頭等，都是通過關鍵楨

動畫來實現的。方法就是一楨一楨畫好并擺上去。關鍵楨類似于傳統動畫中的原

畫，關鍵楨越多動畫就會越細膩。

2、樹干層

※這是一棵掉了葉子的樹干。建立新層，Copy我們準備好的樹干圖案至新層

適當位置，選中樹葉Copy后，刪除掉樹葉。

3、樹葉層

※建立新層，把剛才Copy的樹葉粘貼進新層，做落葉飄下的動作。落葉飄下

制作方法可參照前面講到的雪孩子滑雪的運動動畫制作方法。

※同時，在此層中樹葉還用到了透明運動動畫的效果，即樹葉掉在地下后漸漸

隱去（淡出）。制作方法：先把物體進行Group（群組），把鼠標移至樹葉的關

鍵楨上點擊鼠標右鍵選CreateMotionTween（創建動畫動作），再Copy此楨。

然后光標右移到適當楨的位置上方按鼠標右鍵彈出窗口后選擇粘貼楨。再把鼠標

移至該粘貼楨對應的工作區，選中工作區的樹葉圖案，按鍵盤Ctrl+F打開Fram

（楨）面板，Fram（楨）面板讓他保留默認設置，我們選擇楨面板左邊的Effect

（效果）欄，可以看見一個下拉列，選取Alpha后，右邊相應出現可自己設置的

百分比選項，我們把它設置為0%。

※這樣，樹葉掉下漸漸隱去的效果就完成了。

※注：樹葉層應在第2片段的3個層的最上層，雪人層在第2片段的3個層的

最下層。整個第2部分在429楨處結束。

＜二＞Flash動畫制作

（2）動畫編輯

第3部分:

※歌詞：我深愛的人

※情節：雪繼續下，雪孩子來到女孩的窗前（如圖21）

※道具：雪孩子、一座有窗口的小房子、一棵有積雪的只剩下2片葉子的樹干

（圖21）

1、樹干層

※建立新層，Copy第2片段的樹干，粘貼進新層430楨（第3片段開始位置）

內，鼠標選中該樹干，執行菜單Modify（修改）下的Transform（轉換）子項Flip

Horizontal（水平翻轉）命令。再把樹干移至適當位置。最后在時間線490楨（第

3片段結束位置）上方點擊鼠標右鍵,從彈出的菜單中選擇InsertFrame（插入楨）。

2、房子層

※如上，建立新層，Copy前面準備好的房子素材至新層。在時間線490楨上

方點擊鼠標右鍵，從彈出的菜單中選擇InsertFrame（插入楨）。

3^雪人層（分3層）

※如上，建立新層，把相應的雪人圖案Copy過來后，選中手和腳Copy后，

刪除。再分別建立2個新層放置雪人的左右的手和腳。其中右手和腳放在這3

層的最下層，左手和腳在3層的最上層。

※接著可以讓雪人的手和腳運動起來，制作方法方法可以參考雪花飄動運動效

果，因它也和雪花飄動同屬于運動動畫。

※雪人的軀干可以隨手和腳的運動變化而變化。其中一些細節的動畫動作，比

如眨眼、踮起腳等動作，前面已經說過，可以一楨一楨畫出來，利用關鍵楨來表

現。

※其中雪人手的運動動畫用到了旋轉效果。旋轉制作方法：鼠標選中要編輯的

物件，選擇Tools（工具）面板的（Rotate）轉工具，物件四個角會呈現節點，鼠標

移至節點上方按鼠標左鍵可以向任意方向旋轉物體。

第4部分：

※歌詞：好冷整個冬天在你家門Areyoumysnowman?我癡癡癡癡的等

※情節：雪繼續下，雪孩子在女孩窗前等待。小女孩從外面回來，幫雪孩子系

上自己的圍巾（如圖22、23）

※道具：窗戶、雪孩子、外面回來的小女孩、雪花、樹干、圍巾

（圖22）

（圖23）

1、窗戶層

※建立新層，把已經畫好的素材-窗戶拖入工作區到適當位置。

※窗戶在第4片段結尾處將逐漸拉近鏡頭至消失，這里也用到了運動動畫

效果。前面已經有運動動畫的制作方法，這里不再重復。

※其中窗戶運動動畫過程，用到了工具面板里的Scale（放大縮小）工具。

我們先選中工作區的窗戶，然后選擇放大縮小工具，窗戶四角將相應呈現的白色

節點，用鼠標在節點上方按住左鍵進行拖拉放大，到適當位置即可。

2、樹干層

XCopy前面幾個片段已有的樹干到新層。在第4片段結尾處逐漸拉遠鏡頭。

制作方法和窗戶運動動畫相似。

3、小女孩層

XCopy準備好的素材圖片-小女孩至新層。其中小女孩解圍巾的動作比較

復雜，需要一楨楨的畫出來。從圖23我們可以看見小女孩那層的時間線上關鍵

楨很多，這就是一楨楨畫出來關鍵楨動畫。

4、雪人層

※同理，Copy相應的素材圖片雪孩子至新層。此層的雪孩子的動作也是由

運動動畫和關鍵楨動畫組成。（第4部分在490楨處開始，749楨處結束）

第5部分：

※歌詞：雪一片一片一片一片映出你我的緣份我的愛因你而生你的手

握出我的心疼雪一片一片一片一片在天空靜靜繽紛眼看春天就要來了

※情節：冬天就要過去了，雪孩子看了看樹上已經長出的幾片綠葉，天色

漸漸轉暗，夜晚就要來臨了…（如圖24、25）

※道具：雪孩子、樹干、綠葉、小草

（圖24）

（圖25）

1、樹干層

※第5部分由750楨開始。這里一定要記住必須Copy第4部分樹干層最后一

楨關鍵楨（749楨），到第5部分的樹干層（750楨）處粘貼。因為第4層是在

749楨結束，結尾部分和第5層是同一場景，沒有用到淡入淡出等過渡效果。只

有用Copy的方法，過渡部分才不至于生硬。

※樹干層將覆蓋整個第5部分，第5部分在1125楨處結束。第5部分結尾處,

天色和樹干暗下來的效果不是在第5部分完成。我們將在第6部分1090楨處作

室外漸變遮罩，以便自然過渡第5部分和第6部分之間（1090楨到1125楨）的

場景變化。方法下面第6部分將會提到。

※第5部分結尾處出現的月亮星星也是第6部分1090楨處完成的，以便過渡。

2、雪孩子

※雪孩子在850楨處出場，運動變化制作方法如前。

※第5部分750楨開始到850楨，只有樹干和雪花在靜靜的飄，是為了呼

應整個動畫開場時候的音樂前奏場景，造成一種節奏感，使人產生一種似曾相識

的傷感情緒。

3、綠葉層

※當雪孩子來到樹干下，綠葉開始悄悄的長出來。此層開始楨可以在雪孩子出

場的850楨后幾楨處插入。

※這層用到了色彩運動的制作方法，如下:

※在綠葉層860楨畫一片白色葉子（不要進行群組），鼠標選中葉子，按鍵盤

Ctrl+F打開Frame（楨）面板，選擇Tweening（變化）下拉列的Shape（圖形）。

Copy該楨，然后在此楨后面的任意楨上方點擊鼠標右鍵選插入楨。鼠標選中插

入楨下方工作區內的葉子，再點擊工具面板的FillColor（填充顏色）工具，改

變白色為綠色。

※綠葉層我們把它分成2層。一層放置剛冒出的綠葉，另一層放置綠葉漸變。

4、小草層

※把畫好的小草Copy到新層。這里的小草動畫只是關鍵楨動畫，我們可以把

前面幾楨小草數目減少一點，越往后放置的小草越多，這樣可以造成不斷長出小

草的效果。

※我們可以注意到第5部分是到歌詞“眼看春天就要來了”的約H25楨處結束,

前面第1部分的雪花層也是在約H25楨處結束，由于情節的安排，H25楨以后

不再飄雪。

第6部分：

※歌詞：眼看春天就要來了而我也將也將不再生存

※情節：又來到女孩的家門口…春天就要來了…雪孩子留戀地看著睡夢里的小女孩…

太陽漸漸出來了，天色也亮了，雪孩子帶著遺憾悄悄的離開了人世…（如圖26、27、28、29、

30）

※道具：雪孩子、一棵長綠葉的樹、小草、月亮星星、睡覺的小女孩、窗戶、融化的

雪人、圍巾、太陽

泰a*

三的ft2右，&

A3口12011251130113S11仙1145115011551180力

0第隔景月賽.

?猊陽景-室內退3?

0mgibaa?

□

□

□

□

□

□

0笫喝1E0??

L>3景?0D巾WJ2L

DM6j??-?A?tZZ

0笫5能*雷人?3

田卸

伶（3Ar□幽舞S:

（圖26）

（圖27）

※第6部分是最后一部分，比較復雜。但我們可以一層?層的來做，化復雜為簡單。

1、室外遮罩層

※此層作用很多，利用透明運動動畫來進行場景過渡，利用不完全透明度遮住一些物

體。

※在第6部分開始的1090楨處，我們畫一個稍大于場景尺寸的黑色塊，做透明運動

動畫（制作方法前面已經提過），以用做遮罩物體的用途。設置黑色塊由0%的透明度漸變

到100%再漸變到30%,讓第5片段過渡到第6片段時能自然過渡。至100%的時候，第5

片段的畫面完全隱去，推出第6片段的畫面。

※保留30%透明度的遮罩色塊至太陽出來的時候（約1255楨處），以遮住室外一些

物體，讓物體顯得暗一些，以表現天黑。

X（此層應該處于第6片段中除雪孩子層以外所有室外物體層的上方，但必須在室內

物體包括窗戶層的下方）

2、室內遮罩層

※室內遮罩的作用也是用做第5部分和第6部分的場景過渡而設置的。因為上面講到

的室外遮罩層的透明漸變運動只能遮罩過渡室外的物體。這里的室內遮罩層可用來過渡室內

物體。也因為室內室外的明暗度不同，所以室內遮罩層和室外遮罩層必須分成2層。

※室內遮罩層在室內物體自然過渡完成后約1150楨處即可停止.

（圖28）

（圖29）

（圖30）

3、星星月亮層

※此層很簡單，按運動動畫制作方法，把星星月亮平移到場景外就可以了。

4、小女孩層

※睡覺的小女孩，只在整個動畫結尾處作拉近鏡頭處理，制作方法也同屬于運動動畫

※另外，可增加一個睡覺符號"zzzz”層。先畫幾個zzzz”符號，再做i個"zzzz”的MC（電

影片段）。做MC的方法在前面Loading制作中已經提過。

5、窗戶層

※窗戶層運動制作方法同女孩層一樣，只在結尾處拉近鏡頭至場景外（消失）。

6、綠樹和小草

※綠樹和小草，在結尾處做點變化，一陣風吹來，小草往左邊方向倒。畫幾個關鍵楨

就可以了。

7、雪孩子層

※為了動畫細膩一點，雪孩子層一般做的關鍵楨動畫比較多。雪孩子在1335楨處慢慢融

化，此時也是窗戶層和小女孩層拉近鏡頭快消失之處。

※融化只做運動變化就可以了，因為窗戶擋住了融化過程。然后在窗戶層拉近鏡頭至消失

于畫面的時候，漸漸呈現窗戶層下方的雪人融化層的融化的雪人畫面就可以了。

X為了生動點，我們可以在雪孩子層上方增加一層，做為汗水層，此處可做一個汗水的

MC（電影片段）。

8、太陽

※太陽在雪孩子融化之前平移出現，做運動動畫處理即可。

9、融化后的雪人（積水）

※約在1340楨處，窗戶快消失之處，我們畫一堆融化的積水，在結尾處逐漸消失（透

明運動動畫）。

10、雪人融化后遺落的圍巾和眼睛

※也是約1340楨處，放置圍巾和雪人散落的臉部五官，做融化后的情景。最后在影

片結束處做幾個關鍵楨，在小草給風吹倒的一瞬，讓圍巾、雪人眼睛等凌亂放置，作風吹狀。

越往后越凌亂直消失。

※注：由圖26、27、28、29、30我們都可以看見雪花層一直處于6個片段的最上一

層，直到1125楨處結束（圖26所示）

※整個動畫片在1445楨處結束。

到這里我們的6個片段終于完成了，現在可以做些收尾工作

※我們在影片結束的最后一楨處（隨便哪層都可以，只要是最后一楨即可）

執行停止命令，再做一個重播按鈕，放上自己的Logo（如圖31）

（圖31）

※這里只要新建2層就可以完成工作了

1、重播按鈕層

※如圖31所示，我們在屋子層的最后一楨做停止命令。鼠標在該楨上方

點擊右鍵選擇Actions（動作）下的Stop（停止）選項。

※新建一層，用文本工具輸入Replay單詞，然后做成按鈕，按鈕制作方

法在前面Loading部分有詳細介紹。

※做完按鈕后我們回到工作場景，在按鈕上方點擊鼠標右鍵，選擇

Actions（動作）下的GoTo命令，在彈出的拉列里可以設置Scene（場景）、Type

（類型）、Frame（楨）的參數。這里我們選擇默認參數即可，默認參數為返回

當前場景第一楨。

2、Logo層

※把自己的Logo（商標）拖入工作區適當位置就可以了。

〈三〉完成

※選擇File（文件）菜單下的ExportMovie（導出影片）輸出為swf文

件。

※在輸出時候彈出的對話框的聲音選項里可以對MP3文件再進行處理。

X《雪孩子》動畫片最后效果：

〈三〉完成

完成主要就是flash電影的輸出，輸出格式為swf文件或者把swf

文件做成.exe可執行文件。

點擊進入最后的完成部分

※選擇File（文件）菜單下的ExportMovie（導出影片）輸出為swf文

件。

※在輸出時候彈出的對話框的聲音選項里可以對MP3文件再進行處理。

派《雪孩子》動畫片最后效果：

參考來源：實例講解flashMTV制作全過程（目錄）

http:〃/pcedu/sj/wz/flash/10207/72476.html

三、小組合作、頭腦風暴

組內分工合作，通過頭腦風暴得到新的創意

四、上網搜索素材

老師提供的原始素材如下：

《我是一只小小鳥》（趙傳）

五、開發創作

六、作品驗收、點評

老師共同點評作品

七、提交實訓報告

將實訓報告（主要是開發創作的步驟和過程）發送到老

師的郵箱。

第二章Flash動畫設計訂單2：制作FLASH片頭（實訓項

目二）

一、訂單表述

請制作一個關于動畫的片頭

二、訂單示范作品及設計過程

實例說明：《后裔射日》

這是一個動畫短片巨作，由近兩百個符號，22個場景組成。每個人都有自己的夢境，

自己的幻想，當你有用視覺來表現她，實現她的沖動時，FLASH無疑是一個最佳選擇。當制

作動畫時，它打破了高資本，多人員的動畫制作模式，使你在家就能構建屬于自己的夢想王

國一有想法就行，很酷吧？！下面讓就讓我們嘗試著做一個動畫短片。

1.1資料收集

先確定動畫的題材，中國古老神話怎么樣？那就做個后裔射日的故事吧。不錯，就是它

了……

然后到圖書館，書店去收集有關后裔射日的圖案資料，文字資料與音樂資料，（這是一

個必要過程哦，它是一個形象化的過程同時也會加深自己對完成這段動畫的信心）。然后進

行整理……

1.2人物，場景設定

當資料完備后，人物和場景在腦中也應該有個初步印象了，這時你就可以找張紙，把想

好的人物和場景畫下來。我們這次作的是后裔射日，所以基本上人物就兩個，一后羿和金鴉,

（當然你也可以直接用FLASH畫）。

1.3分鏡頭

FLASH中有SCENE的概念，其實這在制作動畫短片時很重要。一部短片可以分為若干個

鏡頭，當銜接起來時，就是一個完整動畫。（在FLASH中，可以通過INSERT——SCENE,來

實現）?！逗笠嵘淙铡反蠹s有22個SCENE。大致是1.L0ADING畫面及開頭、2.太陽升出海面、

3.太陽肆虐21?射日22.結尾。當想好如何分鏡頭了，你可以先把他畫下來。

1.4制作過程

—.LOADING畫面

L當上述過程都完成了，就可以正式制作了。先新建文件（File〉New）調整尺寸

（Modify>Document）至550PxX300pxQ

2.但這時畫面是很空無一物的。我們如何下手呢？我們想讓觀眾在看LOADING畫面時

就對整個動畫有一個大致的認識。所以我們先來進行《后裔射日》的第二主人公一太陽的制

作（傳說中以前太陽是天帝的兒子，他們是十兄弟，并且平時是以三只金色烏鴉的形象）。

有了先前這些資料，我們就可以著手進行太陽的制作。

CInsert>NewSymbol>Graphie）,取名"太陽底圖"，畫上太陽圖案，如圖1T所示。

不過光禿禿的太陽是顯然沒有人氣，我們加上火焰吧。

圖『1太陽底圖

再次（Insert>NewSymbol）選擇Moveclip取名"火焰00",制作遠動著的火焰動畫，

這必須作逐禎動畫，即在「9禎分別按F7插入空幀，在每禎分別中畫入如圖「2的火焰圖

案。

的節或&C懶蒯的M

第1禎第2禎第3禎第4禎第5禎第6禎第7禎第8禎第9

禎

圖卜2火焰

這樣就完成了一個連續的火焰動畫。然后用同樣的方法再畫出幾個不同的火焰，分別命

名成“火焰01”，“火焰02”（這樣放上幾個不同火焰Moveclip,會使畫面看上不呆

滯的）

接著我們在圖案的中心部分加上金鴉拍打翅膀的動畫

同樣作一個Moveclip取名“金鴉”，再用逐禎動畫的方法完成太陽中心“金鴉”拍打

翅膀的動畫（具體動畫參考源文件）。

現在可以合成這個燃燒的太陽了（Insert〉NewSymbol）選擇Moveclip,取名"太陽"

連續點擊兩次，新增Layer2層，Layer3層。在Layerl層中調入"太陽底圖",在Layer2

層中調入''火焰00”，“火焰01”“火焰02”（并多復制幾個，使其以大小不同，錯落有秩地

圍繞太陽底圖排列），在Layer3層中調入“金鴉”，如圖20.1-3所示。

這樣一個燃燒著的太陽就誕生了，是不是很棒啊？隨后我們把它放入場景中。點擊

芻/進入Scene1,點擊新建一層，調入Moveclip"太陽"。

現在可以導出看一下效果。一個熊熊燃燒，并帶有一只撲騰的烏鴉的太陽出現在我們眼

前。

不錯，還算符合想象中的形象，讓我們提起精神接著做下去。

圖1-3太陽

5.然后我們來制作LOADING讀取槽

我們想制作一個象格斗游戲中能量槽似的讀取槽。使在網上下載動畫時讀取槽會隨著下

載程度漫漫變滿。

好，Let'sgo

(Insert>NewSymboDGraphic)取名“長方形”，畫入一個30X18的白色長方形。二再

次(Insert>NewSymbol>MovieClip)取名“讀取槽”,點擊新建一層，在Layer1和

Layer2中分別調入讀取條，調整他們的寬度使Layerl中的長方形的寬為2px.□使Layer2

中的長方形寬為325px。(CtrlA)全選他們，(CtrlK打開Align窗口)點擊&|與殺|使

其如圖20.1-4排列(此時的背景色為■色)。

圖1-4讀取條

,Layerl在第8禎時按F5,Layer2在1到8禎分別按(F6插入關鍵禎)然后調整Layer2

中長方形的寬度使其逐禎遞增，在第8禎時的寬度與Layerl中的長方形相等，即為325px。

(此時讀取槽為滿)。在每一禎中設置“STOP”語句(Action>moviecontral>stop)

Scene1中新建一蹭，把“讀取槽”調入，選中它，使他的InstanceName為“a”

(Properties>InstanceName中輸入)這樣我們就可以用tellTarget語句來調用他了。

然后就可以用IfFrameisLoaded和tellTarget語句實現LOADING功能。

新建一層，在第1禎輸入

ifFrameLoaded("Scene3〃，25){

tellTarget(〃/a〃){

gotoAndStop(l);

)

gotoAndPlay(3);

}

在第2禎按下F7后輸入gotoAndPlay(1);，使語句循環?

同理在第3禎按下F7后輸入

ifFrameLoaded("Scene5〃，35){

tellTarget(〃/a〃){

gotoAndStop(2);

)

gotoAndPlay(9);

)

在第4禎按下F7后輸入gotoAndPlay(3)

由于讀取“讀取槽”一共有8禎，所以按照上述方法，最終在第15禎中輸入

ifFrameLoaded("Scene23",60){

tellTarget('/a"){

gotoAndStop(8);

)

gotoAndPlay(z，Scene2”,1);

)

最后的gotoAndPlay("Scene2”,1);是結束LOADING畫面，進入下一個Scene。

好了action設置完畢，然后我們可以在讀取槽旁邊加上“LOADING”字樣。

接著在Layerl拉一個550PxX300Px的口色的長方形做為底色。

為了使畫面顏色更豐富，(Insert〉NewSymbol),畫一■個R：245G：124B：3ALPHA：

40%的圓。再選擇(Insert〉NewSymbol)把剛才的圓調入，組成一個11X32的圓圈方陣。

把方陣調入SCENE1Layer2上。

這樣就完成了整個LOADING畫面的制作，如圖1-5所示

圖1-5

二.開頭字幕

當LOADING完后，動畫開始之前我們想制做一個帶著光效的開頭字幕。即跳出

現“后裔射II”這四個字，然后再出現類似3DMAX體積光運動的效果，圖1-6所示

圖1-6

三.背景動畫

由于動畫制作技術大同小，主要是一些技巧及創意，以下20個場景省略，請發揮想

象

完成后的效果演示

完成

選擇File（文件）菜單下的ExportMovie（導出影片）輸出為swf文件。

《后裔射日》動畫最后效果：

參考來源：實例講解Flash動畫片-后裔射日制作全過程（目錄）

http://tech,china,com/zhcn/netschool/homepage/flash/develop/sample/2005063

006.html

三、小組合作、頭腦風暴

組內分工合作，通過頭腦風暴得到新的創意

四、上網搜索素材

老師提供的原始素材如下：

給出動畫的FLASH,去創作新的片頭。

五、開發創作

六、作品驗收、點評

老師共同點評作品

七、提交實訓報告

將實訓報告（主要是開發創作的步驟和過程）發送到老

師的郵箱

第三章Flash動畫設計訂單3：制作FLASH網站（實訓項

目三）

一、訂單表述

請為恒達物流公司做一個FLASH網站

二、訂單示范作品及設計過程

flashsj《Flash商業制作實例一頁面簡單設計》制作過程寫成了教程，目的幫助想

學習制作flash廣告的廣大網友。

在小編我向flashsj申請轉載的時候，flashsj的無私再次感動了我！特作編者按，

以示鳴謝！也希望網友們喜歡我做的這個教程專題！

實例說明

Flash在網絡中的應用已經越來越廣了，不僅僅用來制作網站宣傳片，產品廣告，還

可以用來代替傳統的Html網頁成為網站中的一部分，使用Flash制作的頁面不僅視覺效果

突出，而且交互功能也非常的強，所以現在好多商業網站都使用Flash技術來制作，這次我

們就來看看如何具體的制作一一個純粹的Flash頁面

下面就來模擬一個具體的商業操作，給一家叫Ways2Web的公司制作其網站首頁，最

終效果如圖1所示：

圖1

從圖1中可以大致看到這個頁面的布局和效果。最左邊是縱向移動的網站名稱

Ways2Web,頁面的主題是中部和右部，其中中下部是網站的幾個欄目，為了說明問題，這里

只暫時設置了四個欄目，根據需要可以添加更多的內容，上面的線框就是具體到每個欄目中

的具體內容了，這個線框是動態出現的，只有選擇一個欄目后，會從頁面右邊滑入，然后展

開，在展開的同時會顯示具體的內容。基本上這就是整個頁面的結構了，不過大家可以根據

自己的構思和創意，豐富頁面的內容。

此頁面看上去比較簡單，但是制作起來一點都不輕松，這也是商業站點制作的一個特

點吧，下面就更我來一起制作這個網站頁面。

1.首先啟動Flash,新建一個大小為800Px*600px（單位為象素）的影片，設置背景

色為黑色。

2.將主場景中默認的圖層Layerl更名為Background,從外部導入一副合適的圖

片，作為整個頁面的背景，調整圖片位置覆蓋住整個舞臺區域，最后將圖片打散，在屬性面

板中調整其透明度為17%,如圖2所示；

圖2

最后在第250幀插入一個關鍵幀，這也是整個影片的播放長度。

3.在背景層上添加圖層Car,我們可以巧妙的利用背景圖中兩棟大樓之間的街

道，來布置幾輛汽車從其間駛過的效果，一來豐富了頁面內容，二來更體現了一定的真實性。

新建一個影片剪輯Car,使用繪圖工具繪制一個簡單的小汽車，如圖3所示即可：

圖3

這里為了使小汽車在頁面中可以明顯的看到，特意加了兩個比較亮的車燈。接下來新

建一個影片剪輯carmove,制作汽車運動的效果。添加兩個圖層Carl和