第三章動畫基礎

1、第三章 動畫基礎第五節(jié)遮罩動畫知識提要 將線條轉化為填充 創(chuàng)建遮罩動畫 使用變形面板學習使用【橡皮擦工具】中的“水籠頭”工具和擦除線條制作步驟（1）創(chuàng)建影片文檔步驟1設置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，單擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小為400×400像素，【背景色】為黑色（在教程中，我們?yōu)榱烁玫仫@示場景中的內容，設置背景色為#003333），如圖3-5-3所示。圖3-5-3 文檔【屬性】面板步驟2 設置背景圖層選擇工具箱中的【矩形工具】，在場景中繪制出一個400×400像素的無邊

2、正方形，用【放射狀】漸變色進行填充，如圖3-5-4所示。圖3-5-4 無邊矩形及混色器設置（2）創(chuàng)建元件步驟1 創(chuàng)建“閃光線條”元件 執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條”。選擇工具箱中的【線條工具】，設置【筆觸顏色】為黃色，在場景中畫一條直線，具體參數設置如圖3-5-5所示。圖3-5-5 閃光線條的【屬性】面板參數設置步驟2 創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條組合”，如圖3-5-6所示。-圖3-5-6 創(chuàng)建閃光線條元件從庫中將名為“閃光線條”的元件拖入新元件編輯場景中，在【屬性】面板中，設置【X】為-200

3、，【Y】為20。單擊工具箱中的【任意變形工具】，此時元件實例的中心會出現(xiàn)一個小白點，它就是對象的“變形點”，用鼠標左鍵按住它，拖到場景的中心“+”處松手。圖3-5-7中顯示的是“變形點”在元件中心時的狀態(tài)，和“變形點”已拖到場景中心時的狀態(tài)。圖3-5-7 變形點所處的不同位置執(zhí)行【窗口】|【設計面板】|【變形】命令，打開【變形】面板，選中【旋轉】，角度為15度，連續(xù)單擊【復制并應用變形】按鈕，在場景中復制出的效果如圖3-5-8所示。圖3-5-8 【變形】面板及復制完后的效果前面已經提到了，遮罩層中的內容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉化為

4、“填充”，所以我們應該將線條轉換為填充形狀。在時間軸的關鍵幀上單擊一下，選中全部圖形，執(zhí)行【修改】|【分離】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉化為填充】命令，將線條轉變?yōu)樾螤睢２襟E3 創(chuàng)建“閃光”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“閃光”，如圖3-5-9所示。圖3-5-9 創(chuàng)建“閃光”元件單擊【確定】后進入新元件編輯場景，接著把庫里名為“閃光線條組合”的元件拖到場景中，使元件實例的中心點對齊場景中的“+”符號。在第30幀處加關鍵幀，用鼠標右鍵單擊第1幀，在彈出的菜單中選擇【創(chuàng)建補間動畫】，切換到【屬性】面板，設置【旋轉】為【順時針】，旋轉一周。新增

5、一個圖層，選中第1幀，執(zhí)行【編輯】|【粘貼到當前位置】命令，使兩圖層中的“閃光線條組合”實例完全重合，執(zhí)行【修改】|【變形】|【水平翻轉】命令，讓復制過來的線條和第一層中的線條方向相反，在場景中形成交叉的圖形。選中第30幀，按F6鍵，新增一個關鍵幀，用鼠標右鍵單擊第1幀，選擇【創(chuàng)建補間動畫】，建立動作補間動畫，在【屬性】面板中，設置【旋轉】為逆時針旋轉一周，最后將此層設為遮罩層，用鼠標右鍵單擊靠上的圖層，選擇【遮罩層】，如圖3-5-10所示。圖中顯示的是“閃光”元件的時間軸面板和各圖層中的動畫設置。（a） 創(chuàng)建遮罩后的【時間軸】面板-(b) 被遮罩層中的圖形（c）遮罩圖層中的圖形（d）兩個圖層

6、重合后的效果圖3-5-10“閃光”元件編輯界面步驟4 創(chuàng)建“紅星”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“紅星”。我們要在這個元件中畫一個漂亮的紅星，為了畫好紅星，我們分九步來敘述具體的畫法，圖3-5-11中的“1-9”的數字表示這九個步驟。圖3-5-11 紅星的九步畫法第一步，按住Shift鍵，從場景中心向上畫一根黃色的線條，如圖3-5-11中的“1”所示。第二步，選擇工具箱中的【任意變形工具】,在畫好的線條上單擊一下，這里，線條的中心出現(xiàn)一個白色的小圓點，我們叫它“變形點”，如圖3-5-11中的“2”所示。第三步，用鼠標左鍵按住變形點，拖到線條的最下端，這是因為我們要

7、讓線條以下端為中心旋轉復制，如圖3-5-11中的“3”所示。第四步，執(zhí)行【窗口】|【設計面板】|【變形】，打開【變形】面板，各參數設置如圖3-5-12。按下【復制并應用變形】按鈕四次，就會在場景中每隔72度復制出一條線條，五條線條的頂端構成五角星的五個頂點，如圖3-5-11中的“4”所示。圖3-5-12 【變形】面板第五步，用綠色線條分別連接五條線條的頂端，五角星的模樣已經出來了，如圖3-5-11中的“5”所示。第六步，用白色線條分別連接五角星中心和上一步連線的交叉點，如圖3-5-11中的“6”所示。第七步，選擇工具箱中的【橡皮擦工具】，在工具箱下面的【選項】中選擇【水龍頭】工具，在多余的線段

8、上單擊一下，按Delete鍵，刪除線段，修整好的五角星如圖3-5-11中的“7”所示。第八步，選擇工具欄上的【填充色】，在打開的【調色器】面板中，用【拾色器】拾取由紅到黑的放射狀漸變色，從左到右兩個填充色塊的顏色值分別為：#FF0000、#000000，如圖3-5-13所示。圖3-5-13 設置五角星的填充顏色用【顏料桶工具】給五角星上色，再用【填充變形工具】調整每個角的顏色范圍，使之略有區(qū)別，增加立體感，如圖3-5-11中的“8”所示。第九步，再選擇【橡皮擦工具】，單擊【選項】下的按鈕，選擇【擦除線條】項（選擇后，會在“擦除線條”的左邊出現(xiàn)一個小勾），如圖3-5-14所示。圖3-5-14 擦

9、除線條用【橡皮擦工具】擦去紅星上的線條，一顆漂亮的紅星就繪制出來了，如圖3-2-11中的“9”所示。技巧：在Flash MX 2004中，還可以用更簡單的方法繪制出紅星，單擊工具箱中【矩形工具】按鈕下方的小黑三角形，在下拉菜單中選擇【多角星形工具】。在【屬性】面板上設置，單擊按鈕，彈出【工具設置】對話框，參數設置如圖3-5-15所示。圖3-5-15 多角星形工具選項設置面板-設置完后，單擊【確定】按鈕，在場景中拖動鼠標，就會畫出一個五角星的形狀來。步驟5 導入音樂文件新建一層，執(zhí)行【文件】|【導入】|【導入到庫】命令，將配套光盤中的名為“sound1.mp3”的音樂文件導入到庫中（“sound

10、1.mp3”文件位置：光盤examplepart3*音樂sound1.mp3）。（3）創(chuàng)建動畫回到主場景1中，新增三個圖層，把“閃光”元件拖入第二層中，“紅星”元件拖入到第三層中，在場景的下方輸入白色的“閃客啟航電影制片廠”文字，把聲音拖入到第四層中，完成后的時間軸面板與場景如圖3-5-16所示。圖3-5-16 時間軸及場景選中第四層的第一幀，在【屬性】面板中，設置【同步】為【事件】，如圖3-5-17所示。圖3-5-17 聲音【屬性】面板按快捷鍵Ctrl+Enter快捷鍵，測試動畫。此時，你欣賞著自己親手做的“閃閃紅星”動畫，心中再回想一下“遮罩”在動畫中的作用，是否已經感受到“遮罩”這一功能

11、的神奇？好吧，趁著興致正濃，我們再用遮罩來做一個文字效果。5. 實例2要學做閃客實例簡介“嗖”，伴著這聲音，一道白光迅速掠過一排文字，這是我們經常在廣告和電視中看到的效果，如圖3-5-18所示。你想不想知道它們是怎么制作出來的呢？其實很簡單，利用前面學過的知識就可輕易地做出這個效果，下面，讓我們動手試一試。本例源文件：“我要學做閃客.fla”，在光盤相關目錄下。圖3-5-18 本例運行效果知識要點  字體的二次打散  將字體轉為形狀  創(chuàng)建遮罩動畫（1）創(chuàng)建影片文檔執(zhí)行【文件】|【新建】命令，在彈出的對話框中選擇【常規(guī)】|【Flash文檔】選項后，單擊【確定】按鈕

12、，新建一個影片文檔，在【屬性】面板上設置文件大小為550×400像素，【背景色】為黑色（在教程中，我們?yōu)榱烁玫仫@示場景中的內容，背景色設為了深綠色）,如圖3-5-19所示。圖3-5-19 文檔屬性（2）創(chuàng)建元件步驟1 創(chuàng)建“我要學做閃客”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“我要學做閃客”。單擊工具箱中的【文字工具】，在場景中輸入“我要學做閃客”六個字，在【屬性】面板中，設置文字參數如圖3-5-20所示。圖3-5-20 “我要學做閃客”文字選中字體，執(zhí)行【修改】|【分離】命令二次，把字體打散，再選擇【顏料桶工具】，把字體中心填充成紅色。各個步驟的文字效果如圖

13、3-5-21所示。圖3-5-21 文字效果步驟2 創(chuàng)建“輝光”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“輝光”。執(zhí)行【窗口】|【設計面板】|【混色器】命令，打開【混色器】面板，設置【填充樣式】為線性，將三個色標全部設置為白色，第一和第三個的【Alpha】值為零，中間的為74%（你可按需設置），設置完后，在場景中畫一個無邊矩形，大小為40×230，如圖3-5-22所示。圖3-5-22 【混色器】面板和圖形步驟3 導入音樂文件執(zhí)行【文件】|【導入】|【導入到庫】命令，將配套光盤中的名為“sound2.mp3”的音樂文件導入到庫中（“sound2.mp3”文件位置：光盤

14、examplepart3*音樂sound2.mp3）。（4）創(chuàng)建動畫單擊時間軸右上角的【場景1】按鈕，切換到主場景。本例的主場景1中共有四個圖層，我們從下向上一層一層的做，可參看圖3-5-25所示。步驟1 創(chuàng)建【底層文字】層將【圖層1】重新命名為【底層文字】。從庫里把“我要學做閃客”的元件拖到場景中，在第60幀處添加普通幀，這一層起顯示文字的作用。步驟2 創(chuàng)建被遮罩層新建一個【輝光】圖層，從庫里把“輝光”元件拖到場景中，放在“我要學做閃客”元件實例的左邊。選擇工具欄上的【任意變形工具】，單擊【選項】中的【旋轉與傾斜】按鈕，將鼠標放在“輝光”元件實例的任意一個角，拖動鼠標旋轉一定有角度，使“輝光

15、”元件實例產生一定的傾斜度。在第30、60幀處添加關鍵幀，在第30幀處把“輝光”元件實例拖到“我要學做閃客”元件實例的右邊，在第1幀和第30幀處建立動作補間動畫，如圖3-5-23所示。圖3-5-23 “輝光”元件在場景中的位置步驟3 創(chuàng)建遮罩層新建一個【遮罩層】圖層，復制【底層文字】層的第一幀中的元件實例，選擇【遮罩層】的第1幀，執(zhí)行【編輯】|【粘貼到當前位置】命令，用鼠標右鍵單擊【遮罩層】，選擇【遮罩層】，設置此層為遮罩層，這一層的作用是用字體做遮罩元素，用它來控制輝光在場景中出現(xiàn)的大小和位置。步驟4 設置聲音新增一個【聲音層】圖層，在第1、30幀處添加關鍵幀，在【屬性】面板上設置聲音選項，

16、如圖3-5-24所示。圖3-5-24 聲音設置至此，我們就已經創(chuàng)建好了“我要學做閃客”這個動畫，時間軸面板如圖3-5-25所示。圖3-5-25 時間軸面板上的圖層說明：為了增強動畫實例效果，實例中加入了一些聲音效果，關于將聲音導入Flash及應用聲音的詳細方法，請你參考本書第五章的相關內容第六節(jié)引導路徑動畫在前面幾節(jié)里，我們已經給大家介紹了一些動畫效果，如飛機從山峰上飛過、輝光掠過文字等等，不知你注意到沒有，這些動畫的運動軌跡都是直線的，可是在生活中，有很多運動是弧線或不規(guī)則的，如月亮圍繞地球旋轉、魚兒在大海里遨游等，在Flash中能不能做出這種效果呢？答案是肯定的，這就是“引導路徑動畫”。將

17、一個或多個層鏈接到一個運動引導層，使一個或多個對象沿同一條路徑運動的動畫形式被稱為“引導路徑動畫”。這種動畫可以使一個或多個元件完成曲線或不規(guī)則運動。1創(chuàng)建引導路徑動畫的方法（1）創(chuàng)建引導層和被引導層一個最基本“引導路徑動畫”由兩個圖層組成，上面一層是“引導層”，它的圖層圖標為，下面一層是“被引導層”，圖標為，同普通圖層一樣。在普通圖層上單擊時間軸面板中的【添加運動引導層】按鈕，該層的上面就會添加一個引導層，同時該普通層縮進成為“被引導層”，如圖3-6-1所示。圖3-6-1 引導路徑動畫（2）引導層和被引導層中的對象引導層是用來指示元件運行路徑的，所以“引導層”中的內容可以是用鋼筆、鉛筆、線條

18、、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導層”中的對象是跟著引導線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應用形狀。由于引導線是一種運動軌跡，不難想象，“被引導”層中最常用的動畫形式是動作補間動畫，當播放動畫時，一個或數個元件將沿著運動路徑移動。（3）向被引導層中添加元件“引導動畫”最基本的操作就是使一個運動動畫“附著”在“引導線”上。所以操作時特別得注意“引導線”的兩端，被引導的對象起始、終點的2個“中心點”一定要對準“引導線”的2個端頭，如圖3-6-2所示。圖3-6-2 元件中心十字星對準引導線在圖3-6-2中，我們特地把“元件”的透明度設為50%，使你可以透過

19、元件看到下面的引導線，“元件”中心的十字星正好對著線段的端頭，這一點非常重要，是引導線動畫順利運行的前提。2應用引導路徑動畫的技巧（1）“被引導層”中的對象在被引導運動時，還可作更細致的設置，比如運動方向，在【屬性】面板上，選中【路徑調整】復選框，對象的基線就會調整到運動路徑。而如果選中【對齊】復選框，元件的注冊點就會與運動路徑對齊，如圖3-6-3所示。圖3-6-3 路徑調整和對齊（2）引導層中的內容在播放時是看不見的，利用這一特點，可以單獨定義一個不含“被引導層”的“引導層”，該引導層中可以放置一些文字說明、元件位置參考等，此時，引導層的圖標為。（3）在做引導路徑動畫時，按下工具箱中的【對齊

20、對象】按鈕，可以使“對象附著于引導線”的操作更容易成功，拖動對象時，對象的中心會自動吸附到路徑端點上。（4）過于陡峭的引導線可能使引導動畫失敗，而平滑圓潤的線段有利于引導動畫成功制作。（5）向被引導層中放入元件時，在動畫開始和結束的關鍵幀上，一定要讓元件的注冊點對準線段的開始和結束的端點，否則無法引導，如果元件為不規(guī)則形，可以點擊工具箱中的【任意變形工具】，調整注冊點。（6）如果想解除引導，可以把被引導層拖離“引導層”，或在圖層區(qū)的引導層上單擊右鍵，在彈出的菜單上選擇【屬性】，在對話框中選擇“正?！?，作為正常圖層類型，如圖3-6-4所示。圖3-6-4 圖層【屬性】面板（7）如果想讓對象作圓周運

21、動，可以在“引導層”畫一根圓形線條，再用【橡皮擦工具】擦去一小段，使圓形線段出現(xiàn)2個端點，再把對象的起始、終點分別對準端點即可。（9）引導線允許重疊，比如螺旋狀引導線，但在重疊處的線段必需保持圓潤，讓Flash能辨認出線段走向，否則會使引導失敗。接下來，我們來制作二個實例，以鞏固學到的知識。3實例1星星字知識提要 創(chuàng)建多層引導路徑動畫 用文字做路徑 創(chuàng)建光芒四射的星星制作步驟（1）創(chuàng)建影片文檔步驟1 設置影片文檔屬性執(zhí)行【文件】|【新建】命令，新建一個影片文檔，設置舞臺尺寸為515×152像素，背景色為黑色（在教程中，我們?yōu)榱烁玫仫@示場景中的內容，背景色設為了深藍色），如圖3-6-

22、6所示。圖3-6-6 文檔屬性步驟2 創(chuàng)建背景圖層執(zhí)行【文件】|【導入】|【導入到舞臺】命令，將配套光盤中的名為“老康藍屋背景.bmp”的圖片導入到場景中（“老康藍屋.bmp”圖片位置：光盤examplepart3*圖片老康藍屋.bmp）。（2）創(chuàng)建元件步驟1 創(chuàng)建“老康藍屋”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“老康藍屋”，如圖3-6-7所示。圖3-6-7 創(chuàng)建“老康藍屋”元件選擇【文本工具】，在場景中輸入“老康藍屋”四個字，在【屬性】面板中，設置文本類型【靜態(tài)文本】，字體【華文彩云】，字體大小為80，顏色為白色，如圖3-6-8所示。圖3-6-8 “老康藍屋”文字【屬

23、性】面板步驟2 創(chuàng)建“星星”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“星星”，如圖3-6-9所示。圖3-6-9 創(chuàng)建“星星”元件在這個新元件中，我們將用一個圓形構成星星的主體，另用三條直線構成星星四射的光芒。將【圖層1】名稱重新命名為“中心”，選擇【橢圓工具】，設置【筆觸顏色】為無，在場景中畫一個圓形，大小為“13×13”像素。在【混色器】面板中，選擇【填充樣式】為【放射狀】，將兩個色標的顏色均設置為白色，其中左邊的【Alpha】值為100%，右邊的為0%，用【顏料桶工具】填充圓形，設置顏料桶屬性和填充后的效果如圖3-6-10所示。圖3-6-10 畫星星的中心新建

24、一個圖層，重新命名為“光芒”，選擇工具欄上的【矩形工具】，設置【筆觸顏色】為無，在場景中繪制一個細長的矩形。在【混色器】面板中，選擇【填充樣式】為【線性】，將四個色標的顏色均設置為白色。其中，中間兩個色標【Alpha】值為100%，左右兩邊的兩個色標【Alpha】值為0%，用【顏料桶工具】填充矩形，設置顏料桶屬性如圖3-6-11所示。圖3-6-11 【混色器】面板接著，我們復制幾條光芒，執(zhí)行【窗口】|【設計面板】|【變形】命令，打開【變形】面板，設置【旋轉】為45度，連續(xù)單擊三次【復制并應用變形】按鈕，星星的光芒就畫好了，變形面板及星星效果分別如圖3-6-12(a)和3-6-12(b)所示。3

25、-6-12（a） 制作完成的星星效果            圖3-6-12（b） 變形面板注意，畫好的星星中心要對準場景中的十字星(為了顯示清楚，圖3-6-12中星星放大300%)。步驟3 創(chuàng)建“旋轉的星星”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“旋轉的星星”。從庫中將名為“星星”的元件拖到第1幀中，在第20幀添加關鍵幀，再在第1幀建立動作補間動畫，在【屬性】面板上設置順時針旋轉一周，如圖3-6-13所示。圖3-6-13 設置動作補間動畫的旋轉步驟4 創(chuàng)

26、建“填充顏色”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“填充顏色”。先從庫里把圖形元件“老康藍層”拖到場景中，然后執(zhí)行【修改】|【分離】命令三次，把文字打散為圖形，其中第一次是將圖形元件實例分離成文字，第二次是將文字分離成單個的字塊，第三次是將文字塊分離成圖形。選擇【選擇工具】，在場景的空白處單擊，取消對文字的選擇，再選擇【顏料桶工具】，把每個字中間的空隙都填充上藍色，如圖3-6-14所示。圖3-6-14 填充好的文字（3）創(chuàng)建動畫單擊時間軸右上方的【編輯場景】按鈕，選擇【場景1】切換到主場景中。本實例場景中共有八個圖層，最下面的圖層是圖片背景，在前面已經先建好了，現(xiàn)在我們

27、從最后第二層開始向上一層一層地敘述，在敘述過程中，請隨時參考圖3-6-16。步驟1創(chuàng)建【填充藍色的文字】層根據需要，我們先將背景圖層的幀延伸到第60幀，再插入一個新圖層并命名為“填充藍色的文字”?，F(xiàn)在我們在【填充藍色的文字】圖層中，把庫里的名為“填充顏色”的元件拖到場景中間，在【屬面】板中設置【X】為9，【Y】為65。注意，以后的操作中，上面各圖層中的文字都要和本圖層中的文字對齊。在第30、60幀插入關鍵幀，在第1、30幀間建立動作補間動畫，接著編輯第1、第60幀中的元件實例。分別選擇第1幀與第60幀中的“填充顏色”元件實例，在【屬性】面板上設置【Alpha】值為0%，如圖3-6-15所示。如

28、此設置的作用是讓文字的底色有明暗漸變的效果，讓畫面更生動一些。圖3-6-15 在【屬性】面板中設置元件實例透明度步驟2 創(chuàng)建【文字】層新建名為“文字”的圖層，把庫里名為“老康藍屋”的元件拖到場景中，文字的邊緣要和下面的“填充藍色的文字”圖層文字邊緣對齊，必要時可把對象放大。步驟3 創(chuàng)建引導層和被引導層新建一圖層并命名為“星星一”，再單擊時間軸上的【添加引導層】按鈕，創(chuàng)建引導層，此時剛剛新建的圖層會自動縮進到引導層下面，單擊縮進了的這一層，在時間軸上連續(xù)單擊【添加圖層】按鈕，共三次，就會在引導層下面創(chuàng)建好四個縮進的被引導層，其它三個圖層分別命名為 “星星二”、“星星三”和“星星四”，在這些被引導

29、圖層中，用來放置旋轉的星星。完成后的時間軸如圖3-6-16所示。圖3-6-16 時間軸面板步驟4 設置引導層選中引導圖層，從庫里把名為“老康藍屋”的元件拖出來，其邊緣要和下面的“文字”圖層中的對象邊緣對齊，執(zhí)行【修改】|【分離】命令三次，把文字打散成形狀，注意，這時“老康藍屋”元件已經被“打散”，原文字的邊緣已經成為“線段”，它將被我們用作“引導線”。這時候的場景效果如圖3-6-17所示。圖3-6-17 打散文字，作為引導線步驟5 設置被引導層在步驟3里面，我們已經創(chuàng)建了四個“被引導層”，現(xiàn)在我們來設置這四個“被引導層”里的內容，每個圖層里放一個“星星”元件，并分別沿著“老康藍屋”4字的邊緣運

30、動。首先設置第一個“老”字：為了防止對引導層進行誤操作，我們先鎖住該層，圖層結構如圖3-6-18所示。圖3-6-18 鎖定引導層選中【星星一】圖層，單擊工具箱上的【對齊對象】按鈕，從庫里把名為“旋轉的星星”的元件拖出來，放在“老”字邊緣的某一點，這是星星運動的起始點，在第60幀添加關鍵幀，移動星星到文字邊緣的另一處，這是星星運動的結束點。在第1幀建立動作補間動畫。切記：元件的中心點一定要位于文字邊緣的線上，如圖3-6-19所示。圖3-6-19 星星在第1、60幀中的位置從左向右拉動播放頭，觀察星星是否沿文字的邊緣運動，如果從起始點直接運動到結束點，表示引導失敗，檢查元件的中心是不是位于文字邊緣

31、的線上，或者改變運動的起始點和結束點，二者之間的路徑不能太遠，太復雜。另外3個被引導層的設置同上述一樣，只是分別對準“康”、“藍”、“屋”3個文字對象，這里不再贅述。4實例2海底世界實例簡介海底是很多人向往的神秘世界，今天，我們就用Flash來試著描繪這個世界。筆者設計的這個實例中包括了動作補間動畫、形狀補間動畫、遮罩動畫、引導路徑動畫等四種動畫形式，制作上要比前面幾節(jié)中的實例難度大一些，不過，它能綜合復習前面學過的內容，操作原理也是我們熟悉的，相信你一定能順利完成這個實例，效果如圖3-6-20所示，本例的源文件“海底.fla”可以在光盤的相關目錄中找到。圖3-6-20 海底知識提要 綜合應用

32、四種動畫形式創(chuàng)建透明水泡 創(chuàng)建多層遮罩制作步驟（1）創(chuàng)建影片文檔新建一個影片文檔，設置舞臺尺寸為450×300像素，【背景色】為深藍色，如圖3-6-20所示。圖3-6-21 設置文檔屬性 （2）創(chuàng)建元件本例中的元件較前面的實例要多一些，我們把它們分成“水泡部分”、“海底部分”、“游魚部分”三大部分來敘述。先來創(chuàng)建和水泡有關的部分。步驟1 創(chuàng)建“單個水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“單個水泡”。先在場景中畫一個無邊的圓，顏色任意，大小為30×30像素，再在【混色器】面板中，添加兩個色標，顏色全為白色，【Alpha】值從左向右依次為100%、4

33、0%、10%、100%，如圖3-6-22所示，選擇【顏料桶工具】，在畫好的圓的中心偏左上的地方單擊一下，如對填充的顏色不滿意，可以用【填充變形工具】進行調整。圖3-6-22 水泡（放大400倍）、填充位置及混色器面板參數步驟2 創(chuàng)建“一個水泡及引導線”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“一個水泡及引導線”。單擊【添加引導層】按鈕，添加一個引導層，在此層中用【鉛筆工具】從場景的中心向上畫一條曲線，在第60幀處添加普通幀。將工具箱中的【對齊對象】按鈕按下，選中被引導層的第一幀，從【庫】中將名為“單個水泡”的元件，拖放在引導線的下端，在第60幀添加關鍵幀，把“單個水泡”元件

34、實例移到引導線的上端并設置【Alpha】值為50%，如圖3-6-23所示。圖3-6-23 水泡及引導線步驟3 創(chuàng)建“成堆的水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“成堆的水泡”。從庫里拖入數個“一個水泡及引導線”元件，任意改變大小和位置，圖3-6-24僅供參考。圖3-6-24 成堆的水泡（放大400倍）下面我們來做“游魚”部分的元件。步驟4 創(chuàng)建“游魚”元件執(zhí)行【插入】|【新建元件】命令，新建影片剪輯，名稱為“游魚”。在場景中共設四層，圖層名稱分別為“魚頭”、“中間魚尾”、“上面魚尾”、“下面魚尾”。在各圖層中畫出魚的各部分形狀，如圖3-6-25所示，“魚頭”層中是魚

35、的眼睛和圓滾滾的身子，為了體現(xiàn)魚游動時的婀娜多姿，我們把魚尾分成上、中、下三部分（有關鼠繪的知識請看相關章節(jié)），畫好后在第7、14幀處各添加關鍵幀，把魚頭、魚尾位置形狀稍做改變，在第1、7、14幀處創(chuàng)建補間形狀動畫。為了保持動作連貫，第20幀和第1幀中的形狀是完全一樣的。圖3-6-25 魚在各幀的形狀及時間軸面板步驟5 創(chuàng)建“魚及引導線”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“魚及引導線”。此元件只有引導層和被引導層二層，單擊時間軸面板上的【添加運動引導層】按鈕，新建引導層，在引導層中用【鉛筆工具】畫一條曲線，作為魚兒游動時的路徑，選擇引導圖層的第100幀，按F5鍵，使圖

36、層中的幀延伸到第100幀。在被引導層中拖入庫中名為“游魚”的元件，用【任意變形工具】調整“游魚”元件實例的大小，選擇第100幀，按F6鍵，插入關鍵幀，分別調整第1幀和第100幀中的“游魚”元件實例到引導線的兩端，在第1幀建立補間運動動畫，其位置如圖3-6-26所示。圖3-6-26 魚在第1幀和第100幀的位置在【屬性】面板上，選中【路徑調整】、【同步】和【對齊】復選框，如圖3-6-27所示。圖3-6-27 設置屬性下面我們來創(chuàng)建海底實例中“水波蕩漾”效果所需的元件。步驟6 創(chuàng)建“海底”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“海底”。選擇第1幀，然后再執(zhí)行【文件】|【導入】

37、|【導入到舞臺】命令，將配套光盤中的名為“海底.bmp”的圖片導入到場景中（“海底.bmp”圖片位置：光盤examplepart3*圖片海底.bmp）。步驟7創(chuàng)建“遮罩矩形”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“遮罩矩形”。在場景中畫一個500×4的無邊矩形，因為“遮罩層”中的圖形在播放時不會顯示，所以設置顏色為任意。復制并粘貼這個矩形，向下移一點位置，使其變成二個，再復制并粘貼這二個矩形，再向下移一點位置，使其變?yōu)樗膫€，如此循環(huán)，在粘帖過程中，選中所有矩形，在【屬性】面板中查看圖形高度，直至創(chuàng)建出一個500×540的矩形，如圖3-6-28所示。圖3

38、-6-28 遮罩矩形步驟8創(chuàng)建“水波效果”元件水波蕩漾的效果是用遮罩動畫的手法做的，看著挺漂亮，實際制作卻很簡單，只用三層就完成了，里面有二個小技巧，在下面的講解過程中會著重介紹。執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“水波效果”，如圖3-6-29所示。圖3-6-29 創(chuàng)建“水波效果”元件從【庫】面板里將名為“海底”的圖形元件拖放到場景中，在【屬性】面板上設置元件的【X】值為0，【Y】值為0，在時間幀上單擊右鍵，在彈出菜單中選擇【復制幀】，在第100幀添加普通幀。然后新建一個圖層，在這層的第1幀上單擊鼠標右鍵，在彈出菜單中選擇【粘貼幀】，就把剛才的元件粘到第二層中了，選中該層中的實例，在【屬性】面板上設置它的【X】值為0，【Y】值為1，【Alpha】值為80。注意：這里是一個技巧：第二層圖片與第一層圖片的位置差決定水波蕩漾的大??！位置差越大，水波越大，其【Alpha】值的大小決定水波的清晰程度，【Alpha】值越大，水波越清晰，反之越模糊。圖3-6-30是第一層和第二層中，兩張圖