Flash動(dòng)畫(huà)制作教材

-第二章 動(dòng)畫(huà)制作動(dòng)畫(huà)其實(shí)是一門(mén)古老的藝術(shù)，它是通過(guò)把人、物的表情、動(dòng)作、變化等分段畫(huà)成許多畫(huà)，再通過(guò)放映手段連續(xù)播放，給人的視覺(jué)造成連續(xù)變化的圖畫(huà)。隨著計(jì)算機(jī)技術(shù)的發(fā)展，用計(jì)算機(jī)制作動(dòng)畫(huà)變得越來(lái)越簡(jiǎn)單，非美術(shù)專業(yè)的人士也能成為制作動(dòng)畫(huà)的高手。本章以Flash動(dòng)畫(huà)制作軟件為操作平臺(tái)，來(lái)學(xué)習(xí)如何用計(jì)算機(jī)制作動(dòng)畫(huà)。第一節(jié) 動(dòng)畫(huà)制作基礎(chǔ)計(jì)算機(jī)動(dòng)畫(huà)就是利用傳統(tǒng)的基本原理，將原畫(huà)作為關(guān)鍵幀的畫(huà)面，然后再利用計(jì)算機(jī)自動(dòng)將中間的連續(xù)畫(huà)面模擬出來(lái)，結(jié)合科學(xué)與藝術(shù)，突破靜止、平面圖像的限制，創(chuàng)造出栩栩如生的動(dòng)畫(huà)作品。一、Flash動(dòng)畫(huà)簡(jiǎn)介Flash是一款多媒體動(dòng)畫(huà)制作軟件。它是一種交互式動(dòng)畫(huà)設(shè)計(jì)工具，用它可以將音樂(lè)，聲效，動(dòng)畫(huà)方便地融合在一起，以制作出高品質(zhì)的動(dòng)態(tài)效果，或者說(shuō)是動(dòng)畫(huà)。FLash動(dòng)畫(huà)有別于以前我們常用于網(wǎng)絡(luò)的 GIF 動(dòng)畫(huà)，它采用的是矢量繪圖技術(shù)，矢量圖是可以無(wú)限放大而圖像質(zhì)量不損失的一種格式的圖，由于動(dòng)畫(huà)是由矢量圖構(gòu)成的，就大大的節(jié)省了動(dòng)畫(huà)文件的大小，在網(wǎng)絡(luò)帶寬局限的情況下，提升了網(wǎng)絡(luò)傳輸?shù)男剩豢梢苑奖愕南螺d觀看，一個(gè)幾分鐘長(zhǎng)度的 Flash 動(dòng)畫(huà)片可以只有一兩兆大小。二、Flash的編輯環(huán)境通過(guò)“開(kāi)始”菜單來(lái)啟動(dòng)Flash，啟動(dòng)后，在“創(chuàng)設(shè)新項(xiàng)目”中的選“Flash文檔”，就可以新建一個(gè)Flash文件，進(jìn)入到Flash的編輯環(huán)境，如圖2.1所示。工具箱時(shí)間軸面板場(chǎng)景工作區(qū)圖2.1 Flash編輯制作環(huán)境窗口1.工具箱在窗口的左側(cè)有許多常用的編輯工具，這些工具集中在一起，我們管它叫工具箱。在Flash中繪制圖畫(huà)或?qū)D畫(huà)進(jìn)行編輯操作，都離不開(kāi)工具箱的工具。2.時(shí)間軸面板時(shí)間軸是由許多的小格組成，每一格代表一個(gè)幀，每個(gè)幀可以存放一幅圖片，許多幀圖片連續(xù)播放，就形成了一個(gè)動(dòng)畫(huà)影片。時(shí)間軸中顯示的數(shù)字是單位時(shí)間內(nèi)播放的幀數(shù)。默認(rèn)情況下，是每秒可以播放12幀。3.認(rèn)識(shí)幀和幀的類型幀是構(gòu)成動(dòng)畫(huà)的基本單位，每一個(gè)精彩的flash動(dòng)畫(huà)都是由很多個(gè)精心雕琢的幀構(gòu)成的，在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其它多種對(duì)象。 在Flash的幀中可以分為關(guān)鍵幀、空白關(guān)鍵幀和普通幀。在動(dòng)畫(huà)制作的開(kāi)始，只有一個(gè)空白關(guān)鍵幀，當(dāng)我們?cè)诳瞻钻P(guān)鍵幀上面繪制了一個(gè)圖形時(shí)，它就變成關(guān)鍵幀了，而普通幀和關(guān)鍵幀的不同點(diǎn)在于前者不可編輯，后者可編輯。關(guān)鍵幀在動(dòng)畫(huà)中是不能缺少的，因?yàn)樗苁巩?huà)面內(nèi)容產(chǎn)生變化?？瞻钻P(guān)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。 普通幀是在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)，空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn)，普通幀在時(shí)間軸上顯示為灰色填充的小方格。4場(chǎng)景工作區(qū)場(chǎng)景工作區(qū)也稱場(chǎng)景，它是制作動(dòng)畫(huà)的區(qū)域，對(duì)動(dòng)畫(huà)元素的繪制、修改、編輯等，都是在場(chǎng)景工作區(qū)中進(jìn)行的。5屬性面板屬性面板位于Flash軟件窗口下方，在這里可以設(shè)置對(duì)象的一些基本屬性，如圖2.2是“橢圓工具”的屬性面板。圖2.2 “橢圓工具”屬性面板6.動(dòng)作面板 動(dòng)作面板主要由命令列表窗口、目標(biāo)列表窗口和程序編輯窗口三大部分組成，如下圖2.3所示。命令列表窗口位于面板的左上角，是用于放置各種ActionScript動(dòng)作腳本的窗口。目標(biāo)列表窗口位于面板的左下角，在該窗口中可以快速地選擇需要添加動(dòng)作腳本的目標(biāo)元件或關(guān)鍵幀，從而節(jié)省了在場(chǎng)景中尋找及切換編輯窗口的步驟，大大提高了工作效率。動(dòng)作面板的右側(cè)是程序編輯窗口，它是用于程序編寫(xiě)的地方。圖2.3動(dòng)作面板7.混色器面板混色器面板是Flash中用于色彩處理的一個(gè)重要面板，熟練地使用該面板，可以幫助用戶快速地完成色彩的填充，編輯出色彩豐富的圖形，如圖2.4所示。圖2.4 混色器面板8.元件元件是FALSH動(dòng)畫(huà)的基本組成元素，F(xiàn)ALSH里面有很多時(shí)候需要重復(fù)使用素材，這時(shí)我們就可以把素材轉(zhuǎn)換成元件，或者干脆新建元件，以方便重復(fù)使用或者再次編輯修改。也可以把元件理解為原始的素材，通常存放在元件庫(kù)中。Flash 元件有三種形式，即影片剪輯、按鈕、圖形，元件只需創(chuàng)建一次，然后即可在整個(gè)文檔或其他文檔中重復(fù)使用。 影片剪輯元件可以理解為電影中的小電影，可以完全獨(dú)立于場(chǎng)景時(shí)間軸，并且可以重復(fù)播放。影片剪輯是一小段動(dòng)畫(huà)，用在需要有動(dòng)作的物體上，它在主場(chǎng)景的時(shí)間軸上只占1 幀，就可以包含所需要的動(dòng)畫(huà)，影片剪輯就是動(dòng)畫(huà)中的動(dòng)畫(huà)?！坝捌糨嫛北仨氁M(jìn)入影片測(cè)試?yán)锊拍苡^看得到。 按鈕元件是用于具有交互功能的動(dòng)畫(huà)，當(dāng)鼠標(biāo)在按鈕上滑過(guò)、點(diǎn)擊、移開(kāi)時(shí)按鈕會(huì)產(chǎn)生不同的響應(yīng)，并轉(zhuǎn)到相應(yīng)的幀。圖形元件是可以重復(fù)使用的靜態(tài)圖像，它是作為一個(gè)基本圖形來(lái)使用的，一般是靜止的一副圖畫(huà)，每個(gè)圖形元件占1 幀。9庫(kù)動(dòng)畫(huà)是由許多的元件組成的，就像演戲一樣，要有演員，當(dāng)需要他們出場(chǎng)演出時(shí)，就會(huì)從后臺(tái)走向前臺(tái)；在動(dòng)畫(huà)制作中，“后臺(tái)”就是庫(kù)，平時(shí)場(chǎng)景上的圖案都以元件的形式保存，存放在庫(kù)里。庫(kù)中有三大類元件：圖形、影片剪輯、按鈕。只要是元件，就一定可以在庫(kù)中找到他們，我們?cè)谥谱鲃?dòng)畫(huà)的時(shí)候，如果需要用到元件，可以直接從庫(kù)中把元件拖到場(chǎng)景中。10功能面板 如顏色、庫(kù)、對(duì)齊等功能，都集中在這里，如圖2.5所示。圖2.5 功能面板三、圖層圖層是時(shí)間軸面板的一部分，在默認(rèn)狀態(tài)下，圖層面板位于時(shí)間軸面板的左側(cè)，它是按順序一層一層地相互疊加在一起的。1.圖層的概念圖層是動(dòng)畫(huà)制作中的一個(gè)非常重要的概念，它猶如一張透明的紙，上面可以繪制任何事物或書(shū)寫(xiě)任何文字，所有的圖層疊合在一起，就組成了一幅完整的畫(huà)。圖層有兩大特點(diǎn)：除了畫(huà)有圖形或文字的地方，其他部分都是透明的，也就是說(shuō)，下層的內(nèi)容可以通過(guò)透明的這部分顯示出來(lái)；圖層又是相對(duì)獨(dú)立的，修改其中一層，不會(huì)影響到其他層。如果我們把制作的動(dòng)畫(huà)場(chǎng)景看成是一個(gè)舞臺(tái)，圖層就相當(dāng)于舞臺(tái)中演員所處的前后位置。上面的圖層在舞臺(tái)的前面，處于不同圖層的同一位置的對(duì)象，前面的擋住后面的；不同位置的對(duì)象，可以透過(guò)前面圖層看到后面的圖層對(duì)象，如圖2.6所示。圖2.6圖層顯示2.圖層的作用圖層的作用主要有兩個(gè)方面：一是可以對(duì)某圖層中的對(duì)象或動(dòng)畫(huà)進(jìn)行編輯和修改，而不會(huì)影響到其他圖層中的對(duì)象；二是使用特殊圖層可以制作特殊的動(dòng)畫(huà)效果。3.創(chuàng)建新圖層了解了圖層后，就讓我們來(lái)試一試，為動(dòng)畫(huà)添加圖層吧！建立一個(gè)新的Flash文檔時(shí)，系統(tǒng)會(huì)自動(dòng)建立一個(gè)圖層，默認(rèn)的名字為“圖層1”。如果想創(chuàng)建一個(gè)新的圖層，可以單擊時(shí)間軸面板的增加圖層按鈕 ， 就增加了一個(gè)圖層，默認(rèn)名字為“圖層2”。為了容易辨認(rèn)，我們可以將新增的圖層重新取一個(gè)名字，如圖2.7所示。圖2.7更改圖層名稱一個(gè)圖層創(chuàng)建后，我們可以在該圖層中使用工具箱中的工具繪圖，也可以導(dǎo)入原有的圖片或元件。4.導(dǎo)入圖片和元件我們可以把圖片和元件導(dǎo)入到當(dāng)前的圖層或庫(kù)中。導(dǎo)入的方法如下：在“文件”菜單中單擊“導(dǎo)入”中的“導(dǎo)入到舞臺(tái)”或“導(dǎo)入到庫(kù)”命令，如圖2.8所示。圖2.8“文件”菜單的導(dǎo)入“導(dǎo)入到舞臺(tái)”，我們可以在場(chǎng)景中看到導(dǎo)入的圖片和元件，如果“導(dǎo)入到庫(kù)”，系統(tǒng)會(huì)彈出“導(dǎo)入到庫(kù)”對(duì)話框，如圖2.9所示。導(dǎo)入到庫(kù)里的圖片和元件我們?cè)趫?chǎng)景中看不到，使用時(shí)需要到庫(kù)里查找。圖2.9 “導(dǎo)入到庫(kù)”對(duì)話框如圖2.10所示將“小丑魚(yú)”元件導(dǎo)入到場(chǎng)景中。圖2.10將“小丑魚(yú)”元件導(dǎo)入到場(chǎng)景中5.加入文字接著我們?yōu)閯?dòng)畫(huà)加上標(biāo)題文字“海底世界”，具體操作如下：選擇工具箱中的“文本工具”，輸入文字“海底世界”，打開(kāi)如圖2.11所示的屬性面板，設(shè)置文本屬性。圖2.11設(shè)置文本屬性如圖2.12所示，加入了標(biāo)題的畫(huà)面是不是更漂亮了？圖2.12加入標(biāo)題文字練一練新建一個(gè)圖層，繪制或?qū)胍粋€(gè)小孩的圖形或圖片。第二節(jié) 制作動(dòng)畫(huà)制作動(dòng)畫(huà)是建立根據(jù)時(shí)間運(yùn)動(dòng)和變化效果的過(guò)程，動(dòng)畫(huà)可以是對(duì)象從一個(gè)位置移動(dòng)到另一個(gè)位置的運(yùn)動(dòng)過(guò)程，可以是一段時(shí)間內(nèi)顏色的變化過(guò)程，也可以是從一個(gè)形狀到另一個(gè)形狀的改變過(guò)程。任何位置或外觀形狀根據(jù)時(shí)間而做的改變都是動(dòng)畫(huà)。一、逐幀動(dòng)畫(huà)逐幀動(dòng)畫(huà)是將一個(gè)動(dòng)畫(huà)的連續(xù)動(dòng)作分解成一個(gè)一個(gè)圖片，把每一個(gè)圖片用關(guān)鍵幀描繪出來(lái)。當(dāng)關(guān)鍵幀連續(xù)播放，則顯現(xiàn)動(dòng)畫(huà)效果。動(dòng)畫(huà)效果：夜色來(lái)臨,萬(wàn)家燈火逐漸點(diǎn)亮,形成一個(gè)欣欣向榮的城市夜景。圖2.13萬(wàn)家燈火操作步驟：(1)啟動(dòng)FlashMX，在最下方“屬性”對(duì)話框中將幀頻設(shè)置為3，大小為550x400像素，背景顏色為深藍(lán)色。如圖2.14所示。 圖2.14屬性面板(2)選擇繪圖工具箱中的直線工具，在舞臺(tái)上拖畫(huà)出樓宇輪廓。其方法是：選定位置按下左鍵不放拖動(dòng)鼠標(biāo)到預(yù)期位置放開(kāi)左鍵，放開(kāi)后不要移動(dòng)鼠標(biāo)位置，繼續(xù)畫(huà)完圖形，以保證各條直線端點(diǎn)很好地連接并形成閉合路徑，為以后的填充做準(zhǔn)備，如圖2.15所示。 圖2.15 樓宇的輪廓線(3)選擇工具面板中的顏料桶工具，把填充顏色設(shè)置為灰色，移動(dòng)鼠標(biāo)在所選閉合路徑區(qū)域內(nèi)填充顏色，如圖2.16所示。圖2.16把樓涂成灰色(4) 選中第2幀，按右鍵插入關(guān)鍵幀，選擇繪圖工具條中的矩形工具 ，將填充顏色設(shè)置為黃色，邊框顏色設(shè)置為無(wú)色，在舞臺(tái)上畫(huà)一個(gè)小正方形。用黑箭頭工具選中這個(gè)黃色矩形，右鍵轉(zhuǎn)換為元件，彈出“轉(zhuǎn)換為元件”對(duì)話框，如圖2.17所示。命名元件為“正方”，類型選“圖形”，單擊“確定”按鈕，將黃色正方形作為“元件”保存。按此方法，再做一個(gè)名為“長(zhǎng)方”的元件，其形狀和大小如圖2.18右上角所示。圖2.17轉(zhuǎn)換為元件對(duì)話框圖2.18長(zhǎng)方和正方元件(5)在“菜單欄”中“窗口”菜單中選擇“庫(kù)”命令，打開(kāi)“庫(kù)”窗口，發(fā)現(xiàn)里面有兩個(gè)圖形類元件，如圖2.19所示。選中第3幀，按右鍵插入關(guān)鍵幀，從庫(kù)中把2個(gè)元件的實(shí)體拖入舞臺(tái)，將作為樓宇的窗口。依此類推，第3幀到第15幀中每一幀都按右鍵插入關(guān)鍵幀，并增添小窗口數(shù)目。因條件所限這里只顯示第2，5，15，這3幀的內(nèi)容，如圖2.20所示。圖2.19庫(kù)圖2.20 第2、5、15幀圖示(6)影片完成后的時(shí)間軸狀態(tài)，如圖2.21所示。按菜單欄 “文件”中“保存”保存源文件，并按“控制”中“測(cè)試影片”在源文件同一目錄下導(dǎo)出影片。 圖2.21完成后的時(shí)間軸二、補(bǔ)間動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)：是通過(guò)定義動(dòng)畫(huà)兩端關(guān)鍵幀的內(nèi)容，然后讓Flash添加它們之間內(nèi)容的動(dòng)畫(huà)，補(bǔ)間動(dòng)畫(huà)有兩種移動(dòng)補(bǔ)間動(dòng)畫(huà)和形狀補(bǔ)間動(dòng)畫(huà)。1. 移動(dòng)補(bǔ)間動(dòng)畫(huà) 移動(dòng)補(bǔ)間動(dòng)畫(huà)：在一個(gè)關(guān)鍵幀上放置元件，在另一個(gè)關(guān)鍵幀上更改這個(gè)元件的大小、位置、透明度等，flash根據(jù)兩個(gè)關(guān)鍵幀的值來(lái)創(chuàng)建中間的動(dòng)畫(huà)被稱為移動(dòng)補(bǔ)間動(dòng)畫(huà)。動(dòng)畫(huà)效果： 足球小將把足球踢出，足球形成飛速旋轉(zhuǎn)移動(dòng)效果。圖2.22足球小將操作步驟：（1）啟動(dòng)FlashMX，在 “屬性”對(duì)話框中將幀頻設(shè)置為12，大小為550x400像素。在圖層1的第1幀導(dǎo)入一張帶足球小將的圖片作為動(dòng)畫(huà)背景。方法是：菜單欄“文件”選擇“導(dǎo)入導(dǎo)入背景圖片，如圖2.23所示。圖2.23導(dǎo)入背景圖片（2）選擇時(shí)間軸左下角的圖標(biāo)，新建圖層2，在圖層2的空白關(guān)鍵幀上繪制足球。方法是：首先用橢圓工具繪制足球外框，填充為白色。然后用線條工具在足球內(nèi)畫(huà)個(gè)六邊形，填充為黑色。最后用線條工具向邊框繪制直線，在適當(dāng)位置填充黑色，如圖2.24所示。圖2.24繪制足球（3）把足球轉(zhuǎn)換為元件，方法是：用箭頭工具選中整個(gè)足球，鼠標(biāo)放在足球上單擊右鍵，選擇“轉(zhuǎn)換為元件”，如圖2.25所示。命名為“足球”，行為為“圖形”。圖2.25轉(zhuǎn)換為元件（4）在圖層1的第24幀插入幀，在圖層2的第24幀插入關(guān)鍵幀。選擇圖層2的第1幀，把足球放在起腳位置，選擇圖層2的第24幀，把足球放在目標(biāo)位置，并用任意變形工具使足球稍稍變大一點(diǎn)，如圖2.26所示。圖2.26 足球在第1幀和第24幀位置（5）選擇圖層2的第1幀，在屬性對(duì)話框“補(bǔ)間”中選擇“動(dòng)作”，“旋轉(zhuǎn)”選擇“順時(shí)針”，如圖2.27所示。如動(dòng)作動(dòng)畫(huà)成功，在圖層2中第1幀到第24幀顯示為紫色，中間有“實(shí)線箭頭”，如圖2.28所示。圖2.27設(shè)定動(dòng)作補(bǔ)間動(dòng)畫(huà)圖2.28動(dòng)作補(bǔ)間在時(shí)間軸的狀態(tài)（6）這是動(dòng)畫(huà)就已經(jīng)做好了，足球已經(jīng)可以飛了。按菜單欄 “文件”中“保存”保存源文件，并按“控制”中“測(cè)試影片”在源文件同一目錄下導(dǎo)出影片。2.形狀補(bǔ)間動(dòng)畫(huà) 形狀補(bǔ)間動(dòng)畫(huà)：在一個(gè)關(guān)鍵幀上繪制形狀，在另一個(gè)關(guān)鍵幀上更改改形狀甚至繪制新形狀，flash根據(jù)兩個(gè)關(guān)鍵幀的值來(lái)創(chuàng)建中間的動(dòng)畫(huà)被稱為形狀補(bǔ)間動(dòng)畫(huà)。動(dòng)畫(huà)效果：我是巴巴爸爸家族的一員，我在家人的關(guān)懷下逐漸長(zhǎng)大了。圖2.29我長(zhǎng)大了操作步驟：（1）啟動(dòng)FlashMX，設(shè)置 “屬性”對(duì)話框中幀頻為12，大小為550x400像素。在圖層1的第1幀導(dǎo)入一張圖片作為動(dòng)畫(huà)背景。（2）選擇時(shí)間軸左下角的圖標(biāo)，新建圖層2，在圖層2的空白關(guān)鍵幀上小巴巴。方法是：首先用橢圓工具繪制外形和眼睛。用畫(huà)筆工具繪制眼仁，然后用線條工具在嘴的位置繪制直線，然后使用箭頭工具使嘴向下彎曲室外型更圓潤(rùn)，如圖2.30所示。圖2.30繪制小巴巴（3）在圖層1的第30幀插入幀，在圖層2的第30幀插入空白關(guān)鍵幀。繪制長(zhǎng)大后的巴巴。如圖2.31所示。圖2.31繪制大巴巴（4）選擇圖層2的第1幀，在屬性對(duì)話框“補(bǔ)間”中選擇“形狀”，如圖2.32所示。如形狀動(dòng)畫(huà)成功，在圖層2中第1幀到第30幀顯示為綠色，中間有“實(shí)線箭頭”，如圖2.33所示。圖2.32設(shè)定形狀補(bǔ)間圖2.33形狀補(bǔ)間在時(shí)間軸的狀態(tài)（5）試試看，小巴巴就會(huì)逐漸長(zhǎng)大了。選擇 “文件”中“保存”保存源文件，并 “測(cè)試影片”看看效果吧。三、引導(dǎo)層動(dòng)畫(huà)將一個(gè)或多個(gè)圖層鏈接到引導(dǎo)層，將會(huì)有一個(gè)或多個(gè)對(duì)象沿引導(dǎo)層中的引導(dǎo)線運(yùn)動(dòng)的動(dòng)畫(huà)形式稱為“引導(dǎo)層動(dòng)畫(huà)”。這種動(dòng)畫(huà)可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則遠(yuǎn)動(dòng)。1.用鉛筆工具繪制引導(dǎo)線的引導(dǎo)層動(dòng)畫(huà)動(dòng)畫(huà)效果：熱帶小丑魚(yú)在海底珊瑚間按照我們想法自由的暢游。圖2.34熱帶小丑魚(yú)操作步驟：（1）啟動(dòng)FlashMX，設(shè)置 “屬性”對(duì)話框中幀頻為12，大小為550x400像素。在圖層1的第1幀導(dǎo)入一張海底圖片作為動(dòng)畫(huà)背景。（2）新建圖層2，在第1幀導(dǎo)入小丑魚(yú)并轉(zhuǎn)換為元件，在第60幀“插入關(guān)鍵幀”，在圖層1第60幀“插入幀”使背景延續(xù)，如圖2.35所示。圖2.35分別插入“幀”和關(guān)鍵幀（3）設(shè)計(jì)小丑魚(yú)運(yùn)動(dòng)的軌跡，選中圖層2，選擇添加引導(dǎo)層，并在引導(dǎo)層的第1幀上用鉛筆工具繪制引導(dǎo)線，即我們希望小丑魚(yú)遠(yuǎn)動(dòng)的軌跡，如圖2.36所示。圖2.36 鉛筆繪制引導(dǎo)線（4）把圖層2的第1幀小丑魚(yú)和最后1幀小丑魚(yú)吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)，方法是：選擇圖層2的第1幀，鼠標(biāo)拖動(dòng)小丑魚(yú)元件中心點(diǎn)到引導(dǎo)線起點(diǎn)，當(dāng)?shù)狡瘘c(diǎn)時(shí)中心點(diǎn)小圈會(huì)有吸附感，就成功了，如圖2.37所示。最后1幀同理吸附到終點(diǎn)位置。圖2.37關(guān)鍵幀吸附到引導(dǎo)線（5）選中圖層2第1幀，創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)，測(cè)試影片，小丑魚(yú)就可以按照我們的想法自由的暢游了，程序最后如圖2.38所示。最后選擇“文件”中的“保存”，保存動(dòng)畫(huà)。圖2.38引導(dǎo)層動(dòng)畫(huà)最后狀態(tài)2.橢圓工具繪制引導(dǎo)線的引導(dǎo)層動(dòng)畫(huà)動(dòng)畫(huà)效果： 2011年，中國(guó)第一個(gè)空間實(shí)驗(yàn)室天宮一號(hào)成功發(fā)射，這是它繞地球飛行的動(dòng)畫(huà)。圖2.39天宮一號(hào)環(huán)繞飛行操作步驟：（1）啟動(dòng)FlashMX，設(shè)置 “屬性”對(duì)話框中幀頻為12，大小為550x400像素。在圖層1的第1幀導(dǎo)入一張?zhí)請(qǐng)D片作為動(dòng)畫(huà)背景。（2）新建圖層2，在第1幀導(dǎo)入天宮一號(hào)圖片并轉(zhuǎn)換為元件，在第60幀“插入關(guān)鍵幀”，在圖層1第60幀“插入幀”使背景延續(xù)，如圖2.40所示。圖2.40導(dǎo)入背景圖制作“天宮一號(hào)”元件（3）設(shè)計(jì)天宮一號(hào)的橢圓形軌跡，選中圖層2，選擇添加引導(dǎo)層，并在引導(dǎo)層的第1幀上用橢圓工具繪制一個(gè)只有邊線沒(méi)有填充的圓圈，即我們希望的天宮一號(hào)的運(yùn)動(dòng)軌跡。然后使用橡皮擦工具在圓圈上擦出一個(gè)小缺口，好確定天宮一號(hào)運(yùn)動(dòng)的起點(diǎn)和終點(diǎn)，如圖2.41所示。圖2.41橢圓工具繪制引導(dǎo)線（4）把圖層2的第1幀天宮一號(hào)和最后1幀天宮一號(hào)吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)。選中圖層2第1幀，創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)。（5）新建圖層3，導(dǎo)入地球圖片作為橢圓軌跡運(yùn)動(dòng)圍繞的中心，用地球遮擋住部分橢圓軌跡，使其產(chǎn)生環(huán)繞飛行的效果，如圖2.42所示。圖2.42 環(huán)繞效果制作（6）保存運(yùn)行動(dòng)畫(huà)吧，我們的動(dòng)畫(huà)在運(yùn)行時(shí)是看不到引導(dǎo)線的，所以引導(dǎo)線動(dòng)畫(huà)和你所畫(huà)的引導(dǎo)線粗細(xì)、顏色都沒(méi)有關(guān)系。四、遮罩動(dòng)畫(huà) 遮罩動(dòng)畫(huà)：在Flash的圖層中有一個(gè)遮罩圖層類型，可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對(duì)象只能通過(guò)該“視窗”顯示出來(lái)，而“視窗”之外的對(duì)象將不會(huì)顯示。動(dòng)畫(huà)效果：這是個(gè)對(duì)文字產(chǎn)生放大鏡效果的動(dòng)畫(huà)。圖2.43 文字放大鏡操作步驟：（1）啟動(dòng)FlashMX，設(shè)置 “屬性”對(duì)話框中幀頻為12，大小為550x400像素。在圖層1中輸入文字“信息技術(shù)”，調(diào)整字體字號(hào)顏色。（2）新建圖層2，復(fù)制“圖層1”的文字到“圖層2”，放大文字，在文字下使用“矩形工具”繪制一個(gè)足夠大（可以覆蓋住文字大小的就比較合適）的白色“矩形”。如圖2.44所示。移動(dòng)圖層2遮擋圖層1文字。圖2.44圖層的文字狀態(tài)（3）新建圖層3，在“圖層3”中使用“橢圓工具”繪制一個(gè)橢圓圖形，并轉(zhuǎn)換為原件,如圖2.45所示。圖2.45 繪制要做遮罩的圓（4）分別在圖層2和圖層1中第40幀“插入幀”，在圖層3的第40幀位置“插入關(guān)鍵幀”，這時(shí)，從上到下分別是“圖層3”、“圖層2”、“圖層1”。把圖層3第40幀關(guān)鍵幀移到最后位置，并對(duì)圖層3創(chuàng)建“動(dòng)作”補(bǔ)間動(dòng)畫(huà)，如圖所示2.46所示。圖2.46圖層1、圖層2、圖層3狀態(tài)（5）把鼠標(biāo)移動(dòng)到“圖層3”上，在標(biāo)題處右鍵，快捷菜單中選擇“遮罩層”，放大鏡效果的動(dòng)畫(huà)就制作完畢了。整體顯示如圖2.47所示。圖2.47創(chuàng)建遮罩動(dòng)畫(huà)五、制作并使用按鈕元件動(dòng)畫(huà)效果： 現(xiàn)在我們實(shí)現(xiàn)對(duì)前邊所講的天宮一號(hào)遮罩動(dòng)畫(huà)進(jìn)行“暫?！薄安シ拧薄巴Ｖ埂钡劝粹o控制。圖2.48 按鈕動(dòng)畫(huà)“天宮一號(hào)”操作步驟：（1）在前面完成的“天宮一號(hào)”遮罩動(dòng)畫(huà)基礎(chǔ)上，首先添加一個(gè)新的圖層，在第1幀使用橢圓工具、直線工具等繪制一個(gè)“暫停圖標(biāo)”，如圖2.49所示。并且轉(zhuǎn)換為元件， 如圖2.50所示。圖2.49繪制“暫?！眻D標(biāo)圖2.50創(chuàng)建按鈕元件（2）雙擊“暫?！卑粹o，我們對(duì)按鈕元件進(jìn)行設(shè)置，如圖2.51所示，按鈕有4種狀態(tài)，分別為“彈起”、“指針經(jīng)過(guò)”“按下”“點(diǎn)擊”彈起：表示鼠標(biāo)指針不在按鈕上時(shí)的狀態(tài)； 指針經(jīng)過(guò)：表示鼠標(biāo)指針在按鈕上時(shí)的狀態(tài)；按下：表示鼠標(biāo)單擊按鈕時(shí)的狀態(tài)；點(diǎn)擊：表示對(duì)鼠標(biāo)作出反應(yīng)的區(qū)域，這個(gè)反應(yīng)區(qū)域在電影中是看不見(jiàn)的。圖2.51按鈕元件的四種狀態(tài)據(jù)此，我們對(duì)“暫?！卑粹o也對(duì)應(yīng)繪制四種狀態(tài)。彈起指針經(jīng)過(guò)按下點(diǎn)擊（3）設(shè)置完“暫?！卑粹o元件后，回到場(chǎng)景一，方法是單擊時(shí)間軸下的“場(chǎng)景一”如圖2.52所示。圖2.52回到場(chǎng)景一（4）選中剛剛編輯過(guò)的暫停按鈕元件，當(dāng)屬性上面的動(dòng)作面板顯示“動(dòng)作-按鈕”時(shí)，展開(kāi)選項(xiàng)，選擇左側(cè)的“動(dòng)作”“影片控制”“stop”，雙擊“stop”右側(cè)命令行會(huì)顯示“on(release)stop()”按鈕命令設(shè)定完成，如圖2.53所示。圖2.53動(dòng)作面板的設(shè)置（5）同理分別新建圖層制作“播放”按鈕和“返回”按鈕，在設(shè)置按鈕動(dòng)作時(shí)“播放”按鈕動(dòng)作為“動(dòng)作”“影片控制”“play”；“返回”按鈕動(dòng)作為“動(dòng)作”“影片控制”“goto”幀輸入“1”，如圖2.54所示。圖2.54“播放”和“返回”的按鈕動(dòng)作設(shè)置（6）接下來(lái)我們可以測(cè)試影片看看按鈕控制動(dòng)畫(huà)的效果，最后保存。六、導(dǎo)入聲音和視頻動(dòng)畫(huà)效果： 清明上河圖如涓涓流水般向右徐徐播放，同時(shí)背景響起清新的古箏曲。圖2.55 清明上河圖動(dòng)畫(huà)操作步驟：（1）啟動(dòng)FlashMX，設(shè)置 “屬性”對(duì)話框中幀頻為“12”，大小為550x400像素。背景為“灰色”，在圖層1中導(dǎo)入“清明上河圖”節(jié)選圖片，并轉(zhuǎn)換為“圖形”元件。（2）把圖層1第1幀的“清明上河圖”元件對(duì)齊在右邊起點(diǎn)處，在圖層1第15幀和第240幀分別插入關(guān)鍵幀。把第240幀“清明上河圖”元件對(duì)齊在左邊終點(diǎn)處。并在第15幀到第240幀之間創(chuàng)建“動(dòng)作”補(bǔ)間動(dòng)畫(huà)。目的是讓圖片在1-15幀間作短暫停留，如圖2.56所示。圖2.56 “清明上河圖”元件的關(guān)鍵幀位置(3)新建圖層2，在第1幀輸入文字“清明上河圖”，在第15幀插入空白關(guān)鍵幀。目的是在前15幀顯示文字。如圖2.57所示。圖2.57輸入文字并延續(xù)14幀（4）新建圖層3，插入背景音樂(lè)。方法是：首先選擇“文件” “導(dǎo)入”選擇音樂(lè)，這樣就把文件導(dǎo)入到庫(kù)中了，然后選擇菜單欄“窗口”“庫(kù)”打開(kāi)“庫(kù)”窗口，最后選擇剛剛導(dǎo)入的音頻文件，拖動(dòng)到場(chǎng)景1畫(huà)布中。圖層3就顯現(xiàn)了音頻波形，如圖2.58所示。圖2.58 創(chuàng)建聲音圖層（5）最后我們?cè)趫D片播放完后讓圖片和聲音停止下來(lái)，選中圖層1的第240幀關(guān)鍵幀，當(dāng)動(dòng)作框顯示“動(dòng)作-幀”時(shí)，展開(kāi)選項(xiàng)，選擇左側(cè)的“動(dòng)作”“影片控制”“stop”，雙擊“stop”右側(cè)命令行會(huì)顯示“stop()”，圖層1關(guān)鍵幀上會(huì)顯現(xiàn)，幀命令設(shè)定完成。在圖層三的第240幀插入空白關(guān)鍵幀，選中，同理，當(dāng)框顯示“動(dòng)作-幀”時(shí)，選擇左側(cè)的“動(dòng)作”“影片控制”“stopAllSounds”，雙擊“stopAllSounds”右側(cè)命令行會(huì)顯示“stopAllSounds()”，圖層3關(guān)鍵幀上會(huì)顯現(xiàn)，幀命令設(shè)定完成。如圖2.59所示，由此可見(jiàn)，幀命令必須在關(guān)鍵幀上完成。圖2.59 幀動(dòng)作的設(shè)置（6）最后我們測(cè)試影片看看“清明上河圖”配背景音樂(lè)的播放效果，最后保存。第三節(jié) 綜合實(shí)踐： 拼出家鄉(xiāng)好風(fēng)光家鄉(xiāng)，是每個(gè)人永遠(yuǎn)記憶的地方,不管我們走到哪里，它的樣子永遠(yuǎn)印在我們的心上。我們深愛(ài)我們的家鄉(xiāng)，為他的每一點(diǎn)發(fā)展而欣喜。你了解家鄉(xiāng)嗎？作品賞析圖2.60 拼圖游戲界面上面是用家鄉(xiāng)圖畫(huà)制的Flash拼圖游戲，運(yùn)用你的聰明與才智，讓我們一起動(dòng)手試一試。思考交流l 你了解家鄉(xiāng)的哪些方面。l 你能為家鄉(xiāng)的變化做哪些事情。l 如何選擇圖片，怎樣分割才是合理的。綜合實(shí)踐我們偉大的祖國(guó)，每天都在發(fā)生日新月異的變化；我們身邊的生活，每天也有感動(dòng)你的畫(huà)面。你可以收集你喜歡的圖片，將它們制作成拼圖小游戲，并將它展示給大家。相信你一定會(huì)有更多創(chuàng)意的！制作步驟.利用“文件”菜單，導(dǎo)入選定準(zhǔn)備好的圖片。在場(chǎng)景里調(diào)整好圖片的大?。ㄗ⒁獠灰褕D片調(diào)整得和主場(chǎng)景一樣大，要留一點(diǎn)空隙）。然后選中圖片，按快捷鍵Ctrl+B將圖片打散。2.接下來(lái)就要將圖片分解成小圖塊了，點(diǎn)擊工具面板里的套索工具，點(diǎn)選工具欄底部的多邊形模式。用套索工具把圖片分成8個(gè)不規(guī)則的形狀，每分出一個(gè)形狀，即將這個(gè)剪切下來(lái)的圖片與原圖片分離開(kāi)來(lái)，效果如圖2.61所示。圖2.61 剪切后的界面3.用選取工具選取其中一部分，將其轉(zhuǎn)換為“影片剪輯”類的元件，并命名為“1