第4講基礎動畫

1、第第4講講 基礎動畫基礎動畫本章主要內(nèi)容：本章主要內(nèi)容：l4.1 幀的概念以及幀操作 l4.2 逐幀動畫l4.3 元件與實例l4.4 補間動畫l4.5 補間形狀4.1 幀幀 l4.1.1 幀的基本概念 l4.1.2 幀操作 4.1.1 幀的基本概念 l 幀是幀是Flash動畫的最基本組成部分，動畫的最基本組成部分，F(xiàn)lash動畫正是由不同的幀組合而成的。時間軸是擺動畫正是由不同的幀組合而成的。時間軸是擺放和控制幀的地方，幀在時間軸上的排列順序放和控制幀的地方，幀在時間軸上的排列順序?qū)Q定動畫的播放順序。將決定動畫的播放順序。 l 幀的基礎知識幀的基礎知識l 幀的相關操作幀的相關操作l 幀的顯示

2、狀態(tài)幀的顯示狀態(tài)動畫和幀動畫和幀l動畫動畫: :由許多的畫面按照一定的時間順序進行播放。由許多的畫面按照一定的時間順序進行播放。l每一幀就相當于一個畫片。每一幀就相當于一個畫片。l動畫的類型：逐幀動畫、補間動畫（形狀動畫、運動畫的類型：逐幀動畫、補間動畫（形狀動畫、運動動畫）動動畫）l派生動畫：路徑動畫、遮罩動畫（由補間動畫衍生而來）派生動畫：路徑動畫、遮罩動畫（由補間動畫衍生而來）幀和關鍵幀l幀：一幀就是動畫中靜止的一格。l關鍵幀：用于定義動畫變化或包含幀動作的幀。lFLASH的任何動畫，總是開始于一個關鍵幀，也總是結(jié)束于一個關鍵幀。我們能夠操作的也是關鍵幀。4.1.1 4.1.1 幀的基本

3、概念 1關鍵幀：實關鍵幀-有圖像的關鍵幀 空白關鍵幀-無圖像的關鍵幀2普通幀3播放頭 用于指示當前顯示在舞臺中的幀。關鍵幀 普通幀 播放頭 空白關鍵幀 4幀名稱和幀注釋 幀名稱用于標識時間軸中的關鍵幀;幀注釋用于制作者為自己或他人提供相關提示（只有關鍵幀才可以加注）。 4.1.1 4.1.1 幀的基本概念 幀的類型幀的類型4.1.2 幀操作 1選擇幀 在同時選擇連續(xù)的多個幀時，還可以先單擊起點幀，按住Shift鍵再單擊需要選取的連續(xù)幀的最后一幀。另外，按住Ctrl鍵單擊時間軸上的幀，可以選取多個不連續(xù)的幀。 2翻轉(zhuǎn)幀： 是指將整個動畫從后往前播放，即原來的第一幀變成最后一幀，原來的最后一幀變成

4、第一幀。 4.1.2 幀操作 3移動播放頭4添加幀 創(chuàng)建關鍵幀和普通幀是在動畫制作過程中頻繁進行的操作，因此一般使用快捷鍵進行操作。插入普通幀的快捷鍵是鍵，插入關鍵幀的快捷鍵是鍵，插入空白關鍵幀的快捷鍵是鍵。 5移動和復制幀6刪除幀4.2 Flash的動畫類型之逐幀動畫的動畫類型之逐幀動畫l4.2.1 逐幀動畫的制作方法 l4.2.2 繪圖紙功能 l4.2.3 上機指導人物行走動畫動畫類型：動畫類型：（1）逐幀動畫（每一幀的內(nèi)容都需確定）（2）漸變動畫（只需確定開始幀和結(jié)束幀的內(nèi)容） 運動漸變動畫 變形漸變動畫（3）引導路徑動畫（4）遮罩動畫（5）時間軸特效動畫 逐幀動畫是最傳統(tǒng)的動畫方式，它

5、是通過細微差別的連續(xù)幀畫面，來完成動畫作品。相當于在一本書的連續(xù)若干頁的頁腳都畫上圖形，快速的翻動書頁，就會出現(xiàn)連續(xù)的動畫一樣。實例 “火柴小人”制作： 逐幀動畫的制作方法包括兩個要點，一是添加若干個連續(xù)的關鍵幀；二是在關鍵幀中創(chuàng)建不同的、但有一定關聯(lián)的畫面。 觀看動畫觀看動畫l控制|播放l控制|測試影片lCtrl + Enter4.2.2 繪圖紙功能 繪圖紙是一個幫助定位和編輯動畫的輔助功能，這個功能對制作逐幀動畫特別有用。通常情況下，F(xiàn)lash 在舞臺中在舞臺中一次只能顯示動畫序列的單個幀一次只能顯示動畫序列的單個幀。使用繪圖紙功能后，就可以在舞臺中一次查看兩個或多個幀了?！袄L圖紙外觀”按

6、鈕“繪圖紙外觀輪廓”按鈕“編輯多個幀”按鈕“修改繪圖紙標記”按鈕 繪圖紙就像洋蔥皮洋蔥皮那樣是一層套一層的顯示方式，在編輯動畫時能夠一次性看到多個幀的畫面。要注意的是繪圖紙功能不能使用在已經(jīng)被鎖定的圖層上，若要在該圖層使用繪圖紙功能，應該首先解除對圖層的鎖定。 4.2.3 上機指導人物行走動畫 1導入12張人物行走動作圖像到“庫”。 2將 “走路1.jpg”拖放到舞臺中央。 3用交換位圖的方法將各幀上的卡通 人物圖像更換為需要的人物行走動作圖像 。 實例講解4每個關鍵幀后面插入4個普通幀。 范例效果 1、動畫實例流動的方塊1（1）什么叫逐幀動畫呢？故名思意，逐是逐個，幀是關鍵幀，所謂的逐幀指的

7、就是每一幀都是關鍵幀，對于有的動畫我們需要一個一個關鍵幀去制作中間不需要插入過渡幀。從而形成一種特殊效果。（2）滴管工具：為了使多個物體填充顏色或邊框色相同，可以使用滴管工具來進行吸取，吸取的時候可以吸取填充色也可以吸取邊框色。按住shift鍵：表示同時吸取填充色和邊框色。1、動畫實例流動的方塊2（1）工具箱中每個工具都有相對應的快捷鍵，將鼠標放上去停留一會就可以看見。（2）翻轉(zhuǎn)幀：將所選擇的動畫反向播放2、動畫實例馬奔跑（1）對于一些序列圖片（根據(jù)名稱判斷），當導入到舞臺后將按照名稱順序自動創(chuàng)建關鍵幀，從而行成動畫效果。（2）默認情況下，我們所編輯的圖片指的是當前幀的圖片，所謂當前幀指的就是

8、磁頭停留的幀。（3）編輯多個幀：可以同時對多個幀進行編輯，這里的幀既包括關鍵幀，又包括過渡幀等。3、動畫實例-打字效果（1）顯示標尺：ctrl+shift+alt+R（2）選擇多個幀按F6可以快速插入關鍵幀。（3）在制作逐幀動畫時，由于不需要創(chuàng)建補間（即過渡幀），所以對象的類型可以為任意類型。（包括：散件、元件、文字、組合的對象等。）4、動畫實例-倒計時4.3 元件和實例 4.3.1 認識元件和實例 4.3.2 元件的類型和創(chuàng)建元件的方法 使用元件、實例和庫使用元件、實例和庫l 元件是Flash中一個非常重要的概念，在動畫制作過程中，經(jīng)常需要重復使用一些特定的動畫元素，用戶可以將這些元素轉(zhuǎn)換為

9、元件，就可以在動畫中多次調(diào)用。l 實例是指在舞臺上或者嵌套在另一個元件內(nèi)部的元件副本，用戶可以修改它的顏色、大小和功能而不會影響元件本身，重復使用實例不會增加動畫文件的大小，這是使動畫文件保持較小體積的一個很好的方法。每一個實例都有區(qū)別于其他實例的屬性，這可以通過修改該實例屬性面板的相關屬性來實現(xiàn)。l 【庫】面板是放置和組織元件的地方，在編輯Flash文檔時，常常需要在【庫】面板中調(diào)用元件。l庫：ctrl+ll是用來存放元件、聲音、視頻、圖片等元素的地方，在庫中的對象可以反復調(diào)用，實現(xiàn)資源共享。4.3.1 元件元件l 元件又稱為符號或圖符，是可以重復使用的圖像、按鈕或電影剪輯，放在“庫”中。l

10、 元件特點： 修改元件，所有因它而產(chǎn)生的實例都會被更新。 運動漸變動畫必須使用元件產(chǎn)生的實例。4.3.1 元件 1、形狀: 2、元件 ：【修改】|【轉(zhuǎn)換為元件】。 可以把“庫”比喻為元件的后臺“演員休息室”?！靶菹⑹摇敝械难輪T隨時可進入“舞臺”演出，無論該演員出場多少次甚至在“舞臺”中扮演不同角色，動畫發(fā)布時，其播放文件僅占有“一名演員”的空間，節(jié)省了大量資源。 實例 元件從元件從“庫庫”中進入中進入“舞臺舞臺”就被稱為該元件的實例。就被稱為該元件的實例。 實例 ：1、從【庫】面板中把“元件1”向舞臺拖放。 2、分別把各個實例的顏色、方向、大小設置成不同樣式。 3、分別選擇4個實例，觀看它們的

11、【屬性】面板。 實例實例實例的屬性面板-亮度100%，變成白色，而不是透明，-100%為黑色，0保持原色實例實例實例的屬性面板-實例實例實例的屬性面板-不透明度100%，就是不透明，0%完全透明不是變成白色實例實例實例的屬性面板-l元件和實例的關系：元件需要通過實例來表現(xiàn)實例依賴于元件而存在。4.3.2 元件的類型和創(chuàng)建元件的方法 1 元件的類型 2 元件的創(chuàng)建方法 3 編輯元件 1 元件的類型 元件存放在Flash影片文件的【庫】面板中，【庫】面板具備強大的元件管理功能，在制作動畫時，可以隨時調(diào)用【庫】面板中的元件。 依照功能和類型的不同，元件可分成以下3種。1影片剪輯元件 影片剪輯元件是一

12、個獨立的，具備自己獨立的時間軸。它可以包含交互控制、音效，甚至能包含其它的影片剪輯實例。 2按鈕元件 按鈕元件是對（如單擊和滑過）做出的交互按鈕。 3圖形元件 圖形元件通常用于，也能用來創(chuàng)建動畫，在動畫中可以包含其它元件實例，但不能添加交互控制和聲音效果。2 元件的創(chuàng)建方法 元件的創(chuàng)建方法一般有兩種，一種方法是新建元件，另一種方法是將舞臺上的對象轉(zhuǎn)換為元件。1新建元件2轉(zhuǎn)換為元件 在使用【轉(zhuǎn)換為元件】對話框?qū)ο筠D(zhuǎn)換為元件時，可指定對象在元件場景中的位置，這個位置以元件中心點為基準。 3 編輯元件 編輯元件時，F(xiàn)lash會更新文檔中該元件的所有實例。Flash提供了3種方式來編輯元件：在當前位

13、置編輯元件、在新窗口中編輯元件和在元件編輯模式下編輯元件。1在當前位置編輯元件2在新窗口編輯元件3在元件編輯模式下編輯元件通過具體操作進一步加深理解。3 編輯元件編輯元件動畫的制作中使用最多的動畫效果是由漸變動畫進行創(chuàng)建的。制作漸變動畫時，只需要建立動畫片斷的第一個關鍵幀的畫面和最后一個關鍵幀的畫面即可，當在兩個關鍵幀間創(chuàng)建動作后Flash會自動生成動畫的中間效果。優(yōu)點：制作簡單、動畫效果連貫，且生成的作品文件容量很小。 漸變動畫分為形狀補間動畫和動作補間動畫。漸變動畫l形狀補間動畫：也稱形變動畫，即形狀變化的動畫，如從圓變?yōu)榉?，F(xiàn)變到S等。它的特點是變化的物體必須分離（即打散）。l動作補間動

14、畫：對某個單獨內(nèi)容所做的動畫。如淡入淡出、移動、旋轉(zhuǎn)、沿路徑運動等。它的特點是運動的物體必須是組合的。漸變動畫逐幀動畫逐幀動畫動畫補間動畫補間形狀補間形狀補間（淡紫色）（淡紫色）（淡綠色）（淡綠色）4.4 運動漸變動畫的制作運動漸變動畫的制作l動畫對象必須是元件、群組對象或文本l矢量圖形需要轉(zhuǎn)換為元件l可以改變動畫對象的位置、大小、旋轉(zhuǎn)角度等，也可以使對象沿著路徑進行運動。動作補間動畫需要制作兩個關鍵幀，然后在這兩個關鍵幀之間創(chuàng)建動畫。提示： 動作補間通常用于有位置變化的補間動畫中。4.4 運動漸變動畫的制作運動漸變動畫的制作l實例演示打開的字畫、在字畫上寫字風吹文字文字旋轉(zhuǎn)4.4.1 運動補

15、間動畫的制作方法運動補間動畫的制作方法l 補間動畫基本制作方法：在一個關鍵幀上創(chuàng)建一個對象，然后在另一個關鍵幀改變這個對象的大小、位置、顏色、透明度、旋轉(zhuǎn)、傾斜、濾鏡等屬性。 1、使用文本工具 輸入飛機符號。 實例 “飛機飛行 ”動畫制作： 2、在第35幀上插入一個關鍵幀 ，并改變飛機位置。3、創(chuàng)造補間動畫 。4.4.1 運動補間動畫的制作方法運動補間動畫的制作方法l制作步驟：插入開始關鍵幀創(chuàng)建動畫對象并編輯起始幀起始幀內(nèi)容插入結(jié)束關鍵幀結(jié)束關鍵幀并編輯內(nèi)容在起始幀處右擊，創(chuàng)建補間動畫創(chuàng)建補間動畫選中起始幀，在屬性面板中設置效果4.4.1 運動補間動畫的制作方法運動補間動畫的制作方法l幀的屬性

16、面板屬性面板補間：運動漸變動畫應選擇動畫動畫；形狀漸變動畫應選擇形狀形狀?？s放：如果對象大小發(fā)生變化，需選擇“縮放”。旋轉(zhuǎn)：設置旋轉(zhuǎn)方向和旋轉(zhuǎn)次數(shù)。調(diào)整到路徑：使對象的基線與路徑保持一致4.4.1 運動補間動畫的制作方法運動補間動畫的制作方法l幀的屬性面板緩動-默認勻速l-100100l-100 先慢后快l0 勻速l100 先快后慢旋轉(zhuǎn)：l順時針：次數(shù)越多，速度越快l逆時針緩動：自定義緩入/緩出l位置、旋轉(zhuǎn)、縮放、顏色、濾鏡 動畫實例-文字旋轉(zhuǎn)（1）要想修改元件的屬性，必須要選中想對應的元件。（2）按住alt鍵加鼠標拖動可以復制選擇的動畫。 上機指導網(wǎng)絡廣告 補間動畫是Flash動畫類型中最基

17、礎的一種動畫類型，它是很多動畫作品的基石，用途十分廣泛。下面利用補間動畫制作一個網(wǎng)絡廣告動畫范例。這個動畫主要使用的就是補間動畫技術，它由若干個補間動畫效果連接和疊加而成。1新建文檔和制作動畫背景2制作氣球3制作動畫中的其他“演員”4制作第一段動畫5制作第二段動畫實例講解4.5 形狀漸變動畫的制作形狀漸變動畫的制作l所謂形變動畫指的是所謂形變動畫指的是形狀發(fā)生改變的動畫。形狀發(fā)生改變的動畫。l形狀漸變形狀漸變動畫中只能使用矢量圖形只能使用矢量圖形（網(wǎng)狀），如果要用其他對象設置變形漸變動畫，必須先將它們轉(zhuǎn)化為矢量圖形（修改|分離）。l建議在同一個圖層中使用一個矢量圖形同一個圖層中使用一個矢量圖形

18、，如果有多個矢量圖形，要將其分別放置在不同的圖層中，否則，變化過程不易控制。l形變、縮放、旋轉(zhuǎn)、顏色、運動。4.5 形狀漸變動畫的制作形狀漸變動畫的制作l實例演示方變圓蘋果紅了圓變文字燈籠變文字4.5 形狀漸變動畫的制作形狀漸變動畫的制作l制作步驟：插入開始關鍵幀創(chuàng)建動畫對象插入結(jié)束關鍵幀并編輯選中起始幀，在屬性面板中選擇形狀補間 補間形狀的基本制作方法是，在一個關鍵幀上繪制一個形狀，然后在另一個關鍵幀更改該形狀或繪制另一個形狀。接著在這兩個關鍵幀之間定義補間形狀，F(xiàn)lash就會自動補上中間的形狀漸變過程。4.5.1 形狀漸變動畫的制作形狀漸變動畫的制作實例五邊形變成五角星的動畫制作： 1、繪制一個無邊框紅色填充的五邊形。 2、在第20幀繪制一個無邊框紅色填充的五角星。 3、定義補間形狀 。4、將第20幀上的五角星的填充顏色更改為黃色。 4.5.2 補間形狀的參數(shù)設置 定義了補間形狀后，在“屬性”面板中可以進一步設置相應的參數(shù)，以使得動畫效果更豐富。 1“緩動”選項(范圍：-100100）