Flash8動(dòng)畫設(shè)計(jì)教程課件

8.1動(dòng)畫的相關(guān)知識(shí)8.2逐幀動(dòng)畫8.3形狀補(bǔ)間動(dòng)畫8.4運(yùn)動(dòng)補(bǔ)間動(dòng)畫8.5遮罩動(dòng)畫第8章創(chuàng)建動(dòng)畫...8.6運(yùn)動(dòng)引導(dǎo)層動(dòng)畫8.7場(chǎng)景的管理8.8制作跑步的小人8.9逐幀動(dòng)畫8.10制作夏天的海灘過(guò)關(guān)練習(xí)...8.1動(dòng)畫的相關(guān)知識(shí)

在前面幾章的學(xué)習(xí)中，我們?yōu)橛脩艚榻B了Flash8的工作界面、有關(guān)概念、基本操作等，為了更好地完善制作動(dòng)畫的準(zhǔn)備工作，本節(jié)介紹動(dòng)畫的實(shí)現(xiàn)原理與制作流程。

8.1.1動(dòng)畫的實(shí)現(xiàn)原理

動(dòng)畫是由一組圖像序列快速有序地播放所形成的，什么是圖像序列呢？如圖8.1.1所示為馬兒奔跑時(shí)的8個(gè)狀態(tài)，當(dāng)把這些圖像按照馬兒動(dòng)作的先后順序，依次命名為horse1.gif，horse2.gif，…，horse8.gif時(shí)，該文件序列就稱為圖像序列。...不論是何種類型的動(dòng)畫，不論是使用何種軟件制作的動(dòng)畫，都采用了相同的實(shí)現(xiàn)原理，即一系列的圖像按照順序播放，每個(gè)圖像與前面一個(gè)圖像有所不同。當(dāng)播放這種圖像序列時(shí)，就會(huì)產(chǎn)生動(dòng)畫效果，并且圖像之間停頓的時(shí)間越長(zhǎng)，動(dòng)畫運(yùn)行的速度就越慢，反之越快。圖8.1.1馬兒奔跑時(shí)的8個(gè)狀態(tài)...

8.1.2制作動(dòng)畫的一般流程

動(dòng)畫是根據(jù)人的視覺(jué)原理創(chuàng)建的，即當(dāng)眼睛看到一個(gè)對(duì)象后，它會(huì)在短時(shí)間內(nèi)停留在眼睛的視網(wǎng)膜上，不會(huì)馬上消失，如果在一個(gè)對(duì)象還沒(méi)有消失之前，另一個(gè)對(duì)象呈現(xiàn)出來(lái)，就會(huì)形成一種連續(xù)變化的效果，從而形成動(dòng)畫。

要想制作出令人滿意的Flash作品，不能沒(méi)有計(jì)劃、沒(méi)有步驟。下面介紹創(chuàng)建動(dòng)畫的一般流程。...（1）策劃動(dòng)畫：在創(chuàng)建動(dòng)畫之前，需要對(duì)整個(gè)動(dòng)畫進(jìn)行初步策劃，即對(duì)動(dòng)畫的劇情，動(dòng)畫的表現(xiàn)手法，動(dòng)畫片段的銜接，動(dòng)畫中的人物、背景、音樂(lè)、對(duì)白和特效等進(jìn)行構(gòu)思。策劃動(dòng)畫是動(dòng)畫創(chuàng)建的第一步，它將直接影響到動(dòng)畫的整體效果及其表現(xiàn)力，對(duì)動(dòng)畫的質(zhì)量起決定性的作用。

（2）收集素材：在對(duì)動(dòng)畫進(jìn)行了初步的策劃之后，就要搜集動(dòng)畫需要的素材。在這一過(guò)程中，用戶要有目的、有針對(duì)性地收集素材，并同時(shí)做好分類。...（3）制作動(dòng)畫：在擁有優(yōu)秀的動(dòng)畫構(gòu)思、精美的動(dòng)畫素材之后，動(dòng)畫的最終質(zhì)量很大程度上取決于動(dòng)畫的制作過(guò)程，所以制作動(dòng)畫是最為關(guān)鍵的一步。

（4）調(diào)試動(dòng)畫：在制作動(dòng)畫之后，需要對(duì)其進(jìn)行調(diào)試。調(diào)試的目的在于對(duì)動(dòng)畫片段的銜接、聲音與動(dòng)畫之間的協(xié)調(diào)等細(xì)節(jié)進(jìn)行調(diào)整，從而使整個(gè)動(dòng)畫更加流暢、和諧。...（5）測(cè)試動(dòng)畫：Flash動(dòng)畫的播放效果在很大程度上取決于計(jì)算機(jī)的硬件配置，即有可能在動(dòng)畫制作者的計(jì)算機(jī)上達(dá)到良好效果的動(dòng)畫，在其他計(jì)算機(jī)上會(huì)出現(xiàn)播放不連貫、聲音與圖像不同步、甚至無(wú)法播放的現(xiàn)象。因此，在動(dòng)畫制作完成之后對(duì)其進(jìn)行測(cè)試是很有必要的，用戶應(yīng)盡可能多地在不同檔次、不同配置的計(jì)算機(jī)上測(cè)試所做的動(dòng)畫，以使動(dòng)畫在較低配置的計(jì)算機(jī)上也能取得良好的播放效果。...（6）發(fā)布動(dòng)畫：發(fā)布動(dòng)畫是創(chuàng)建動(dòng)畫的最后一步，用戶在發(fā)布動(dòng)畫時(shí)，可以對(duì)動(dòng)畫的格式、畫面質(zhì)量、聲音效果等屬性進(jìn)行設(shè)置，并且該設(shè)置將影響動(dòng)畫的傳輸速度。

8.1.3動(dòng)畫的類型

使用Flash8軟件可以制作多種類型的動(dòng)畫，下面介紹逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、軌跡動(dòng)畫、遮罩動(dòng)畫4種常見(jiàn)的類型。...（1）逐幀動(dòng)畫。逐幀動(dòng)畫是Flash中最簡(jiǎn)單的動(dòng)畫，就像電影的底片一樣，需要一幀一幀地制作，并且每一幀都是相互獨(dú)立的關(guān)鍵幀。由于逐幀動(dòng)畫各幀的內(nèi)容不同，因此制作起來(lái)非常費(fèi)時(shí)，并且生成的文件體積較大，但它具有較大的靈活性，適合表現(xiàn)細(xì)膩的動(dòng)畫。

（2）補(bǔ)間動(dòng)畫。補(bǔ)間動(dòng)畫包括運(yùn)動(dòng)補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫兩種，用于在兩個(gè)關(guān)鍵幀之間制作運(yùn)動(dòng)或變形效果。...（3）軌跡動(dòng)畫。軌跡動(dòng)畫也叫路徑動(dòng)畫，指對(duì)象沿著指定路徑運(yùn)動(dòng)的動(dòng)畫。

（4）遮罩動(dòng)畫。遮罩動(dòng)畫至少要用兩個(gè)層完成，上面的層叫做遮罩層，下面的層叫做被遮罩層。遮罩動(dòng)畫是使遮罩層中的內(nèi)容運(yùn)動(dòng)起來(lái)，然后透過(guò)它們看到被遮罩層中內(nèi)容的動(dòng)畫，常用于制作聚光燈、百葉窗等。...

8.1.4FLA文件、SWF文件和EXE文件的關(guān)系

在制作過(guò)程中，F(xiàn)lash8生成的是以fla為后綴名的源文件，可以打開(kāi)并修改。在制作完成并發(fā)布后，F(xiàn)lash8將把fla文件編譯成swf文件，該文件不包含原始和冗余的信息，只包含與動(dòng)畫有關(guān)的必須的信息，因此文件尺寸一般比f(wàn)la文件小。

swf文件可以直接使用Flash播放器觀看，如果沒(méi)有播放器，還可以將swf文件與Flash播放器打包在一起，制作成exe文件，操作步驟如下：...（1）打開(kāi)一個(gè)swf文件，如圖8.1.2所示。

（2）選擇“文件”→“創(chuàng)建播放器”命令，彈出“另存為”對(duì)話框，如圖8.1.3所示。

（3）在“保存在”下拉列表中設(shè)置exe文件的保存路徑。

（4）在“文件名”文本框中輸入exe文件的名稱。...圖8.1.2swf文件圖8.1.3“另存為”對(duì)話框...（5）單擊“保存”按鈕關(guān)閉對(duì)話框。

fla文件也能直接發(fā)布成exe文件，操作步驟如下：

（1）在制作完成后，選擇“文件”→“發(fā)布設(shè)置”命令，彈出“發(fā)布設(shè)置”對(duì)話框，如圖8.1.4所示。

（2）在“格式”選項(xiàng)卡中選中“Windows放映文件(.exe)”復(fù)選框，然后設(shè)置文件的保存路徑及名稱，這里采用默認(rèn)設(shè)置，如圖8.1.5所示。

（3）單擊“發(fā)布”按鈕即可。...

圖8.1.4“發(fā)布設(shè)置”對(duì)話框圖8.1.5設(shè)置exe文件選項(xiàng)...

8.2逐幀動(dòng)畫

逐幀動(dòng)畫是Flash動(dòng)畫的一個(gè)重要組成類型，也是最傳統(tǒng)最原始的動(dòng)畫創(chuàng)作形式，下面介紹它的工作原理以及制作方法。

8.2.1逐幀動(dòng)畫的工作原理

逐幀動(dòng)畫是最常見(jiàn)的一種動(dòng)畫形式，這種類型的動(dòng)畫通過(guò)更改動(dòng)畫中每一幀的圖像來(lái)創(chuàng)建動(dòng)畫效果。因此，該動(dòng)畫占用的內(nèi)存空間較大，其文件也較大。...在創(chuàng)建逐幀動(dòng)畫時(shí)，需要將每個(gè)幀都定義為關(guān)鍵幀，然后給每個(gè)幀創(chuàng)建不同的圖像。每個(gè)新關(guān)鍵幀最初包含的內(nèi)容和它前面的關(guān)鍵幀是一樣的，因此，可以遞增地修改動(dòng)畫中的幀，以達(dá)到某種動(dòng)畫效果。

8.2.2制作逐幀動(dòng)畫

逐幀動(dòng)畫是一種傳統(tǒng)的動(dòng)畫，其創(chuàng)建方法主要有兩種，一種是在舞臺(tái)上逐幀繪制圖形；另一種是直接導(dǎo)入一組圖像生成逐幀動(dòng)畫。...1．繪制逐幀動(dòng)畫

下面以“奧運(yùn)五環(huán)”為例來(lái)介紹繪制逐幀動(dòng)畫的方法，操作步驟如下：

（1）選擇“文件”→“新建”命令，創(chuàng)建一個(gè)新的動(dòng)畫文件。

（2）選擇工具箱中的橢圓工具，在屬性面板中設(shè)置筆觸顏色為“藍(lán)色”，筆觸高度為“8”，填充顏色為“無(wú)”，按住“Shift”鍵，在如圖8.2.1所示的位置繪制一個(gè)圓形。

（3）選擇工具箱中的橡皮擦工具，擦除圓形的一部分，剩余圖形如圖8.2.2所示。...圖8.2.1繪制圓形圖8.2.2擦除圓形的一部分...（4）選中第2～6幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”命令，插入5個(gè)空白關(guān)鍵幀，如圖8.2.3所示。

（5）選中第2幀，重復(fù)步驟（2）和（3）的操作，繪制如圖8.2.4所示的黃色圖形。圖8.2.3插入空白關(guān)鍵幀圖8.2.4在第2幀中繪制圖形...（6）同樣，在第3幀中繪制如圖8.2.5所示的黑色圖形，在第4幀中繪制如圖8.2.6所示的綠色圖形，在第5幀中繪制如圖8.2.7所示的圖形，在第6幀中繪制整個(gè)奧運(yùn)五環(huán)的圖形，如圖8.2.8所示。圖8.2.5在第3幀中繪制圖形圖8.2.6在第4幀中繪制圖形...圖8.2.7在第5幀中繪制圖形圖8.2.8在第6幀中繪制圖形...（7）按“Ctrl+Enter”鍵，測(cè)試動(dòng)畫效果，如圖8.2.9所示。圖8.2.9效果圖...2．直接導(dǎo)入逐幀動(dòng)畫

Flash8還允許直接導(dǎo)入一組圖像生成逐幀動(dòng)畫，但這些圖像的名稱要遵循一定的命名規(guī)范，即其文件名稱要以數(shù)字結(jié)尾，并且該序列中的其他文件都位于相同的文件夾中。直接導(dǎo)入逐幀動(dòng)畫的操作步驟如下：

（1）選擇“文件”→“新建”命令，創(chuàng)建一個(gè)新的動(dòng)畫文件。

（2）選擇“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”命令，彈出“導(dǎo)入”對(duì)話框，選中圖像序列中的第一個(gè)圖像，如圖8.2.10所示。...（3）單擊“打開(kāi)”按鈕，彈出如圖8.2.11所示的提示框，如果單擊“是”按鈕，將導(dǎo)入圖像序列中的所有圖像；如果單擊“否”按鈕，將只導(dǎo)入選中的圖像；如果單擊“取消”按鈕，則取消導(dǎo)入操作。圖8.2.10“導(dǎo)入”對(duì)話框圖8.2.11提示框...（4）單擊“是”按鈕，導(dǎo)入圖像序列中的所有圖像，如圖8.2.12所示。圖8.2.12導(dǎo)入圖像序列中的所有圖像...（5）按“Ctrl+Enter”鍵，測(cè)試動(dòng)畫效果，如圖8.2.13所示。圖8.2.13效果圖...8.3形狀補(bǔ)間動(dòng)畫

形狀補(bǔ)間動(dòng)畫是補(bǔ)間動(dòng)畫的另外一種。在形狀補(bǔ)間動(dòng)畫中，可以使對(duì)象在舞臺(tái)中進(jìn)行形狀的改變，同時(shí)也可以改變對(duì)象的位置、大小和顏色。形狀補(bǔ)間動(dòng)畫的工作原理是首先由用戶制作好兩個(gè)關(guān)鍵幀，然后再由Flash通過(guò)計(jì)算生成中間各幀，從而使動(dòng)畫從一個(gè)關(guān)鍵幀自然地過(guò)渡到另一個(gè)關(guān)鍵幀。

8.3.1制作形狀補(bǔ)間動(dòng)畫

下面通過(guò)一個(gè)實(shí)例來(lái)介紹形狀補(bǔ)間動(dòng)畫的制作方法，操作步驟如下：...（1）選擇“文件”→“新建”命令，創(chuàng)建一個(gè)新的Flash文檔。

（2）選擇工具箱中的文本工具，在屬性面板中設(shè)置字體為“黑體”，字體大小為“96”，文本顏色為“紅色”，在第1幀中輸入文本“l(fā)ove”，如圖8.3.1所示。

（3）選中第1幀中的文本，選擇“修改”→“分離”命令，將文本打散為單個(gè)字符，再次選擇該命令將單個(gè)字符打散為圖形，如圖8.3.2所示。...圖8.3.1輸入文本圖8.3.2打散文本...（4）選中第20幀，按“F7”鍵插入空白關(guān)鍵幀。

（5）選擇工具箱中的橢圓工具，在屬性面板中設(shè)置筆觸顏色為“無(wú)”，填充顏色為“紅色”，按住“Shift”鍵，在第20幀中繪制一個(gè)圓形，如圖8.3.3所示。

（6）選擇工具箱中的選擇工具，在按住“Ctrl”鍵的同時(shí)，分別拖動(dòng)圓形的上部和底部，添加一個(gè)節(jié)點(diǎn)，然后調(diào)整節(jié)點(diǎn)的位置及弧度，得到一個(gè)心的形狀，如圖8.3.4所示。...圖8.3.3繪制圓形圖8.3.4添加節(jié)點(diǎn)得到心形...（7）選中第1幀，在屬性面板的“補(bǔ)間”下拉列表中選擇“形狀”選項(xiàng)，如圖8.3.5所示，在第1～20幀之間就會(huì)變成淡綠色，并且會(huì)出現(xiàn)一個(gè)箭頭，如圖8.3.6所示，至此，這個(gè)簡(jiǎn)單的形狀補(bǔ)間動(dòng)畫就制作完成了。圖8.3.5選擇“形狀”選項(xiàng)時(shí)的屬性面板圖8.3.6時(shí)間軸效果...（8）按“Ctrl+Enter”鍵，預(yù)覽動(dòng)畫效果，如圖8.3.7所示。圖8.3.7效果圖...

8.3.2使用變形參考點(diǎn)

所謂變形參考點(diǎn)，就是在變形的初始圖形和結(jié)束圖形上分別指定一些變形關(guān)鍵點(diǎn)，并使這些點(diǎn)在起始幀和結(jié)束幀中一

一對(duì)應(yīng)，這樣Flash就會(huì)根據(jù)這些點(diǎn)的對(duì)應(yīng)關(guān)系來(lái)計(jì)算變形的過(guò)程。使用變形參考點(diǎn)，可以創(chuàng)建較精確、復(fù)雜的形狀補(bǔ)間

動(dòng)畫。...1．使用變形參考點(diǎn)的原則

在Flash8中，最多可以在圖形上添加26個(gè)變形參考點(diǎn)，分別用字母a～z來(lái)表示。起始關(guān)鍵幀上的變形參考點(diǎn)用黃色圓圈表示，結(jié)束關(guān)鍵幀上的變形參考點(diǎn)用綠色圓圈表示。且當(dāng)參考點(diǎn)的位置不在曲線上時(shí)，將顯示為紅色圓圈。

在使用變形參考點(diǎn)控制形狀變化時(shí)，必須遵循以下原則：

（1）如果補(bǔ)間形狀比較復(fù)雜，可以多增加幾個(gè)中間形狀，而不要只設(shè)置起始和結(jié)束關(guān)鍵幀中的形狀。...（2）確保變形參考點(diǎn)符合邏輯。例如，在一個(gè)矩形上添加了4個(gè)變形參考點(diǎn)，依次為a，b，c和d，那么無(wú)論將該矩形如何變形，這4個(gè)參考點(diǎn)始終應(yīng)保持a，b，c，d的順序，而不能變成a，b，d，c等。

（3）如果將變形參考點(diǎn)按照逆時(shí)針?lè)较驈膱D形的左上角位置開(kāi)始，則變形效果將會(huì)更好。

2．變形參考點(diǎn)的使用

下面通過(guò)一個(gè)實(shí)例來(lái)介紹形狀提示的使用方法，操作步驟如下：...（1）選擇“文件”→“新建”命令，創(chuàng)建一個(gè)新的Flash文檔。

（2）選擇工具箱中的橢圓工具，在屬性面板中設(shè)置筆觸顏色為“無(wú)”，填充顏色為“黑色”，然后在舞臺(tái)上繪制一個(gè)橢圓。

（3）選中第20幀，按“F6”鍵插入關(guān)鍵幀。

（4）選中第1幀，在屬性面板中設(shè)置“補(bǔ)間”為“形狀”，創(chuàng)建一段形狀補(bǔ)間動(dòng)畫。此時(shí)，按“Ctrl+Enter”鍵，預(yù)覽動(dòng)畫效果，可發(fā)現(xiàn)橢圓根本不動(dòng)。...（5）連續(xù)3次選擇“修改”→“形狀”→“添加形狀提示”命令，為第1幀中的橢圓添加3個(gè)形狀提示，并調(diào)整它們的位置，如圖8.3.8所示。

（6）調(diào)整第20幀中形狀提示的位置，如圖8.3.9所示。圖8.3.8第1幀中形狀提示的位置圖8.3.9第20幀中形狀提示的位置...（7）按“Ctrl+Enter”鍵，預(yù)覽動(dòng)畫效果，如圖8.3.10所示。圖8.3.10效果圖...8.4運(yùn)動(dòng)補(bǔ)間動(dòng)畫

運(yùn)動(dòng)補(bǔ)間動(dòng)畫是補(bǔ)間動(dòng)畫的一種。在運(yùn)動(dòng)補(bǔ)間動(dòng)畫中，可以使對(duì)象在舞臺(tái)中進(jìn)行移動(dòng)、改變大小、旋轉(zhuǎn)、改變顏色等效果的變換。各種變換不僅可以獨(dú)立進(jìn)行，還可以將它們組合在一起，創(chuàng)建復(fù)雜的動(dòng)畫。...

8.4.1運(yùn)動(dòng)補(bǔ)間動(dòng)畫的工作原理

運(yùn)動(dòng)補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的工作原理基本相同，也需要制作兩個(gè)關(guān)鍵幀，然后再由Flash通過(guò)計(jì)算生成中間各幀。運(yùn)動(dòng)補(bǔ)間動(dòng)畫的起止對(duì)象必須為元件，而且必須為同一個(gè)元件，因此，若要使用群組、文本和位圖等對(duì)象制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫，必須首先將它們轉(zhuǎn)換為元件，操作步驟如下：

（1）選中用于制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫的對(duì)象。...（2）按“F8”鍵，彈出“轉(zhuǎn)換為元件”對(duì)話框，如圖8.4.1所示。圖8.4.1“轉(zhuǎn)換為元件”對(duì)話框...1）“名稱”：輸入元件的名稱。

2）“類型”：選擇元件的類型，有影片剪輯、按鈕和圖形3個(gè)選項(xiàng)。

3）“注冊(cè)”：設(shè)置元件的中心點(diǎn)，有9個(gè)位置供用戶選擇。

（3）設(shè)置完畢后，單擊“確定”按鈕，將其轉(zhuǎn)換為元件，如圖8.4.2所示。圖8.4.2轉(zhuǎn)換對(duì)象為元件前后的效果...如果舞臺(tái)中沒(méi)有對(duì)象，還可以首先創(chuàng)建一個(gè)空白元件，然后再進(jìn)行編輯，操作步驟如下：

（1）按“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對(duì)話框，如圖8.4.3所示。

（2）在對(duì)話框中設(shè)置元件的名稱和類型。

（3）單擊“確定”按鈕，進(jìn)入元件的編輯窗口，繪制或?qū)雽?duì)象即可。

8.4.2制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫

下面制作“Flash”文本由小變大，并且從左向右移動(dòng)的動(dòng)畫，操作步驟如下：...（1）啟動(dòng)Flash8軟件，新建一個(gè)文件。

（2）選擇工具箱中的文本工具，在屬性面板中設(shè)置字體為“華文新魏”，字體大小為“30”，文本顏色為“紅色”，在舞臺(tái)上輸入文本“Flash”。

（3）選中文本，選擇“修改”→“轉(zhuǎn)換為元件”命令或按“F8”鍵，彈出“轉(zhuǎn)換為元件”對(duì)話框，在“名稱”文本框中輸入“文本”，在“類型”選項(xiàng)區(qū)中選中“圖形”單選按鈕，如圖8.4.4所示，單擊“確定”按鈕，將其轉(zhuǎn)換為元件。...圖8.4.3“創(chuàng)建新元件”對(duì)話框圖8.4.4“轉(zhuǎn)換為元件”對(duì)話框...（4）選中第20幀，按“F6”鍵插入關(guān)鍵幀。

（5）選擇工具箱中的任意變形工具，將第1幀中的文本向左移動(dòng)一段距離，將第20幀中的文本放大并向右移動(dòng)一段距離，如圖8.4.5所示。圖8.4.5調(diào)整文本...（6）選中第1幀，在屬性面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”選項(xiàng)，并設(shè)置其他選項(xiàng)，這里采用默認(rèn)設(shè)置，如圖8.4.6所示。圖8.4.6選擇“動(dòng)畫”選項(xiàng)...對(duì)其他選項(xiàng)說(shuō)明如下：

1）“縮放”：用于設(shè)置對(duì)象是否改變大小。

2）“緩動(dòng)”：用于設(shè)置對(duì)象的運(yùn)動(dòng)速度，若為0，對(duì)象將勻速運(yùn)動(dòng)；若小于0，對(duì)象將加速運(yùn)動(dòng)；若大于0，對(duì)象將減速

運(yùn)動(dòng)。

3）“旋轉(zhuǎn)”：用于設(shè)置對(duì)象的旋轉(zhuǎn)屬性。

4）“調(diào)整到路徑”：用于設(shè)置對(duì)象是否隨路徑的角度旋轉(zhuǎn)。

5）“同步”：用于設(shè)置對(duì)象是否與主場(chǎng)景相匹配。...6）“對(duì)齊”：用于設(shè)置對(duì)象是否自動(dòng)捕捉路徑。

（7）如果在兩個(gè)關(guān)鍵幀之間出現(xiàn)了一個(gè)箭頭，并且?guī)尘白兂闪说{(lán)色，則表示動(dòng)畫制作成功，如圖8.4.7所示，最后按“Ctrl+Enter”鍵預(yù)覽，效果如圖8.4.8所示。圖8.4.8效果圖圖8.4.7時(shí)間軸面板...

8.5遮罩動(dòng)畫

在Flash8中，使用遮罩可以創(chuàng)建特殊效果，如聚光燈、過(guò)渡效果等。被遮住的對(duì)象可以是形狀、文字對(duì)象、圖形元件的實(shí)例或影片剪輯。用戶也可以將多個(gè)圖層放置于一個(gè)遮罩層下，來(lái)創(chuàng)建復(fù)雜的動(dòng)畫效果。...

8.5.1遮罩層的使用

當(dāng)遮罩層作用于某個(gè)普通層時(shí)，普通層上的內(nèi)容只能通過(guò)遮罩層上有內(nèi)容的部分（即非空白部分）顯示出來(lái)。除此之外，用戶還可以將遮罩層上的對(duì)象制作成動(dòng)畫，來(lái)創(chuàng)建移動(dòng)的遮罩層，以實(shí)現(xiàn)觀看到的普通層上的物體運(yùn)動(dòng)的效果，但不能將線條作為遮罩層。

與遮罩層相連的普通層又稱為被遮罩層，它保留了普通層的所有特性。遮罩層是放置遮罩內(nèi)容的層，被遮罩層是一個(gè)受遮罩層影響的層。遮罩層可以與多個(gè)被遮罩層相連。...

1．創(chuàng)建遮罩層

遮罩層的創(chuàng)建較簡(jiǎn)單，用戶可通過(guò)以下的操作步驟創(chuàng)建遮罩層。

（1）在普通層上創(chuàng)建圖形。

（2）在普通層上方新建一個(gè)圖層，在該圖層中繪制用做遮罩的對(duì)象，對(duì)象的顏色為除白色之外的其他顏色。

（3）在該圖層上單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“遮罩層”命令，即可將該圖層轉(zhuǎn)換為遮罩層，而它下方的圖層將會(huì)成為被遮罩層，此時(shí)的時(shí)間軸面板如圖8.5.1所示。...創(chuàng)建好遮罩層后，遮罩層及其下方的被遮罩層同時(shí)被鎖定，且被遮罩層以縮進(jìn)方式顯示。如果用戶要對(duì)這兩個(gè)圖層中的內(nèi)容進(jìn)行編輯，可以將它們解鎖后進(jìn)行編輯。圖8.5.1創(chuàng)建遮罩層...2．連接到遮罩層

默認(rèn)情況下，遮罩層下方只有一個(gè)被遮罩層與之相連，用戶也可以根據(jù)需要，將其他普通層移到遮罩層下，使該普通層成為被遮罩層。使用以下3種方法可以將普通層連接到遮罩層。

（1）在被遮罩層的上方創(chuàng)建新圖層。

（2）將某個(gè)普通圖層選中后拖到遮罩層下方。

（3）如果該普通圖層在遮罩層下方，可雙擊該圖層，在彈出的“圖層屬性”對(duì)話框中選中“被遮罩”單選按鈕即可。...3．與遮罩層分離

如果要將被遮罩層與遮罩層分離，即將被遮罩層轉(zhuǎn)換為普通層，可使用以下3種方法實(shí)現(xiàn)。

（1）將被遮罩層選中后拖到遮罩層的上方。

（2）將被遮罩層選中后將其拖離遮罩層。

（3）用鼠標(biāo)雙擊該圖層，在彈出的“圖層屬性”對(duì)話框中將圖層類型設(shè)置為“一般”即可。...

8.5.2制作遮罩動(dòng)畫

下面通過(guò)一個(gè)實(shí)例來(lái)介紹遮罩動(dòng)畫的制作方法，操作步驟如下：

（1）啟動(dòng)Flash8軟件，新建一個(gè)文件。

（2）按“Ctrl+J”鍵，彈出“文檔屬性”對(duì)話框，設(shè)置“尺寸”為“650px×200px”，“背景顏色”為“白色”，“幀頻”為“12”，單擊“確定”按鈕。

（3）選擇“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”命令，彈出“導(dǎo)入”對(duì)話框，導(dǎo)入3張圖片，并調(diào)整它們的大小和位置，如圖8.5.2所示。...（4）單擊時(shí)間軸中的“插入圖層”按鈕，插入“圖層2”。

（5）選擇工具箱中的橢圓工具，在屬性面板中設(shè)置筆觸顏色為“無(wú)”，填充顏色為“灰色”，按住“Shift”鍵，在舞臺(tái)中繪制一個(gè)圓形。圖8.5.2導(dǎo)入并調(diào)整圖片...（6）選中圓形，選擇“修改”→“轉(zhuǎn)換為元件”命令或按“F8”鍵，彈出“轉(zhuǎn)換為元件”對(duì)話框，在“名稱”文本框中輸入“圓”，在“類型”選項(xiàng)區(qū)中選中“圖形”單選按鈕，如圖8.5.3所示，單擊“確定”按鈕，將其轉(zhuǎn)換為元件。圖8.5.3“轉(zhuǎn)換為元件”對(duì)話框...（7）選擇工具箱中的選擇工具，調(diào)整圓形到如圖8.5.4所示的位置。

（8）選中“圖層1”的第40幀，按“F5”鍵插入幀；選中“圖層2”的第40幀，按“F6”鍵插入關(guān)鍵幀。

（9）選中“圖層2”的第40幀，調(diào)整該幀中的圓形到如圖8.5.5所示的位置。圖8.5.4第1幀中的圓形圖8.5.5第40幀中的圓形...（10）選中第1幀，在屬性面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”選項(xiàng)，創(chuàng)建一段運(yùn)動(dòng)補(bǔ)間動(dòng)畫，如圖8.5.6所示。

（11）將鼠標(biāo)指針置于“圖層2”的層名區(qū)，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”命令，添加遮罩效果，如圖8.5.7所示。圖8.5.6創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫圖8.5.7添加遮罩效果...（12）動(dòng)畫制作完成，按“Ctrl+Enter”鍵，預(yù)覽動(dòng)畫的播放效果，如圖8.5.8所示。圖8.5.8效果圖...

8.6運(yùn)動(dòng)引導(dǎo)層動(dòng)畫

在Flash中，將引導(dǎo)層稱為“輔助層”，即該圖層在動(dòng)畫中起著輔助作用。當(dāng)用戶將制作的引導(dǎo)層動(dòng)畫輸出時(shí)，引導(dǎo)層中的內(nèi)容并不會(huì)被輸出。

8.6.1創(chuàng)建運(yùn)動(dòng)引導(dǎo)層

使用引導(dǎo)層，可以創(chuàng)建使某個(gè)對(duì)象沿著指定路線移動(dòng)的效果，還可以對(duì)動(dòng)畫中的對(duì)象進(jìn)行定位。

在Flash中，可以創(chuàng)建兩種類型的引導(dǎo)層，一種是普通引導(dǎo)層；另一種是運(yùn)動(dòng)引導(dǎo)層。...1．創(chuàng)建普通引導(dǎo)層

普通引導(dǎo)層在動(dòng)畫中起著輔助靜態(tài)定位的作用。用鼠標(biāo)右鍵在時(shí)間軸中某個(gè)普通圖層上單擊，在彈出的快捷菜單中選擇“引導(dǎo)層”命令，即可將該圖層轉(zhuǎn)換為普通引導(dǎo)層，如圖8.6.1

所示。...2．創(chuàng)建運(yùn)動(dòng)引導(dǎo)層

運(yùn)動(dòng)引導(dǎo)層在動(dòng)畫中起著運(yùn)動(dòng)路徑的引導(dǎo)作用。運(yùn)動(dòng)引導(dǎo)層至少同一個(gè)普通圖層相關(guān)聯(lián)，與運(yùn)動(dòng)引導(dǎo)層相關(guān)聯(lián)的普通圖層中的對(duì)象可以沿著運(yùn)動(dòng)引導(dǎo)層中的路徑運(yùn)動(dòng)，且該圖層將以縮進(jìn)方式顯示。創(chuàng)建運(yùn)動(dòng)引導(dǎo)層時(shí)，只要單擊時(shí)間軸面板中的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕，即可創(chuàng)建一個(gè)運(yùn)動(dòng)引導(dǎo)層，如圖8.6.2所示。圖8.6.1創(chuàng)建普通引導(dǎo)層圖8.6.2創(chuàng)建運(yùn)動(dòng)引導(dǎo)層...

8.6.2制作運(yùn)動(dòng)引導(dǎo)層動(dòng)畫

下面將通過(guò)制作一個(gè)實(shí)例，來(lái)介紹運(yùn)動(dòng)引導(dǎo)層動(dòng)畫的制作方法，具體操作步驟如下：

（1）打開(kāi)Flash8應(yīng)用程序，新建一個(gè)大小為534PX×

412PX，背景顏色為藍(lán)色的Flash文檔。

（2）在菜單欄中選擇“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”命令，在彈出的“導(dǎo)入”對(duì)話框中選擇一幅圖片，并將其導(dǎo)入到舞臺(tái)中。...（3）在工具箱中選擇任意變形工具，使用該工具調(diào)整圖片至合適大小，如圖8.6.3所示。

（4）按“Ctrl+F8”快捷鍵，在彈出的快捷菜單中創(chuàng)建一個(gè)名為“風(fēng)箏”的圖形元件。在該元件的編輯模式中，使用繪圖工具繪制如圖8.6.4所示的風(fēng)箏。圖8.6.3調(diào)整圖片大小圖8.6.4繪制的風(fēng)箏...（5）重復(fù)步驟（4）的操作，分別創(chuàng)建兩個(gè)名為“固定架”和“引導(dǎo)線”的圖形元件，并繪制如圖8.6.5所示的圖形。圖8.6.5繪制的固定架和引導(dǎo)線...

（6）單擊按鈕，返回至主場(chǎng)景。單擊時(shí)間軸面板下方的“插入圖層”按鈕，新建“圖層2”。

（7）分別將創(chuàng)建的3個(gè)圖形拖至舞臺(tái)中，將它們放置于如圖8.6.6所示的位置。

（8）選中該圖層中的元件的實(shí)例，按“Ctrl+G”快捷鍵將它們組合成為一個(gè)整體。按“F8”鍵在彈出的“轉(zhuǎn)換為元件”對(duì)話框中創(chuàng)建一個(gè)名為“風(fēng)箏2”的圖形元件。...（9）單擊時(shí)間軸面板下方的“添加運(yùn)動(dòng)引導(dǎo)圖層”按鈕，在當(dāng)前圖層上方添加運(yùn)動(dòng)引導(dǎo)層，如圖8.6.7所示。圖8.6.6將元件從庫(kù)中拖到舞臺(tái)中圖8.6.7添加運(yùn)動(dòng)引導(dǎo)層...（10）在工具箱中選擇鉛筆工具，使用該工具在舞臺(tái)中繪制引導(dǎo)路徑。

（11）選中“圖層2”中的第1幀，將該幀中的圖形選中后移到引導(dǎo)路徑上，當(dāng)該圖形中央的小圓圈變大時(shí)松開(kāi)鼠標(biāo)，即可將圖形吸附在引導(dǎo)路徑上，如圖8.6.8所示。圖8.6.8將圖形吸附在引導(dǎo)路徑上...

（12）選中“引導(dǎo)圖層”中的第60幀，按“F5”鍵插入普通幀。選中“圖層2”中的第60幀，按“F6”鍵插入關(guān)鍵幀。選中“圖層1”中的第60幀，按“F5”鍵插入普通幀。

（13）選中“圖層2”中第60幀中的圖形，將該圖形移至如圖8.6.9所示的位置。

（14）在“圖層2”中的兩個(gè)關(guān)鍵幀之間的任意一幀上單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，即可創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫。...（15）至此，該動(dòng)畫已制作完成，按“Ctrl+Enter”快捷鍵將動(dòng)畫導(dǎo)出后，效果如圖8.6.10所示。圖8.6.9移動(dòng)圖形的位置圖8.6.10動(dòng)畫效果...8.7場(chǎng)景的管理

如果把Flash動(dòng)畫比喻為話劇，那么場(chǎng)景則是話劇的一幕，多個(gè)場(chǎng)景就構(gòu)成了不同內(nèi)容的多幕劇，如圖8.7.1所示。圖8.7.1多個(gè)場(chǎng)景的Flash動(dòng)畫...

前面介紹了單場(chǎng)景動(dòng)畫的制作方法，其實(shí)，多場(chǎng)景動(dòng)畫的制作方法與之大致相同，只要按照?qǐng)鼍暗捻樞蛞来沃谱鲉蝹€(gè)場(chǎng)景，然后播放即可。下面介紹如何管理場(chǎng)景，包括場(chǎng)景的添加、切換、重命名、復(fù)制以及刪除。

8.7.1添加場(chǎng)景

新建文件時(shí)，F(xiàn)lash8會(huì)默認(rèn)建立一個(gè)場(chǎng)景，用戶可以通過(guò)時(shí)間軸面板上的圖標(biāo)查看場(chǎng)景的名稱，如圖8.7.2所示。...添加場(chǎng)景的方法有以下兩種：

（1）選擇“插入”→“場(chǎng)景”命令。

圖8.7.2時(shí)間軸面板...（2）選擇“窗口”→“其它面板”→“場(chǎng)景”命令或按“Shift+F2”鍵，打開(kāi)場(chǎng)景面板，如圖8.7.3所示，單擊其中的“添加場(chǎng)景”按鈕，效果如圖8.7.4所示。圖8.7.3場(chǎng)景面板圖8.7.4添加場(chǎng)景...

8.7.2切換場(chǎng)景

切換場(chǎng)景的方法有以下兩種：

（1）單擊編輯欄中的“編輯場(chǎng)景”按鈕，在彈出的下拉菜單中選擇要切換到的場(chǎng)景，如圖8.7.5所示。圖8.7.5“編輯場(chǎng)景”下拉菜單...（2）選擇“視圖”→“轉(zhuǎn)到”命令的子命令，如圖8.7.6所示。圖8.7.6“轉(zhuǎn)到”命令的子命令...1）“第一個(gè)”：切換到第一個(gè)場(chǎng)景。

2）“前一個(gè)”：切換到上一個(gè)場(chǎng)景。

3）“下一個(gè)”：切換到下一個(gè)場(chǎng)景。

4）“最后一個(gè)”：切換到最后一個(gè)場(chǎng)景。

5）“場(chǎng)景1”、“場(chǎng)景2”、“場(chǎng)景3”、“場(chǎng)景4”：切換到相應(yīng)

場(chǎng)景。

8.7.3重命名場(chǎng)景

重命名場(chǎng)景的操作步驟如下：

（1）選擇“窗口”→“其它面板”→“場(chǎng)景”命令或按“Shift+F2”鍵，打開(kāi)場(chǎng)景面板。...（2）雙擊要重命名的場(chǎng)景，使其處于可編輯狀態(tài)。

（3）輸入新的名稱。

（4）在其他位置單擊鼠標(biāo)進(jìn)行確認(rèn)，其操作過(guò)程如圖8.7.7所示。圖8.7.7重命名場(chǎng)景的操作過(guò)程...

8.7.4復(fù)制場(chǎng)景

復(fù)制場(chǎng)景的操作步驟如下：

（1）在場(chǎng)景面板中選取要復(fù)制的場(chǎng)景。

（2）單擊“直接復(fù)制場(chǎng)景”按鈕。

（3）為復(fù)制的場(chǎng)景命名。

8.7.5刪除場(chǎng)景

刪除場(chǎng)景的操作步驟如下：

（1）在場(chǎng)景面板中選取要?jiǎng)h除的場(chǎng)景。...（2）單擊“刪除場(chǎng)景”按鈕，此時(shí)，系統(tǒng)將彈出一個(gè)提示框，詢問(wèn)用戶是否確實(shí)要?jiǎng)h除該場(chǎng)景，如圖8.7.8所示。

1）“確定”：?jiǎn)螕粼摪粹o，刪除操作將生效。

2）“取消”：?jiǎn)螕粼摪粹o，取消刪除操作。

（3）這里單擊“確定”按鈕刪除場(chǎng)景。圖8.7.8提示框...

8.8制作跑步的小人

本例將制作跑步的小人效果，在制作過(guò)程中主要涉及刷子工具，最終效果如圖8.8.1所示。圖8.8.1最終效果圖...

操作步驟如下：

（1）啟動(dòng)Flash8軟件，新建一個(gè)文件。

（2）按“Ctrl+J”鍵，彈出“文檔屬性”對(duì)話框，設(shè)置“尺寸”為“550px×400px”，“背景顏色”為“白色”，單擊“確定”按鈕。

（3）選擇工具箱中的刷子工具，在舞臺(tái)中繪制如圖8.8.2所示的圖形。...（4）分別選中第2幀和第3幀，按“F6”鍵插入關(guān)鍵幀，如圖8.8.3所示。圖8.8.2繪制圖形圖8.8.3插入關(guān)鍵幀...（5）選中第2幀，修改其中的圖形如圖8.8.4所示。

（6）選中第3幀，修改其中的圖形如圖8.8.5所示，完成制作。

（7）按“Ctrl+Enter”鍵，測(cè)試動(dòng)畫，最終效果如圖8.8.1所示。圖8.8.4修改第2幀中的圖形圖8.8.5修改第3幀中的圖形...

8.9逐幀動(dòng)畫

本例將制作逐幀動(dòng)畫，在制作過(guò)程中主要使用“新建”命令和“插入關(guān)鍵幀”命令，最終效果如圖8.9.1所示。圖8.9.1效果圖...

操作步驟如下：

（1）啟動(dòng)Flash8軟件，新建一個(gè)文件。

（2）選擇“文件”→“新建”命令，創(chuàng)建一個(gè)新的動(dòng)畫文件。

（3）選中第2～17幀，按“F6”鍵，插入16個(gè)關(guān)鍵幀，如圖8.9.2所示。圖8.9.2插入16個(gè)關(guān)鍵幀...（4）制作各關(guān)鍵幀的內(nèi)容，如圖8.9.3所示。

（5）按“Ctrl+Enter”鍵測(cè)試動(dòng)畫，最終效果如圖8.9.1所示。圖8.9.3制作動(dòng)畫各幀...圖8.9.3制作動(dòng)畫各幀（續(xù)）...

8.10制作夏天的海灘

本例將制作夏天的海灘效果，在制作過(guò)程中主要涉及矩形工具、填充變形工具、鉛筆工具、顏料桶工具、文本工具、運(yùn)動(dòng)補(bǔ)間動(dòng)畫等，最終效果如圖8.10.1所示。圖8.10.1夏天的海灘...

操作步驟如下：

（1）打開(kāi)Flash8應(yīng)用程序，創(chuàng)建一個(gè)大小為550PX×

500PX，背景顏色為藍(lán)色的Flash文檔。

（2）在工具箱中選擇矩形工具，將該工具的筆觸顏色設(shè)置為無(wú)，填充顏色設(shè)置為藍(lán)色（R：102，G：204，

B：255）到綠色（R：1，G：135，B：74）的線性漸變。使用該工具在舞臺(tái)中繪制矩形，如圖8.10.2所示。...（3）在工具箱中選擇填充變形工具，使用該工具調(diào)整矩形的漸變方向，效果如圖8.10.3所示，并將該矩形所在圖層的名稱改為“海面”。圖8.10.2繪制的矩形圖8.10.3調(diào)整矩形的漸變方向...（4）在菜單欄中選擇“插入”→“新建元件”命令，在彈出的“創(chuàng)建新元件”對(duì)話框中創(chuàng)建一個(gè)名為“海灘”的圖形元件。

（5）在該元件的編輯模式中，使用鉛筆工具和顏料桶工具繪制如圖8.10.4所示的海灘。

（6）重復(fù)步驟（4）的操作，創(chuàng)建一個(gè)名為“云朵”的圖形元件。在該元件的編輯模式中，使用鉛筆工具和顏料桶工

具繪制如圖8.10.5所示的云朵。...圖8.10.4繪制的海灘圖8.10.5繪制的云朵...（7）重復(fù)步驟（4）的操作，創(chuàng)建一個(gè)名為“帆船”的圖形元件。在該元件的編輯模式中，使用線條工具、顏料桶工

具和文本工具繪制如圖8.10.6所示的帆船。

（8）重復(fù)步驟（4）的操作，創(chuàng)建一個(gè)名為“人”的圖形元件。在該元件的編輯模式中，在菜單欄中選擇“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”命令，彈出“導(dǎo)入”對(duì)話框，在該對(duì)話框中選擇一幅圖片，將其導(dǎo)入到舞臺(tái)中，如圖8.10.7所示。...圖8.10.6繪制的帆船圖8.10.7導(dǎo)入的圖片...（9）單擊時(shí)間軸面板下方的“插入圖層”按鈕，新建“圖層2”。重復(fù)步驟（8）的操作，導(dǎo)入一串葡萄的照片，并將其放置于合適位置，如圖8.10.8所示。

（10）重復(fù)步驟（4）的操作，創(chuàng)建一個(gè)名為“椰子樹(shù)”的圖形元件。在該圖形元件的編輯模式中，使用繪圖工具繪制如圖8.10.9所示的椰子樹(shù)。圖8.10.8調(diào)整導(dǎo)入圖片的位置圖8.10.9繪制的椰子樹(shù)...（11）重復(fù)步驟（4）的操作，創(chuàng)建一個(gè)名為“遮陽(yáng)傘”的圖形元件。在該圖形元件的編輯模式中，使用繪圖工具繪制如圖8.10.10所示的遮陽(yáng)傘。

（12）單擊按鈕，返回至主場(chǎng)景。單擊時(shí)間軸面板下方的“插入圖層”按鈕，新建“圖層2”，并將該圖層的名稱改為

“海灘”。

（13）將庫(kù)中圖形元件“海灘”拖至舞臺(tái)中，放置于如圖8.10.11所示的位置。...圖8.10.10繪制的遮陽(yáng)傘圖8.10.11海灘的位置...（14）重復(fù)步驟（12）的操作，新建圖層“云”。將庫(kù)中的圖形元件“云朵”拖至舞臺(tái)中，將其置于如圖8.10.12所示的位置。

（15）在該圖層的第71幀處按“F6”鍵插入關(guān)鍵幀，將該幀對(duì)應(yīng)的圖形向舞臺(tái)的左側(cè)移動(dòng)一段距離，如圖8.10.13所示，并將該圖層中兩個(gè)關(guān)鍵幀中圖形的透明度設(shè)置為70%。圖8.10.12云朵的位置圖8.10.13移動(dòng)云朵...（16）在第1幀和第50幀之間的任意一幀上單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，在這兩個(gè)關(guān)鍵幀之間創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫。

（17）新建圖層“帆船”，將庫(kù)中的圖形元件“帆船”從庫(kù)中拖至舞臺(tái)左側(cè)，如圖8.10.14所示。

（18）在該圖層的第12幀處按“F6”鍵插入關(guān)鍵幀，并將該幀中帆船的位置移至如圖8.10.15所示的位置。...圖8.10.1