1、1,Flash動畫設(shè)計與制作動畫制作基礎(chǔ)知識和操作,合肥工業(yè)大學(xué)計算機與信息學(xué)院 石 雷,2,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,3,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,4,動畫制作基礎(chǔ)知識和操作時間軸及其顯示設(shè)置,時間軸是組織動畫的地方，它的主要任務(wù)是顯示和控制幀，如下圖所示。在影片播放時，時間軸上的“播放頭”將按照一定的幀速率沿時間線運動，“播放頭”經(jīng)過那幀，影片就顯示那幀中的內(nèi)容。在編輯影片的過程中也是如此，場景中僅顯示“播放頭”所在幀中的對象。

2、 用戶可以根據(jù)需要更改幀在時間軸中的顯示方式，單擊時間軸右上角的“幀視圖”選項按鈕，彈出“幀視圖”選項菜單。,5,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,6,動畫制作基礎(chǔ)知識和操作幀的分類、選擇及其操作,幀是決定物體運動的核心，是構(gòu)成一部影片的基礎(chǔ)，它決定影片中的對象何時出現(xiàn)以及對象的運動方式。 幀的分類 在Flash中，通過時間軸的顯示，就可以識別出各種不同類型的幀以及當(dāng)前影片中幀存在問題，各種幀的顯示狀態(tài)如下圖所示。,7,動畫制作基礎(chǔ)知識和操作幀的分類、選擇及其操作,1關(guān)鍵幀。以實心圓表示，代表這個幀中含有對象。 2普通幀

3、。普通幀中的對象永遠和離它最近的關(guān)鍵幀中的對象保持一致。 3空白關(guān)鍵幀。以空心圓表示，代表這個關(guān)鍵幀中沒有任何對象，在空白關(guān)鍵幀中加入對象即可變成關(guān)鍵幀。 4一般空白幀。代表空白區(qū)域中沒有任何對象。 5運動漸變幀。以底色為淺藍色的箭頭符號表示，代表這個區(qū)域存在運動補間動畫。 6形狀漸變幀。以底色為淺綠色的箭頭符號表示，代表這個區(qū)域存在形狀補間動畫。 7錯誤漸變幀。以虛線表示，代表這個區(qū)域存在錯誤的補間動畫。 8加入幀標(biāo)簽的幀，標(biāo)簽類型為名稱。 9加入幀標(biāo)簽的幀，標(biāo)簽類型為注釋。 10加入幀標(biāo)簽的幀，標(biāo)簽類型為錨記。 11加入音樂的幀。 12加入腳本語言的幀。,8,動畫制作基礎(chǔ)知識和操作幀的分類

4、、選擇及其操作,幀的選擇 為了查看和修改幀中的對象，需要選中一個或多個幀，具體操作方法如下： （1）要選擇時間軸上的任意一個幀，只需單擊該幀即可。 （2）要選擇時間軸上的所有幀，執(zhí)行“編輯”“時間軸”“選擇所有幀”命令或按Ctrl+Alt+A快捷鍵。 （3）要同時選擇多個連續(xù)的幀，需要通過單擊確定選擇范圍的起點，然后按住Shift鍵，在選擇范圍的終點單擊即可。 （4）要同時選擇多個非連續(xù)的幀，只需在按住Ctrl鍵的同時單擊所需的各幀即可。,9,動畫制作基礎(chǔ)知識和操作幀的分類、選擇及其操作,幀的操作 制作影片時需要創(chuàng)建不同種類的幀，具體操作方法如下： （1）插入關(guān)鍵幀與空白關(guān)鍵幀 關(guān)鍵幀包括關(guān)鍵

5、幀與空白關(guān)鍵幀兩種。在空白關(guān)鍵幀中添加對象，空白關(guān)鍵幀就轉(zhuǎn)換為關(guān)鍵幀。 插入關(guān)鍵幀時，選中時間線上的某幀后，執(zhí)行“插入”“時間軸”“關(guān)鍵幀”命令、直接按F6快捷鍵、右擊某幀，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”選項，均可在所選地方插入關(guān)鍵幀。 插入空白關(guān)鍵幀時，選中時間線上的某幀后，執(zhí)行“插入”“時間軸”“空白關(guān)鍵幀”命令、直接按F7快捷鍵、右擊某幀，在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”選項，即可在所選地方插入空白關(guān)鍵幀。 （2）插入幀 幀包括普通幀與一般空白幀兩種。在制作影片時，經(jīng)常需要保持某一個畫面不動，例如影片背景，這就需要背景圖像所在的關(guān)鍵幀在一定的時間范圍內(nèi)保持不變，普通幀就是用

6、于擴展幀范圍的幀 。 插入幀時，首先要在關(guān)鍵幀中設(shè)置好對象，接著在關(guān)鍵幀后面選中擴展范圍結(jié)束的那一幀，執(zhí)行“插入”“時間軸”“幀”命令、直接按F5快捷鍵、右擊那一幀，在彈出的快捷菜單中選擇“插入幀”選項，即可在所選地方插入幀，使前面關(guān)鍵幀中的內(nèi)容到這幀保持不變。,10,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,11,動畫制作基礎(chǔ)知識和操作逐幀動畫,逐幀動畫的制作方法與傳統(tǒng)的動畫相似，由于其中的每一幀都是關(guān)鍵幀，所以生成的影片相對較大，僅適用于制作較為精細復(fù)雜的小動畫。 原理 將對象的運動過程分解成多個靜態(tài)圖形，如下圖所示，再將這

7、些連續(xù)的靜態(tài)圖形置于連續(xù)的關(guān)鍵幀中，就構(gòu)成了逐幀動畫。,12,動畫制作基礎(chǔ)知識和操作逐幀動畫,洋蔥皮工具的應(yīng)用 Flash的場景中，只能顯示當(dāng)前幀中的內(nèi)容。有時為了給對象定位，需要同時查看多個幀中的內(nèi)容，利用洋蔥皮工具，就可以做到這一點。 洋蔥皮工具主要用于輔助圖形調(diào)整其位置，例如在兩個動作之間確定中間的動作，使物體動作更加流暢，這也是制作傳統(tǒng)動畫片時用到的原理，特別適用于制作自行繪制的逐幀動畫。 洋蔥皮工具共包括四個按鈕，從左到右分別為“繪圖紙外觀”、“繪圖紙外觀輪廓”、“編輯多個幀”和“修改繪圖紙標(biāo)記”按鈕，這些按鈕的具體的操作方法如下所述： （1）繪圖紙外觀 單擊洋蔥皮工具中的“繪圖紙外

8、觀”按鈕，此時幀刻度上自動顯示定義繪圖紙范圍的標(biāo)記，位于標(biāo)記之間幀中的對象均以透明顏色的表現(xiàn)形式顯示在場景中。此時可以通過單擊時間軸上的幀，選中其中的對象再對其進行編輯。,13,動畫制作基礎(chǔ)知識和操作逐幀動畫,（2）繪圖紙外觀輪廓 單擊洋蔥皮工具中的“繪圖紙外觀輪廓”按鈕，各幀的動作分解以輪廓線的形式表現(xiàn)。使用洋蔥皮工具處理較為復(fù)雜的對象時，會影響影片處理速度，而以輪廓線的形式顯示多幀，可以加快影片處理速度。 （3）編輯多個幀 使用洋蔥皮工具雖然可以同時看到多個幀，但只能對所選幀中的對象進行編輯。要想同時編輯多個幀中的對象，需要單擊“編輯多個幀”按鈕，此時繪圖紙標(biāo)記范圍內(nèi)包含的關(guān)鍵幀中的對象均

9、是正常的形式顯示，表示可以同時對其進行編輯。 （4）修改繪圖紙標(biāo)記 單擊“修改繪圖紙標(biāo)記”按鈕，在彈出的快捷菜單中可以設(shè)置繪圖紙標(biāo)記的顯示狀態(tài)與顯示范圍。,14,動畫制作基礎(chǔ)知識和操作逐幀動畫,翻轉(zhuǎn)幀動畫 翻轉(zhuǎn)幀就是將選定一組幀按照相反的順序排列在時間軸中，類似于電影中后退播放時的樣子。 使用時選中一組幀（其中至少要包含兩個關(guān)鍵幀），執(zhí)行“修改”“時間軸”“翻轉(zhuǎn)幀”命令或者右擊備選幀，在彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”選項即可。,15,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,16,動畫制作基礎(chǔ)知識和操作形狀漸變,在Flash中制

10、作動畫通常會采用補間的方式，補間是指在動畫的起始幀和終止幀之間，F(xiàn)lash自動生成的過渡畫面。補間的方式有兩種，分別為形狀漸變與運動狀漸變。本節(jié)中將首先介紹形狀漸變動畫。 原理與創(chuàng)建條件 形狀漸變動畫就是指對象在兩個關(guān)鍵幀之間形狀發(fā)生變化的動畫。例如圓形變成方形的動畫效果，如下圖所示。 正確的形狀漸變動畫在時間軸中以淺綠色背景的單箭頭符號表示，錯誤的形狀漸變動畫以淺綠色背景的虛線表示。,17,動畫制作基礎(chǔ)知識和操作形狀漸變,導(dǎo)致形狀漸變動畫失敗有兩種可能：第一種為起始幀或終止幀中沒有圖形對象；第二種為起始幀或終止幀中包含元件實例。要正確使用形狀漸變必須滿足以下創(chuàng)作條件： 形狀漸變只能作用于形狀

11、。要對組合、實例、位圖或文本對象應(yīng)用形狀漸變，必須先將這些對象打散置形狀。 形狀間的漸變只能在同一圖層。通常一對一的形狀過渡可以產(chǎn)生最佳的漸變效果，當(dāng)然也可以在同圖層中的多個對象間創(chuàng)建形狀漸變。 創(chuàng)建形狀漸變動畫 正確創(chuàng)建形狀漸變時，首先需定義兩個關(guān)鍵幀起始幀與終止幀，并分別在其中繪制好圖形。接著就可以在兩個關(guān)鍵幀之間創(chuàng)建形狀漸變動畫了。而動畫中過渡的部分，也就是補間，則是由Flash自行計算得來的。 形狀漸變的屬性面板如下圖所示，下面就對其中的各種選項逐一進行說明：,18,動畫制作基礎(chǔ)知識和操作形狀漸變,補間：用于設(shè)置或取消對象之間的運動類型，在彈出的列表中共有三個選項可供選擇，分別為無、運

12、動和形狀。 簡易：用于調(diào)節(jié)對象運動的速度，是速度變化與時間之間的比率。通過輸入數(shù)值或拖動滑動桿進行設(shè)置，數(shù)值范圍在-100到100之間，默認情況下，簡易值為0。 混合：用于調(diào)節(jié)對象變化過程中的形狀平滑度。,19,動畫制作基礎(chǔ)知識和操作形狀漸變,添加形狀提示 形狀提示是輔助圖形變形的一種提示。在變形的初始圖形上指定一些變形的關(guān)鍵點，接著在變形的結(jié)束圖形上將剛剛指定的關(guān)鍵點置于適當(dāng)?shù)奈恢?，這樣，圖形在進行形狀漸變的過程中，就會參考定義的關(guān)鍵點之間的聯(lián)系計算出過渡效果的部分。,20,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,21,動畫

13、制作基礎(chǔ)知識和操作運動漸變,運動漸變是最常用的一種漸變方式。它的主要功能是計算元件實例從一個地方到另一個地方，實例位置之間的過渡部分。除此以外，運動漸變還可以在元件實例的大小和顏色方面創(chuàng)建過渡動畫，在實例運動的過程中，可以根據(jù)需要使實例旋轉(zhuǎn)。 原理與創(chuàng)建條件 運動漸變動畫是補間動畫的一種。通過為對象創(chuàng)建運動漸變，可以改變對象的位置、大小、旋轉(zhuǎn)或傾斜，做出物體運動的各種效果。通過設(shè)置實例的顏色屬性，還可以制作出豐富的漸變效果，例如實例的淡入淡出效果。 正確的運動漸變動畫在時間軸中以淺藍色背景的單箭頭符號表示。錯誤的形狀漸變動畫以淺藍色背景的虛線表示。 導(dǎo)致運動漸變動畫失敗的原因有很多，但主要是由

14、于以下幾種原因：第一種為缺少起始幀或終止幀；第二種為起始幀或終止幀包含多個的對象；第三種為起始幀或終止幀中包含的對象不是元件實例。要正確使用運動漸變必須滿足以下創(chuàng)作條件：,22,動畫制作基礎(chǔ)知識和操作運動漸變,運動漸變只能作用于元件實例。要對形狀、組合、位圖或文本對象應(yīng)用運動漸變，必須先將這些對象轉(zhuǎn)換為元件。其中在為組合、位圖或文本對象創(chuàng)建運動漸變的時候，F(xiàn)lash會自動將其轉(zhuǎn)換為元件，并按“補間1”、“補間2”、“補間3”的順序依次為元件命名。 運動漸變中的元件只能是一對一漸變，多對一或一對多均會導(dǎo)致漸變失敗。 運動漸變中的元件只能在同一圖層。 運動漸變的類型 運動漸變動畫共有四種類型，其中

15、包括位置的移動、大小的變化、旋轉(zhuǎn)和顏色的變化。這些漸變類型均可以互相搭配使用，理解這些漸變類型，可以制作出豐富的動畫效果。各種類型的基本效果如下: 位置的移動，如圖1所示；大小的變化，如圖2所示；旋轉(zhuǎn)，如圖3所示；顏色的變化，如圖4所示。,23,動畫制作基礎(chǔ)知識和操作運動漸變,創(chuàng)建運動漸變動畫 創(chuàng)建運動漸變時，首先需定義一個關(guān)鍵幀，在其中調(diào)整好元件的位置與屬性，作為運動漸變的起始幀。接著在同一圖層中建立另一個關(guān)鍵幀，調(diào)整好元件的位置與屬性，作為運動漸變的終止幀。這樣就可以在兩個關(guān)鍵幀之間創(chuàng)建運動漸變動畫了。兩個關(guān)鍵幀之間的距離為元件的運動的范圍，是動畫的過渡部分，也就是補間。 運動漸變的屬性面

16、板如下圖所示，其中的補間和簡易值的設(shè)置與形狀漸變中的設(shè)置沒有區(qū)別，下面就對其他的各種選項逐一進行說明： 縮放：用于決定元件實例運動過程中，是否使元件實例的尺寸發(fā)生變化。在制作有尺寸變化的動畫效果時使用。 旋轉(zhuǎn)：用于設(shè)置元件實例的旋轉(zhuǎn)角度，單擊“旋轉(zhuǎn)”后面的文本框，在彈出的列表中共有三個選項可供選擇，分別為無、自動、順時針和逆時針。 調(diào)整到路徑：在路徑動畫中，使元件實例沿引導(dǎo)線運動。 同步：用于設(shè)置元件實例的同步性。 對齊：使元件實例自動吸附于引導(dǎo)線上。,24,動畫制作基礎(chǔ)知識和操作,時間軸及其顯示設(shè)置 幀的分類、選擇及其操作 逐幀動畫 形狀漸變 運動漸變 編輯動畫,25,動畫制作基礎(chǔ)知識和操作

17、編輯動畫,動畫制作完畢后，需要不斷的修改。創(chuàng)建的幀也可以重新對其進行編輯，幀包含影片中的全部對象，控制對象的各種運動，所以編輯幀就是編輯影片本身。 在Flash中，可以將所有的幀分成兩大類關(guān)鍵幀和過渡幀。關(guān)鍵幀中包括實心的關(guān)鍵幀與空心的空白關(guān)鍵幀。過渡幀中包括普通幀、一般空白幀、運動漸變幀和形狀漸變幀。 可以對關(guān)鍵幀進行移動、復(fù)制或刪除的編輯。值得注意的是，由于每個關(guān)鍵幀中均包含對象，所以對關(guān)鍵幀的編輯會影響影片中的對象。而過渡幀中沒有對象，所以不能被編輯，但可以根據(jù)需要增減過渡幀的數(shù)量，從而達到改變過渡動畫長度的目的。另外，還可以將過渡幀轉(zhuǎn)換為關(guān)鍵幀進行編輯。 編輯這兩種幀的具體操作方法如下

18、： 1. 插入與刪除過渡幀 插入過渡幀：單擊圖層中需要插入過渡幀的地方，將其選中。執(zhí)行“插入”“時間軸”“幀”命令或直接按F5快捷鍵。 刪除過渡幀：單擊圖層中需要刪除過渡幀的地方，將其選中。執(zhí)行“編輯”“時間軸”“刪除幀”命令或直接按Shift+F5快捷鍵。 如果單擊選中圖層中的過渡幀，執(zhí)行上述命令，則僅改變所選圖層中過渡幀的長度。 如果單擊時間軸上的幀號部分，執(zhí)行上述命令，則改變所有圖層的幀長度。,26,動畫制作基礎(chǔ)知識和操作編輯動畫,2. 轉(zhuǎn)換過渡幀為關(guān)鍵幀：選中要轉(zhuǎn)換的過渡幀，執(zhí)行“插入”“時間軸”“關(guān)鍵幀”命令或直接按F6快捷鍵。 3. 同時轉(zhuǎn)換多個過渡幀為關(guān)鍵幀：選中要轉(zhuǎn)換的多個過渡幀，在這些幀上右擊，在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”選項。 4. 移動關(guān)鍵幀：通過單擊選中關(guān)鍵幀，接著在時間軸中對其進行拖拽，即可改變關(guān)鍵幀的位置。 5. 刪除關(guān)鍵幀：選中要刪除的關(guān)鍵幀，執(zhí)行“修改”“時間軸”“清除關(guān)鍵幀”命令或直接按Shift+F6快捷鍵。 6. 清除幀：選中要清除的幀，執(zhí)行“編輯”“時間軸”“清除幀”命令或者按Ctrl+Backspace快捷鍵。清除幀與刪除幀不同