簡(jiǎn)單Flash動(dòng)畫

1、第1課第5章簡(jiǎn)單Hash動(dòng)畫5.1基本知識(shí)教學(xué)目的：了解動(dòng)畫原理，掌握幀的類型教學(xué)重點(diǎn)：動(dòng)畫原理教學(xué)難點(diǎn)：幀的類型教學(xué)過程：講授新課：5.1.1動(dòng)畫原理Flash動(dòng)畫的原理與電影膠片一樣，是一系列相似的圖畫快速地一幅幅顯示出來。因?yàn)?人的眼睛有0.1秒的視覺暫留，當(dāng)畫而快速變換時(shí)，會(huì)感覺物體動(dòng)起來了。Flash中一幅靜 止的畫而，稱為一幀?！皫笔墙M成動(dòng)畫的基本單位，動(dòng)畫實(shí)際上就是連續(xù)改變幀內(nèi)容的過 程。5.1.2幀的引入Flash的時(shí)間軸上有一系列小方格，每一個(gè)小格表示一幀，鼠標(biāo)單擊其中一個(gè)小方格， 即可選中該幀，并在舞臺(tái)上顯示該幀的內(nèi)容。一般地，我們?cè)谖枧_(tái)上對(duì)對(duì)象進(jìn)行的修改，只 是改變了某

2、一幀的內(nèi)容，并沒有影響荘它幀上的對(duì)象。圖5-1所示為時(shí)間軸及英各個(gè)組成部 分。掀模式當(dāng)欄率運(yùn)行唄圖5-1時(shí)間軸和幀1 幀的類型Flash根據(jù)幀完成功能的不同，分為不同類型的幀，不同類型的幀在時(shí)間軸上有不同的 表示方法。下而我們介紹各種類型的幀及其在時(shí)間軸上的顯示。（1）空白幀a）空白幀中不包含任何Flash對(duì)象，相當(dāng)于一張空白的影片。b）在一個(gè)新建的Flash文檔中，除了第一幀外其余的幀均為空白幀。C）在空白幀上可以建立英它各種類型的幀，但不能繪制任何圖形。（2）關(guān)鍵幀a）關(guān)鍵幀是用戶唯一可以繪制圖形的幀，用戶大部分的創(chuàng)作性的工作是在關(guān)鍵幀上完成 的。因?yàn)檫@種幀左義了動(dòng)畫如何變化，所以稱為關(guān)鍵

3、幀。b）如果關(guān)鍵幀中有對(duì)象，稱為實(shí)關(guān)鍵幀：0如果關(guān)鍵幀中沒有對(duì)象是空白的，稱為空白關(guān)鍵幀。d）實(shí)關(guān)鍵幀在時(shí)間軸上用實(shí)心圓點(diǎn)表示，空白關(guān)鍵幀用空心的圓點(diǎn)表示。e）在空關(guān)鍵幀中添加了一個(gè)對(duì)象，如畫一條直線或一個(gè)圓，空白關(guān)鍵幀自動(dòng)轉(zhuǎn)換為實(shí)關(guān) 鍵幀：f）而將實(shí)關(guān)鍵幀中的所有對(duì)象全部刪除，實(shí)關(guān)鍵幀自動(dòng)轉(zhuǎn)換為空白關(guān)鍵幀。（3）普通幀普通幀延續(xù)英前面的關(guān)鍵幀的內(nèi)容，即與其前而關(guān)鍵幀的內(nèi)容相同。在普通幀上繪畫即 相當(dāng)于在前而的關(guān)鍵幀上繪畫。在時(shí)間軸上普通幀用連續(xù)的灰色填充表示，用一個(gè)空白的矩 形框表示結(jié)束。（4）位置漸變幀如果動(dòng)畫中的每一幀都由用戶親自繪制，需要花費(fèi)許多的精力和時(shí)間。對(duì)于一些簡(jiǎn)單的 運(yùn)動(dòng)和變形

4、，用戶可以泄義動(dòng)畫的起始形狀和終止形狀，由Flash根據(jù)起始形狀和終止形狀 按一左的規(guī)則訃算得到中間的過渡形狀。描述中間過渡形狀的幀稱為漸變幀，Hash中有兩 種類型的漸變幀：位置漸變幀和圖形漸變幀。在時(shí)間軸上，位置漸變幀是在兩個(gè)關(guān)鍵幀之間用淺藍(lán)色填充并由箭頭連接的幀。這些幀 描述兩個(gè)關(guān)鍵幀之間的位置漸變關(guān)系，如圖5-5所示。圖5-5位置漸變幀演示：畫一個(gè)圖形，在后面添加一個(gè)關(guān)鍵幀，制作一個(gè)位置漸變，說明位置漸變 幀。（5）圖形漸變幀在時(shí)間軸上，圖形漸變幀是在兩個(gè)關(guān)鍵幀之間用淺綠色填充并由箭頭連接的幀，這些幀 描述兩個(gè)關(guān)鍵幀之間的圖形漸變關(guān)系，如圖5-6所示。圖5-6圖形漸變幀演示：畫一個(gè)圖形

5、，在后面添加一個(gè)關(guān)鍵幀，制作一個(gè)圖形漸變，說明圖形漸變 幀。（6）不可漸變幀在兩個(gè)關(guān)鍵幀之間用淺藍(lán)色填充并由虛線連接的幀,它表示關(guān)鍵幀的內(nèi)容不符合漸變要 求，F(xiàn)lash無法根據(jù)兩個(gè)關(guān)鍵幀自動(dòng)生成中間漸變幀，如圖5-7所示。圖5-7不可漸變幀演示：畫一個(gè)圖形，制作一個(gè)圖形漸變，在最后一幀再添加一個(gè)圖形，說明不可 漸變幀。(7)動(dòng)作幀F(xiàn)lash為了增強(qiáng)動(dòng)畫的交互性，提供了功能強(qiáng)大的動(dòng)作腳本程序，如果將動(dòng)作腳本程序 加在某一幀上，該幀稱為動(dòng)作幀，在時(shí)間軸上顯示一個(gè)字母“ u ”。當(dāng)動(dòng)畫運(yùn)行到此幀時(shí)， Flash執(zhí)行此幀的動(dòng)作腳本程序，如圖58所示。圖5-8動(dòng)作幀演示：制作一個(gè)漸變，在最后一幀添加一個(gè)

6、Stop語句。(8)幀標(biāo)簽幀的上部一個(gè)小紅旗，后而標(biāo)注有文字，表示給該幀設(shè)豊了標(biāo)簽或者注釋，如圖5-9所 示。此標(biāo)簽可以是動(dòng)作腳本程序的轉(zhuǎn)向標(biāo)志。圖5-9幀標(biāo)簽小結(jié)：幀的類型有空白幀、關(guān)鍵幀、普通幀、位宜漸變幀、圖形漸變幀、不可漸變幀、 動(dòng)作幀、幀標(biāo)簽。作業(yè):熟悉各種類型幀25第2課2.幀的顯示模式 教學(xué)目的：熟練掌握幀的顯示模式 教學(xué)重點(diǎn)：幀的顯示模式 教學(xué)難點(diǎn)：幀的顯示模式教學(xué)過程：復(fù)習(xí)：提問：Flash中如何實(shí)現(xiàn)動(dòng)畫，有幾種類型的幀。 講授新課：為了方便用戶的操作，時(shí)間軸上提供有多種顯示和編輯幀的功能，下而介紹時(shí)間軸各組 成部分的功能。(1)幀模式規(guī)左幀的顯示模式，如圖510所示，單擊不

7、同的控制按鈕可選擇相應(yīng)幀顯示模式。幀居中i I aa 編輯多個(gè)幀 ' 修改繪圖紙標(biāo)記圖510幀工具 幀居中丄I：將當(dāng)前幀顯示在時(shí)間軸的中間。使用的幀數(shù)超出屏幕顯示的范用后，此 按鈕才有效。 繪圖紙外觀衛(wèi)1:又稱洋蔥皮的模式，以不同的透明度顯示出當(dāng)前幀以及附近的幀， 如圖5-11,該圖是一個(gè)從左向右運(yùn)動(dòng)圓的第14幀，當(dāng)前幀是第1幀。笫1楨笫2幀 笫3幀 第4幀當(dāng)前禎圖511繪圖紙外觀顯示模式繪圖紙外觀對(duì)于制作動(dòng)畫有很大幫助，它可以使幀與幀之間的位置關(guān)系一目了然。當(dāng)選 擇繪圖紙外觀顯示模式、繪圖紙邊框顯示模式、多幀編輯控制按鈕后，在時(shí)間軸當(dāng)前幀附近 有繪圖紙外觀模式的起始標(biāo)志和結(jié)束標(biāo)志，它

8、表示顯示的范國(guó)，可以用鼠標(biāo)直接拖動(dòng)起始標(biāo) 志和結(jié)束標(biāo)志改變顯示范國(guó)的大小，如圖5-12,也可以用下而將要介紹的修改標(biāo)記©進(jìn)行 設(shè)置。圖5-12拖動(dòng)鼠標(biāo)設(shè)置作用范囤 繪圖紙外觀臨也1：又稱洋蔥皮輪娜模式，以不同的透明度顯示岀當(dāng)前幀以及附近的 幀的輪廓。 編輯多個(gè)幀蟲1：在這種模式中將當(dāng)前幀和其附近的關(guān)鍵幀以相同的透明度顯示出來, 可以對(duì)所有顯示岀的對(duì)象進(jìn)行編輯。 修改繪圖紙標(biāo)記旦：修改繪圖紙外觀的作用范國(guó)，單擊該按鈕后，彈岀如圖5-14所 示對(duì)話框，各選項(xiàng)功能如下。錨定繪因紙超翌氏2 繪國(guó)紙5 鑒制全部圖5J4修改標(biāo)記的選項(xiàng)（a）總是顯示標(biāo)記：無論繪圖紙外觀是否打開，時(shí)間軸上都顯示繪圖

9、紙外觀標(biāo)記。但 只是顯示標(biāo)記，不一定顯示附近幀的內(nèi)容。（b）錨泄繪圖紙：通常情況下，繪圖紙外觀的范囤隨當(dāng)前幀的改變而改變，使用錨左 繪圖紙，繪圖紙外觀的范圍固定，不隨當(dāng)前幀的移動(dòng)而動(dòng)。（c）繪圖紙2：在當(dāng)前幀的左右兩邊各顯示兩個(gè)幀。（d）繪圖紙5：在當(dāng)前幀的左右兩邊各顯示五個(gè)幀。（e）繪圖全部：顯示全部幀。（2）幀數(shù)：它顯示當(dāng)前幀的編號(hào)。（3）幀頻：播放動(dòng)畫時(shí)每秒播放的幀數(shù)。默認(rèn)值為12幀/秒。雙擊幀頻或單擊菜單中“修 改” I “文檔”命令，彈出“影片屬性”對(duì)話框，在對(duì)話框中可以設(shè)置動(dòng)畫的幀頻。（4）時(shí)間：它顯示出從第一幀播放到當(dāng)前幀所需要的時(shí)間。（5）播放頭：在當(dāng)前幀上有一條紅色的豎線，稱

10、為播放頭，它表示當(dāng)前幀位世。在調(diào)試動(dòng) 畫或播放動(dòng)畫時(shí)，動(dòng)畫從播放頭所在的幀開始播放，因此用戶可以通過調(diào)整播放頭的位宜來 控制測(cè)試動(dòng)畫的起始部分。動(dòng)畫播放時(shí)，播放頭向后滑動(dòng)，同時(shí)快速顯示每一幅畫而。（6）時(shí)間軸模式巴I：?jiǎn)螕魰r(shí)間軸模式設(shè)泄按鈕，彈岀菜單，可以設(shè)巻時(shí)間軸上幀的顯示方 式。 幀的大小：設(shè)置時(shí)間軸所顯示的幀的大小。包括很小、小、標(biāo)準(zhǔn)、一般、大五個(gè)選項(xiàng)。 各個(gè)選項(xiàng)的效果如圖5-16所示。 較短：縮短時(shí)間軸上的高度。 彩色顯示幀：以彩色模式顯示位置和運(yùn)動(dòng)漸變幀，以區(qū)分不同類型的幀。 預(yù)覽：在時(shí)間軸上以最大填充顯示每一個(gè)關(guān)鍵幀的圖形。 關(guān)聯(lián)預(yù)覽：在時(shí)間軸上顯示每一個(gè)關(guān)鍵幀的縮略圖。3幀的編輯

11、在時(shí)間軸上右擊鼠標(biāo)，彈出快捷菜單，利用苴中命令可對(duì)幀進(jìn)行各種編輯。英主要命令 功能如下：（1）創(chuàng)建補(bǔ)間動(dòng)畫：在相鄰的兩個(gè)關(guān)鍵幀之間建立運(yùn)動(dòng)漸變動(dòng)畫。（2）插入幀：在當(dāng)前位置插入普通幀。（3）刪除幀：刪除被選中的幀。如果選中的是多個(gè)幀，則全部刪除。（4）插入關(guān)鍵幀：在當(dāng)前位垃插入關(guān)鍵幀，如果該位置前而有一個(gè)關(guān)鍵幀，插入關(guān)鍵 幀后，系統(tǒng)將前一個(gè)關(guān)鍵幀中的對(duì)象復(fù)制到當(dāng)前幀，兩個(gè)關(guān)鍵幀之間用普通幀填充，如圖 5-19所示。15101511m插入梢插入后圖5-19插入關(guān)鍵幀的前后效果（5）插入空白關(guān)鍵幀：在當(dāng)前位置插入一個(gè)空白的關(guān)鍵幀，如果該位置前而有一個(gè)關(guān) 鍵幀，插入空白關(guān)鍵幀后，兩個(gè)關(guān)鍵幀之間用普通

12、幀填充，如圖520所示。插入曲插入后圖5-20插入空白關(guān)鍵幀的前后效果（6）淸除關(guān)鍵幀：將選中的關(guān)鍵幀轉(zhuǎn)換為普通幀。（7）轉(zhuǎn)換為關(guān)鍵幀：將選中的普通幀轉(zhuǎn)換為關(guān)鍵幀，如圖521所示。0510圖5-21轉(zhuǎn)換關(guān)鍵幀過程（8）轉(zhuǎn)換為空白關(guān)鍵幀：將選中的普通幀轉(zhuǎn)換為空白關(guān)鍵幀。（9）剪切幀：將選中的幀中的對(duì)象剪切到剪切板中，當(dāng)前幀轉(zhuǎn)換為空白關(guān)鍵幀。（10）復(fù)制幀：將選中的幀中的對(duì)彖復(fù)制到剪切板中。（11）粘貼幀：將剪切板中的對(duì)象粘貼到當(dāng)前幀上，當(dāng)前幀如果為普通幀，自動(dòng)轉(zhuǎn)換為 關(guān)鍵幀。（12）淸除幀：淸除被選中的幀中的對(duì)象，使其成為空白關(guān)鍵幀。（13）選擇所有幀：選中所有層上的所有幀。（14）翻轉(zhuǎn)幀：將選

13、中的幀的順序翻轉(zhuǎn)，使動(dòng)畫反向播放，第一幀如果為關(guān)鍵幀，不參 加翻轉(zhuǎn)，如圖522所示。1510 '! -01未關(guān)轉(zhuǎn)前選中要?jiǎng)∞D(zhuǎn)的幀圖5-22翻轉(zhuǎn)幀的過程及效果5.1.3動(dòng)畫的預(yù)覽與播放動(dòng)畫在制作過程中用戶需要預(yù)覽一下自己的作品，查看是否與所預(yù)想的效果一樣，以便 及時(shí)發(fā)現(xiàn)問題進(jìn)行改進(jìn)，所以動(dòng)畫的制作過程中要經(jīng)常預(yù)覽和播放。對(duì)動(dòng)畫進(jìn)行預(yù)覽、播放 和測(cè)試，可以用"控制”菜單中的命令，也可以使用“控制器”工具欄。1. “控制器”工具欄如果Flash界而上沒有“控制器”工具欄，可以單擊菜單中“窗口” I “工具欄” I “控制器”命令，這時(shí)在窗口上部會(huì)岀現(xiàn)一個(gè)工具欄，如圖5-23所示。圖

14、5-23控制器其中各按鈕的功能如下：停止：停止播放動(dòng)畫，同時(shí)播放頭停留在當(dāng)前幀上。矚后退：將播放頭放在第1幀上。霸后退一幀：播放頭移動(dòng)到上一幀。嚴(yán)訂播放：在當(dāng)前窗口從播放頭的位置開始播放動(dòng)畫，到最后一幀自動(dòng)停止。I®前進(jìn)一幀：播放頭移動(dòng)到下一幀。“轉(zhuǎn)到結(jié)尾：將播放頭放在當(dāng)前場(chǎng)景中的最后一幀上。使用控制器播放動(dòng)畫只能播放一些簡(jiǎn)單的不包含元件的動(dòng)畫。2使用“控制”菜單對(duì)復(fù)雜動(dòng)畫進(jìn)行預(yù)覽、播放和測(cè)試的命令，都在“控制”菜單中。菜單中主要命令的功能如下：播放：在當(dāng)前窗口從播放頭的位置開始播放動(dòng)畫，結(jié)束后自動(dòng)停止，僅適用于播放簡(jiǎn)單 動(dòng)畫。后退：將播放頭放在第1幀上。轉(zhuǎn)到結(jié)尾：將播放頭放在當(dāng)前場(chǎng)

15、景中的最后一幀上。前進(jìn)一幀：播放頭向前移動(dòng)一幀。后退一幀：播放頭向后移動(dòng)一幀。測(cè)試影片：在獨(dú)立的窗口用Flash播放器播放所有場(chǎng)景的動(dòng)畫，同時(shí)能夠?qū)?dòng)畫的速度 進(jìn)行監(jiān)控，支持所有動(dòng)畫動(dòng)作，包括交互、按鈕、影片剪借、動(dòng)作腳本等操作。調(diào)試影片：在獨(dú)立的窗口用Flash播放器播放動(dòng)畫，并顯示調(diào)試器對(duì)話框，在調(diào)試對(duì)話 框中顯示影片的屬性。在影片運(yùn)行時(shí)，可以改變某一個(gè)值，然后查看它在影片中的效果。測(cè)試場(chǎng)景：在獨(dú)立的窗口用Flash播放器播放當(dāng)前場(chǎng)景的動(dòng)畫。循環(huán)播放：選擇此項(xiàng)，使用“播放”命令時(shí)，在當(dāng)前窗口循環(huán)播放動(dòng)畫。播放所有場(chǎng)景：選擇此項(xiàng)，使用“播放”命令時(shí)，在當(dāng)前窗口播放所有場(chǎng)景中的動(dòng)畫。啟用簡(jiǎn)單幀

16、動(dòng)作：選擇此項(xiàng)，使用“播放”命令時(shí)，在當(dāng)前窗口播放動(dòng)畫時(shí)，支持幀動(dòng) 作。啟用簡(jiǎn)單按鈕：選擇此項(xiàng)，使用“播放”命令時(shí)，在當(dāng)前窗口循環(huán)動(dòng)畫時(shí)，支持按鈕動(dòng) 作。靜音：選擇此項(xiàng)，使用“播放”命令時(shí)，不播放聲音。小結(jié)：作業(yè):圣囤豊I囲亟魁囲I * I囪曲創(chuàng)t第3課5.2幀動(dòng)畫教學(xué)目的：掌握逐幀動(dòng)畫的制作方法教學(xué)重點(diǎn)：逐幀動(dòng)畫教學(xué)難點(diǎn)：逐幀動(dòng)畫教學(xué)過程：一. 復(fù)習(xí)幀有幾種顯示方式，練習(xí)各種幀操作。二. 教學(xué)過程：a）Flash通過快速顯示每一幀的畫而來實(shí)現(xiàn)動(dòng)畫，用戶繪制出每一個(gè)幀的畫而而制作的 動(dòng)畫稱為幀動(dòng)畫。b）幀動(dòng)畫中的每一幀都是關(guān)鍵幀，對(duì)每一幀的畫面都要進(jìn)行制作，比如設(shè)置它們的顏色、 形狀和大小等變

17、化。c）它適合一個(gè)圖形在每幀上都有變化，但又不是簡(jiǎn)單運(yùn)動(dòng)變化的動(dòng)畫。d）幀動(dòng)畫的動(dòng)畫精確、效果逼真，但它的制作工作量很大，生成的動(dòng)畫文件尺寸也較大。5.2.1制作幀動(dòng)畫下而通過一個(gè)制作實(shí)例來學(xué)習(xí)幀動(dòng)畫的制作過程。具體步驟如下：（1）新建一個(gè)文件，在第1幀繪出一個(gè)矩形，作為開始，如圖525所示。1510圖5-25第1幀（2）右擊時(shí)間軸的第2幀，在彈岀的快捷菜單中選擇“插入關(guān)鍵幀”，系統(tǒng)自動(dòng)將第1 幀的對(duì)象復(fù)制到第2幀。使用任意變形工具改變第2幀復(fù)制過來的矩形的形狀，如圖5-26 所示。（3）用同樣的方法，在第3幀、第4幀、第5幀、第6幀插入關(guān)鍵幀，并分別改變矩 形的形狀，如圖526所示。1 ri

18、' ''''口n ''151015101510I I LJ I I I I | | | LJ I I I 一 | | | iiiii圖526第16關(guān)鍵幀的圖形狀態(tài)（4）單擊菜單中“控制” I “播放”命令，可以觀看一個(gè)矩形變形的動(dòng)畫。5.2.2導(dǎo)入制作用戶可以使用其它繪圖軟件制作一組圖像連續(xù)變化的圖片，再將這一組圖片導(dǎo)入到 Flash中自動(dòng)生成動(dòng)畫。具體步驟如下：（1）單擊菜單中“文件” I “導(dǎo)入” I “導(dǎo)入到舞臺(tái)”命令，在彈岀的對(duì)話框中找到存放 連續(xù)圖片的文件夾，如圖527所示。導(dǎo)入搜尋0）;| Wy Pictures劊型旦|fia

19、|ffissaffiJN00000000000102030405gdeskl2打開© 11所有格式工取消1文件類型U）：圖527導(dǎo)入命令的對(duì)話框2d（2）在對(duì)話框文件列表中有一組連續(xù)圖片0001.bmp0005.bmp,描述一個(gè)海豚的飛躍, 選中第一張0OOl.bmp,單擊“打開”按鈕，彈岀一個(gè)對(duì)話框，提示是否導(dǎo)入所有連續(xù)圖片, 如圖5-28所示。Flash 8» 此文件看起來是圖像序列的組成部分.是否導(dǎo)入序列中的所有因像？否迪 |取消I圖528彈出的對(duì)話框（3）單擊''是”按鈕，一組連續(xù)五張的圖片自動(dòng)導(dǎo)入到連續(xù)的幀中，即第1幀導(dǎo)入OOOl.bmp圖片，第2

20、幀導(dǎo)入0002.bmp圖片，第3幀導(dǎo)入OOO3.bmp圖片，第4幀導(dǎo)入0004.bmp 圖片，第5幀導(dǎo)入0005.bmp圖片，圖5-29以繪圖紙外觀模式顯示導(dǎo)入的第15幀匚圖5-29以繪圖紙外觀模式顯示連續(xù)幀（4）單擊菜單中“控制” I “播放”命令就可觀看一只海豚從右向左飛躍的動(dòng)畫。課堂例題：5.5例1霓虹燈字 例5畫月殼小結(jié)：逐幀動(dòng)畫的制作方法有兩種，用戶繪制和導(dǎo)入動(dòng)畫。作業(yè):制作一個(gè)自動(dòng)寫字的逐幀動(dòng)畫5.3運(yùn)動(dòng)合成動(dòng)畫教學(xué)目的：掌握運(yùn)動(dòng)合成動(dòng)畫的制作方法教學(xué)重點(diǎn)：運(yùn)動(dòng)漸變動(dòng)畫教學(xué)難點(diǎn)：運(yùn)動(dòng)漸變動(dòng)畫教學(xué)過程：一. 復(fù)習(xí)制作一個(gè)自動(dòng)寫字的逐幀動(dòng)畫，逐幀動(dòng)畫的優(yōu)缺點(diǎn)。幀動(dòng)畫制作速度慢、 工作量

21、大、成本髙，生成的文件大，不能發(fā)揮計(jì)算機(jī)髙速計(jì)算的特點(diǎn)。二. 講授新課：Flash提供了対一種動(dòng)畫類型：運(yùn)動(dòng)合成動(dòng)畫。運(yùn)動(dòng)合成動(dòng)畫是指先在一個(gè)關(guān)鍵幀中繪 制好圖形對(duì)象的初始形狀，定義好圖形對(duì)象的屬性，比如位置，大小，顏色等等，然后在另 一個(gè)關(guān)鍵幀中通過改變這些屬性泄義好對(duì)象的終止形狀，由Flash通過計(jì)算自動(dòng)填充中間的 各幀，實(shí)現(xiàn)一個(gè)關(guān)鍵幀的圖形向另一個(gè)關(guān)鍵幀的圖形平滑改變。制作這一類動(dòng)畫時(shí)，只需要 定義首尾兩個(gè)關(guān)鍵幀即可，動(dòng)畫制作簡(jiǎn)單，效果較好，是常用的制作動(dòng)畫的方法。由一個(gè)圖形向另一個(gè)圖形的平滑改變稱為漸變。Flash中有兩類漸變：運(yùn)動(dòng)漸變實(shí)現(xiàn)圖 形對(duì)象由一個(gè)位置移到另一個(gè)位置：形狀漸變實(shí)

22、現(xiàn)圖形對(duì)象由一個(gè)形狀變?yōu)榱幸粋€(gè)形狀。5.3.1運(yùn)動(dòng)漸變實(shí)現(xiàn)運(yùn)動(dòng)漸變的對(duì)象只能是單一的實(shí)例、群組或文本塊，用戶繪制的圖形和分禽的組件 不能直接進(jìn)行運(yùn)動(dòng)漸變，必須要轉(zhuǎn)換為元件或群組。下而以一個(gè)由左向右移動(dòng)并逐漸變大的小球?yàn)槔?，介紹創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫的制作步驟。（1）選擇第1幀，在工具面板中選擇橢圓工具，設(shè)線條色為無，填充為黑紅漸變色，在舞臺(tái)的左側(cè)畫一個(gè)小球。使用選擇工具選中小球（注意：要全部選中），單擊菜單“修改” 1“組合”命令,使其成組,如圖5-30所示。圖5-30第1幀（2）在時(shí)間軸上的第20幀處右擊鼠標(biāo)，在彈出的快捷菜單中選擇''插入關(guān)鍵幀”，插 入一個(gè)關(guān)鍵幀，F(xiàn)lash自動(dòng)

23、將第1幀的小球復(fù)制到第20幀。使用選擇工具將小球移動(dòng)到舞臺(tái) 的右側(cè)，使用任意變形工具將小球擴(kuò)大，如圖5-31所示。圖531第20幀(3) 可以使用以下兩種方法創(chuàng)建動(dòng)畫：第一種方法：在第119任一幀之間單擊右鍵，在彈岀的快捷菜單中選擇“創(chuàng)建動(dòng)畫動(dòng) 作5第二種方法：鼠標(biāo)先單擊第119任一幀，然后在屬性面板中的“補(bǔ)間”下拉列表框中 選擇“動(dòng)畫”選項(xiàng)，如圖532(a)所示。采用以上任意一種方法，在時(shí)間軸上均會(huì)出現(xiàn)一個(gè)踐藍(lán)色底的箭頭，表示已建立運(yùn)動(dòng)漸變，如圖532(b)所示。補(bǔ)間:1動(dòng)畫二1 V縮放慶動(dòng):廠編報(bào)1釦邇轉(zhuǎn)：1自動(dòng)b次廠調(diào)整到路徑廠同步 廠對(duì)齊(a)圖5-32位宜漸變及屬性而板設(shè)置(4) 單

24、擊菜單“控制” I “播放”命令就可看到一個(gè)小球從左向右運(yùn)動(dòng)，而且形狀逐 漸擴(kuò)大。5.3.2圖形轉(zhuǎn)動(dòng)利用Flash中的運(yùn)動(dòng)漸變功能除了可以使物體移動(dòng)外，還可以實(shí)現(xiàn)物體的轉(zhuǎn)動(dòng)。下而以 一個(gè)轉(zhuǎn)動(dòng)的矩形框?yàn)槔榻B具體操作步驟：(1) 在第1幀處使用矩形工具繪制一個(gè)矩形，使用選擇工具選中矩形，單擊菜單中“修 改” I “組合”命令使其組成群組，如圖5-33所示。5101520圖5-33繪制一個(gè)矩形(2) 在第15幀處右擊，在彈岀的快捷菜單中選擇“插入關(guān)鍵幀”命令，插入一個(gè)關(guān)鍵 幀，使用自由轉(zhuǎn)換工具將矩形旋轉(zhuǎn)180。,如圖534所示。VI9BIIIIBIIIIIII1510 ISo!p圖5-34旋轉(zhuǎn)矩

25、形（3）在第114幀之間任一幀處右擊，在彈岀的菜單中選擇“創(chuàng)建動(dòng)畫動(dòng)作”，第1幀 到第15幀建立了運(yùn)動(dòng)漸變關(guān)系。（4）單擊菜單中“控制” I “播放”命令就可觀看矩形旋轉(zhuǎn)的動(dòng)畫。課堂例題5.5例4飛翔的字小結(jié)：運(yùn)動(dòng)漸變動(dòng)畫的原理，用戸是義關(guān)鍵幀，計(jì)算機(jī)自動(dòng)完成中間幀的填充。作業(yè)：制作一個(gè)小人，使他在屏幕上左右移動(dòng)3次。5.3.3運(yùn)動(dòng)參數(shù)的設(shè)定教學(xué)目的：設(shè)定運(yùn)動(dòng)過程中的參數(shù)教學(xué)重點(diǎn)：運(yùn)動(dòng)參數(shù)教學(xué)難點(diǎn)：緩動(dòng)參數(shù)教學(xué)過程：一. 復(fù)習(xí)制作一個(gè)小人，使他的胳膊和腿能夠擺動(dòng)。二. 講授新課：幀_<：禎杯芟城轉(zhuǎn)：3 F廠誦整到烙徑 臣同步v對(duì)齊在“屬性”面板中可以為運(yùn)動(dòng)合成動(dòng)畫可以設(shè)置不同的參數(shù)，實(shí)現(xiàn)

26、不同的漸變效果。鼠 標(biāo)單擊運(yùn)動(dòng)漸變幀中的某一幀，在屬性而板顯示出該幀的各項(xiàng)參數(shù)，如圖5-35所示。此時(shí) “補(bǔ)間”下拉列表為“動(dòng)畫”選項(xiàng)，屬性而板上各選項(xiàng)的功能如下：冷3 ®效杲：耳臧I問步：|5S33 F&圖5-35幀屬性面板1 縮放用來設(shè)置漸變過程中對(duì)象的大小是否按比例逐漸縮放。若選中“縮放”復(fù)選框，對(duì)象的 尺寸在漸變過程中按比例逐幀進(jìn)行縮放：否則，對(duì)象的尺寸在漸變過程中不縮放，只在漸變 的最后一幀變?yōu)槟繕?biāo)對(duì)象的形狀。圖5-36所示為選中“縮放”復(fù)選框后，使用繪圖紙顯示 模式查看對(duì)象的漸變情況，當(dāng)前幀為最后一幀，圖形尺寸在漸變過程中按比例逐漸放大；圖 5-37所示為不選中“

27、縮放”復(fù)選框時(shí)，使用繪圖紙顯示模式査看對(duì)象的漸變情況，圖形尺 寸在漸變過程中前而的幀都保持原狀不變，只在最后一幀突然變大。圖536選擇“縮放"漸變時(shí)按比例縮放對(duì)象尺寸Illlllllll圖5-37不選擇“縮放”漸變時(shí)只在最后一幀改變對(duì)象尺寸2緩動(dòng)設(shè)置“屬性”而板中的緩動(dòng)值可以調(diào)節(jié)漸變過程中對(duì)象運(yùn)動(dòng)速度的比例關(guān)系，可以在文 本框中直接輸入數(shù)值，也可以使用鼠標(biāo)下拉右邊的箭頭進(jìn)行調(diào)節(jié)，正數(shù)表示漸變過程中對(duì)象 的運(yùn)動(dòng)速度是先快后慢，如圖5-38所示，由圖可以看岀，對(duì)象在前幾幀跨度大，后幾幀跨 度?。贺?fù)數(shù)表示漸變過程中對(duì)象的運(yùn)動(dòng)速度是先慢后快，效果如圖5-39所示，對(duì)象在前幾 幀跨度小，后幾幀

28、跨度大。圖5-38緩動(dòng)值為100圖5-39緩動(dòng)值為-100Flash 8中新增了緩動(dòng)“編輯”功能，可以通過圖形方式，直觀的控制對(duì)象在不同幀里 的具體位置和狀態(tài)。如圖5-40所示，單擊“編輯”按鈕，得到“自泄義緩入緩岀”界面。 橫坐標(biāo)為“幀”，縱坐標(biāo)為“補(bǔ)間”變化的百分比，中間的曲線為對(duì)象的變化曲線，由圖中 可以看出對(duì)象從0%位置勻速的運(yùn)動(dòng)到100%位置。用鼠標(biāo)單擊對(duì)角線上的任一點(diǎn)，即可得到一個(gè)控制點(diǎn)。拖動(dòng)該控制點(diǎn)可以改變對(duì)角線的 形狀，拖動(dòng)控點(diǎn)的兩個(gè)頂點(diǎn)句柄可以改變控制點(diǎn)的曲率，從而精確的控制對(duì)象在不同幀的位 置和速度。Flash可以對(duì)對(duì)象的“位置”、“旋轉(zhuǎn)”、“縮放”、“顏色”和“濾鏡”等屬

29、性進(jìn)行漸變?cè)O(shè) 置，對(duì)話框的左上角有一個(gè)“為所有屬性使用一種設(shè)巻”復(fù)選框，如果選中該復(fù)選框，貝IJ對(duì) 象的所有屬性均按一種設(shè)置進(jìn)行漸變；如果取消該復(fù)選框，英左邊的屬性下拉列表框可用， 可以分別對(duì)對(duì)象的不同屬性設(shè)垃不同的漸變。如圖5-41所示。3 旋轉(zhuǎn)在漸變過程中，可以設(shè)定對(duì)象的旋轉(zhuǎn)方式。單擊屬性而板中的旋轉(zhuǎn)下拉箭頭，彈岀如圖 5-42所示的下拉菜單。（1）無：在運(yùn)動(dòng)過程中對(duì)象不旋轉(zhuǎn)，如圖543所示。圖5/3不旋轉(zhuǎn)（2）自動(dòng)：在運(yùn)動(dòng)過程中讓Flash自動(dòng)調(diào)節(jié)對(duì)象轉(zhuǎn)動(dòng)的角度，可以配合“調(diào)整到路徑” 選項(xiàng)使用，效果如圖544所示。圖544自動(dòng)旋轉(zhuǎn)（3）順時(shí)針：在運(yùn)動(dòng)過程中對(duì)象按順時(shí)針方向旋轉(zhuǎn)。（4）逆

30、時(shí)針：在運(yùn)動(dòng)過程中對(duì)象按逆時(shí)針方向旋轉(zhuǎn)。課堂練習(xí)5.5例6彈跳的小球小結(jié)：運(yùn)動(dòng)漸變的主要參數(shù)有縮放、緩動(dòng)、旋轉(zhuǎn)作業(yè)：改變小人的胳膊和腿的擺動(dòng)情況。5.3.4沿軌跡運(yùn)動(dòng)定教學(xué)目的：掌握引導(dǎo)線動(dòng)畫的制作方法教學(xué)重點(diǎn)：引導(dǎo)線動(dòng)畫的制作方法教學(xué)難點(diǎn)：引導(dǎo)線動(dòng)畫的制作方法教學(xué)過程：復(fù)習(xí)：運(yùn)動(dòng)漸變的屬性有縮放、緩動(dòng)、旋轉(zhuǎn)，在控制而板上對(duì)他們進(jìn)行設(shè)宜。講授新課運(yùn)動(dòng)漸變只能讓物體從開始位苣到結(jié)束位置呈直線運(yùn)動(dòng)，若讓物體沿著某條路徑進(jìn)行運(yùn) 動(dòng)，則須要使用“引導(dǎo)層”。下面以一個(gè)例子介紹引導(dǎo)層的使用。（1）在第1幀上使用橢圓工具繪制一個(gè)小球，填充色為藍(lán)色，不要邊框，選中小球， 使用CTRL+G鍵將其組成群組，如圖5

31、47所示。51015ZQ2530rh gia»；112.0 fps0-圖547第1幀（2）在第30幀處右擊，在彈岀的快捷菜單中選擇“插入關(guān)鍵幀”命令，插入一個(gè)關(guān)鍵幀，然后將小球的位垃略作移動(dòng)，如圖548所示。15101520圖5-48第30幀（3）創(chuàng)建兩幀之間的動(dòng)畫：鼠標(biāo)右擊第1幀，在彈岀的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng) 畫S建立了動(dòng)畫。建立動(dòng)畫后的幀而板如圖549所示。圖5-49建立運(yùn)動(dòng)漸變（4）在圖層而板上用鼠標(biāo)右擊當(dāng)前層，在彈岀的快捷菜單中選擇“添加引導(dǎo)層”命令, 此時(shí)在當(dāng)前層的上方增加一個(gè)引導(dǎo)層，如圖5-50所示。期閣層11皿小土關(guān) 鎖定苴他圈層 隱頑苴他窗層插入團(tuán)層 刪除圖層I

32、引導(dǎo)層添加引導(dǎo)層圖550添加引導(dǎo)線（5）鼠標(biāo)單擊"引導(dǎo)層”使苴成為當(dāng)前層，在引導(dǎo)層上的第1幀處使用鉛筆工具畫出 小球移動(dòng)的軌跡,如圖551所示。（6）單擊“圖層1S選擇圖層1為當(dāng)前層，選擇第1幀，拖動(dòng)第1幀上的小球，放到 軌跡的起點(diǎn)，這時(shí)小球的中心將岀現(xiàn)一個(gè)加粗的圓圈，表示小球已經(jīng)鎖左在曲線上，如圖 5-52所示。10152025 3CIU 爾到112-0 fps «圖5-52移動(dòng)第1幀小球（7）選擇圖層1的第30幀，拖動(dòng)第30幀上的小球，放到軌跡的終點(diǎn)，如圖所示553。形丁虻匸5丁盯 T叮:5巧廠藝巧忖Mll151.0152025 Bi）- B -. I圖553移動(dòng)第30

33、幀上的小球（8）單擊菜單“控制” I “播放"命令，可以看到小球沿著軌跡線運(yùn)動(dòng)。課堂例題5.5例2落花時(shí)節(jié)小結(jié):引導(dǎo)線動(dòng)畫有兩個(gè)圖層，被引導(dǎo)圖層的圖形沿著引導(dǎo)圖層的軌跡運(yùn)動(dòng)。作業(yè):制作一個(gè)月亮朗繞地球轉(zhuǎn)動(dòng)的動(dòng)畫。第7課5.4形狀合成動(dòng)畫教學(xué)目的：掌握形狀合成動(dòng)畫制作方法教學(xué)重點(diǎn)：形狀合成動(dòng)畫教學(xué)難點(diǎn)：形狀合成動(dòng)畫教學(xué)過程：一. 復(fù)習(xí)制作一個(gè)花飄落的引導(dǎo)線動(dòng)畫二. 新授課形狀合成動(dòng)畫就是指對(duì)象由一個(gè)形狀漸變?yōu)榱硪粋€(gè)形狀。形狀合成動(dòng)畫也可以有位置、大小、顏色的變化，但更主要的是形狀上的改變。 形狀漸變的對(duì)象必須是分離的可編借的圖形，比如用戶自已繪制的圖形，若實(shí)例、群組、文本塊或位圖要進(jìn)行

34、形狀漸變，必須先使用菜單''修改” I “分離”命 令，使其成為分離的圖形，才能進(jìn)行變形。5.4.1簡(jiǎn)單變形形狀漸變的創(chuàng)建方法是：a）在第一個(gè)關(guān)鍵幀（即起始關(guān)鍵幀）中繪制變形前的形狀：b）在第二個(gè)關(guān)鍵幀（即結(jié)朿關(guān)鍵幀）中重新繪制變形后的形狀，由于結(jié)朿關(guān)鍵幀中的形 狀與起始關(guān)鍵幀中的形狀不同，經(jīng)常使用“插入空白關(guān)鍵幀”命令創(chuàng)建結(jié)朿關(guān)鍵幀：0兩個(gè)關(guān)鍵幀均繪制好后，選擇兩個(gè)關(guān)鍵幀之間的任一幀，在幀屬性而板的“補(bǔ)間”復(fù) 選框中，選擇'形狀”，就可創(chuàng)建形狀漸變。下而以小球變?yōu)檎叫螢槔?，進(jìn)一步說明具體操作步驟：（1）在第1幀處使用橢圓工具繪制一個(gè)小球，如圖5-54所示。11115

35、1015202530圖5-54第1幀（2）在第20幀處右擊，在彈出的快捷菜單中選擇"插入空白關(guān)鍵幀”，插入一個(gè)空白 關(guān)鍵幀，使用矩形工具繪制一個(gè)正方形，如圖555所示。圖5-55第20幀（3）選中第1幀，在幀屬性而板中的“補(bǔ)間”下拉列表中選擇“形狀”選項(xiàng)，時(shí)間軸上出現(xiàn)淺綠色箭頭，表明已經(jīng)建立了形狀漸變.如圖556所示。圖5-56建立形狀漸變（4）單擊菜單中“控制” I "播放”命令就可觀看圓變正方形的動(dòng)畫。圖5-57給出了對(duì) 象漸變到第10幀的形狀，可以看出它的圖形介于方形和圓形之間了。1 * * 50）1520'111。白問財(cái)W 10圖557第10幀的圖形課堂例題5.5例3雞羊互變小結(jié)：形狀漸變與位置漸變的動(dòng)畫類似，但他的關(guān)鍵幀必須為圖形作業(yè)：習(xí)題2第8課5.4.2形狀漸變參數(shù)的設(shè)定 教學(xué)目的：掌握形狀合成動(dòng)畫的屬性 教學(xué)重點(diǎn)：形狀合成動(dòng)畫的屬性 教學(xué)難點(diǎn)：形狀合成動(dòng)畫的屬性教學(xué)過程：一. 復(fù)習(xí)制作一個(gè)字母漸變的動(dòng)畫二. 新授課在幀屬性而板中，可以對(duì)形狀漸變動(dòng)畫的參數(shù)進(jìn)行設(shè)立。單擊形狀漸變幀中的某一幀, 幀屬性而板顯示出該幀的各項(xiàng)參數(shù)，如圖5-58所示。此時(shí)“補(bǔ)間”下拉列表為“形狀”選 項(xiàng)，屬性而板上各選項(xiàng)的功能如下：義屈性線動(dòng):|o蘆肖1無 !1 二禎杯芟空效