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

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

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

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

4、為空白 關(guān)鍵幀1.8冋ash動(dòng)畫(huà)設(shè)計(jì)與制作普通幀延續(xù)幀 F5添加曹通幀Shift+F5刪除普通幀e普通幀只是簡(jiǎn)單地延續(xù)前一關(guān)鍵幀中的場(chǎng)景內(nèi) 容；普通幀沒(méi)有自己的場(chǎng)景，它與它的前一關(guān)鍵幀共 享場(chǎng)昴改變普通幀中對(duì)彖實(shí)是在改前一關(guān)鍵幀的劉 象；兩入關(guān)鍵幀Z間（包括空白關(guān)鍵幀）會(huì)自動(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中可以選擇單-幀， 也話(huà)逸擇多幀，其方法如Ko在時(shí)間軸上單擊要選擇的幀格，可以選中單幀，被 選中的幀以黑色顯示。若要選擇連續(xù)的多幀，可先選中第一個(gè)幀，然后按 住Shift鍵單擊需要選擇的最后一個(gè)幀,即可將 中間的幀全部選中要選擇不連續(xù)的多幀，可先選中第一個(gè)幀，然后按 住【Ctrl】鍵單擊其他需要選擇的幀格即可。在圖層區(qū)中單擊某一圖層名稱(chēng)，可選中該圖層中所 有幀。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)鍵幀中沒(méi)勺內(nèi)容， 直接插入關(guān)鍵幀即可得到空白關(guān)鍵幀。1.16Flash動(dòng)Hi設(shè)計(jì)與制作1.5.3移動(dòng)幀/F制作動(dòng)畫(huà)的過(guò)程中，有時(shí)需要對(duì)幀進(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)畫(huà)時(shí)，有時(shí)需要對(duì)幀進(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)畫(huà)時(shí)，如果創(chuàng)建的幀不符合 要求或不再需要，可以將其刪除。刪除幀的 方法足選擇耍刪除的幀，在其上單擊鼠標(biāo)右 鍵，在彈出的快捷菜單中選擇“刪除幀”命 令。1.5.7清除幀在制作動(dòng)畫(huà)時(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)畫(huà)多個(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)畫(huà)播放的連貫件與平滑性，設(shè)置幀頻就足設(shè) 置動(dòng)畫(huà)的播放速度，幀頻越大，播放速度越快，幀頻 越小，播放速度越慢。設(shè)定幀頻的具休操作如下。（1）在時(shí)間軸的狀態(tài)欄上雙擊12”團(tuán)標(biāo)，打開(kāi)如 圖所示的“文檔屬性”對(duì)話(huà)框。（2）在“幀頻”文本框中輸入需要設(shè)定的頻率，系統(tǒng)默認(rèn)幀頻為1

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

11、Bi設(shè)計(jì)與制作2.1時(shí)間軸圖層目錄幀號(hào)關(guān)鍵幀播放頭 幀時(shí)間標(biāo)尺4 m*空門(mén)關(guān)鍵幀幀速播放到當(dāng)詢(xún)幀所花 幀數(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í)間軸主要由以下對(duì)象組成：圖層圖層包含的幀Q播放頭1.#Flash動(dòng)Hi設(shè)計(jì)與制作2. 1.2圖層串作用和特點(diǎn)：令管理動(dòng)畫(huà)中的對(duì)象；0圖層是透明的，透過(guò)陽(yáng)層中沒(méi)令對(duì)象的區(qū)域，可以 看到下面圖層中的對(duì)象；壬增加圖屋的數(shù)量丿、會(huì)增加輸出影片文件swf的大 小,會(huì)增加tu文件的大??；一般組

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

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

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

15、對(duì)引導(dǎo)展，圖標(biāo)S 使?fàn)暠灰龑?dǎo)層”中的元件沿引導(dǎo)線(xiàn)運(yùn) 動(dòng)，該層下的圖層為械引導(dǎo)層”.遮罩層，圖標(biāo)是使被追罩層中的動(dòng)畫(huà)無(wú)素只能透過(guò)遮罩層披看到.該屋下的圖層就是“破遮罩層”，屋圖標(biāo)畫(huà)Q普通層，圖標(biāo)是,放置各種動(dòng)畫(huà)元素。1.32Flash動(dòng)Hi設(shè)計(jì)與制作2.2.1管謖（）新增圖層“新建圖層”按鈕萊單項(xiàng)“插入I時(shí)間軸I圖層“修改【文*命令控制（0 N元祥（.art“引導(dǎo)展6 丁件界VrAXftAB.右鈍快捷茱單“插入圖層” 圖層數(shù)量不會(huì)彩響丈件的大小, 但會(huì)受內(nèi)存的限制.重命名圖層在層名上雙擊右復(fù)快捷菜單“屬性”，彈t“屬性”對(duì)話(huà)扌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)前層的名稱(chēng)旁邊有個(gè)鉛筆的圖標(biāo). 三種選擇圖層的方法： 單擊時(shí)間軸上該層的任意一楨； 單擊時(shí)間軸上建層的名稱(chēng)； 選取工作區(qū)中的對(duì)象，則對(duì)象所在的圖層被選中. 按住Shifts,單擊【時(shí)間軸】面板中起始和結(jié)束位置的圖層的龍 稱(chēng)，可以選中連續(xù)圖層. 按住CtrhJt,單擊【時(shí)間軸】面板中的圖層名稱(chēng)，可以選中不連| 1 續(xù)的圖層.g作flU KC . .BT tF6WUAwrEX卄arm選擇圖層，然后單擊時(shí)間軸面板上的“刪除”按鈕;亠_ 將要?jiǎng)e除的圖層拖拽

17、到“刪除”按鈕上； 右鍵菜單中的“洲除圖層”命令。枉入Q 儲(chǔ)改(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í)可逋過(guò)隱藏圖層來(lái)減少不同圖層間的干擾 被隱藏的圖層將暫時(shí)無(wú)法進(jìn)行編輯（不可見(jiàn)） 隱藏/取消隱藏圖層的三種方法： 單擊圖層名稱(chēng)右邊的隱藏欄，可隱藏或取消唸藏該圖層；用鼠標(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í)無(wú)法進(jìn)行編輯（仍可見(jiàn)）鎖定/解除鎖定圖層的方法：（與隱藏/取消隱藏圖層類(lèi)似） “鎖定/解除鎖定所有圖層”按鈕1.#Flash動(dòng)Bj設(shè)計(jì)與制作殺置國(guó)點(diǎn)狀態(tài)（3丿顯示為輪廓在編輯一圖層的某對(duì)象時(shí)，若該對(duì)象被另一圖層中 的對(duì)象所遮蓋，可使遮蓋層處于輪廓顯示狀態(tài)。 （僅對(duì)象輪廓線(xiàn)可見(jiàn)） 對(duì)象的輪廊顏色與其所在層在 圖層面板上的“顯示模式欄”圖 標(biāo)的