時間軸層與幀

1、第八章 時間軸、層與幀第一節(jié) 時 間 軸第二節(jié) 層第三節(jié) 幀本章小結(jié)時間軸是Flash的核心，用于組織和控制動畫內(nèi)容在特定的時間出現(xiàn)在舞臺上。在默認(rèn)情況下，時間軸位于工作界面的頂部，如圖8.1.1所示。第一節(jié) 時 間 軸圖8.1.1 時間軸一、時間軸的組成時間軸主要由播放指針、層、幀、繪圖紙工具、播放時間、幀頻、幀瀏覽選項等組成，如圖8.1.2所示。圖8.1.2 時間軸的組成（1）播放指針：由和一條垂直細線組成，用于指示某一幀為當(dāng)前幀。（2）層：類似于堆疊在一起的透明紙，用于存放動畫中的內(nèi)容，其類型與操作將在第二節(jié)中具體介紹。（3）幀：是Flash動畫的基本單位，用于代表不同的時刻。（4）繪圖

2、紙工具：用于查看動畫在每個幀狀態(tài)下的相對位置，如圖8.1.3所示。圖8.1.3 使用繪圖紙工具顯示動畫前后的效果（5）播放時間：是第1幀與當(dāng)前幀之間播放的時間間隔。（6）幀頻：用于控制動畫播放的速度，其單位為“fps”，數(shù)值越大，速度越快，反之速度越慢。（7）幀瀏覽選項：單擊右上角的“幀瀏覽選項”按鈕，將彈出如圖8.1.4所示的下拉菜單，用戶可以從中選擇需要的幀瀏覽選項。圖8.1.4 “幀瀏覽選項”下拉菜單二、時間軸的操作用戶可以根據(jù)習(xí)慣調(diào)整時間軸的位置及尺寸，可以使其處于嵌入狀態(tài)或浮動狀態(tài)，也可以將其顯示或隱藏。1改變時間軸的位置及尺寸按住并拖動時間軸的左上角，即中的任意位置，可以改變時間軸

3、的位置，使其位于工作界面的下部或者兩側(cè)，如圖8.1.5所示。圖8.1.5 改變時間軸的位置將鼠標(biāo)指針移動到時間軸的邊緣，當(dāng)其呈現(xiàn)形狀時，按住并拖動鼠標(biāo)可以調(diào)整時間軸的尺寸，如圖8.1.6所示。注意：如果有許多層，無法在時間軸中全部顯示，用戶可以使用時間軸右側(cè)的滾動條來查看。圖8.1.6 改變時間軸的尺寸2使時間軸處于嵌入狀態(tài)或浮動狀態(tài)以上介紹的時間軸均處于嵌入狀態(tài)，如果要將它變成浮動狀態(tài)，即作為一個獨立的窗口顯示出來，需要按住并拖動時間軸的左上角，然后在不靠近工作區(qū)邊緣的位置釋放鼠標(biāo)左鍵，如圖8.1.7所示。圖8.1.7 改變時間軸為浮動狀態(tài)3顯示或隱藏時間軸如果用戶覺得時間軸妨礙工作，可以單

4、擊“時間軸”按鈕，將其隱藏，等需要時再顯示，如圖8.1.8所示。注意：也可以選擇“窗口”“時間軸”命令，將其暫時關(guān)閉，等需要時再打開。 圖8.1.8 顯示或隱藏時間軸三、時間軸特效Flash 8中包含了許多時間軸特效，包括變形、轉(zhuǎn)換、分散式直接復(fù)制、復(fù)制到網(wǎng)格、分離、展開、投影和模糊等，通過添加這些特效，用戶可以執(zhí)行最少的步驟創(chuàng)建復(fù)雜的動畫效果。1添加時間軸特效可以添加時間軸特效的對象有文本、圖形、位圖和元件等，當(dāng)用戶向某一對象添加時間軸特效時，F(xiàn)lash會自動創(chuàng)建一個新層，并將該對象及相關(guān)內(nèi)容傳輸?shù)皆搶?。下面以變形效果為例為圖片添加特效，操作步驟如下：（1）新建一個Flash文件。（2）選擇

5、“文件”“導(dǎo)入”“導(dǎo)入到舞臺”命令，彈出“導(dǎo)入”對話框，導(dǎo)入一張圖片到舞臺上。（3）選中圖片，選擇“插入”“時間軸特效”“變形/轉(zhuǎn)換”“變形”命令，彈出如圖8.1.9所示的“變形”對話框。左側(cè)是設(shè)置區(qū)域，能夠改變對象的默認(rèn)值；右側(cè)是預(yù)覽區(qū)，用戶在左側(cè)對圖形進行修改后，單擊“更新預(yù)覽”按鈕即可預(yù)覽到修改后的效果，如圖8.1.10所示。圖8.1.9 “變形”對話框圖8.1.10 預(yù)覽效果（4）設(shè)置完成后單擊“確定”按鈕即可，此時，時間軸面板如圖8.1.11所示。（5）按Ctrl+Enter鍵預(yù)覽動畫效果。圖8.1.11 添加變形特效后的時間軸面板2設(shè)置時間軸特效每一種時間軸特效都擁有自己的參數(shù)，用

6、戶可以根據(jù)需要進行設(shè)置，下面介紹各種時間軸特效的參數(shù)設(shè)置。（1）變形特效。該特效用于制作移動、縮放、旋轉(zhuǎn)、淡入淡出等效果，其參數(shù)如圖8.1.9所示，各選項的含義如下：1）效果持續(xù)時間：設(shè)置變形特效持續(xù)的時間。2）更改位置方式：設(shè)置對象在X軸與Y軸方向上的偏移量。3）縮放比例：設(shè)置對象的縮放比例。4）旋轉(zhuǎn)：設(shè)置對象的旋轉(zhuǎn)角度和次數(shù)。5）更改顏色：應(yīng)用或取消顏色的更改。6）最終顏色：設(shè)置對象最終的顏色。7）最終的Alpha：設(shè)置對象最終的Alpha值，即透明度。8）移動減慢：設(shè)置對象速度變化的方式，當(dāng)值為負數(shù)時，速度變化由慢到快；當(dāng)值為正數(shù)時，速度變化由快到慢。（2）轉(zhuǎn)換特效。該特效用于制作向內(nèi)擦

7、除或向外擦除對象的效果。選中要添加轉(zhuǎn)換特效的對象，選擇“插入”“時間軸特效”“變形/轉(zhuǎn)換”“轉(zhuǎn)換”命令，彈出“轉(zhuǎn)換”對話框，如圖8.1.12所示。圖8.1.12 “轉(zhuǎn)換”對話框該對話框中各參數(shù)的含義如下：1）效果持續(xù)時間：設(shè)置轉(zhuǎn)換特效持續(xù)的時間。2）方向：設(shè)置轉(zhuǎn)換特效的方向。3）淡化：設(shè)置淡化效果。4）涂抹：設(shè)置對象逐漸顯示效果。5）移動減慢：設(shè)置對象速度變化的方式，當(dāng)值為負數(shù)時，速度變化由慢到快；當(dāng)值為正數(shù)時，速度變化由快到慢。（3）分散式直接復(fù)制特效。該特效用于以指定的次數(shù)復(fù)制對象。選中要添加分散式直接復(fù)制特效的對象，選擇“插入”“時間軸特效”“幫助”“分散式直接復(fù)制”命令，彈出“分散式直

8、接復(fù)制”對話框，如圖8.1.13所示。圖8.1.13 “分散式直接復(fù)制”對話框該對話框中各參數(shù)的含義如下：1）副本數(shù)量：設(shè)置要復(fù)制的副本數(shù)量。2）偏移距離：設(shè)置對象在X軸與Y軸方向上的偏移量。3）偏移旋轉(zhuǎn)：設(shè)置偏移旋轉(zhuǎn)的角度。4）偏移起始幀：設(shè)置偏移開始的幀編號。5）指數(shù)縮放比例：設(shè)置以指數(shù)方式縮放對象的縮放比例。6）更改顏色：應(yīng)用或取消對副本顏色的更改。7）最終顏色：設(shè)置最后一個副本的顏色。8）最終的Alpha：設(shè)置最后一個副本的透明度。（4）復(fù)制到網(wǎng)格特效。該特效用于按選定的列數(shù)和行數(shù)復(fù)制對象，并將復(fù)制的對象置于所創(chuàng)建的網(wǎng)格中。選中要添加復(fù)制到網(wǎng)格特效的對象，選擇“插入”“時間軸特效”“幫

9、助”“復(fù)制到網(wǎng)格”命令，彈出“復(fù)制到網(wǎng)格”對話框，如圖8.1.14所示。圖8.1.14 “復(fù)制到網(wǎng)格”對話框該對話框中各參數(shù)的含義如下：1）網(wǎng)格尺寸：設(shè)置網(wǎng)格的行數(shù)和列數(shù)。2）網(wǎng)格間距：設(shè)置網(wǎng)格的行間距和列間距。（5）分離特效。該特效用于使對象產(chǎn)生裂開、旋轉(zhuǎn)和彎曲的效果。選中要添加分離特效的對象，選擇“插入”“時間軸特效”“效果”“分離”命令，彈出“分離”對話框，如圖8.1.15所示。圖8.1.15 “分離”對話框該對話框中各參數(shù)的含義如下：1）效果持續(xù)時間：設(shè)置分離特效持續(xù)的時間。2）分離方向：設(shè)置分離特效的方向。3）弧線大小：設(shè)置對象在X軸與Y軸方向上的偏移量。4）碎片旋轉(zhuǎn)量：設(shè)置碎片的旋

10、轉(zhuǎn)角度。5）碎片大小更改量：設(shè)置碎片在X軸與Y軸方向上的大小更改量。6）最終的Alpha：設(shè)置分離特效最終的透明度。（6）展開特效。該特效用于將對象展開、壓縮或者兩者皆是。選中要添加展開特效的對象，選擇“插入”“時間軸特效”“效果”“展開”命令，彈出“展開”對話框，如圖8.1.16所示。圖8.1.16 “展開”對話框該對話框中各參數(shù)的含義如下：1）效果持續(xù)時間：設(shè)置展開特效持續(xù)的時間。2）展開、壓縮和兩者皆是：設(shè)置展開特效的運動形式。3）移動方向：設(shè)置展開特效的運動方向。4）組中心轉(zhuǎn)換方式：設(shè)置運動中心在X軸和Y軸方向上的偏移量。5）碎片偏移：設(shè)置碎片的偏移量。6）碎片大小更改量：設(shè)置碎片大小

11、的更改量。（7）投影特效。該特效用于使對象產(chǎn)生投影效果。選中要添加投影特效的對象，選擇“插入”“時間軸特效”“效果”“投影”命令，彈出“投影”對話框，如圖8.1.17所示。圖8.1.17 “投影”對話框該對話框中各參數(shù)的含義如下：1）顏色：設(shè)置投影的顏色。2）Alpha透明度：設(shè)置投影的透明度。3）陰影偏移：設(shè)置投影在X軸和Y軸方向上的偏移量。（8）模糊特效。該特效用于創(chuàng)建運動模糊的效果。選中要添加模糊特效的對象，選擇“插入”“時間軸特效”“效果”“模糊”命令，彈出“模糊”對話框，如圖8.1.18所示。圖8.1.18 “模糊”對話框該對話框中各參數(shù)的含義如下：1）效果持續(xù)時間：設(shè)置模糊特效持續(xù)

12、的時間。2）分辨率：設(shè)置對象的顯示質(zhì)量。3）縮放比例：設(shè)置對象的縮放比例。4）允許水平模糊：設(shè)置對象在水平方向上產(chǎn)生模糊效果。5）允許垂直模糊：設(shè)置對象在垂直方向上產(chǎn)生模糊效果。6）移動方向：設(shè)置模糊運動的方向。3編輯時間軸特效如果用戶對已經(jīng)設(shè)置好的時間軸特效不滿意，可以重新進行編輯，操作步驟如下：（1）選中要重新編輯時間軸特效的對象。（2）選擇“修改”“時間軸特效”“編輯特效”命令，或者單擊屬性面板中的“編輯”按鈕，如圖8.1.19所示。圖8.1.19 屬性面板4刪除時間軸特效刪除時間軸特效的操作步驟如下：（1）選中要刪除時間軸特效的對象。（2）選擇“修改”“時間軸特效”“刪除特效”命令，或

13、者單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“時間軸特效”“刪除特效”命令。為了更好地創(chuàng)建與管理動畫，F(xiàn)lash引入了層的概念。對于新建的 Flash 文件，在默認(rèn)情況下只有一個層。隨著復(fù)雜程度的增加，用戶可以根據(jù)需要新建若干層，然后將不同類型的對象置于不同的層中。第二節(jié) 層一、層的類型根據(jù)用途的不同，可以將層分為普通層、引導(dǎo)層和遮罩層3種類型。（1）普通層：即系統(tǒng)默認(rèn)層，用于存放元件、位圖、矢量圖和聲音等對象，以圖標(biāo)顯示。（2）引導(dǎo)層：用于設(shè)置對象的運動軌跡，以圖標(biāo)顯示，如圖8.2.1所示。引導(dǎo)層中的對象不隨動畫輸出，因此不會增加文件的大小。圖8.2.1 引導(dǎo)層（3）遮罩層：用于遮蓋與之相鏈接的層

14、中的對象，以圖標(biāo)顯示，如圖8.2.2所示。與引導(dǎo)層一樣，遮罩層中的對象也不隨動畫輸出。圖8.2.2 遮罩層二、層的操作下面介紹層的有關(guān)操作，包括創(chuàng)建層、重命名層、選擇層、改變層的順序、鎖定與解鎖層、隱藏與顯示層、以輪廓方式顯示層、以層文件夾形式組織層。1創(chuàng)建層對于新建的Flash文件，系統(tǒng)默認(rèn)有一個層，即“圖層1”，如果要創(chuàng)建新層，可以使用以下方法：（1）單擊時間軸中的“插入圖層”按鈕。（2）選擇“插入”“時間軸”“圖層”命令。（3）將鼠標(biāo)指針置于層名區(qū)上，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入圖層”命令。在Flash中，層按照創(chuàng)建的先后順序，由下至上疊加，并且自動命名為“圖層2”、“圖層

15、3”等，如圖8.2.3所示為添加層前后的效果。圖8.2.3 添加層前后的效果2重命名層一個復(fù)雜的Flash動畫，可能要創(chuàng)建幾十甚至幾百個層，如果沿用默認(rèn)的名稱，將難以區(qū)分和記憶每一層的內(nèi)容，因此，需要根據(jù)層中的內(nèi)容重命名層，操作步驟如下：（1）選中要重命名的層。（2）雙擊該層的名稱，使其進入可編輯狀態(tài)。（3）輸入新的名稱，例如“聲音”。（4）輸入完畢后，在非白色區(qū)域單擊鼠標(biāo)左鍵，如圖8.2.4所示。圖8.2.4 重命名層3選擇層選擇層也就是激活層，使該層成為當(dāng)前可操作的層，操作方法如下：（1）在時間軸中單擊要選擇層的名稱。（2）在時間軸中單擊要選擇層所包含的幀。（3）在舞臺中選擇該層中的某個對

16、象。注意：處于選擇狀態(tài)的層，在時間軸中將以藍色反白顯示，并且在層名的右側(cè)將出現(xiàn)一個鉛筆圖標(biāo)。有時為了編輯的需要，可能要同時選擇多個層，遇到這種情況，可以利用Shift鍵或Ctrl鍵來完成。當(dāng)用戶選擇第一個層后，在按住Shift鍵的同時，單擊要選擇的最后一層，可以選擇連續(xù)的多個層；在按住Ctrl鍵的同時，單擊不相鄰的層，可以選擇不連續(xù)的多個層，如圖8.2.5所示。圖8.2.5 選擇多個層4改變層的順序?qū)拥捻樞驎苯佑绊憣又袑ο蟮闹丿B形式，即處于上面層中的內(nèi)容會遮擋住下面層中的內(nèi)容，如圖8.2.6所示。圖8.2.6 層的遮擋關(guān)系改變層順序的操作步驟如下：（1）選擇要改變順序的層。（2）按住鼠標(biāo)左鍵

17、并拖動。注意：在拖動過程中，會出現(xiàn)一條虛線，顯示層的移動。（3）在需要的位置釋放鼠標(biāo)左鍵即可，如圖8.2.7所示。圖8.2.7 改變層的順序5鎖定與解鎖層當(dāng)對某一層的操作已經(jīng)完成，為了避免由于誤操作而導(dǎo)致辛苦的工作付諸東流，用戶可以將該層鎖定。直接單擊該層與“鎖定/解除鎖定所有圖層”按鈕交叉的圖標(biāo)，使其變?yōu)閳D標(biāo)即可，如圖8.2.8所示。圖8.2.8 鎖定層如果要編輯鎖定層中的內(nèi)容，單擊層與“鎖定/解除鎖定所有圖層”按鈕交叉的圖標(biāo)，將其變?yōu)閳D標(biāo)即可。注意：如果鎖定的是當(dāng)前層，則該層中的圖標(biāo)將變成圖標(biāo)，表示該層同時處于不可編輯狀態(tài)，如圖8.2.9所示。另外，單擊“鎖定/解除鎖定所有圖層”按鈕，可以

18、同時鎖定所有層或者解除對所有層的鎖定，如圖8.2.10所示。圖8.2.9 鎖定當(dāng)前層 圖8.2.10 鎖定所有層6隱藏與顯示層當(dāng)用戶對某層進行編輯時，有些層可能會影響到用戶的操作，那么就需要將這些層進行隱藏，單擊該層與“顯示/隱藏所有圖層”按鈕交叉的圖標(biāo)，將其變?yōu)閳D標(biāo)即可，如圖8.2.11所示。圖8.2.11 隱藏層對于隱藏層中的所有對象，在舞臺中將不予顯示。如果要編輯隱藏層中的內(nèi)容，單擊該層與“顯示/隱藏所有圖層”按鈕交叉的圖標(biāo)，將其變?yōu)閳D標(biāo)即可。技巧：單擊“顯示/隱藏所有圖層”按鈕，可以同時隱藏所有層或者將它們重新顯示，如圖8.2.12所示。圖8.2.12 同時隱藏或顯示所有層7以輪廓方式

19、顯示層在默認(rèn)情況下，層中的內(nèi)容以完整的實體顯示，如圖8.2.13所示。但有時為了便于查看對象的邊緣，需要以輪廓方式顯示層，此時，F(xiàn)lash將只顯示對象的輪廓，如圖8.2.14所示。圖8.2.13 以實體方式顯示對象 圖8.2.14 以輪廓方式顯示對象若要以輪廓方式顯示層，直接單擊該層與“顯示所有圖層的輪廓”按鈕交叉的圖標(biāo)，使其變?yōu)閳D標(biāo)即可，如圖8.2.15所示。技巧：單擊“顯示所有圖層的輪廓”按鈕，可以同時以輪廓方式顯示所有層。圖8.2.15 層的兩種顯示方式8以層文件夾形式組織層層文件夾能有效地組織層，從而便于用戶編輯和調(diào)試動畫，創(chuàng)建層文件夾的操作步驟如下：（1）執(zhí)行下列操作之一，創(chuàng)建空的層

20、文件夾。1）選擇“插入”“時間軸”“圖層文件夾”命令。2）單擊時間軸面板中的“插入圖層文件夾”按鈕。3）將鼠標(biāo)指針置于某個層名上，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入文件夾”命令。（2）為層文件夾命名，例如，若要存放圖片，可命名為“image”；若要存放聲音，可命名為“sound”。（3）按住并拖動相關(guān)層到層文件夾中。提示：如果要展開層文件夾，單擊文件夾左側(cè)的小三角即可，如圖8.2.16所示。圖8.2.16 展開層文件夾Flash動畫與我們平時看到的電影和電視一樣，是通過連續(xù)播放若干個靜止的畫面來產(chǎn)生動畫效果的，這些靜止的畫面叫作幀，它類似于電影底片上每一格的畫面。一般來說，每秒鐘的電影

21、包含24個或者更多的畫面，動畫才能流暢。第三節(jié) 幀一、幀的類型幀是構(gòu)成Flash動畫的基礎(chǔ)，根據(jù)它的特點與用途，可以分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀等多種類型。（1）關(guān)鍵幀：用于描述關(guān)鍵畫面的幀，在時間軸上顯示為實心圓，如圖8.3.1所示。（2）普通幀：即通常所說的幀，用于延長動畫的播放時間，在時間軸上顯示為灰色的方格，如圖8.3.2所示。 （3）空白關(guān)鍵幀：即沒有內(nèi)容的關(guān)鍵幀，在時間軸上顯示為空心圓，如圖8.3.3所示。 圖8.3.1 關(guān)鍵幀 圖8.3.2 普通幀 圖8.3.3 空白關(guān)鍵幀（4）形狀補間幀：指在兩個關(guān)鍵幀之間用淺綠色填充并由箭頭連接的幀，表示對象產(chǎn)生了形狀補間動畫，如圖8.3.

22、4所示。（5）運動補間幀：指在兩個關(guān)鍵幀之間用淺藍色填充并由箭頭連接的幀，表示對象產(chǎn)生了運動補間動畫，如圖8.3.5所示。圖8.3.4 形狀補間幀 圖8.3.5 運動補間幀（6）錯誤補間幀：指在兩個關(guān)鍵幀之間由虛線連接的幀，表示補間動畫發(fā)生了錯誤，如圖8.3.6所示。（7）動作幀：指由“”字母標(biāo)識的關(guān)鍵幀，表示該幀中添加了動作，如圖8.3.7所示。圖8.3.6 錯誤補間幀 圖8.3.7 動作幀（8）名稱幀：指由小紅旗開始，后面跟有文字的幀，常用于幀的跳轉(zhuǎn)，如圖8.3.8所示。 （9）注釋幀：指由綠色的雙斜杠開始，后面跟有文字的幀，表示注釋，如圖8.3.9所示。（10）錨記幀：指由開始，后面跟有

23、文字的幀，如圖8.3.10所示。圖8.3.8 名稱幀 圖8.3.9 注釋幀 圖8.3.10 錨記幀二、幀的操作下面介紹幀的有關(guān)操作，包括選擇幀、移動幀、復(fù)制與粘貼幀、改變幀的外觀以及設(shè)置幀標(biāo)簽。1選擇幀根據(jù)選擇范圍的不同，幀的選擇有以下4種情況：（1）選擇單個幀。在時間軸上單擊幀所在的位置即可，如圖8.3.11所示。 圖8.3.11 選擇單個幀 （2）選擇多個連續(xù)的幀。在按住Shift鍵的同時，單擊要選擇的第1幀，然后單擊最后一幀即可，如圖8.3.12所示。圖8.3.12 選擇多個連續(xù)的幀（3）選擇多個不連續(xù)的幀。在按住Ctrl鍵的同時，單擊要選擇的幀即可，如圖8.3.13所示。圖8.3.13 選擇多個不連續(xù)的幀（4）選擇所有幀。選擇某一幀后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“選擇所有幀”命令即可，如圖8.3.14所示。圖8.3.14 選擇所有幀2移動幀移動幀的操作步驟如下：（1）使用上面介紹的方法，選擇要移動的幀。（2）按住鼠標(biāo)左鍵不放并拖動，此時，鼠標(biāo)指針將呈現(xiàn)形狀。（3）當(dāng)移動到目標(biāo)位置時，釋放鼠標(biāo)左鍵即可，如圖8.3.15所示。圖8.3.15 移動幀3復(fù)制與粘貼幀復(fù)制與粘貼幀的操作步驟如下：（1）選擇單個幀或多個幀。（2）單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀”命令。（3）在需要的位置單擊鼠標(biāo)右鍵，然后在彈出的快捷菜單中選擇“粘貼幀”命令。4