《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》--第12章-Flash動(dòng)畫(huà)制作基礎(chǔ)

1、第12章 Flash動(dòng)畫(huà)制作基礎(chǔ)7/25/2022本章知識(shí)技能要點(diǎn)：場(chǎng)景、時(shí)間軸、層、關(guān)鍵幀、普通幀的概念工具箱面板、屬性面板的使用方法形狀補(bǔ)間和動(dòng)作補(bǔ)間的概念和應(yīng)用運(yùn)動(dòng)引導(dǎo)層的制作和應(yīng)用遮罩層的制作和應(yīng)用12.1 認(rèn)識(shí)Flash12.1.1 Flash 8 簡(jiǎn)介 Flash是Macromedia公司出品的二維動(dòng)畫(huà)創(chuàng)作專(zhuān)業(yè)軟件，在計(jì)算機(jī)界的用途十分廣泛，包括網(wǎng)頁(yè)動(dòng)畫(huà)制作，教學(xué)課件制作，小游戲制作和MTV制作等等。 Flash的前身是一款叫作“Future Splash”的矢量動(dòng)畫(huà)插件，它的成長(zhǎng)經(jīng)歷了Flash 4、Flash 5、Flash MX、Flash MX 2004和最新推出的Flas

2、h 8幾個(gè)版本。Adobe flash cs4是Flash的最新版本12.1 認(rèn)識(shí)Flash12.1.3 Flash文件的類(lèi)型FLA文件：包含F(xiàn)lash文檔的媒體、時(shí)間軸和腳本等基本信息的文件。是設(shè)計(jì)者在Flash中使用的主要文件。SWF文件：在Web頁(yè)中顯示的文件。是FLA文件的壓縮版本。12.1 認(rèn)識(shí)Flash12.1.4.2 Flash 8 的工作界面進(jìn)入Flash 8 以后，顯示Flash 8的默認(rèn)工作界面，如圖示。12.1 認(rèn)識(shí)Flash狀態(tài)欄-左側(cè)顯示著正在編輯的文件及內(nèi)容，如圖中顯示的正在編輯的是文件“未命名-1”的“場(chǎng)景1”。右側(cè)的兩個(gè)按鈕分別是“場(chǎng)景切換”按鈕和“元件切換”按

3、鈕。最右端是工作區(qū)百分比顯示窗口。時(shí)間軸-預(yù)設(shè)位置在狀態(tài)欄的下方，其左側(cè)是圖層編輯區(qū)，在此進(jìn)行圖層的編輯；右側(cè)是幀編輯區(qū)，完成動(dòng)畫(huà)的幀編輯。12.1 認(rèn)識(shí)Flash場(chǎng)景舞臺(tái)-工作界面中央的白色區(qū)域就是場(chǎng)景舞臺(tái)（也稱(chēng)工作區(qū)），是顯示和編輯動(dòng)畫(huà)對(duì)象的主要區(qū)域。面板組-是特定的功能單位的集合，包含某一特定的功能，如動(dòng)作面板、屬性面板、混色器面板、對(duì)齊面板和庫(kù)面板等。設(shè)位置在狀態(tài)欄的下方，其左側(cè)是圖層編輯區(qū)，在此進(jìn)行圖層的編輯；右側(cè)是幀編輯區(qū)，完成動(dòng)畫(huà)的幀編輯。12.1.5 Flash中的一些基本概念 12.1.5.1 幀 幀是動(dòng)畫(huà)的基本單元，F(xiàn)lash動(dòng)畫(huà)就是許多連續(xù)幀的內(nèi)容連續(xù)播放構(gòu)成的，一幀就相

4、當(dāng)于電影膠片中的一格。 時(shí)間軸上的幀編輯區(qū)中橫向排列的小方格就是幀，處于自然狀態(tài)下沒(méi)有進(jìn)行任何操作的幀稱(chēng)為“空白幀”，每一幀對(duì)應(yīng)的上方的數(shù)字是該幀的編號(hào)。幀編輯區(qū)中的紅色豎線(xiàn)是播放磁頭，播放磁頭所在的幀就是當(dāng)前所編輯的幀。12.1.5.1 幀F(xiàn)lash中有兩類(lèi)重要的幀，即為“靜態(tài)幀”和“關(guān)鍵幀”。靜態(tài)幀：不參與任何動(dòng)畫(huà)效果的幀稱(chēng)為靜態(tài)幀，（靜態(tài)幀也稱(chēng)作普通幀）。關(guān)鍵幀：定義一個(gè)動(dòng)作的起始狀態(tài)和終止?fàn)顟B(tài)的幀稱(chēng)為關(guān)鍵幀。其中沒(méi)有添加任何對(duì)象，只作為一個(gè)關(guān)鍵點(diǎn)存在，稱(chēng)為空白關(guān)鍵幀。關(guān)鍵幀在時(shí)間軸上的顯示是在其間有一個(gè)黑色小圓點(diǎn)（空白關(guān)鍵幀是一個(gè)小圓圈）。12.1.5.2 元件在Flash中，元件是整

5、個(gè)動(dòng)畫(huà)的基礎(chǔ)元件有三種類(lèi)型：圖形元件：最常用，用于創(chuàng)建靜態(tài)元件，并且可以引用外部的圖片來(lái)作為元件。按鈕元件：用于創(chuàng)建動(dòng)態(tài)交互按鈕的形式，即在鼠標(biāo)處于不同的狀態(tài)產(chǎn)生不同的響應(yīng)。電影剪輯元件：是動(dòng)態(tài)視頻剪輯元件 ，不同于上面兩種形式的是它有自己獨(dú)立的時(shí)間軸，是動(dòng)態(tài)的元件形式。12.1 認(rèn)識(shí)Flash12.1.5.3 庫(kù)庫(kù)是用于管理元件的地方，元件制作完畢后都會(huì)自動(dòng)保存到庫(kù)中。打開(kāi)庫(kù)面板可以查看、選擇和使用元件?？梢酝ㄟ^(guò)選擇“窗口”“庫(kù)”命令來(lái)實(shí)現(xiàn)對(duì)元件的調(diào)用，也可以通過(guò)選擇“文件”“導(dǎo)入庫(kù)”命令來(lái)將外部的元件導(dǎo)入指定的圖片庫(kù)中。12.1.5.4 層將不同的對(duì)象放置在不同的圖層中，這樣在修改其中一個(gè)

6、對(duì)象時(shí)不會(huì)影響到其他的對(duì)象。圖層可以形象地理解為透明的玻璃紙，不同的對(duì)象繪制在不同的透明紙上，它們相互重疊以顯示整體的內(nèi)容，但在修改某一對(duì)象時(shí)其他對(duì)象不受影響。對(duì)于圖層的操作在時(shí)間軸的“圖層編輯區(qū)”中實(shí)現(xiàn)。12.1 認(rèn)識(shí)Flash12.1.5.5 場(chǎng)景Flash中的場(chǎng)景就如同電影里的分鏡頭，一個(gè)影視作品不可能僅僅在同一個(gè)場(chǎng)景內(nèi)完成，在不同的場(chǎng)景中相互切換，能使得作品具有更加豐富的感染力。Flash也是如此。一個(gè)Flash文檔允許創(chuàng)建許多個(gè)場(chǎng)景，作者可以在不同的場(chǎng)景中編排不同的內(nèi)容，播放時(shí)可以任意控制各個(gè)場(chǎng)景先后順序。12.1.5.6 幀頻率幀頻率（fps）就是動(dòng)畫(huà)的播放速度，指每秒播放的幀的多

7、少。Flash默認(rèn)的幀頻率是12.0 fps。12.1.6 Flash的基本操作 “逐幀動(dòng)畫(huà)”，是指每一幀的內(nèi)容都與其前一幀有所不同，以此實(shí)現(xiàn)動(dòng)畫(huà)的效果。下面詳細(xì)介紹一個(gè)眼球會(huì)轉(zhuǎn)動(dòng)的小貓動(dòng)畫(huà)制作步驟：（1）打開(kāi)Flash 8 ，由“文件”菜單“導(dǎo)入”“導(dǎo)入到庫(kù)”，選擇一幅圖片導(dǎo)入到庫(kù)中。此時(shí)的庫(kù)面板中就可以看到一個(gè)位圖元件，其名稱(chēng)為“cat.jpg”,元件的類(lèi)型是“位圖”。如圖所示。（2）選中庫(kù)面板中的“cat.jpg”元件，直接從庫(kù)面板中拖拽到舞臺(tái)。然后點(diǎn)擊工具箱面板中的“任意變形”工具，在舞臺(tái)上改變圖像的大小與場(chǎng)景的大小相同。（3）此時(shí)的圖片位于文檔的“圖層1”當(dāng)中，它只有一個(gè)幀，如果計(jì)劃

8、本動(dòng)畫(huà)共需要60幀，就在時(shí)間軸的“圖層1”中第60幀處右鍵單擊，在展開(kāi)的快捷菜單中選擇“插入幀”命令，就將第一幀的內(nèi)容復(fù)制了60幀。時(shí)間軸上從第1幀到第60幀呈現(xiàn)一條灰色的陰影。如圖示。（4）單擊時(shí)間軸右側(cè)的圖層編輯區(qū)右下端的“插入圖層”按鈕，為本場(chǎng)景添加一新的“圖層2”。（5）現(xiàn)在開(kāi)始繪制小貓的眼睛。即編輯圖層2的第1幀（在圖層2的第1幀上單擊，便選中了它）。單擊工具箱面板中的“橢圓工具”，在屬性面板上修改“橢圓工具”的屬性為：輪廓線(xiàn)為無(wú)色，填充色為黑色，如圖。（6）使用上述設(shè)置的橢圓工具，在圖層2的第1幀上繪制小貓的眼睛，讓小貓眼框的黑眼球最開(kāi)始出項(xiàng)在眼眶里的最左端。（7）右鍵單擊圖層2的

9、第2幀，在彈出的快捷菜單里選擇“插入關(guān)鍵幀”命令，然后在這一關(guān)鍵幀上修改小貓眼框的黑眼球的位置向右偏移少許。（8）反復(fù)重復(fù)步驟（7），不斷改變小貓眼框的黑眼球的位置，讓其移動(dòng)到最右端后再向左偏移，形成眼球左右移動(dòng)的效果。如圖。（9）全部完成了56個(gè)關(guān)鍵幀的制作之后，該動(dòng)畫(huà)的制作就結(jié)束了。此時(shí)的時(shí)間軸如下圖。點(diǎn)擊“控制”菜單“測(cè)試影片”命令，便可以預(yù)覽動(dòng)畫(huà)的播放效果，可見(jiàn)小貓的眼睛在左顧右盼。（10）關(guān)閉預(yù)覽窗口。點(diǎn)擊“文件”菜單“保存”命令，將文檔保存為“.fla”文件，這種文件可以用Flash打開(kāi)，允許重新編輯，但是不能在網(wǎng)頁(yè)中使用。（11）點(diǎn)擊“文件”菜單“導(dǎo)出”“導(dǎo)出影片”命令，就會(huì)生成

10、一個(gè)“.swf”文件，這種文件不可以用Flash打開(kāi)，也不允許重新編輯，但是能夠插入到網(wǎng)頁(yè)中，或者直接用瀏覽器預(yù)覽。 12.2 形狀、文字和顏色的應(yīng)用12.2.1 常用繪圖工具的使用工具箱面板中常用的繪圖工具如圖示。其中包括：（1）葉子（2）月亮（3）氣球（4）花朵（5）透視文字（6）波浪文字12.2.2 文字和顏色的使用12.2.2.1 文本工具的使用選擇繪圖工具箱中的文本工具之后，在舞臺(tái)下方的屬性面板中設(shè)置文本的屬性，然后在場(chǎng)景中插入文字的位置單擊，即可輸入文本。1）編輯文本單擊箭頭選擇工具，將文本框選中，修改其屬性，可以改變字體、字體尺寸、顏色、對(duì)齊方式、字符間距等。選擇任意變形工具，可

11、以對(duì)文本進(jìn)行自由變換，其效果如圖示。 12.2 形狀、文字和顏色的應(yīng)用（2）將文字改變?yōu)樾螤钊绻胍獙?duì)文字的細(xì)節(jié)進(jìn)行更為自由的改變，就要把文字轉(zhuǎn)換為形狀，然后就可以象編輯形狀一樣來(lái)編輯文字了。具體的步驟是：1）使用箭頭工具選中文本，然后選擇“修改”菜單“分離”命令，將文本打散，其效果如圖（1）和（2）所示。文字塊分離成單個(gè)文字之后，可以對(duì)其逐個(gè)進(jìn)行編輯，如圖（3）。 12.2 形狀、文字和顏色的應(yīng)用（1） （2） （3）2）選中對(duì)上述文字再一次選擇“修改”菜單“分離”命令，這時(shí)文字對(duì)象轉(zhuǎn)換成為形狀對(duì)象。此后所有編輯形狀的方法都可以使用在這些文字上了。如圖。 12.2 形狀、文字和顏色的應(yīng)用（3

12、）將文字其修改為空心文字。使用墨水瓶工具點(diǎn)擊文字的輪廓，就給文字加上輪廓線(xiàn)。如圖（1）。在選中文字中間的填充顏色，按“Del”鍵將其刪除。便得到圖（2）的空心文字效果。 （1） （2） 12.2 形狀、文字和顏色的應(yīng)用12.3.1 補(bǔ)間動(dòng)畫(huà)的概念作者在制作動(dòng)畫(huà)時(shí)只負(fù)責(zé)制作第一個(gè)關(guān)鍵幀和最后一個(gè)關(guān)鍵幀，由Flash自動(dòng)生成這兩個(gè)關(guān)鍵幀之間的過(guò)渡部分的幀，這些幀的內(nèi)容是參照著上一幀的內(nèi)容向下一幀的內(nèi)容逐漸的過(guò)渡變化的。這樣產(chǎn)生動(dòng)畫(huà)稱(chēng)為補(bǔ)間動(dòng)畫(huà)。補(bǔ)間動(dòng)畫(huà)包括：運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)和形狀補(bǔ)間動(dòng)畫(huà)兩種。在此先介紹形狀補(bǔ)間動(dòng)畫(huà)。 12.3 形狀補(bǔ)間動(dòng)畫(huà)12.3.2形狀補(bǔ)間動(dòng)畫(huà)的制作步驟（1）新建一Flash文檔，

13、在圖層1的第1幀的舞臺(tái)中央畫(huà)一個(gè)矩形，如圖。 12.3 形狀補(bǔ)間動(dòng)畫(huà)（2）右鍵單擊時(shí)間軸圖層1的第20幀，在彈出的快捷菜單里選擇“插入關(guān)鍵幀”命令。此時(shí)第1幀的內(nèi)容自動(dòng)被復(fù)制了20幀，將第20幀的矩形刪除，再用橢圓工具添加一個(gè)圓形。如圖。 12.3 形狀補(bǔ)間動(dòng)畫(huà)（3）單擊時(shí)間軸上第120幀之間的任意一幀，在屬性面板的“補(bǔ)間”下拉列表中選擇“形狀”。此時(shí)時(shí)間軸的第120幀之間就會(huì)顯示為一條由第1幀指向第20幀的實(shí)線(xiàn)箭頭。如圖。 12.3 形狀補(bǔ)間動(dòng)畫(huà)（4）完成形狀補(bǔ)間動(dòng)畫(huà)制作。點(diǎn)擊“Ctrl+Enter”鍵預(yù)覽動(dòng)畫(huà)的效果。 12.3 形狀補(bǔ)間動(dòng)畫(huà)12.4.1 元件和實(shí)例的概念1） 元件：元件是可

14、以在整部影片中反復(fù)使用的特殊對(duì)象。它可以是形狀、按鈕或影片剪輯，在Flash中只創(chuàng)建一次，然后自動(dòng)成為當(dāng)前文檔的庫(kù)的一部分。每個(gè)元件都有自己的時(shí)間軸、場(chǎng)景及圖層。2）實(shí)例：實(shí)例是對(duì)原元件的引用，其屬性可以單獨(dú)設(shè)置，外觀(guān)和動(dòng)作無(wú)需和原元件相同。對(duì)元件進(jìn)行編輯后，該元件的每個(gè)實(shí)例都會(huì)做相應(yīng)的更新。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)12.4.2 新添庫(kù)元件新添一個(gè)庫(kù)元件的方法有以下四種：方法一：把場(chǎng)景舞臺(tái)中的現(xiàn)有元素轉(zhuǎn)換成元件可以把場(chǎng)景舞臺(tái)中已經(jīng)編輯好的元素轉(zhuǎn)換成庫(kù)元件，以便后來(lái)多次使用，步驟是：（1）選中工作區(qū)中的某個(gè)元素。（2）選擇“修改”“轉(zhuǎn)換成元件”命令，這時(shí)彈出“轉(zhuǎn)換為元件”對(duì)話(huà)框，輸入

15、元件的名稱(chēng)并選擇元件類(lèi)型。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（3）選擇“窗口”“庫(kù)”命令，打開(kāi)庫(kù)面板，即看到剛才建立的新元件。方法二：創(chuàng)建新元件可以直接在庫(kù)中創(chuàng)建一個(gè)新的庫(kù)元件，具體步驟是：（1）選擇“插入”“新建元件”命令，將彈出“創(chuàng)建新元件”對(duì)話(huà)框。或者單擊庫(kù)面板右下方的“新建元件”按鈕，也可以打開(kāi)“創(chuàng)建新建元件”對(duì)話(huà)框。輸入元件的名稱(chēng)，選擇元件的類(lèi)型，單擊“確定”按鈕后，即可新建一元件。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（2）此時(shí)狀態(tài)欄上顯示的“元件1”，即表示當(dāng)前的舞臺(tái)工作區(qū)是編輯“元件1”的狀態(tài)。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（3）如同編輯一般的動(dòng)畫(huà)過(guò)程一樣，使

16、用繪圖工具繪圖或?qū)朊襟w等方法建立元件的內(nèi)容。（4）當(dāng)建完元件后單擊圖中狀態(tài)欄中的“場(chǎng)景1”，就可以返回到場(chǎng)景編輯狀態(tài)。方法三：將動(dòng)畫(huà)轉(zhuǎn)換為影片剪輯，具體步驟是：（1）右鍵單擊時(shí)間軸任意一個(gè)單元格，在彈出的快捷菜單中選擇“選擇所有幀”。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（2）右鍵單擊這些選中的幀，在彈出的快捷菜單中選擇“復(fù)制幀”命令，或者直接選擇“編輯”菜單“復(fù)制幀”命令，即可將所有選中的幀都復(fù)制到剪貼板上。（3）選擇“插入”“新建元件”命令，在彈出的對(duì)話(huà)框中輸入元件名稱(chēng)，選擇影片剪輯作為元件的類(lèi)型，然后單擊“確定”按鈕，則舞臺(tái)切換到元件編輯模式，用戶(hù)可以編輯元件。 12.4 元件、實(shí)

17、例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（4）單擊時(shí)間軸的第一幀，并選擇“編輯”“粘貼幀”命令，將剛才復(fù)制到剪貼板上的動(dòng)畫(huà)粘貼進(jìn)來(lái)；或者在第一幀上右擊，在彈出的快捷菜單中選擇“粘貼幀”，也可將動(dòng)畫(huà)粘貼到元件編輯模式舞臺(tái)上。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（5）庫(kù)面板中新添影片剪輯元件2，點(diǎn)擊庫(kù)面板中的播放按鈕，可以在庫(kù)里預(yù)覽影片剪輯元件的動(dòng)畫(huà)效果。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（6）選擇“編輯”菜單“編輯文檔”命令，回到電影編輯模式；或者單擊舞臺(tái)左上方的場(chǎng)景編輯按鈕，返回場(chǎng)景編輯狀態(tài)。方法四：復(fù)制元件，具體步驟是：（1）在庫(kù)面板中選擇一個(gè)元件。（2）右鍵單擊該元件，從彈出的菜單中選擇“直接復(fù)制”

18、命令，這時(shí)會(huì)彈出“直接復(fù)制元件”對(duì)話(huà)框，如圖。輸入新元件的名稱(chēng)并選擇所復(fù)制的元件的類(lèi)型。確定后庫(kù)窗口會(huì)增加一個(gè)與被復(fù)制元件一樣的新元件，只需要在元件編輯模式下對(duì)它進(jìn)行一定的修改就可以成為一個(gè)新元件了。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà) 運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)用于制作對(duì)象運(yùn)動(dòng)的效果。給對(duì)象指定開(kāi)始狀態(tài)和終止?fàn)顟B(tài)，由計(jì)算機(jī)自動(dòng)生成中間的運(yùn)動(dòng)過(guò)程，實(shí)現(xiàn)對(duì)象從開(kāi)始的姿態(tài)運(yùn)動(dòng)到終止姿態(tài)的效果。另外，使用運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)的基本過(guò)程，通過(guò)對(duì)各種參數(shù)的設(shè)置，可以制作變形效果，旋轉(zhuǎn)效果和淡入、淡出效果等等。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)在此，用一個(gè)行駛的車(chē)輛的動(dòng)畫(huà)實(shí)例，介紹元件和運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)的制作過(guò)程。制作步驟如下：

19、（1）新建一Flash文檔，首先制作一個(gè)轉(zhuǎn)動(dòng)的車(chē)輪的影片剪輯元件。由“插入”菜單“新建元件”，打開(kāi)“創(chuàng)建新元件”對(duì)話(huà)框，將名稱(chēng)改為“車(chē)輪”，類(lèi)型選擇“影片剪輯”，點(diǎn)擊“確定”，進(jìn)入影片剪輯元件“車(chē)輪”的編輯狀態(tài)。（2）點(diǎn)擊工具箱里的橢圓工具，在屬性面板設(shè)置其屬性為：筆觸顏色為黑色；粗細(xì)為10像素；填充顏色為灰色；線(xiàn)條形狀為實(shí)線(xiàn)。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（3）按下Shift鍵，在舞臺(tái)中間畫(huà)一個(gè)正圓形，用工具箱里的“選擇工具”，將此正圓形全部選中，由“窗口”菜單“對(duì)齊”，打開(kāi)“對(duì)齊”面板，如左下圖。點(diǎn)擊其中的“相對(duì)與舞臺(tái)”，在點(diǎn)擊其中的“水平中齊”按鈕和“垂直中齊”按鈕，將正圓形置于舞

20、臺(tái)的正中心。結(jié)果如右下圖。舞臺(tái)上的十字標(biāo)記表示舞臺(tái)的正中心位置。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（4）使用工具箱里的直線(xiàn)工具（筆觸粗細(xì)修改為8像素），穿過(guò)圓心畫(huà)兩條直線(xiàn)。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（5）選中全部圖形，由“修改”菜單“組合”命令，將所繪制的圖形進(jìn)行組合。 （6）右鍵單擊時(shí)間軸的第30幀，選擇“插入關(guān)鍵幀”命令，將組合的圖形復(fù)制到30幀。單擊時(shí)間軸第1幀第30幀之間的任意幀，在屬性面板上將“補(bǔ)間”設(shè)置為“動(dòng)畫(huà)”；“旋轉(zhuǎn)”設(shè)置為“順時(shí)針”；“旋轉(zhuǎn)數(shù)”設(shè)置為2次。如圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà) （7）此時(shí)時(shí)間軸的第130幀之間就會(huì)顯示為一條由第1幀指向第

21、30幀的實(shí)線(xiàn)箭頭，與形狀補(bǔ)間不同的是，實(shí)線(xiàn)箭頭的背景顏色是灰色的，而形狀補(bǔ)間的背景顏色是淺綠色的。點(diǎn)擊庫(kù)面板中的播放按鈕，可以預(yù)覽車(chē)輪的旋轉(zhuǎn)效果。（8）現(xiàn)在開(kāi)始制作第2個(gè)元件“車(chē)”。由“插入”菜單“新建元件”，打開(kāi)“創(chuàng)建新元件”對(duì)話(huà)框，將名稱(chēng)改為“車(chē)”，類(lèi)型選擇“影片剪輯”，點(diǎn)擊“確定”，進(jìn)入影片剪輯元件“車(chē)”的編輯狀態(tài)。（9）使用繪圖工具在舞臺(tái)中繪制車(chē)輛。使用選擇工具放在繪制的形狀邊緣拖動(dòng)，可以任意改變所繪制的形狀，最后得到如圖所示的車(chē)輛外形。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（10）從庫(kù)中將影片剪輯元件“車(chē)輪”拖拽到舞臺(tái)中，用任意變形工具改變車(chē)輪的大小使其適合于車(chē)身的大小，然后再?gòu)?fù)制同樣

22、的一個(gè)車(chē)輪前后各放置一個(gè)。如左圖。至此，完成兩個(gè)庫(kù)元件的制作。庫(kù)面板如右圖。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)（11）點(diǎn)擊狀態(tài)欄中的“場(chǎng)景1”，返回到場(chǎng)景的編輯狀態(tài)。在第1幀上將元件“車(chē)”拖拽到場(chǎng)景的右下方。（12）右鍵單擊時(shí)間軸的第25幀，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”，將“車(chē)”元件復(fù)制到25幀，然后將“車(chē)”元件移動(dòng)到舞臺(tái)的左下方。單擊時(shí)間軸第1幀第25幀之間的任意幀，在屬性面板上將“補(bǔ)間”設(shè)置為“動(dòng)畫(huà)”；“旋轉(zhuǎn)”設(shè)置為“自動(dòng)”。（13）按Ctrl+Enter鍵預(yù)覽動(dòng)畫(huà)的效果。保存“car.fla”文件，導(dǎo)出“car.swf”影片。 12.4 元件、實(shí)例與運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà) 12.5 Fl

23、ash中層的應(yīng)用12.5.1 圖層的概念圖層是時(shí)間軸的一部分，按照堆疊順序一層層地相互疊加在一起，用于組織文檔中的插圖。在一個(gè)圖層上編輯和繪制圖層時(shí)，不會(huì)影響其他圖層上的對(duì)象。Flash中的圖層有以下三種：普通圖層。引導(dǎo)層：普通引導(dǎo)層和運(yùn)動(dòng)引導(dǎo)層。遮罩層：用于制作蒙版效果。12.5.2 圖層的應(yīng)用12.5.2.1 創(chuàng)建新圖層單擊時(shí)間軸底部的“插入圖層”按鈕，如圖?；蛘哂蛇x擇“插入”菜單“時(shí)間軸”“圖層”命令?；蛘哂覔魰r(shí)間軸中的一個(gè)圖層名稱(chēng)，然后從快捷菜單中選擇“插入圖層”命令。 12.5 Flash中層的應(yīng)用12.5.2.2 圖層的操作顯示或隱藏圖層及文件夾:單擊時(shí)間軸中圖層或文件夾名稱(chēng)右側(cè)的

24、“眼睛”圖標(biāo)。查看圖層上內(nèi)容的輪廓：?jiǎn)螕魣D層名稱(chēng)右側(cè)的“輪廓”圖標(biāo)。選擇圖層：在時(shí)間軸中單擊圖層或文件夾的名稱(chēng)；在時(shí)間軸中單擊要選擇的圖層的任意一個(gè)幀；在舞臺(tái)中選擇要選擇的圖層上的一個(gè)對(duì)象；按住Shift鍵在時(shí)間軸中單擊連續(xù)的幾個(gè)圖層或文件夾；按住Ctrl鍵單擊時(shí)間軸中幾個(gè)不連續(xù)的圖層或文件夾。 12.5 Flash中層的應(yīng)用重命名圖層：雙擊時(shí)間軸中圖層或文件夾的名稱(chēng)，使其進(jìn)入編輯狀態(tài)，然后輸入新名稱(chēng)；或者在“圖層屬性”對(duì)話(huà)框（“修改”菜單“時(shí)間軸”“圖層屬性”命令）中輸入新名稱(chēng)。復(fù)制圖層：選擇要復(fù)制的圖層或圖層文件夾，選擇“編輯”菜單“時(shí)間軸”“復(fù)制幀”命令，然后插入一個(gè)新層或新文件夾，選擇

25、“編輯”菜單“時(shí)間軸”“粘貼幀”命令。鎖定圖層：?jiǎn)螕簟版i定”列或“鎖定”圖標(biāo)。 12.5 Flash中層的應(yīng)用刪除圖層：選定要?jiǎng)h除的圖層，單擊時(shí)間軸中的“刪除圖層”按鈕；或者將圖層或文件夾拖到“刪除圖層”按鈕上；右擊圖層或文件夾的名稱(chēng)，然后從快捷菜單中選擇“刪除圖層”命令。改變圖層順序：選擇一個(gè)或多個(gè)要改變其順序的圖層，然后上下拖動(dòng)它到時(shí)間軸中其他圖層上方或下方的所需位置。設(shè)置圖層屬性：使用“圖層屬性”對(duì)話(huà)框，可指定圖層或圖層文件夾的名稱(chēng)、狀態(tài)、類(lèi)型、輪廓顏色、圖層高度等。 12.5 Flash中層的應(yīng)用12.5.2.3 運(yùn)動(dòng)引導(dǎo)層運(yùn)動(dòng)引導(dǎo)層用于繪制使對(duì)象沿其運(yùn)動(dòng)的路徑。鏈接到運(yùn)動(dòng)引導(dǎo)層的常規(guī)

26、圖層稱(chēng)為被引導(dǎo)層。1.創(chuàng)建運(yùn)動(dòng)引導(dǎo)層：選擇“插入”“時(shí)間軸”“運(yùn)動(dòng)引導(dǎo)層”命令或單擊時(shí)間軸窗口左下角的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕。如圖，圖層2是引導(dǎo)層，圖層4是被引導(dǎo)層，圖層1是普通圖層。 12.5 Flash中層的應(yīng)用2.建立多個(gè)普通圖層與運(yùn)動(dòng)引導(dǎo)層的關(guān)聯(lián)：將要與運(yùn)動(dòng)引導(dǎo)層相關(guān)聯(lián)的常規(guī)圖層拖到運(yùn)動(dòng)引導(dǎo)層正下方。在運(yùn)動(dòng)引導(dǎo)層下方選擇一個(gè)圖層，選擇“修改”“時(shí)間軸”“圖層屬性”命令，在彈出的“圖層屬性”對(duì)話(huà)框中選擇“類(lèi)型”選項(xiàng)組中的“被引導(dǎo)”選項(xiàng)。如圖。 12.5 Flash中層的應(yīng)用3.取消與運(yùn)動(dòng)引導(dǎo)層的關(guān)聯(lián)：將選定層拖到運(yùn)動(dòng)引導(dǎo)層或其他常規(guī)圖層上面。在“圖層屬性”對(duì)話(huà)框中選擇“類(lèi)型”選項(xiàng)組中的“一般”選項(xiàng)。12.5.2.4 運(yùn)動(dòng)引導(dǎo)層應(yīng)用舉例制作一皮球延特定軌跡運(yùn)動(dòng)的動(dòng)畫(huà)，步驟如下：（1）新建一個(gè)Flash文檔，制作一個(gè)影片剪輯元件轉(zhuǎn)動(dòng)的皮球，具體方法可參照車(chē)輪的制作方法。 1