第2章_Flash幀和時(shí)間軸.

1、教學(xué)目的本章主要介紹了時(shí)間軸、幀的各種操作:時(shí)間軸與幀的 操作是制作動(dòng)畫的基木操作，在以后絕人多數(shù)復(fù)雜動(dòng)畫的 制作中，時(shí)間軸與幀的使用是至關(guān)重要的。通過本章內(nèi)容 的學(xué)習(xí)，能了解幀的類型、掌握幀和時(shí)間軸的編輯方法與 幀動(dòng)畫的創(chuàng)建。教學(xué)重點(diǎn)及難點(diǎn)時(shí)間軸和幀的操作方法教學(xué)方法講授法、多媒體演示。1.1幀的概念Flash動(dòng)畫出一個(gè)個(gè)畫面組成，實(shí)際每一個(gè)畫面 就是一個(gè)幀，可以把幀看作是Fbsh動(dòng)畫中在最短時(shí) 間單位里出現(xiàn)的畫而。一個(gè)完整的Flash動(dòng)畫就是由 許多幀組成，播放時(shí)依次顯示毎一幀屮的內(nèi)容。通過 連續(xù)播放這些幀，從【佰實(shí)現(xiàn)所要農(nóng)達(dá)的動(dòng)間效果。幀 越多，動(dòng)畫需要播放的畫血也越多，播放的內(nèi)容越多

2、時(shí)間就越長。Flash動(dòng)BQ設(shè)計(jì)與制作1.2幀的作用幀在Flash動(dòng)畫中的作用和電影膠片在電 影中所起的作用類似，可以衣現(xiàn)畫血的內(nèi)容。 而且在幀中還能夠添加幀標(biāo)簽或Actions語句 ,對Fhsh動(dòng)畫中的元件進(jìn)行運(yùn)算和控制。1.4Flash動(dòng)BQ設(shè)計(jì)與制作1.3幀的類型在Flash 8的丄作界血中，時(shí)間軸中的每 一個(gè)小方格就代夷一個(gè)幀，一個(gè)幀包含了動(dòng)畫 中某一時(shí)刻的畫而。幀是組成動(dòng)畫的基本單位 ,可分為親鍵幀、普通幀和空白關(guān)鍵幀3種，它 們在時(shí)間軸中各自的表示方法如圖所示。關(guān)鍵幀-齊通幀空門關(guān)鍵幀1.8冋ash動(dòng)畫設(shè)計(jì)與制作1.8冋ash動(dòng)畫設(shè)計(jì)與制作令定義:幀就像電影中的底兒基本丄制作動(dòng)畫

3、的大部分操作都是對幀的操作；申類型：牛關(guān)鍵巾貞申空白關(guān)鍵幀卄通幀金幀的操作：復(fù)制、刪除、移動(dòng)、插入、翻轉(zhuǎn)幀頻：fps幀/秒（表示一秒鐘播放多少幀）默認(rèn)為12fps關(guān)鍵幀 F6添加關(guān)鍵幀，以實(shí)心表示1.8冋ash動(dòng)畫設(shè)計(jì)與制作t Shift+F6-刪除關(guān)鍵幀關(guān)鍵幀是用丁定義變化的幀，每一個(gè)關(guān)鍵幀 都有自己獨(dú)立的場景；軫添加關(guān)鍵幀時(shí),會復(fù)制前一關(guān)鍵幀的內(nèi)容;當(dāng)將關(guān)鍵幀中的場景內(nèi)祁刪除丿憶關(guān)鍵幀會空白關(guān)鍵幀 F7添加空白關(guān)鍵幀，以空心圓表示是特殊的關(guān)鍵幀有自己的獨(dú)立的場景，但 是場景中沒有任何對象存在；如杲在空白關(guān)鍵幀的場景中添加對象，那 空口關(guān)鍵幀會自動(dòng)轉(zhuǎn)換為關(guān)鍵幀；一般情況下，新建圖層的第一幀都

4、為空白 關(guān)鍵幀1.8冋ash動(dòng)畫設(shè)計(jì)與制作普通幀延續(xù)幀 F5添加曹通幀Shift+F5刪除普通幀e普通幀只是簡單地延續(xù)前一關(guān)鍵幀中的場景內(nèi) 容；普通幀沒有自己的場景，它與它的前一關(guān)鍵幀共 享場昴改變普通幀中對彖實(shí)是在改前一關(guān)鍵幀的劉 象；兩入關(guān)鍵幀Z間（包括空白關(guān)鍵幀）會自動(dòng)控制1.4幀的顯示狀態(tài)在Flash中，時(shí)間軸上幀的顯 示狀態(tài)可以根據(jù)實(shí)卩小需要進(jìn)行不同 的設(shè)置。單擊時(shí)間軸標(biāo)尺右側(cè)的 按鈕,將彈出如圖所示幀的視圖菜 單，選擇不同的選項(xiàng)可設(shè)置幀的顯 示狀態(tài)。彳R小中大 預(yù)覽 關(guān)聯(lián)預(yù)覽較短彩色顯示幀1.10Flash動(dòng)頸設(shè)計(jì)與制作1.5幀的操作創(chuàng)建幀 復(fù)制幀刪除Wt清除幀翻轉(zhuǎn)幀設(shè)置幀頻1.1

5、1Flash動(dòng)SB設(shè)計(jì)與制作1.5幀的操作1. 5. 1 選擇幀要編輯幀，首先得選擇幀。/Flash中可以選擇單-幀， 也話逸擇多幀，其方法如Ko在時(shí)間軸上單擊要選擇的幀格，可以選中單幀，被 選中的幀以黑色顯示。若要選擇連續(xù)的多幀，可先選中第一個(gè)幀，然后按 住Shift鍵單擊需要選擇的最后一個(gè)幀,即可將 中間的幀全部選中要選擇不連續(xù)的多幀，可先選中第一個(gè)幀，然后按 住【Ctrl】鍵單擊其他需要選擇的幀格即可。在圖層區(qū)中單擊某一圖層名稱，可選中該圖層中所 有幀。1.12Flash動(dòng)Bi設(shè)計(jì)與制作152創(chuàng)建幀創(chuàng)建關(guān)鍵幀創(chuàng)建普通幀創(chuàng)建空白關(guān)鍵幀創(chuàng)建關(guān)鍵幀的方法有以下幾種。選中需耍創(chuàng)建關(guān)鍵幀的幀格，按

6、【F6】鍵創(chuàng)建關(guān)鍵 幀。選中需要?jiǎng)?chuàng)建關(guān)鍵幀的幀格，選擇【插入 I時(shí) 間軸關(guān)鍵幀菜單命令即可，并且插入的關(guān) 鍵幀中有前一關(guān)鍵幀的內(nèi)容。用鼠標(biāo)右鍵單擊要插入關(guān)鍵幀的幀格，在彈出的快 捷菜單中選擇“插入關(guān)鍵幀”命令。1.14Flash動(dòng)頸設(shè)計(jì)與制作創(chuàng)建普通幀創(chuàng)建普通幀的方法有以下兒種。選中需要?jiǎng)?chuàng)建普通幀的幀格，按【F5】鍵創(chuàng)建普通 幀。選中需要?jiǎng)?chuàng)建普通幀的幀格，選擇插入時(shí)間 軸幀菜單命令。在需要?jiǎng)?chuàng)建普通幀的幀格上單擊鼠標(biāo)右鍵，在彈出 的快捷菜單中選擇“插入幀”命令。1.15冋ash動(dòng)頸設(shè)計(jì)與制作創(chuàng)建空白關(guān)鍵幀創(chuàng)建空白關(guān)鍵幀的方法有以下幾種。選中需要?jiǎng)?chuàng)建空口關(guān)鍵幀的幀格，按【F7】鍵創(chuàng)建 空白關(guān)鍵幀。

7、在需要?jiǎng)?chuàng)建空口關(guān)鍵幀的幀格上單擊鼠標(biāo)右鍵，在 彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”命令。如果前一個(gè)關(guān)鍵幀中有內(nèi)容，選中耍插入空白關(guān)鍵 幀的幀格，逸擇插入時(shí)間軸空白關(guān) 鍵幀菜單命令。如果前一個(gè)關(guān)鍵幀中沒勺內(nèi)容， 直接插入關(guān)鍵幀即可得到空白關(guān)鍵幀。1.16Flash動(dòng)Hi設(shè)計(jì)與制作1.5.3移動(dòng)幀/F制作動(dòng)畫的過程中，有時(shí)需要對幀進(jìn)行移 動(dòng)，移動(dòng)幀的方法令以下兩種。選中要移動(dòng)的幀，按住鼠標(biāo)左鍵并拖動(dòng)到礙要的 位置釋放鼠標(biāo)，如圖所示。在要移動(dòng)的幀上單擊鼠標(biāo)右鍵，在彈山的快捷菜 單中選擇“剪切幀”命令。然后在H標(biāo)位置上單 占鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“粘貼幀 ”命令。1.17冋ash動(dòng)Hj設(shè)計(jì)

8、與制作1.5.4復(fù)制幀在制作動(dòng)畫時(shí)，有時(shí)需要對幀進(jìn)行復(fù)制，其 具體操作如下。（1）在要復(fù)制的幀上單擊鼠標(biāo)右鍵，在彈出的快捷 菜單中選擇“復(fù)制幀”命令。（2）用鼠標(biāo)右鍵單擊冃標(biāo)幀，A彈出的快捷菜單中 選擇“粘貼幀”命令，即可將復(fù)制的幀及其內(nèi)容粘 貼到目標(biāo)幀中。1.18Flash動(dòng)頸設(shè)計(jì)與制作1.5.5刪除幀在制作動(dòng)畫時(shí)，如果創(chuàng)建的幀不符合 要求或不再需要，可以將其刪除。刪除幀的 方法足選擇耍刪除的幀，在其上單擊鼠標(biāo)右 鍵，在彈出的快捷菜單中選擇“刪除幀”命 令。1.5.7清除幀在制作動(dòng)畫時(shí)，如果不再需要所創(chuàng)建的 幀中的內(nèi)容，可以將內(nèi)容清除。在要清除的幀上單/鼠標(biāo)右鍵，在彈出 的快捷菜單中選擇“淸

9、除幀”命令，可以淸 除幀中的內(nèi)容并將該幀轉(zhuǎn)化為空白關(guān)鍵幀。1.20Flash動(dòng)Hi設(shè)計(jì)與制作如果要使動(dòng)畫多個(gè)幀的播放順序顛倒，可以 進(jìn)行翻轉(zhuǎn)幀操作。其方法是在時(shí)間軸中選中要翻 轉(zhuǎn)的幀格，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中 選擇“翻轉(zhuǎn)幀”命令，將選屮幀的播放順序進(jìn)行 翻轉(zhuǎn)。1.21Flash動(dòng)Bi設(shè)計(jì)與制作1.5.9設(shè)置幀頻幀頻決定動(dòng)畫播放的連貫件與平滑性，設(shè)置幀頻就足設(shè) 置動(dòng)畫的播放速度，幀頻越大，播放速度越快，幀頻 越小，播放速度越慢。設(shè)定幀頻的具休操作如下。（1）在時(shí)間軸的狀態(tài)欄上雙擊12”團(tuán)標(biāo)，打開如 圖所示的“文檔屬性”對話框。（2）在“幀頻”文本框中輸入需要設(shè)定的頻率，系統(tǒng)默認(rèn)幀頻為1

10、2fps,它是互聯(lián)網(wǎng)上最適合的幀頻。（3）單擊 口0 按鈕后完成幀頻設(shè)置。g I卩如|為51*1ICm觀UMU OITWDauwxm ”*強(qiáng)皿百1 s| V4T31.22Flash動(dòng)Bi設(shè)計(jì)與制作任務(wù)1眨眼睛的小男孩本例制作一個(gè)小男孩眨眼睛的動(dòng)曲。首先通過導(dǎo)入功 能為動(dòng)曲添加背景，然后導(dǎo)入小男孩圖片，并通過繪圖工 具繪制小男孩眼睛IW開的形狀，最后插入空門關(guān)鍵幀與關(guān) 鍵幀，通過繪圖I:具繪制小男孩眼睛閉上的形狀，使睜眼1.23Flash動(dòng)頸設(shè)計(jì)與制作本例制作-個(gè)倒計(jì)時(shí)動(dòng)畫。首先通過導(dǎo)入功 能為動(dòng)畫添加背景，然后插入關(guān)鍵幀，最后在幀 丄放置動(dòng)畫元秦。完成后h勺效果如卜圖所示。1.24Flash動(dòng)

11、Bi設(shè)計(jì)與制作2.1時(shí)間軸圖層目錄幀號關(guān)鍵幀播放頭 幀時(shí)間標(biāo)尺4 m*空門關(guān)鍵幀幀速播放到當(dāng)詢幀所花 幀數(shù) 費(fèi)的時(shí)間洋蔥皮（繪圖紙）中間幀1.26Flash動(dòng)Hi設(shè)計(jì)與制作1.#Flash動(dòng)Hi設(shè)計(jì)與制作時(shí)間軸定義$時(shí)間軸面板主要用于組織和控制影片中圖層 和幀的內(nèi)容，使這些內(nèi)容提要隨著時(shí)間的推 移而發(fā)生相應(yīng)的變化；時(shí)間軸主要由以下對象組成：圖層圖層包含的幀Q播放頭1.#Flash動(dòng)Hi設(shè)計(jì)與制作2. 1.2圖層串作用和特點(diǎn)：令管理動(dòng)畫中的對象；0圖層是透明的，透過陽層中沒令對象的區(qū)域，可以 看到下面圖層中的對象；壬增加圖屋的數(shù)量丿、會增加輸出影片文件swf的大 小,會增加tu文件的大小；一般組

12、成動(dòng)畫的各個(gè)小動(dòng)畫要放蟲在不同的圖層 *操作:新建刪除垂命名）幀序鎖定隱藏 爭分類:艸通圖層、引導(dǎo)圖層、遮罩圖1.27Flash動(dòng)頸設(shè)計(jì)與制作時(shí)間軸是Flash中最竜要和最核心的部分，所有的動(dòng) 畫順序、動(dòng)作行為、控制命令以及聲音等都赴在時(shí) 間軸中編排的.時(shí)間軸面板可分為左右兩部分：圖層面板和幀面板.每個(gè)圖層可以包含任意數(shù)量的對象：這些對條在圖層上又 肴旨己內(nèi)廂的層疊順序。每個(gè)圖層都有獨(dú)立的時(shí)間軸和獨(dú)立的一系列的幀，各圖層 可以獨(dú)立地進(jìn)行編輯。各個(gè)圖層的幀在時(shí)間上是互相對應(yīng)的，所以在播放時(shí)可見 的各個(gè)圖層重疊在一起播放，就形戌了復(fù)雜的動(dòng)畫效果.1.28Flash動(dòng)頸設(shè)計(jì)與制作幀構(gòu)建動(dòng)畫的最基本元

13、素之一。:：*不同幀的前后順序?qū)㈥P(guān)系到這些幀中的內(nèi)容在影片 播放中出現(xiàn)的順序.分三種類別：普通幀（過渡幀）.關(guān)鍵幀和空白關(guān)鍵幀.播枚頭：用來指示當(dāng)前所在幀“在舞臺上按下Enters在編輯狀態(tài)下運(yùn)行彩片，播放頭也會隨著彭 片的播放而向前移動(dòng)，指示出播放到的幀的位鼻.如果正在處理大量的幀，無法一次全部顯示在時(shí)間軸上，可以施 動(dòng)播放頭沿著時(shí)間軸移動(dòng)，從而輕易地屯位到目標(biāo)幀.搐放頭的移動(dòng)是有一定范圖的，政遠(yuǎn)只能移動(dòng)到時(shí)間軸中定漢過 的最后一枝，不能移動(dòng)到時(shí)間軸上未定丈過的幀.所以在動(dòng)畫制作過程中，往往需要加入多個(gè)層來 輔助制作，建立層的數(shù)目只取決于計(jì)算機(jī)內(nèi)存，不會 增大動(dòng)畫文件的尺寸.因此在動(dòng)畫制作中

14、靈活地掌握 與使用層，就可以制作出各種特殊效果.圖層的基本操作是通過時(shí)間軸面板的圖層控制區(qū) 上的工具來實(shí)現(xiàn)，61圖所示為一個(gè)典型的時(shí)間軸面 板中的圖層控制區(qū).圖層的數(shù)量是不限定的，可以腹 便添加，視動(dòng)畫作品的需要而定在Flash CS中， 圖層共分為5種類型，即一般圖層、遮罩圖層、被遮 罩圖層、引導(dǎo)圖層和被引導(dǎo)圖層。1.30Flash動(dòng)頸設(shè)計(jì)與制作時(shí)間袖i動(dòng)畫圖6. L圖層而板 每個(gè)圖層都包舍一些辛臺中的動(dòng)両元素（包括聲音戎action指令語句）上面圖星中的元素遮蓋下面圖層中的元素.圖層有以下兒科：1.32Flash動(dòng)Hi設(shè)計(jì)與制作時(shí)間袖i動(dòng)畫層文件夾，倒標(biāo)是呂心 紐織動(dòng)畫序列的紐件和分為動(dòng)畫

15、對引導(dǎo)展，圖標(biāo)S 使?fàn)暠灰龑?dǎo)層”中的元件沿引導(dǎo)線運(yùn) 動(dòng)，該層下的圖層為械引導(dǎo)層”.遮罩層，圖標(biāo)是使被追罩層中的動(dòng)畫無素只能透過遮罩層披看到.該屋下的圖層就是“破遮罩層”，屋圖標(biāo)畫Q普通層，圖標(biāo)是,放置各種動(dòng)畫元素。1.32Flash動(dòng)Hi設(shè)計(jì)與制作2.2.1管謖（）新增圖層“新建圖層”按鈕萊單項(xiàng)“插入I時(shí)間軸I圖層“修改【文*命令控制（0 N元祥（.art“引導(dǎo)展6 丁件界VrAXftAB.右鈍快捷茱單“插入圖層” 圖層數(shù)量不會彩響丈件的大小, 但會受內(nèi)存的限制.重命名圖層在層名上雙擊右復(fù)快捷菜單“屬性”，彈t“屬性”對話扌1.33Flash動(dòng)Hi設(shè)計(jì)與制作閩辰的管理（2）0 H1W 2 _X

16、 Q ffl 層 1口HMt L I 改變圖層順序“圖層”面板上用鼠標(biāo)進(jìn)行拖由 選擇圖層 每次只能編輯一個(gè)圖層，圖層只有成為半前層才能進(jìn)行編輯。 當(dāng)前層的名稱旁邊有個(gè)鉛筆的圖標(biāo). 三種選擇圖層的方法： 單擊時(shí)間軸上該層的任意一楨； 單擊時(shí)間軸上建層的名稱； 選取工作區(qū)中的對象，則對象所在的圖層被選中. 按住Shifts,單擊【時(shí)間軸】面板中起始和結(jié)束位置的圖層的龍 稱，可以選中連續(xù)圖層. 按住CtrhJt,單擊【時(shí)間軸】面板中的圖層名稱，可以選中不連| 1 續(xù)的圖層.g作flU KC . .BT tF6WUAwrEX卄arm選擇圖層，然后單擊時(shí)間軸面板上的“刪除”按鈕;亠_ 將要?jiǎng)e除的圖層拖拽

17、到“刪除”按鈕上； 右鍵菜單中的“洲除圖層”命令。枉入Q 儲改(M)交本(D 曲令( 蛙制(Q) 粉鏈幾件釗3*8aASWK艮：*汶*閩點(diǎn)的管貍(4)JVIE 峪KD XW(K) 空白關(guān)六0)?I911層文悴夾v文林亠 JAt?.口 Q 27刪轉(zhuǎn)】nW2.2,2殺置圖層狀態(tài)（1丿隱藏圖層 編輯時(shí)可逋過隱藏圖層來減少不同圖層間的干擾 被隱藏的圖層將暫時(shí)無法進(jìn)行編輯（不可見） 隱藏/取消隱藏圖層的三種方法： 單擊圖層名稱右邊的隱藏欄，可隱藏或取消唸藏該圖層；用鼠標(biāo)在圖層的隱藏欄上下施動(dòng)， 可隱藏或取消隱藏.多個(gè)圖層； 單擊“顯示或隱藏所有圖層”按啟 可舟所有圖層隱藏或取消隱藏.1.37Flash動(dòng)Bi設(shè)計(jì)與制作J - i鎖定圖層1.38Flash動(dòng)Bj設(shè)計(jì)與制作1.#Flash動(dòng)Bj設(shè)計(jì)與制作 鎖定圖層可防止已編輯好的圖層被意外修改 被鎖定的圖層將暫時(shí)無法進(jìn)行編輯（仍可見）鎖定/解除鎖定圖層的方法：（與隱藏/取消隱藏圖層類似） “鎖定/解除鎖定所有圖層”按鈕1.#Flash動(dòng)Bj設(shè)計(jì)與制作殺置國點(diǎn)狀態(tài)（3丿顯示為輪廓在編輯一圖層的某對象時(shí)，若該對象被另一圖層中 的對象所遮蓋，可使遮蓋層處于輪廓顯示狀態(tài)。 （僅對象輪廓線可見） 對象的輪廊顏色與其所在層在 圖層面板上的“顯示模式欄”圖 標(biāo)的