時(shí)間軸和幀PPT課件

1、7.1.1 時(shí)間軸的組成時(shí)間軸的組成時(shí)間軸主要由層控制區(qū)域和時(shí)間控制區(qū)域組時(shí)間軸主要由層控制區(qū)域和時(shí)間控制區(qū)域組成（見(jiàn)圖成（見(jiàn)圖7.1.1），其中，呈垂直方向分布的層），其中，呈垂直方向分布的層就像堆疊在一起的多張幻燈膠片一樣，每個(gè)層中就像堆疊在一起的多張幻燈膠片一樣，每個(gè)層中都包含一個(gè)顯示在舞臺(tái)中的不同對(duì)象；呈水平方都包含一個(gè)顯示在舞臺(tái)中的不同對(duì)象；呈水平方向分布的幀分別代表不同的時(shí)刻，用于控制動(dòng)畫(huà)向分布的幀分別代表不同的時(shí)刻，用于控制動(dòng)畫(huà)的播放時(shí)間。的播放時(shí)間。第1頁(yè)/共40頁(yè)時(shí)間控制區(qū)域?qū)涌刂茀^(qū)域圖7.1.1 時(shí)間軸的組成第2頁(yè)/共40頁(yè)注意：如果一個(gè)動(dòng)畫(huà)有多個(gè)層，無(wú)法在時(shí)間注意：如果一

2、個(gè)動(dòng)畫(huà)有多個(gè)層，無(wú)法在時(shí)間軸中全部顯示出來(lái)，可以通過(guò)拖動(dòng)時(shí)間軸右側(cè)的軸中全部顯示出來(lái)，可以通過(guò)拖動(dòng)時(shí)間軸右側(cè)的滾動(dòng)條來(lái)查看其他的層，如圖滾動(dòng)條來(lái)查看其他的層，如圖7.1.2所示。所示。 圖7.1.2 拖動(dòng)滾動(dòng)條查看其他層第3頁(yè)/共40頁(yè)7.1.2 時(shí)間軸的操作時(shí)間軸的操作在默認(rèn)狀態(tài)下，時(shí)間軸位于在默認(rèn)狀態(tài)下，時(shí)間軸位于Flash工作界面的上部，工作界面的上部，如圖如圖7.1.3所示。在實(shí)際應(yīng)用中，時(shí)間軸的位置是可以所示。在實(shí)際應(yīng)用中，時(shí)間軸的位置是可以改變的，用戶可以將其移動(dòng)到工作界面的下部或兩側(cè)，改變的，用戶可以將其移動(dòng)到工作界面的下部或兩側(cè)，甚至可以將其作為一個(gè)獨(dú)立的窗口顯示出來(lái)，如圖甚至

3、可以將其作為一個(gè)獨(dú)立的窗口顯示出來(lái)，如圖7.1.4所示。所示。第4頁(yè)/共40頁(yè) 圖7.1.3 默認(rèn)狀態(tài)下的時(shí)間軸 圖7.1.4 時(shí)間軸顯示為一個(gè)窗口第5頁(yè)/共40頁(yè)如果將鼠標(biāo)指針移動(dòng)到時(shí)間軸的邊緣，當(dāng)如果將鼠標(biāo)指針移動(dòng)到時(shí)間軸的邊緣，當(dāng)其呈現(xiàn)形狀時(shí)，按住鼠標(biāo)左鍵并上下拖動(dòng)，其呈現(xiàn)形狀時(shí)，按住鼠標(biāo)左鍵并上下拖動(dòng)，可以調(diào)整時(shí)間軸的尺寸，如圖可以調(diào)整時(shí)間軸的尺寸，如圖7.1.5所示。所示。 圖7.1.5 調(diào)整時(shí)間軸的尺寸第6頁(yè)/共40頁(yè)如果將鼠標(biāo)指針移動(dòng)到層控制區(qū)域和時(shí)間控制如果將鼠標(biāo)指針移動(dòng)到層控制區(qū)域和時(shí)間控制區(qū)域的中間，當(dāng)其呈現(xiàn)形狀時(shí)，按住鼠標(biāo)左鍵并區(qū)域的中間，當(dāng)其呈現(xiàn)形狀時(shí)，按住鼠標(biāo)左鍵并左

4、右拖動(dòng)，可以調(diào)整時(shí)間軸兩個(gè)組成區(qū)域的寬度，左右拖動(dòng)，可以調(diào)整時(shí)間軸兩個(gè)組成區(qū)域的寬度，如圖如圖7.1.6所示。所示。如果用戶覺(jué)得時(shí)間軸防礙工作，可以選擇如果用戶覺(jué)得時(shí)間軸防礙工作，可以選擇“窗窗口口”“時(shí)間軸時(shí)間軸”命令，將其暫時(shí)關(guān)閉，等需要時(shí)命令，將其暫時(shí)關(guān)閉，等需要時(shí)再打開(kāi)。再打開(kāi)。第7頁(yè)/共40頁(yè)圖7.1.6 調(diào)整時(shí)間軸兩個(gè)組成區(qū)域的寬度第8頁(yè)/共40頁(yè)幀是構(gòu)成動(dòng)畫(huà)的基本單位，對(duì)動(dòng)畫(huà)的操作幀是構(gòu)成動(dòng)畫(huà)的基本單位，對(duì)動(dòng)畫(huà)的操作實(shí)質(zhì)上是對(duì)幀的操作，因此，在學(xué)習(xí)制作動(dòng)畫(huà)實(shí)質(zhì)上是對(duì)幀的操作，因此，在學(xué)習(xí)制作動(dòng)畫(huà)之前，首先需要掌握幀的相關(guān)知識(shí)。之前，首先需要掌握幀的相關(guān)知識(shí)。7.2.1 幀的分類幀

5、的分類在在Flash中，幀分為關(guān)鍵幀、空白關(guān)鍵幀和中，幀分為關(guān)鍵幀、空白關(guān)鍵幀和普通幀普通幀3種類型，下面進(jìn)行簡(jiǎn)單介紹。種類型，下面進(jìn)行簡(jiǎn)單介紹。7.2 幀第9頁(yè)/共40頁(yè)（1）關(guān)鍵幀：關(guān)鍵幀指描述動(dòng)畫(huà)中的關(guān)）關(guān)鍵幀：關(guān)鍵幀指描述動(dòng)畫(huà)中的關(guān)鍵性動(dòng)作或內(nèi)容變化的幀，以黑色實(shí)心圓點(diǎn)鍵性動(dòng)作或內(nèi)容變化的幀，以黑色實(shí)心圓點(diǎn)來(lái)表示，每個(gè)關(guān)鍵幀中的內(nèi)容都不同于前一來(lái)表示，每個(gè)關(guān)鍵幀中的內(nèi)容都不同于前一個(gè)關(guān)鍵幀。個(gè)關(guān)鍵幀。提示：在提示：在Flash動(dòng)畫(huà)中，關(guān)鍵幀的多少?zèng)Q動(dòng)畫(huà)中，關(guān)鍵幀的多少?zèng)Q定了動(dòng)畫(huà)的細(xì)致程度，關(guān)鍵幀越多動(dòng)畫(huà)越細(xì)定了動(dòng)畫(huà)的細(xì)致程度，關(guān)鍵幀越多動(dòng)畫(huà)越細(xì)致。如果把補(bǔ)間動(dòng)畫(huà)中的所有幀都做成關(guān)鍵致。

6、如果把補(bǔ)間動(dòng)畫(huà)中的所有幀都做成關(guān)鍵幀，就成了逐幀動(dòng)畫(huà)。幀，就成了逐幀動(dòng)畫(huà)。第10頁(yè)/共40頁(yè)（2）空白關(guān)鍵幀：空白關(guān)鍵幀指沒(méi)有內(nèi)容）空白關(guān)鍵幀：空白關(guān)鍵幀指沒(méi)有內(nèi)容的關(guān)鍵幀，以空心圓圈來(lái)表示，如果在其中加入的關(guān)鍵幀，以空心圓圈來(lái)表示，如果在其中加入內(nèi)容，它將轉(zhuǎn)變?yōu)殛P(guān)鍵幀。內(nèi)容，它將轉(zhuǎn)變?yōu)殛P(guān)鍵幀。（3）普通幀：普通幀指處于兩個(gè)關(guān)鍵幀之）普通幀：普通幀指處于兩個(gè)關(guān)鍵幀之間的幀，以灰色方格來(lái)表示。用戶可以在動(dòng)畫(huà)中間的幀，以灰色方格來(lái)表示。用戶可以在動(dòng)畫(huà)中增加一些普通幀來(lái)延長(zhǎng)動(dòng)畫(huà)的播放時(shí)間，如圖增加一些普通幀來(lái)延長(zhǎng)動(dòng)畫(huà)的播放時(shí)間，如圖7.2.1所示。增加的普通幀原播放時(shí)間延長(zhǎng)后的播所示。增加的普通幀原

7、播放時(shí)間延長(zhǎng)后的播放時(shí)間放時(shí)間 第11頁(yè)/共40頁(yè)增加的普通幀原播放時(shí)間延長(zhǎng)后的播放時(shí)間圖7.2.1 通過(guò)增加普通幀來(lái)延長(zhǎng)動(dòng)畫(huà)的播放時(shí)間第12頁(yè)/共40頁(yè)7.2.2 插入幀插入幀用戶可以執(zhí)行下列操作之一來(lái)插入幀。用戶可以執(zhí)行下列操作之一來(lái)插入幀。（1）將鼠標(biāo)指針置于時(shí)間軸中要?jiǎng)?chuàng)建幀的位置，）將鼠標(biāo)指針置于時(shí)間軸中要?jiǎng)?chuàng)建幀的位置，然后選擇然后選擇“插入插入”“時(shí)間軸時(shí)間軸”“幀幀”/“關(guān)鍵關(guān)鍵幀幀”/“空白關(guān)鍵幀空白關(guān)鍵幀”命令，如圖命令，如圖7.2.2所示。所示。（2）將鼠標(biāo)指針置于時(shí)間軸中要?jiǎng)?chuàng)建幀的位置，）將鼠標(biāo)指針置于時(shí)間軸中要?jiǎng)?chuàng)建幀的位置，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇單擊鼠標(biāo)右鍵

8、，在彈出的快捷菜單中選擇“插入插入幀幀”/“插入關(guān)鍵幀插入關(guān)鍵幀”/“插入空白關(guān)鍵幀插入空白關(guān)鍵幀”命令，如圖命令，如圖7.2.3所示。所示。第13頁(yè)/共40頁(yè) 圖7.2.2 通過(guò)菜單命令插入幀 圖7.2.3 通過(guò)快捷菜單命令插入幀第14頁(yè)/共40頁(yè)（3）將鼠標(biāo)指針置于時(shí)間軸中要?jiǎng)?chuàng)建幀的位置，）將鼠標(biāo)指針置于時(shí)間軸中要?jiǎng)?chuàng)建幀的位置，按按“F5”鍵插入普通幀；按鍵插入普通幀；按“F6”鍵插入關(guān)鍵幀；按鍵插入關(guān)鍵幀；按“F7”鍵插入空白關(guān)鍵幀，這種方法最為方便。鍵插入空白關(guān)鍵幀，這種方法最為方便。7.2.3 選取幀選取幀如果要對(duì)幀進(jìn)行編輯，首先需要對(duì)幀進(jìn)行選取，如果要對(duì)幀進(jìn)行編輯，首先需要對(duì)幀進(jìn)行

9、選取，即選取單個(gè)幀、連續(xù)的多個(gè)幀、不連續(xù)的多個(gè)幀或即選取單個(gè)幀、連續(xù)的多個(gè)幀、不連續(xù)的多個(gè)幀或所有幀，下面分別進(jìn)行介紹。所有幀，下面分別進(jìn)行介紹。第15頁(yè)/共40頁(yè)（1）如果要選取單個(gè)幀，直接在時(shí)間軸中單）如果要選取單個(gè)幀，直接在時(shí)間軸中單擊該幀所在的位置即可，如圖擊該幀所在的位置即可，如圖7.2.4所示。所示。（2）如果要選取連續(xù)的多個(gè)幀，可以在選?。┤绻x取連續(xù)的多個(gè)幀，可以在選取單個(gè)幀之后，在按住單個(gè)幀之后，在按住“Shift”鍵的同時(shí)單擊另外一鍵的同時(shí)單擊另外一個(gè)幀，如圖個(gè)幀，如圖7.2.5所示。所示。第16頁(yè)/共40頁(yè) 圖7.2.4 選取單個(gè)幀 圖7.2.5 選取連續(xù)的多個(gè)幀第17

10、頁(yè)/共40頁(yè)（3）如果要選取不連續(xù)的多個(gè)幀，可以在選）如果要選取不連續(xù)的多個(gè)幀，可以在選取單個(gè)幀之后，在按住取單個(gè)幀之后，在按住“Ctrl”鍵的同時(shí)單擊其他幀，鍵的同時(shí)單擊其他幀，如圖如圖7.2.6所示。所示。（4）如果要選取所有幀，可以在選取單個(gè)幀）如果要選取所有幀，可以在選取單個(gè)幀之后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇之后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“選擇所有幀選擇所有幀”命令，如圖命令，如圖7.2.7所示。所示。第18頁(yè)/共40頁(yè) 圖7.2.6 選取不連續(xù)的多個(gè)幀 圖7.2.7 選取所有幀第19頁(yè)/共40頁(yè)7.2.4 刪除幀刪除幀在使用在使用Flash制作動(dòng)畫(huà)的過(guò)程中，經(jīng)常

11、需要?jiǎng)h制作動(dòng)畫(huà)的過(guò)程中，經(jīng)常需要?jiǎng)h除幀，操作步驟如下：除幀，操作步驟如下：（1）選取要?jiǎng)h除的幀。）選取要?jiǎng)h除的幀。（2）選擇）選擇“編輯編輯”“時(shí)間軸時(shí)間軸”“刪除幀刪除幀”命令，將選取的幀刪除，其后的幀將同時(shí)自動(dòng)左命令，將選取的幀刪除，其后的幀將同時(shí)自動(dòng)左移，如圖移，如圖7.2.8所示。所示。第20頁(yè)/共40頁(yè) 刪除前 刪除后圖7.2.8 刪除幀前、后的效果第21頁(yè)/共40頁(yè)7.2.5 移動(dòng)幀移動(dòng)幀在使用在使用Flash制作動(dòng)畫(huà)的過(guò)程中，經(jīng)常需要移動(dòng)制作動(dòng)畫(huà)的過(guò)程中，經(jīng)常需要移動(dòng)幀到其他位置，操作步驟如下：幀到其他位置，操作步驟如下：（1）選取要移動(dòng)的幀。）選取要移動(dòng)的幀。（2）將鼠標(biāo)指針置

12、于選取的幀上，當(dāng)其下方出）將鼠標(biāo)指針置于選取的幀上，當(dāng)其下方出現(xiàn)一個(gè)虛線方框時(shí)，按住鼠標(biāo)左鍵不放并拖動(dòng)，如現(xiàn)一個(gè)虛線方框時(shí)，按住鼠標(biāo)左鍵不放并拖動(dòng)，如圖圖7.2.9所示。所示。（3）當(dāng)移動(dòng)到目標(biāo)位置時(shí)，釋放鼠標(biāo)左鍵即可，）當(dāng)移動(dòng)到目標(biāo)位置時(shí)，釋放鼠標(biāo)左鍵即可，如圖如圖7.2.10所示。所示。 第22頁(yè)/共40頁(yè) 圖7.2.9 移動(dòng)幀的過(guò)程 圖7.2.10 移動(dòng)幀到目標(biāo)位置第23頁(yè)/共40頁(yè)7.2.6 創(chuàng)建幀標(biāo)簽創(chuàng)建幀標(biāo)簽通常情況下，動(dòng)畫(huà)有多個(gè)關(guān)鍵幀，如果沒(méi)有幀標(biāo)通常情況下，動(dòng)畫(huà)有多個(gè)關(guān)鍵幀，如果沒(méi)有幀標(biāo)簽，則在編輯過(guò)程中不容易對(duì)其進(jìn)行定位。為了便于簽，則在編輯過(guò)程中不容易對(duì)其進(jìn)行定位。為了便于

13、識(shí)別、控制和定位幀，可以為關(guān)鍵幀創(chuàng)建幀標(biāo)簽，操識(shí)別、控制和定位幀，可以為關(guān)鍵幀創(chuàng)建幀標(biāo)簽，操作步驟如下：作步驟如下：（1）選中要?jiǎng)?chuàng)建幀標(biāo)簽的關(guān)鍵幀。）選中要?jiǎng)?chuàng)建幀標(biāo)簽的關(guān)鍵幀。第24頁(yè)/共40頁(yè)（2）在屬性面板的）在屬性面板的“幀標(biāo)簽幀標(biāo)簽”文本框中輸入文本框中輸入標(biāo)簽的名稱，例如標(biāo)簽的名稱，例如“aa”（見(jiàn)圖（見(jiàn)圖7.2.11），設(shè)置完畢），設(shè)置完畢后，所設(shè)置的標(biāo)簽名稱將出現(xiàn)在該幀上，并且有小后，所設(shè)置的標(biāo)簽名稱將出現(xiàn)在該幀上，并且有小紅旗標(biāo)志，如圖紅旗標(biāo)志，如圖7.2.12所示。所示。圖7.2.11 輸入標(biāo)簽的名稱圖7.2.12 設(shè)置標(biāo)簽名稱第25頁(yè)/共40頁(yè)幀標(biāo)簽有名稱、注釋和錨記幀標(biāo)簽

14、有名稱、注釋和錨記3種類型，用戶種類型，用戶可以根據(jù)實(shí)際需要，在可以根據(jù)實(shí)際需要，在“標(biāo)簽類型：標(biāo)簽類型：”下拉列下拉列表中進(jìn)行選擇，不同的標(biāo)簽類型在時(shí)間軸中會(huì)表中進(jìn)行選擇，不同的標(biāo)簽類型在時(shí)間軸中會(huì)有不同的顯示，如圖有不同的顯示，如圖7.2.13所示。所示。提示：幀標(biāo)簽作為文件的一部分，它的長(zhǎng)提示：幀標(biāo)簽作為文件的一部分，它的長(zhǎng)短將影響文件的大小，因此應(yīng)采用比較短的幀短將影響文件的大小，因此應(yīng)采用比較短的幀標(biāo)簽，以縮小文件。標(biāo)簽，以縮小文件。第26頁(yè)/共40頁(yè)創(chuàng)建注釋標(biāo)簽創(chuàng)建錨記標(biāo)簽圖7.2.13 創(chuàng)建注釋標(biāo)簽和錨記標(biāo)簽第27頁(yè)/共40頁(yè)在在Flash動(dòng)畫(huà)的制作過(guò)程中，如果要同時(shí)查動(dòng)畫(huà)的制作

15、過(guò)程中，如果要同時(shí)查看多個(gè)幀的內(nèi)容，可以使用洋蔥皮工具，看多個(gè)幀的內(nèi)容，可以使用洋蔥皮工具，下面介紹洋蔥皮工具中各按鈕的功能。下面介紹洋蔥皮工具中各按鈕的功能。7.3 洋蔥皮工具第28頁(yè)/共40頁(yè)（1）“繪圖紙外觀繪圖紙外觀”按鈕：?jiǎn)螕粼摪粹o，按鈕：?jiǎn)螕粼摪粹o，將啟動(dòng)洋蔥皮功能，并以正常顏色顯示當(dāng)前幀的將啟動(dòng)洋蔥皮功能，并以正常顏色顯示當(dāng)前幀的內(nèi)容，以半透明顏色顯示其他各幀的內(nèi)容（見(jiàn)圖內(nèi)容，以半透明顏色顯示其他各幀的內(nèi)容（見(jiàn)圖7.3.1），用戶可以按住鼠標(biāo)左鍵拖動(dòng)括弧，改變），用戶可以按住鼠標(biāo)左鍵拖動(dòng)括弧，改變幀的顯示范圍，如圖幀的顯示范圍，如圖7.3.2所示。所示。第29頁(yè)/共40頁(yè) 圖7.

16、3.1 “繪圖紙外觀”效果 圖7.3.2 改變幀的顯示范圍第30頁(yè)/共40頁(yè)（2）“繪圖紙外觀輪廓繪圖紙外觀輪廓”按鈕：?jiǎn)螕粼摪粹o，按鈕：?jiǎn)螕粼摪粹o，以輪廓形態(tài)顯示當(dāng)前幀以外各幀的內(nèi)容，如圖以輪廓形態(tài)顯示當(dāng)前幀以外各幀的內(nèi)容，如圖7.3.3所所示。示。（3）“編輯多個(gè)幀編輯多個(gè)幀”按鈕：?jiǎn)螕粼摪粹o，顯示按鈕：?jiǎn)螕粼摪粹o，顯示括弧內(nèi)所有關(guān)鍵幀的內(nèi)容，由括弧內(nèi)所有關(guān)鍵幀的內(nèi)容，由Flash運(yùn)算產(chǎn)生的幀則不運(yùn)算產(chǎn)生的幀則不予顯示，如圖予顯示，如圖7.3.4所示。所示。第31頁(yè)/共40頁(yè) 圖7.3.3 “繪圖紙外觀輪廓”效果 圖7.3.4 “編輯多個(gè)幀”效果第32頁(yè)/共40頁(yè)（4）“修改繪圖紙標(biāo)記修改

17、繪圖紙標(biāo)記”按鈕：?jiǎn)螕粼摪粹o，按鈕：?jiǎn)螕粼摪粹o，彈出如圖彈出如圖7.3.5所示的下拉菜單，對(duì)其中的各選項(xiàng)說(shuō)明所示的下拉菜單，對(duì)其中的各選項(xiàng)說(shuō)明如下：如下：1）“總是顯示標(biāo)記總是顯示標(biāo)記”：選擇該命令，無(wú)論是否啟：選擇該命令，無(wú)論是否啟動(dòng)洋蔥皮功能，都會(huì)在時(shí)間軸上顯示括弧，即洋蔥皮動(dòng)洋蔥皮功能，都會(huì)在時(shí)間軸上顯示括弧，即洋蔥皮標(biāo)記。標(biāo)記。2）“錨定繪圖紙錨定繪圖紙”：選擇該命令，將洋蔥皮標(biāo)記：選擇該命令，將洋蔥皮標(biāo)記鎖定在當(dāng)前位置。鎖定在當(dāng)前位置。3）“繪圖紙繪圖紙2”：選擇該命令，在當(dāng)前幀左右兩邊：選擇該命令，在當(dāng)前幀左右兩邊各顯示兩幀，如圖各顯示兩幀，如圖7.3.6所示。所示。第33頁(yè)/共4

18、0頁(yè) 圖7.3.5 “修改繪圖紙標(biāo)記”下拉菜單 圖7.3.6 “繪圖紙2”效果第34頁(yè)/共40頁(yè)4）“繪圖紙繪圖紙5”：選擇該命令，在當(dāng)前幀左：選擇該命令，在當(dāng)前幀左右兩邊各顯示右兩邊各顯示5幀，如圖幀，如圖7.3.7所示。所示。5）“繪制全部繪制全部”：選擇該命令，顯示整個(gè)：選擇該命令，顯示整個(gè)動(dòng)畫(huà)中所有幀的運(yùn)動(dòng)軌跡，如圖動(dòng)畫(huà)中所有幀的運(yùn)動(dòng)軌跡，如圖7.3.8所示。所示。 圖7.3.7 “繪圖紙5”效果 圖7.3.8 “繪制全部”效果第35頁(yè)/共40頁(yè)本章主要介紹了時(shí)間軸和幀，包括時(shí)間軸本章主要介紹了時(shí)間軸和幀，包括時(shí)間軸的組成與操作，幀的分類、插入、選取、刪除的組成與操作，幀的分類、插入、選取、刪除和移動(dòng)，創(chuàng)建幀標(biāo)簽以及洋蔥皮