《Flash動(dòng)畫(huà)設(shè)計(jì)》實(shí)訓(xùn)教程

《Flash動(dòng)畫(huà)設(shè)計(jì)》實(shí)訓(xùn)教程

主編：譚建輝

副主編：劉進(jìn)軍張金榮黃傳丹

目錄

實(shí)訓(xùn)說(shuō)明

第一章Flash動(dòng)畫(huà)設(shè)計(jì)訂單1：制作FLASHMTV（實(shí)訓(xùn)項(xiàng)目

第二章Flash動(dòng)畫(huà)設(shè)計(jì)訂單2：制作FLASH片頭（實(shí)訓(xùn)項(xiàng)

目二）

第三章Flash動(dòng)畫(huà)設(shè)計(jì)訂單3：制作FLASH網(wǎng)站（實(shí)訓(xùn)項(xiàng)

目三）

第四章Flash動(dòng)畫(huà)設(shè)計(jì)訂單4：制作FLASH課件（實(shí)訓(xùn)項(xiàng)

目四）

第五章Flash動(dòng)畫(huà)設(shè)計(jì)訂單5：制作FLASH游戲（實(shí)訓(xùn)項(xiàng)

目五）

第六章Flash動(dòng)畫(huà)設(shè)計(jì)訂單6：制作FLASH網(wǎng)絡(luò)廣告（實(shí)

訓(xùn)項(xiàng)目六）

第七章Flash動(dòng)畫(huà)設(shè)計(jì)訂單7：制作FLASH賀卡（實(shí)訓(xùn)項(xiàng)

目七）

第八章Flash動(dòng)畫(huà)設(shè)計(jì)訂單8：制作FLASH漫畫(huà)（卡通片）

（實(shí)訓(xùn)項(xiàng)目八）

實(shí)訓(xùn)說(shuō)明

實(shí)訓(xùn)環(huán)境：網(wǎng)絡(luò)信息中心、校外實(shí)訓(xùn)公司

實(shí)訓(xùn)工具：可寬帶上網(wǎng)的安裝有FlashMX2004的多媒體電

腦

實(shí)訓(xùn)內(nèi)容：Flash動(dòng)畫(huà)設(shè)計(jì)訂單（八個(gè)大項(xiàng)目）

第一章Flash動(dòng)畫(huà)設(shè)計(jì)訂單1：制作FLASHMTV（實(shí)訓(xùn)項(xiàng)目一）

一、訂單表述

請(qǐng)將歌曲《我是一只小小鳥(niǎo)》（趙傳）制作成一個(gè)

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

明等。

二、訂單示范作品及設(shè)計(jì)過(guò)程

閃閃作坊坊主制作的《雪孩子》FlashMTV相信很多人都看過(guò)了，歌的優(yōu)雅，配以優(yōu)

雅的畫(huà)風(fēng)，把雪景給人帶來(lái)的情緒渲染得如此淋漓！！

閃閃本人也把《雪孩子》-FlashMTV制作過(guò)程寫(xiě)成了教程，目的幫助想學(xué)習(xí)制作flash

MTV的廣大網(wǎng)友。

在小編我向閃閃本人申請(qǐng)轉(zhuǎn)載的時(shí)候，閃閃的無(wú)私再次感動(dòng)了我！特作編者按，以示鳴

謝！也希望網(wǎng)友們喜歡我做的這個(gè)教程專(zhuān)題！

[欣賞MTV]

點(diǎn)擊欣賞MTV

［制作過(guò)程］

<->動(dòng)畫(huà)素材準(zhǔn)備

要準(zhǔn)備的素材包括背景音樂(lè)、故事情節(jié)、動(dòng)畫(huà)形象3個(gè)部分。

大家都熟悉喜歡的故事《雪孩子》，現(xiàn)在可以通過(guò)Hash動(dòng)畫(huà)的表現(xiàn)方式表現(xiàn)出來(lái)，你不想

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

※下面我們介紹的就是FLASH動(dòng)畫(huà)《雪孩子》的制作過(guò)程。制作之前，首先要準(zhǔn)備好一些

必備工具：

※這里采用的工具有PhotoShop、Flash和超級(jí)錄音機(jī)(用來(lái)剪輯過(guò)長(zhǎng)的mp3)。

※如果你還沒(méi)有這3種工具，可以在網(wǎng)上找來(lái)下載。

X工具準(zhǔn)備好了，就可以開(kāi)始了。

<->動(dòng)畫(huà)素材準(zhǔn)備

※首先要準(zhǔn)備好素材。

※要準(zhǔn)備的素材包括背景音樂(lè)、故事情節(jié)、動(dòng)畫(huà)形象3個(gè)部分。

(1)背景音樂(lè)

※我們的背景音樂(lè)選用的是范曉萱演唱的歌曲《雪人》。當(dāng)然這歌曲太長(zhǎng)了，動(dòng)畫(huà)場(chǎng)景拉得

太長(zhǎng)，做起來(lái)也很費(fèi)時(shí)間和精力。不用怕，我們可以利用超級(jí)錄音機(jī)的功能把它剪掉一點(diǎn)

點(diǎn)。

派以下為超級(jí)錄音機(jī)音頻剪輯范例和步驟：

（圖1）

X如圖I所示：用鼠標(biāo)按下“文件”菜單，選擇“打開(kāi)”，在跳出的對(duì)話框里找尋自己機(jī)器上

下載的mp3文件，點(diǎn)擊文件雪人.mp3后按確定按鈕。

（圖2）

X如圖2所示：打開(kāi)雪人.mp3后的超級(jí)錄音機(jī)狀態(tài)

（圖3）

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

（圖4）

※如圖4所示：播放mp3,然后在你想要選取的音頻區(qū)域的開(kāi)頭和結(jié)束處，按下“選擇開(kāi)

始點(diǎn)”和“選擇結(jié)束點(diǎn)”按鈕。（紅色圈處為開(kāi)始點(diǎn)和結(jié)束點(diǎn)按鈕）

（圖5）

※如圖5所示：按下停止按鈕停止播放mp3,然后點(diǎn)擊“編輯”菜單下的“保存選擇區(qū)域”進(jìn)行

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

※剪掉的開(kāi)始處和結(jié)束處也許會(huì)很生硬，這樣就要進(jìn)行處理了。Hash5可以對(duì)mp3文件進(jìn)

行編輯，后面的Hash制作過(guò)程將講到這個(gè)內(nèi)容。這樣,我們的mp3文件就基本上準(zhǔn)備好了。

接下來(lái)是故事情節(jié)安排。

<->動(dòng)畫(huà)素材準(zhǔn)備

（2）故事情節(jié)

X現(xiàn)在我們這里的《雪孩子》故事可以根據(jù)《雪人》的歌曲意境來(lái)安排情節(jié)。

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

將不再生存…，’聽(tīng)到這里，我們也早已經(jīng)給歌詞深深打動(dòng)了。我們可以想象一個(gè)可愛(ài)的雪孩

子和一個(gè)小女孩之間深厚的情誼，可是歡樂(lè)的時(shí)光為什么這么短暫啊，春天就要來(lái)了，雪孩

子也將要融化了…

※接著我們安排場(chǎng)景來(lái)表現(xiàn)這個(gè)意境，可以分成6部分：

※第1部分：雪一片一片的下、一棵家門(mén)前的樹(shù)

※第2部分：雪繼續(xù)下，雪孩子若有所思的看著最后幾片樹(shù)葉也掉下來(lái)了

※第3部分：雪孩子來(lái)到女孩的家門(mén)，看不見(jiàn)小女孩，它好傷心啊

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

※第5部分：冬天就要過(guò)去了，雪孩子看了看樹(shù)上已經(jīng)長(zhǎng)出的幾片綠葉，天色漸漸轉(zhuǎn)暗,

夜晚就要來(lái)臨了…

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

子留戀地看著睡夢(mèng)里的小女孩…太陽(yáng)漸漸出來(lái)了，天色也亮了，雪孩子帶著遺憾悄悄的離開(kāi)了

人世…

<->動(dòng)畫(huà)素材準(zhǔn)備

（3）動(dòng)畫(huà)形象

※故事情節(jié)已經(jīng)安排好了，我們已經(jīng)知道故事里有:一個(gè)小女孩、一個(gè)雪孩子、一座小房

子、一棵樹(shù)、雪花、太陽(yáng)、圍巾?，F(xiàn)在就要開(kāi)始畫(huà)這些動(dòng)畫(huà)形象了。如果怕自己畫(huà)得不好，

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

掃描和處理圖片就要用到一些專(zhuān)業(yè)軟件了

※這里我們選用PhotoShop工具來(lái)掃描圖象。

※打開(kāi)掃描儀開(kāi)關(guān)，把你要掃描的圖片放進(jìn)掃描儀。運(yùn)行PhotoShop,選擇File（文件）

菜單下的Import（導(dǎo)入）子項(xiàng)下的掃描選項(xiàng)（名稱(chēng)與安裝的掃描儀型號(hào)不同而略有不同），這

時(shí)候彈出掃描對(duì)話框，點(diǎn)擊預(yù)覽按扭，等圖片已經(jīng)出現(xiàn)在預(yù)覽窗口里了，然后用光標(biāo)拖動(dòng)預(yù)

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

※圖片掃好后自動(dòng)傳入PhotoShop。我們把圖片顏色在PhotoShop里先調(diào)好，執(zhí)行菜單

Image（圖象）下的Adjust（調(diào)整）Curves（曲線）命令，可以把圖象顏色調(diào)得淺色一點(diǎn)，

調(diào)色方法如圖6。這樣我們?cè)贖ash描圖的時(shí)候才看得清描圖線。處理好圖片后，我們選

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

（圖6）

在完成圖片素材準(zhǔn)備工作后，我們可以進(jìn)入Flash5.0把需要用到的動(dòng)畫(huà)形象用工具一一畫(huà)

出來(lái)。

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

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

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

※然后選擇Tools（工具）面板的Brush（畫(huà)筆）工具畫(huà)動(dòng)畫(huà)。如果擔(dān)心自己的畫(huà)功，可以用

Pen（鋼筆）工具慢慢勾慢慢修改。也可以執(zhí)行File（文件）菜單下的Import（導(dǎo)入）命令，把調(diào)

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

然后在新層的工作區(qū)內(nèi)用鋼筆工具對(duì)著底層描一遍。（如圖7）

（圖7）

※畫(huà)完后把文件進(jìn)行Save（存盤(pán)）以待備用。

※鋼筆工具的使用方法:在工作區(qū)內(nèi)按下鼠標(biāo)左鍵（不要松開(kāi)按下的鍵），向任意一方位置

拖動(dòng)鼠標(biāo)，創(chuàng)建一個(gè)可以任意調(diào)整的節(jié)點(diǎn)。繼續(xù)向任一方向追加節(jié)點(diǎn)，可以形成各種弧線。

兩個(gè)節(jié)點(diǎn)互相閉合可以填充顏色。點(diǎn)擊Tools（工具）面板的描繪顏色和填充顏色按鈕，在彈

出的窗口里自由設(shè)置顏色參數(shù)。詳細(xì)方法可參照一些Hash5.0的基礎(chǔ)教程來(lái)學(xué)習(xí)。

※下面是用鋼筆工具畫(huà)出來(lái)的部分《雪孩子》動(dòng)畫(huà)需要用到的各種形象和布景（如圖8）

(圖8)

※到現(xiàn)在為止，我們所需要的動(dòng)畫(huà)形象差不多都齊了。不過(guò)還要記住要畫(huà)一些能做動(dòng)態(tài)的

零部件，比如手呀眨動(dòng)的眼睛呀什么的，這樣，在下面要開(kāi)始做的動(dòng)畫(huà)里，才可以讓這些動(dòng)

畫(huà)形象鮮活起來(lái)。

※這樣就差不多了，到時(shí)候把零件搬出來(lái)用就可以了。

※所有素材準(zhǔn)備好了，下面就要正式用Flash來(lái)進(jìn)行《雪孩子》的制作了。

<->Flash動(dòng)畫(huà)制作

《雪孩子》動(dòng)畫(huà)制作大致分LOADING制作動(dòng)畫(huà)編輯2個(gè)部分。

(1)LOADING制作

〈二〉Flash動(dòng)畫(huà)制作

派《雪孩子》動(dòng)畫(huà)制作大致分LOADING制作動(dòng)畫(huà)編輯2個(gè)部分。

(1)LOADING制作

※可參照《閃客帝國(guó)》里的Loading制作的基礎(chǔ)教程來(lái)學(xué)習(xí)

※網(wǎng)址如下：/efe_tutor/tutorview.php?id=39

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

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

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

匈

了

■馬口3

action

d

1Layer1

田昭

.os

（圖9）※運(yùn)行Hash5.0后，執(zhí)行File（文件）菜單下的Open（打開(kāi)）命令，打開(kāi)下載

的Loading源代碼文件。移動(dòng)光標(biāo)到Timeline（時(shí)間線），點(diǎn)擊Layer1最后一楨右邊第一格

并向左邊拖動(dòng)光標(biāo)到第一楨位置松開(kāi)鼠標(biāo)，這樣就選中了Layer1上所有的楨，然后在選中

的楨上方按鼠標(biāo)右鍵選擇CopyFrames（復(fù)制楨）。

※接著，我們建立一個(gè)新文件，可以看見(jiàn)新文件里有一個(gè)默認(rèn)的圖層。

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

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

※選中Timeline（時(shí)間線）里默認(rèn)的圖層第一楨，按鼠標(biāo)右鍵選擇PasteFrames（粘貼楨）。

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

2后粘貼楨。方法如Layer1。

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

-)□|x|

名岳景3包包

33口1510

。Lmr1??口眄1。3—

%

_

§-

ZJiu(3A!□柒WQi/

（圖10）

※當(dāng)然我們需要適當(dāng)調(diào)整Loading畫(huà)面以便適應(yīng)我們的影片風(fēng)格

※圖n為調(diào)整后的Loading畫(huà)面

（圖11）

調(diào)整Loading結(jié)束后開(kāi)始播放的第一個(gè)畫(huà)面

※圖10中紅色圈中的關(guān)鍵楨，是Loading完后開(kāi)始播放的第一幅畫(huà)面，所以我們應(yīng)該

把原來(lái)下載的Loading源文件中此楨畫(huà)面改換成我們自己的畫(huà)面。我們點(diǎn)擊此楨，在工作區(qū)

選中原來(lái)的畫(huà)面按鍵盤(pán)Del刪除。選擇左邊工具面板的Text（文本）工具，在此楨的工作

區(qū)里用鼠標(biāo)點(diǎn)擊左鍵后輸入文字，我們可以輸入雪孩子三個(gè)字。最后用鼠標(biāo)點(diǎn)擊最后一空白

楨往左邊拖動(dòng)至關(guān)鍵楨位置（如圖11所示紅色圈處）。

※如果你想在Loading完后，第一個(gè)畫(huà)面處于停止?fàn)顟B(tài)，按一下Play按鈕才開(kāi)始播放

了。那么此楨應(yīng)設(shè)置為停止?fàn)顟B(tài)，把光標(biāo)移到此楨上方按右鍵選擇Actions（動(dòng)作）下的Stop

（停止）選項(xiàng)。（如圖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完后開(kāi)始播放的第一楨就處于停止?fàn)顟B(tài)了。

※接下來(lái)我們要?jiǎng)?chuàng)建一個(gè)Play按鈕，按鈕可以用文本工具輸入的文字，也可以用圖片。

我們這里用的是自己輸入的文字Play,我們用鼠標(biāo)在工作區(qū)內(nèi)點(diǎn)中輸入的文字后，選擇菜單

Insert（插入）下面的SymbolProperties（轉(zhuǎn)換成組件），彈出對(duì)話框后選擇類(lèi)型為Button

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

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

※第1楨代表按鈕呈現(xiàn)的一般狀態(tài)，即鼠標(biāo)指針不在按鈕之上所看見(jiàn)的按鈕外觀

※第2楨代表鼠標(biāo)指針停在按鈕之上所看見(jiàn)的按鈕外觀

※第3楨代表按鈕單擊時(shí)候呈現(xiàn)的外觀

※第4楨代表定義鼠標(biāo)響應(yīng)的區(qū)域

※我們可以Copy第1楨到第2楨第3楨中粘貼，然后在工作區(qū)內(nèi)編輯第2楨第3楨的Play

按鈕，我們這里把第2楨第3楨的按鈕顏色設(shè)置為白色。最后在第4楨的工作區(qū)內(nèi)利用工具

欄的矩形工具畫(huà)一個(gè)矩形，定義鼠標(biāo)響應(yīng)的區(qū)域。

（圖13）

※編輯完這4楨后，切換回電影編輯狀態(tài)。把光標(biāo)移至Play按鈕上點(diǎn)擊光標(biāo)右鍵，選擇

Actions（動(dòng)作）下的Play（開(kāi)始）。

※做完這些步驟后，Loading完后的第一個(gè)畫(huà)面就處于停止?fàn)顟B(tài)了，再按一下Play按鈕才

開(kāi)始播放。

（2）動(dòng)畫(huà)編輯

1.動(dòng)畫(huà)編輯一

<->Flash動(dòng)畫(huà)制作

（2）動(dòng)畫(huà)編輯

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

選項(xiàng)，在彈出的場(chǎng)景窗口中點(diǎn)擊新建場(chǎng)景按鈕（如圖16紅色圈處），建立一個(gè)新的場(chǎng)景用來(lái)

做我們的動(dòng)畫(huà)片。

（圖16）

※建立了場(chǎng)景2后，將自動(dòng)切換到場(chǎng)景2工作面板。如果需要返回場(chǎng)景1,可以點(diǎn)擊工作

面板右上角按鈕（如圖17紅色圈處）進(jìn)行場(chǎng)景切換。

現(xiàn)在我們?cè)趫?chǎng)景2,我們先建立4個(gè)層，分別是音樂(lè)層、歌詞層、底色層、遮罩

層

1、音樂(lè)層

※剛建立的場(chǎng)景2,時(shí)間線上只有一個(gè)默認(rèn)的圖層。我們用它來(lái)做音樂(lè)層，接

著把音樂(lè)層的圖層名稱(chēng)該換成“音樂(lè)層”3字，以便標(biāo)識(shí)。要改變名稱(chēng)，鼠標(biāo)雙擊

該名稱(chēng)，再輸入文字即可。

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

雪人9.mp3導(dǎo)入，導(dǎo)入后歌曲并沒(méi)有出現(xiàn)而是保存在Library（庫(kù)）面板中了。

按Ctrl+L打開(kāi)Library（圖庫(kù)）面板，可以看到一個(gè)新的聲音符號(hào)。

※將這個(gè)符號(hào)拖入場(chǎng)景，你可以看到Timeline（時(shí)間線）的變化，多了一串音

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

菜單下Panels（面板）子項(xiàng)下的Sound（聲音），打開(kāi)Sound（聲音）面板。

選擇Effect（效果）下的FadeOut（逐漸關(guān)閉），這樣，我們剪輯的歌曲結(jié)尾

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

Stream（數(shù)據(jù)流），可以讓歌曲和畫(huà)面達(dá)到同步播放效果。

※然后移動(dòng)光標(biāo)至?xí)r間線上約1445楨上（如圖18紅色圈點(diǎn)處）點(diǎn)擊右鍵，從

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

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

1445楨為整個(gè)動(dòng)畫(huà)片結(jié)束時(shí)的最后一楨。

（圖18）

2、歌詞層

※建立一個(gè)新層作為歌詞層，改變層名稱(chēng)，輸入“歌詞層”3字（每建立」

層都應(yīng)該輸入名稱(chēng)以便管理，以下部分不再重復(fù)）。接著我們按下鍵盤(pán)Enter

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

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

停止播放，接著在紅色線對(duì)應(yīng)楨的工作區(qū)內(nèi)輸入歌詞的方法，來(lái)實(shí)現(xiàn)歌詞顯示和

音樂(lè)播放同步。

3、底色層

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

放置在最下層，以后不再重復(fù)）。用矩形工具在第一楨對(duì)應(yīng)的工作區(qū)畫(huà)一個(gè)灰

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

楨）。這樣整個(gè)動(dòng)畫(huà)場(chǎng)景用的都是灰色底。當(dāng)然在影片結(jié)尾處，因?yàn)橐憩F(xiàn)春

天來(lái)了，灰色底要相應(yīng)變亮。所以在影片結(jié)尾處，太陽(yáng)出現(xiàn)后，約1240楨的位

置上方點(diǎn)擊鼠標(biāo)右鍵選擇插入關(guān)鍵楨，然后對(duì)此關(guān)鍵楨對(duì)應(yīng)的灰色塊顏色進(jìn)行調(diào)

整，把顏色稍微調(diào)淺一點(diǎn)點(diǎn)。

4、遮罩層

※為了遮住以后做動(dòng)畫(huà)動(dòng)作時(shí)一些移至場(chǎng)景外的物件，我們可以專(zhuān)門(mén)建立一個(gè)

新層，在場(chǎng)景外畫(huà)一個(gè)遮罩色塊蓋住場(chǎng)景外的部分。此層應(yīng)一直處于所有層最上

方。＜二＞Flash動(dòng)畫(huà)制作

(2)動(dòng)畫(huà)編輯

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

※前面我們已經(jīng)構(gòu)思好了故事情節(jié)，由6個(gè)動(dòng)畫(huà)片段來(lái)完成我們的《雪孩子》。

第1部分：

※歌詞：音樂(lè)前奏

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

※道具：一棵有積雪的只剩4片葉子的樹(shù)、飄動(dòng)的雪花

（圖19）

1、樹(shù)層

※建立一個(gè)新層，把準(zhǔn)備好的動(dòng)畫(huà)素材-樹(shù)拖入到新層里至適當(dāng)位置。選擇

Tools（工具）面板的Brush（畫(huà)筆）工具在樹(shù)上畫(huà)上積雪。然后在第一-片段結(jié)束楨

（295楨）上方點(diǎn)擊鼠標(biāo)右鍵選擇PasteFrames（粘貼楨）。

2、雪花層

※雪花飄動(dòng)可以直接復(fù)制Loading場(chǎng)景中已經(jīng)作好的雪花循環(huán)飄動(dòng)的MC（電

影片段）。切換回場(chǎng)景1,在雪花循環(huán)飄動(dòng)的關(guān)鍵楨上方點(diǎn)擊右鍵選擇Copy

Frames（復(fù)制楨）。返回場(chǎng)景2,建立新層，在第一楨上方點(diǎn)擊鼠標(biāo)右鍵選擇Paste

Frames（粘貼楨）。移動(dòng)光標(biāo)至第H25楨點(diǎn)擊右鍵，從彈出的菜單中選擇Insert

Frame（插入楨）。

※為什么選擇1125楨結(jié)束雪花飄動(dòng)呢？因?yàn)槲覀儏⒄崭柙~層的歌詞顯示可以

知道大約此楨處已經(jīng)唱到“眼看春天就要來(lái)了"，所以我們知道此楨大約可以停止

飄雪。

※因?yàn)檎麄€(gè)動(dòng)畫(huà)的意境是雪花不停的飄，所以雪花層應(yīng)該始終在除遮罩層歌詞

層外的所有層的上方。

※同理，選擇295楨結(jié)束第一場(chǎng)景的樹(shù)，是考慮到此處的音樂(lè)前奏已經(jīng)播完，

而我們的構(gòu)思是第一部分到音樂(lè)前奏處結(jié)束。而第2部分的樹(shù)是表現(xiàn)落葉飄下來(lái)

的，和這棵樹(shù)有所不同，所以不能象雪花飄動(dòng)一樣覆蓋幾個(gè)片段。

第2部分：

※歌詞：好冷雪已經(jīng)積的那麼深MerryX'mastoyou

※情節(jié)：雪繼續(xù)下，雪孩子若有所思的看著最后幾片樹(shù)葉也掉下來(lái)了（如

圖20）

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

（圖20）

1、雪孩子層

※建立新層，Copy雪孩子動(dòng)畫(huà)素材到新層約295楨（第2部分開(kāi)始楨）

位置，讓雪孩子從場(chǎng)景外滑雪至樹(shù)下。

※滑動(dòng)和雪花飄動(dòng)制作方法都可以用運(yùn)動(dòng)動(dòng)畫(huà)制作方法：把雪孩子圖案放

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

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

Tween（創(chuàng)建動(dòng)畫(huà)動(dòng)作），并Copy（復(fù)制）該楨。接著按鍵盤(pán)F5鍵插入一楨，

把該插入楨用鼠標(biāo)拖動(dòng)延長(zhǎng)到適當(dāng)位置并點(diǎn)擊鼠標(biāo)右鍵，在彈出的窗口里選擇

PasteFrames（粘貼楨）。然后把該粘貼楨下方對(duì)應(yīng)的工作區(qū)內(nèi)的雪孩子圖案往

左下角移至適當(dāng)位置。

※這樣雪孩子滑雪的動(dòng)作就做好了。

※其中在此層中雪孩子所做的動(dòng)作有平移、眨眼、抬頭等，都是通過(guò)關(guān)鍵楨

動(dòng)畫(huà)來(lái)實(shí)現(xiàn)的。方法就是一楨一楨畫(huà)好并擺上去。關(guān)鍵楨類(lèi)似于傳統(tǒng)動(dòng)畫(huà)中的原

畫(huà)，關(guān)鍵楨越多動(dòng)畫(huà)就會(huì)越細(xì)膩。

2、樹(shù)干層

※這是一棵掉了葉子的樹(shù)干。建立新層，Copy我們準(zhǔn)備好的樹(shù)干圖案至新層

適當(dāng)位置，選中樹(shù)葉Copy后，刪除掉樹(shù)葉。

3、樹(shù)葉層

※建立新層，把剛才Copy的樹(shù)葉粘貼進(jìn)新層，做落葉飄下的動(dòng)作。落葉飄下

制作方法可參照前面講到的雪孩子滑雪的運(yùn)動(dòng)動(dòng)畫(huà)制作方法。

※同時(shí)，在此層中樹(shù)葉還用到了透明運(yùn)動(dòng)動(dòng)畫(huà)的效果，即樹(shù)葉掉在地下后漸漸

隱去（淡出）。制作方法：先把物體進(jìn)行Group（群組），把鼠標(biāo)移至樹(shù)葉的關(guān)

鍵楨上點(diǎn)擊鼠標(biāo)右鍵選CreateMotionTween（創(chuàng)建動(dòng)畫(huà)動(dòng)作），再Copy此楨。

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

移至該粘貼楨對(duì)應(yīng)的工作區(qū)，選中工作區(qū)的樹(shù)葉圖案，按鍵盤(pán)Ctrl+F打開(kāi)Fram

（楨）面板，F(xiàn)ram（楨）面板讓他保留默認(rèn)設(shè)置，我們選擇楨面板左邊的Effect

（效果）欄，可以看見(jiàn)一個(gè)下拉列，選取Alpha后，右邊相應(yīng)出現(xiàn)可自己設(shè)置的

百分比選項(xiàng)，我們把它設(shè)置為0%。

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

※注：樹(shù)葉層應(yīng)在第2片段的3個(gè)層的最上層，雪人層在第2片段的3個(gè)層的

最下層。整個(gè)第2部分在429楨處結(jié)束。

＜二＞Flash動(dòng)畫(huà)制作

（2）動(dòng)畫(huà)編輯

第3部分:

※歌詞：我深?lèi)?ài)的人

※情節(jié)：雪繼續(xù)下，雪孩子來(lái)到女孩的窗前（如圖21）

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

（圖21）

1、樹(shù)干層

※建立新層，Copy第2片段的樹(shù)干，粘貼進(jìn)新層430楨（第3片段開(kāi)始位置）

內(nèi)，鼠標(biāo)選中該樹(shù)干，執(zhí)行菜單Modify（修改）下的Transform（轉(zhuǎn)換）子項(xiàng)Flip

Horizontal（水平翻轉(zhuǎn)）命令。再把樹(shù)干移至適當(dāng)位置。最后在時(shí)間線490楨（第

3片段結(jié)束位置）上方點(diǎn)擊鼠標(biāo)右鍵,從彈出的菜單中選擇InsertFrame（插入楨）。

2、房子層

※如上，建立新層，Copy前面準(zhǔn)備好的房子素材至新層。在時(shí)間線490楨上

方點(diǎn)擊鼠標(biāo)右鍵，從彈出的菜單中選擇InsertFrame（插入楨）。

3^雪人層（分3層）

※如上，建立新層，把相應(yīng)的雪人圖案Copy過(guò)來(lái)后，選中手和腳Copy后，

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

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

※接著可以讓雪人的手和腳運(yùn)動(dòng)起來(lái)，制作方法方法可以參考雪花飄動(dòng)運(yùn)動(dòng)效

果，因它也和雪花飄動(dòng)同屬于運(yùn)動(dòng)動(dòng)畫(huà)。

※雪人的軀干可以隨手和腳的運(yùn)動(dòng)變化而變化。其中一些細(xì)節(jié)的動(dòng)畫(huà)動(dòng)作，比

如眨眼、踮起腳等動(dòng)作，前面已經(jīng)說(shuō)過(guò)，可以一楨一楨畫(huà)出來(lái)，利用關(guān)鍵楨來(lái)表

現(xiàn)。

※其中雪人手的運(yùn)動(dòng)動(dòng)畫(huà)用到了旋轉(zhuǎn)效果。旋轉(zhuǎn)制作方法：鼠標(biāo)選中要編輯的

物件，選擇Tools（工具）面板的（Rotate）轉(zhuǎn)工具，物件四個(gè)角會(huì)呈現(xiàn)節(jié)點(diǎn)，鼠標(biāo)

移至節(jié)點(diǎn)上方按鼠標(biāo)左鍵可以向任意方向旋轉(zhuǎn)物體。

第4部分：

※歌詞：好冷整個(gè)冬天在你家門(mén)Areyoumysnowman?我癡癡癡癡的等

※情節(jié)：雪繼續(xù)下，雪孩子在女孩窗前等待。小女孩從外面回來(lái)，幫雪孩子系

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

※道具：窗戶、雪孩子、外面回來(lái)的小女孩、雪花、樹(shù)干、圍巾

（圖22）

（圖23）

1、窗戶層

※建立新層，把已經(jīng)畫(huà)好的素材-窗戶拖入工作區(qū)到適當(dāng)位置。

※窗戶在第4片段結(jié)尾處將逐漸拉近鏡頭至消失，這里也用到了運(yùn)動(dòng)動(dòng)畫(huà)

效果。前面已經(jīng)有運(yùn)動(dòng)動(dòng)畫(huà)的制作方法，這里不再重復(fù)。

※其中窗戶運(yùn)動(dòng)動(dòng)畫(huà)過(guò)程，用到了工具面板里的Scale（放大縮?。┕ぞ?。

我們先選中工作區(qū)的窗戶，然后選擇放大縮小工具，窗戶四角將相應(yīng)呈現(xiàn)的白色

節(jié)點(diǎn)，用鼠標(biāo)在節(jié)點(diǎn)上方按住左鍵進(jìn)行拖拉放大，到適當(dāng)位置即可。

2、樹(shù)干層

XCopy前面幾個(gè)片段已有的樹(shù)干到新層。在第4片段結(jié)尾處逐漸拉遠(yuǎn)鏡頭。

制作方法和窗戶運(yùn)動(dòng)動(dòng)畫(huà)相似。

3、小女孩層

XCopy準(zhǔn)備好的素材圖片-小女孩至新層。其中小女孩解圍巾的動(dòng)作比較

復(fù)雜，需要一楨楨的畫(huà)出來(lái)。從圖23我們可以看見(jiàn)小女孩那層的時(shí)間線上關(guān)鍵

楨很多，這就是一楨楨畫(huà)出來(lái)關(guān)鍵楨動(dòng)畫(huà)。

4、雪人層

※同理，Copy相應(yīng)的素材圖片雪孩子至新層。此層的雪孩子的動(dòng)作也是由

運(yùn)動(dòng)動(dòng)畫(huà)和關(guān)鍵楨動(dòng)畫(huà)組成。（第4部分在490楨處開(kāi)始，749楨處結(jié)束）

第5部分：

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

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

※情節(jié)：冬天就要過(guò)去了，雪孩子看了看樹(shù)上已經(jīng)長(zhǎng)出的幾片綠葉，天色

漸漸轉(zhuǎn)暗，夜晚就要來(lái)臨了…（如圖24、25）

※道具：雪孩子、樹(shù)干、綠葉、小草

（圖24）

（圖25）

1、樹(shù)干層

※第5部分由750楨開(kāi)始。這里一定要記住必須Copy第4部分樹(shù)干層最后一

楨關(guān)鍵楨（749楨），到第5部分的樹(shù)干層（750楨）處粘貼。因?yàn)榈?層是在

749楨結(jié)束，結(jié)尾部分和第5層是同一場(chǎng)景，沒(méi)有用到淡入淡出等過(guò)渡效果。只

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

※樹(shù)干層將覆蓋整個(gè)第5部分，第5部分在1125楨處結(jié)束。第5部分結(jié)尾處,

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

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

場(chǎng)景變化。方法下面第6部分將會(huì)提到。

※第5部分結(jié)尾處出現(xiàn)的月亮星星也是第6部分1090楨處完成的，以便過(guò)渡。

2、雪孩子

※雪孩子在850楨處出場(chǎng)，運(yùn)動(dòng)變化制作方法如前。

※第5部分750楨開(kāi)始到850楨，只有樹(shù)干和雪花在靜靜的飄，是為了呼

應(yīng)整個(gè)動(dòng)畫(huà)開(kāi)場(chǎng)時(shí)候的音樂(lè)前奏場(chǎng)景，造成一種節(jié)奏感，使人產(chǎn)生一種似曾相識(shí)

的傷感情緒。

3、綠葉層

※當(dāng)雪孩子來(lái)到樹(shù)干下，綠葉開(kāi)始悄悄的長(zhǎng)出來(lái)。此層開(kāi)始楨可以在雪孩子出

場(chǎng)的850楨后幾楨處插入。

※這層用到了色彩運(yùn)動(dòng)的制作方法，如下:

※在綠葉層860楨畫(huà)一片白色葉子（不要進(jìn)行群組），鼠標(biāo)選中葉子，按鍵盤(pán)

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

Copy該楨，然后在此楨后面的任意楨上方點(diǎn)擊鼠標(biāo)右鍵選插入楨。鼠標(biāo)選中插

入楨下方工作區(qū)內(nèi)的葉子，再點(diǎn)擊工具面板的FillColor（填充顏色）工具，改

變白色為綠色。

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

4、小草層

※把畫(huà)好的小草Copy到新層。這里的小草動(dòng)畫(huà)只是關(guān)鍵楨動(dòng)畫(huà)，我們可以把

前面幾楨小草數(shù)目減少一點(diǎn)，越往后放置的小草越多，這樣可以造成不斷長(zhǎng)出小

草的效果。

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

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

不再飄雪。

第6部分：

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

※情節(jié)：又來(lái)到女孩的家門(mén)口…春天就要來(lái)了…雪孩子留戀地看著睡夢(mèng)里的小女孩…

太陽(yáng)漸漸出來(lái)了，天色也亮了，雪孩子帶著遺憾悄悄的離開(kāi)了人世…（如圖26、27、28、29、

30）

※道具：雪孩子、一棵長(zhǎng)綠葉的樹(shù)、小草、月亮星星、睡覺(jué)的小女孩、窗戶、融化的

雪人、圍巾、太陽(yáng)

泰a*

三的ft2右，&

A3口12011251130113S11仙1145115011551180力

0第隔景月賽.

?猊陽(yáng)景-室內(nèi)退3?

0mgibaa?

□

□

□

□

□

□

0笫喝1E0??

L>3景?0D巾WJ2L

DM6j??-?A?tZZ

0笫5能*雷人?3

田卸

伶（3Ar□幽舞S:

（圖26）

（圖27）

※第6部分是最后一部分，比較復(fù)雜。但我們可以一層?層的來(lái)做，化復(fù)雜為簡(jiǎn)單。

1、室外遮罩層

※此層作用很多，利用透明運(yùn)動(dòng)動(dòng)畫(huà)來(lái)進(jìn)行場(chǎng)景過(guò)渡，利用不完全透明度遮住一些物

體。

※在第6部分開(kāi)始的1090楨處，我們畫(huà)一個(gè)稍大于場(chǎng)景尺寸的黑色塊，做透明運(yùn)動(dòng)

動(dòng)畫(huà)（制作方法前面已經(jīng)提過(guò)），以用做遮罩物體的用途。設(shè)置黑色塊由0%的透明度漸變

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

片段的畫(huà)面完全隱去，推出第6片段的畫(huà)面。

※保留30%透明度的遮罩色塊至太陽(yáng)出來(lái)的時(shí)候（約1255楨處），以遮住室外一些

物體，讓物體顯得暗一些，以表現(xiàn)天黑。

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

物體包括窗戶層的下方）

2、室內(nèi)遮罩層

※室內(nèi)遮罩的作用也是用做第5部分和第6部分的場(chǎng)景過(guò)渡而設(shè)置的。因?yàn)樯厦嬷v到

的室外遮罩層的透明漸變運(yùn)動(dòng)只能遮罩過(guò)渡室外的物體。這里的室內(nèi)遮罩層可用來(lái)過(guò)渡室內(nèi)

物體。也因?yàn)槭覂?nèi)室外的明暗度不同，所以室內(nèi)遮罩層和室外遮罩層必須分成2層。

※室內(nèi)遮罩層在室內(nèi)物體自然過(guò)渡完成后約1150楨處即可停止.

（圖28）

（圖29）

（圖30）

3、星星月亮層

※此層很簡(jiǎn)單，按運(yùn)動(dòng)動(dòng)畫(huà)制作方法，把星星月亮平移到場(chǎng)景外就可以了。

4、小女孩層

※睡覺(jué)的小女孩，只在整個(gè)動(dòng)畫(huà)結(jié)尾處作拉近鏡頭處理，制作方法也同屬于運(yùn)動(dòng)動(dòng)畫(huà)

※另外，可增加一個(gè)睡覺(jué)符號(hào)"zzzz”層。先畫(huà)幾個(gè)zzzz”符號(hào)，再做i個(gè)"zzzz”的MC（電

影片段）。做MC的方法在前面Loading制作中已經(jīng)提過(guò)。

5、窗戶層

※窗戶層運(yùn)動(dòng)制作方法同女孩層一樣，只在結(jié)尾處拉近鏡頭至場(chǎng)景外（消失）。

6、綠樹(shù)和小草

※綠樹(shù)和小草，在結(jié)尾處做點(diǎn)變化，一陣風(fēng)吹來(lái)，小草往左邊方向倒。畫(huà)幾個(gè)關(guān)鍵楨

就可以了。

7、雪孩子層

※為了動(dòng)畫(huà)細(xì)膩一點(diǎn)，雪孩子層一般做的關(guān)鍵楨動(dòng)畫(huà)比較多。雪孩子在1335楨處慢慢融

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

※融化只做運(yùn)動(dòng)變化就可以了，因?yàn)榇皯魮踝×巳诨^(guò)程。然后在窗戶層拉近鏡頭至消失

于畫(huà)面的時(shí)候，漸漸呈現(xiàn)窗戶層下方的雪人融化層的融化的雪人畫(huà)面就可以了。

X為了生動(dòng)點(diǎn)，我們可以在雪孩子層上方增加一層，做為汗水層，此處可做一個(gè)汗水的

MC（電影片段）。

8、太陽(yáng)

※太陽(yáng)在雪孩子融化之前平移出現(xiàn)，做運(yùn)動(dòng)動(dòng)畫(huà)處理即可。

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

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

明運(yùn)動(dòng)動(dòng)畫(huà)）。

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

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

片結(jié)束處做幾個(gè)關(guān)鍵楨，在小草給風(fēng)吹倒的一瞬，讓圍巾、雪人眼睛等凌亂放置，作風(fēng)吹狀。

越往后越凌亂直消失。

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

層，直到1125楨處結(jié)束（圖26所示）

※整個(gè)動(dòng)畫(huà)片在1445楨處結(jié)束。

到這里我們的6個(gè)片段終于完成了，現(xiàn)在可以做些收尾工作

※我們?cè)谟捌Y(jié)束的最后一楨處（隨便哪層都可以，只要是最后一楨即可）

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

（圖31）

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

1、重播按鈕層

※如圖31所示，我們?cè)谖葑訉拥淖詈笠粯E做停止命令。鼠標(biāo)在該楨上方

點(diǎn)擊右鍵選擇Actions（動(dòng)作）下的Stop（停止）選項(xiàng)。

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

法在前面Loading部分有詳細(xì)介紹。

※做完按鈕后我們回到工作場(chǎng)景，在按鈕上方點(diǎn)擊鼠標(biāo)右鍵，選擇

Actions（動(dòng)作）下的GoTo命令，在彈出的拉列里可以設(shè)置Scene（場(chǎng)景）、Type

（類(lèi)型）、Frame（楨）的參數(shù)。這里我們選擇默認(rèn)參數(shù)即可，默認(rèn)參數(shù)為返回

當(dāng)前場(chǎng)景第一楨。

2、Logo層

※把自己的Logo（商標(biāo)）拖入工作區(qū)適當(dāng)位置就可以了。

〈三〉完成

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

件。

※在輸出時(shí)候彈出的對(duì)話框的聲音選項(xiàng)里可以對(duì)MP3文件再進(jìn)行處理。

X《雪孩子》動(dòng)畫(huà)片最后效果：

〈三〉完成

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

文件做成.exe可執(zhí)行文件。

點(diǎn)擊進(jìn)入最后的完成部分

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

件。

※在輸出時(shí)候彈出的對(duì)話框的聲音選項(xiàng)里可以對(duì)MP3文件再進(jìn)行處理。

派《雪孩子》動(dòng)畫(huà)片最后效果：

參考來(lái)源：實(shí)例講解flashMTV制作全過(guò)程（目錄）

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

三、小組合作、頭腦風(fēng)暴

組內(nèi)分工合作，通過(guò)頭腦風(fēng)暴得到新的創(chuàng)意

四、上網(wǎng)搜索素材

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

《我是一只小小鳥(niǎo)》（趙傳）

五、開(kāi)發(fā)創(chuàng)作

六、作品驗(yàn)收、點(diǎn)評(píng)

老師共同點(diǎn)評(píng)作品

七、提交實(shí)訓(xùn)報(bào)告

將實(shí)訓(xùn)報(bào)告（主要是開(kāi)發(fā)創(chuàng)作的步驟和過(guò)程）發(fā)送到老

師的郵箱。

第二章Flash動(dòng)畫(huà)設(shè)計(jì)訂單2：制作FLASH片頭（實(shí)訓(xùn)項(xiàng)

目二）

一、訂單表述

請(qǐng)制作一個(gè)關(guān)于動(dòng)畫(huà)的片頭

二、訂單示范作品及設(shè)計(jì)過(guò)程

實(shí)例說(shuō)明：《后裔射日》

這是一個(gè)動(dòng)畫(huà)短片巨作，由近兩百個(gè)符號(hào)，22個(gè)場(chǎng)景組成。每個(gè)人都有自己的夢(mèng)境，

自己的幻想，當(dāng)你有用視覺(jué)來(lái)表現(xiàn)她，實(shí)現(xiàn)她的沖動(dòng)時(shí)，F(xiàn)LASH無(wú)疑是一個(gè)最佳選擇。當(dāng)制

作動(dòng)畫(huà)時(shí)，它打破了高資本，多人員的動(dòng)畫(huà)制作模式，使你在家就能構(gòu)建屬于自己的夢(mèng)想王

國(guó)一有想法就行，很酷吧？！下面讓就讓我們嘗試著做一個(gè)動(dòng)畫(huà)短片。

1.1資料收集

先確定動(dòng)畫(huà)的題材，中國(guó)古老神話怎么樣？那就做個(gè)后裔射日的故事吧。不錯(cuò)，就是它

了……

然后到圖書(shū)館，書(shū)店去收集有關(guān)后裔射日的圖案資料，文字資料與音樂(lè)資料，（這是一

個(gè)必要過(guò)程哦，它是一個(gè)形象化的過(guò)程同時(shí)也會(huì)加深自己對(duì)完成這段動(dòng)畫(huà)的信心）。然后進(jìn)

行整理……

1.2人物，場(chǎng)景設(shè)定

當(dāng)資料完備后，人物和場(chǎng)景在腦中也應(yīng)該有個(gè)初步印象了，這時(shí)你就可以找張紙，把想

好的人物和場(chǎng)景畫(huà)下來(lái)。我們這次作的是后裔射日，所以基本上人物就兩個(gè)，一后羿和金鴉,

（當(dāng)然你也可以直接用FLASH畫(huà)）。

1.3分鏡頭

FLASH中有SCENE的概念，其實(shí)這在制作動(dòng)畫(huà)短片時(shí)很重要。一部短片可以分為若干個(gè)

鏡頭，當(dāng)銜接起來(lái)時(shí)，就是一個(gè)完整動(dòng)畫(huà)。（在FLASH中，可以通過(guò)INSERT——SCENE,來(lái)

實(shí)現(xiàn)）?！逗笠嵘淙铡反蠹s有22個(gè)SCENE。大致是1.L0ADING畫(huà)面及開(kāi)頭、2.太陽(yáng)升出海面、

3.太陽(yáng)肆虐21?射日22.結(jié)尾。當(dāng)想好如何分鏡頭了，你可以先把他畫(huà)下來(lái)。

1.4制作過(guò)程

—.LOADING畫(huà)面

L當(dāng)上述過(guò)程都完成了，就可以正式制作了。先新建文件（File〉New）調(diào)整尺寸

（Modify>Document）至550PxX300pxQ

2.但這時(shí)畫(huà)面是很空無(wú)一物的。我們?nèi)绾蜗率帜?？我們想讓觀眾在看LOADING畫(huà)面時(shí)

就對(duì)整個(gè)動(dòng)畫(huà)有一個(gè)大致的認(rèn)識(shí)。所以我們先來(lái)進(jìn)行《后裔射日》的第二主人公一太陽(yáng)的制

作（傳說(shuō)中以前太陽(yáng)是天帝的兒子，他們是十兄弟，并且平時(shí)是以三只金色烏鴉的形象）。

有了先前這些資料，我們就可以著手進(jìn)行太陽(yáng)的制作。

CInsert>NewSymbol>Graphie）,取名"太陽(yáng)底圖"，畫(huà)上太陽(yáng)圖案，如圖1T所示。

不過(guò)光禿禿的太陽(yáng)是顯然沒(méi)有人氣，我們加上火焰吧。

圖『1太陽(yáng)底圖

再次（Insert>NewSymbol）選擇Moveclip取名"火焰00",制作遠(yuǎn)動(dòng)著的火焰動(dòng)畫(huà)，

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

案。

的節(jié)或&C懶蒯的M

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

禎

圖卜2火焰

這樣就完成了一個(gè)連續(xù)的火焰動(dòng)畫(huà)。然后用同樣的方法再畫(huà)出幾個(gè)不同的火焰，分別命

名成“火焰01”，“火焰02”（這樣放上幾個(gè)不同火焰Moveclip,會(huì)使畫(huà)面看上不呆

滯的）

接著我們?cè)趫D案的中心部分加上金鴉拍打翅膀的動(dòng)畫(huà)

同樣作一個(gè)Moveclip取名“金鴉”，再用逐禎動(dòng)畫(huà)的方法完成太陽(yáng)中心“金鴉”拍打

翅膀的動(dòng)畫(huà)（具體動(dòng)畫(huà)參考源文件）。

現(xiàn)在可以合成這個(gè)燃燒的太陽(yáng)了（Insert〉NewSymbol）選擇Moveclip,取名"太陽(yáng)"

連續(xù)點(diǎn)擊兩次，新增Layer2層，Layer3層。在Layerl層中調(diào)入"太陽(yáng)底圖",在Layer2

層中調(diào)入''火焰00”，“火焰01”“火焰02”（并多復(fù)制幾個(gè)，使其以大小不同，錯(cuò)落有秩地

圍繞太陽(yáng)底圖排列），在Layer3層中調(diào)入“金鴉”，如圖20.1-3所示。

這樣一個(gè)燃燒著的太陽(yáng)就誕生了，是不是很棒?。侩S后我們把它放入場(chǎng)景中。點(diǎn)擊

芻/進(jìn)入Scene1,點(diǎn)擊新建一層，調(diào)入Moveclip"太陽(yáng)"。

現(xiàn)在可以導(dǎo)出看一下效果。一個(gè)熊熊燃燒，并帶有一只撲騰的烏鴉的太陽(yáng)出現(xiàn)在我們眼

前。

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

圖1-3太陽(yáng)

5.然后我們來(lái)制作LOADING讀取槽

我們想制作一個(gè)象格斗游戲中能量槽似的讀取槽。使在網(wǎng)上下載動(dòng)畫(huà)時(shí)讀取槽會(huì)隨著下

載程度漫漫變滿。

好，Let'sgo

(Insert>NewSymboDGraphic)取名“長(zhǎng)方形”，畫(huà)入一個(gè)30X18的白色長(zhǎng)方形。二再

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

Layer2中分別調(diào)入讀取條，調(diào)整他們的寬度使Layerl中的長(zhǎng)方形的寬為2px.□使Layer2

中的長(zhǎng)方形寬為325px。(CtrlA)全選他們，(CtrlK打開(kāi)Align窗口)點(diǎn)擊&|與殺|使

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

圖1-4讀取條

,Layerl在第8禎時(shí)按F5,Layer2在1到8禎分別按(F6插入關(guān)鍵禎)然后調(diào)整Layer2

中長(zhǎng)方形的寬度使其逐禎遞增，在第8禎時(shí)的寬度與Layerl中的長(zhǎng)方形相等，即為325px。

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

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

(Properties>InstanceName中輸入)這樣我們就可以用tellTarget語(yǔ)句來(lái)調(diào)用他了。

然后就可以用IfFrameisLoaded和tellTarget語(yǔ)句實(shí)現(xiàn)LOADING功能。

新建一層，在第1禎輸入

ifFrameLoaded("Scene3〃，25){

tellTarget(〃/a〃){

gotoAndStop(l);

)

gotoAndPlay(3);

}

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

同理在第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);是結(jié)束LOADING畫(huà)面，進(jìn)入下一個(gè)Scene。

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

接著在Layerl拉一個(gè)550PxX300Px的口色的長(zhǎng)方形做為底色。

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

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

把方陣調(diào)入SCENE1Layer2上。

這樣就完成了整個(gè)LOADING畫(huà)面的制作，如圖1-5所示

圖1-5

二.開(kāi)頭字幕

當(dāng)LOADING完后，動(dòng)畫(huà)開(kāi)始之前我們想制做一個(gè)帶著光效的開(kāi)頭字幕。即跳出

現(xiàn)“后裔射II”這四個(gè)字，然后再出現(xiàn)類(lèi)似3DMAX體積光運(yùn)動(dòng)的效果，圖1-6所示

圖1-6

三.背景動(dòng)畫(huà)

由于動(dòng)畫(huà)制作技術(shù)大同小，主要是一些技巧及創(chuàng)意，以下20個(gè)場(chǎng)景省略，請(qǐng)發(fā)揮想

象

完成后的效果演示

完成

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

《后裔射日》動(dòng)畫(huà)最后效果：

參考來(lái)源：實(shí)例講解Flash動(dòng)畫(huà)片-后裔射日制作全過(guò)程（目錄）

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

006.html

三、小組合作、頭腦風(fēng)暴

組內(nèi)分工合作，通過(guò)頭腦風(fēng)暴得到新的創(chuàng)意

四、上網(wǎng)搜索素材

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

給出動(dòng)畫(huà)的FLASH,去創(chuàng)作新的片頭。

五、開(kāi)發(fā)創(chuàng)作

六、作品驗(yàn)收、點(diǎn)評(píng)

老師共同點(diǎn)評(píng)作品

七、提交實(shí)訓(xùn)報(bào)告

將實(shí)訓(xùn)報(bào)告（主要是開(kāi)發(fā)創(chuàng)作的步驟和過(guò)程）發(fā)送到老

師的郵箱

第三章Flash動(dòng)畫(huà)設(shè)計(jì)訂單3：制作FLASH網(wǎng)站（實(shí)訓(xùn)項(xiàng)

目三）

一、訂單表述

請(qǐng)為恒達(dá)物流公司做一個(gè)FLASH網(wǎng)站

二、訂單示范作品及設(shè)計(jì)過(guò)程

flashsj《Flash商業(yè)制作實(shí)例一頁(yè)面簡(jiǎn)單設(shè)計(jì)》制作過(guò)程寫(xiě)成了教程，目的幫助想

學(xué)習(xí)制作flash廣告的廣大網(wǎng)友。

在小編我向flashsj申請(qǐng)轉(zhuǎn)載的時(shí)候，flashsj的無(wú)私再次感動(dòng)了我！特作編者按，

以示鳴謝！也希望網(wǎng)友們喜歡我做的這個(gè)教程專(zhuān)題！

實(shí)例說(shuō)明

Flash在網(wǎng)絡(luò)中的應(yīng)用已經(jīng)越來(lái)越廣了，不僅僅用來(lái)制作網(wǎng)站宣傳片，產(chǎn)品廣告，還

可以用來(lái)代替?zhèn)鹘y(tǒng)的Html網(wǎng)頁(yè)成為網(wǎng)站中的一部分，使用Flash制作的頁(yè)面不僅視覺(jué)效果

突出，而且交互功能也非常的強(qiáng)，所以現(xiàn)在好多商業(yè)網(wǎng)站都使用Flash技術(shù)來(lái)制作，這次我

們就來(lái)看看如何具體的制作一一個(gè)純粹的Flash頁(yè)面

下面就來(lái)模擬一個(gè)具體的商業(yè)操作，給一家叫Ways2Web的公司制作其網(wǎng)站首頁(yè)，最

終效果如圖1所示：

圖1

從圖1中可以大致看到這個(gè)頁(yè)面的布局和效果。最左邊是縱向移動(dòng)的網(wǎng)站名稱(chēng)

Ways2Web,頁(yè)面的主題是中部和右部，其中中下部是網(wǎng)站的幾個(gè)欄目，為了說(shuō)明問(wèn)題，這里

只暫時(shí)設(shè)置了四個(gè)欄目，根據(jù)需要可以添加更多的內(nèi)容，上面的線框就是具體到每個(gè)欄目中

的具體內(nèi)容了，這個(gè)線框是動(dòng)態(tài)出現(xiàn)的，只有選擇一個(gè)欄目后，會(huì)從頁(yè)面右邊滑入，然后展

開(kāi)，在展開(kāi)的同時(shí)會(huì)顯示具體的內(nèi)容。基本上這就是整個(gè)頁(yè)面的結(jié)構(gòu)了，不過(guò)大家可以根據(jù)

自己的構(gòu)思和創(chuàng)意，豐富頁(yè)面的內(nèi)容。

此頁(yè)面看上去比較簡(jiǎn)單，但是制作起來(lái)一點(diǎn)都不輕松，這也是商業(yè)站點(diǎn)制作的一個(gè)特

點(diǎn)吧，下面就更我來(lái)一起制作這個(gè)網(wǎng)站頁(yè)面。

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

色為黑色。

2.將主場(chǎng)景中默認(rèn)的圖層Layerl更名為Background,從外部導(dǎo)入一副合適的圖

片，作為整個(gè)頁(yè)面的背景，調(diào)整圖片位置覆蓋住整個(gè)舞臺(tái)區(qū)域，最后將圖片打散，在屬性面

板中調(diào)整其透明度為17%,如圖2所示；

圖2

最后在第250幀插入一個(gè)關(guān)鍵幀，這也是整個(gè)影片的播放長(zhǎng)度。

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

道，來(lái)布置幾輛汽車(chē)從其間駛過(guò)的效果，一來(lái)豐富了頁(yè)面內(nèi)容，二來(lái)更體現(xiàn)了一定的真實(shí)性。

新建一個(gè)影片剪輯Car,使用繪圖工具繪制一個(gè)簡(jiǎn)單的小汽車(chē)，如圖3所示即可：

圖3

這里為了使小汽車(chē)在頁(yè)面中可以明顯的看到，特意加了兩個(gè)比較亮的車(chē)燈。接下來(lái)新

建一個(gè)影片剪輯carmove,制作汽車(chē)運(yùn)動(dòng)的效果。添加兩個(gè)圖層Carl和