1、第7課 制作簡單動畫 本章要點 具體要求 本章導讀 上機練習本章要點 逐幀動畫 動作補間動畫 形狀補間動畫具體要求 掌握逐幀動畫的制作方法 掌握動作補間動畫的制作方法 掌握形狀補間動畫的制作方法本章導讀 Flash最主要的功能就是制作動畫。Flash能夠制作的動畫類型很多，一種類型的動畫也可以構成一個簡單動畫。為了使Flash作品更加形象、生動，往往需要在一個Flash作品中綜合應用不同類型的動畫。因此，只有掌握了制作不同類型的簡單動畫后，才能制作含有多種類型動畫的復雜作品。 逐幀動畫：變化過程要求較精細的動畫，如人走路、眨眼、打字效果等 動作補間動畫：制作物體運動的動畫，如奔馳的汽車等 形狀

2、補間動畫：制作物體變形或變色的動畫，如變色文字、漣漪效果等本章導讀由于動畫的生成原理和制作方法不相同，因此動畫的表示方法也不相同。不同的動畫對應的幀表示方式如下： 形狀補間動畫：各關鍵幀之間用淺綠色背景的黑色箭頭表示的為形狀補間動畫。 動作補間動畫：各關鍵幀之間用淺藍色背景的黑色箭頭表示的為動作補間動畫。 未產(chǎn)生動畫：指兩個關鍵幀之間的動畫沒有創(chuàng)建成功，或在創(chuàng)建動畫時操作錯誤。兩個關鍵幀之間是由虛線連接起來的。 含動作的動畫：為一個關鍵幀添加了Actions語句，這個關鍵幀上就會出現(xiàn)小寫的“a”符號。Actions語句的使用將在第10課和第11課中詳細介紹。 含幀標簽的動畫：為一個關鍵幀進行命

3、名、標簽或注釋后，關鍵幀上有一個小紅旗標記，且后面標注有文字。金手指考試網(wǎng) http:/ 2016年金手指駕駛員考試科目一 科目四元貝駕考網(wǎng) http:/ 科目一科目四仿真考試題C1Grammar 7.1 逐幀動畫 逐幀動畫的制作原理簡單，但是制作起來又相當復雜。下面對該動畫類型進行講解。7.1 逐幀動畫 7.1.1 知識講解 7.1.2 典型案例打字效果 7.1.1 知識講解 在很多Flash動畫中，常常會看到一些動畫人物在眨眼、口形在變化等，這些簡單的動畫效果就是利用逐幀動畫實現(xiàn)的。 逐幀動畫是指由位于同一圖層的許多連續(xù)關鍵幀組成的動畫，制作者需要在動畫的每一幀中創(chuàng)建不同的內(nèi)容。當動畫播放

4、時，F(xiàn)lash就會一幀一幀地顯示每幀中的內(nèi)容。一個逐幀動畫，動畫中的每一幀都是關鍵幀。7.1.1 知識講解 1. 逐幀動畫特點 2. 逐幀動畫制作方法1. 逐幀動畫特點 逐幀動畫有如下特點： 逐幀動畫中的每一幀都是關鍵幀，每個幀的內(nèi)容都需要手動編輯，工作量很大，一般不采用該方式制作動畫。 逐幀動畫由許多單個關鍵幀組合而成，每個關鍵幀均可獨立編輯，且相鄰關鍵幀中的對象變化不大。 逐幀動畫的文件較大，不利于編輯。 逐幀動畫效果 2. 逐幀動畫制作方法 創(chuàng)建逐幀動畫，需要將每個幀都定義為關鍵幀，然后給每個幀創(chuàng)建不同的圖像。每個新關鍵幀最初包含的內(nèi)容和它前面的關鍵幀是一樣的，因此可以遞增地修改動畫中的

5、幀，但工作量很大。7.1.2 典型案例打字效果 本案例將制作一個名為“打字效果”的動畫，主要練習逐幀動畫的制作方法。完成后，畫面將依次出現(xiàn)“陽安出版社”文字。 效果圖位置：【第7課源文件打字效果.fla】 制作思路： 1）在第1幀中利用文字工具輸入文字“陽”。 2）在第2幀中插入關鍵幀，在“陽”字后面輸入“安”。 3）用同樣的方法，在其他幀插入關鍵幀，并分別輸入文字。“打字效果”最終效果圖 操作步驟 本案例比較簡單，只需在不同的關鍵幀中輸入文字，其具體操作（請老師參照軟件講解）：案例小結(jié) 本案例制作的是打字的動畫效果，在制作過程中主要用到了文本工具。需要注意的是，制作逐幀動畫時，關鍵幀的數(shù)量可

6、以自行設定，各個關鍵幀的內(nèi)容也可任意改變，只要兩個相鄰關鍵幀上的內(nèi)容連續(xù)性合理即可。7.2 動作補間動畫 動作補間動畫是制作Flash動畫過程中使用得最為頻繁的一種動畫類型。在Flash動畫的制作過程中，常需要制作圖片的若隱若現(xiàn)、移動、縮放、旋轉(zhuǎn)等效果，這主要通過動作補間動畫來實現(xiàn)。下面將對該動畫類型進行講解。7.2 動作補間動畫 7.2.1 知識講解 7.2.2 典型案例廣告條 7.2.1 知識講解 動作補間動畫是在兩個關鍵幀上分別定義不同的屬性，如對象的大小、位置、角度等，然后在兩個關鍵幀之間建立一種運動漸變關系，這就是制作動作補間動畫的過程。7.2.1 知識講解 1. 動作補間動畫的特點

7、 2. 動作補間動畫制作方法 3. 實例屬性應用1. 動作補間動畫的特點 動作補間動畫屬于補間動畫的一種，由兩個關鍵幀和它們之間的普通幀組成。 動作補間動畫具有如下特點： 不需要手工創(chuàng)建每個幀的內(nèi)容，只需要創(chuàng)建兩個關鍵幀的內(nèi)容，兩個關鍵幀之間的所有動畫都由Flash創(chuàng)建，制作更加簡便。 由手工控制，幀與幀之間的過渡可能不自然、連貫；而補間動畫除兩個關鍵幀由手工控制外，中間的幀都由Flash自動生成，因此漸變過程更為連貫。 文件小，是一種應用較多的動畫制作方式。動作補間動畫 2. 動作補間動畫制作方法 動作補間動畫就是在兩個關鍵幀之間建立了一種運動補間關系。該類型動畫漸變過程很連貫，制作過程也比

8、較簡單，只需建立動畫的第一個畫面和最后一個畫面。其具體操作如下： 1）在動畫的起始幀插入關鍵幀，并編輯起始幀中的內(nèi)容。 2）選擇起始幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間動畫】命令，或在【屬性】面板的【補間】下拉列表框中選擇【動作】選項。 3）選擇結(jié)束幀并插入關鍵幀，再編輯結(jié)束幀中的內(nèi)容。動作補間動畫的【屬性】面板 補間類型添加聲音設置運動類型3. 實例屬性應用 創(chuàng)建動作補間動畫后，其【屬性】面板中各選項的含義如下： 【幀】：用于輸入幀的標簽名稱。 復選框：選中該復選框使對象沿設定的路徑運動，并隨著路徑的改變而相應地改變角度。 復選框：選中該復選框使動畫在場景中首尾連續(xù)地循環(huán)播放。

9、 復選框：選中該復選框使對象沿路徑運動時，自動捕捉路徑。3. 實例屬性應用 【簡易】：用于設定對象在變化運動過程中是減速還是加速。單擊右側(cè)的按鈕，從彈出的滾動條中拖動滑塊可設置速度的快慢。正數(shù)表示對象運動由快到慢，做減速運動，右側(cè)顯示【輸出】；負數(shù)表示對象運動由慢到快，做加速運動，右側(cè)顯示【輸入】；默認值為0，表示對象做勻速運動。 【補間】下拉列表框：用于選擇創(chuàng)建的補間動畫的類型。其中，【動作】用于創(chuàng)建動作補間動畫，【形狀】用于創(chuàng)建形狀補間動畫，【無】表示不創(chuàng)建動畫3. 實例屬性應用 【旋轉(zhuǎn)】下拉列表框：用于設定物體的旋轉(zhuǎn)運動。其中，【無】表示對象不旋轉(zhuǎn)；【自動】表示對象以最小的角度進行旋轉(zhuǎn)，

10、直到終點位置；【順時針】表示可設定對象沿順時針方向旋轉(zhuǎn)到終點位置，在其后的【次】文本框中可輸入旋轉(zhuǎn)次數(shù)，輸入0表示不旋轉(zhuǎn)；【逆時針】表示可設定對象沿逆時針方向旋轉(zhuǎn)到終點位置，在其后的【次】文本框中可輸入旋轉(zhuǎn)次數(shù)，輸入0表示不旋轉(zhuǎn)。7.2.2 典型案例廣告條 本案例將制作一個名為“廣告條”的動畫，動畫中的廣告文字將從場景右方進入，并伴隨放大、縮小與漸隱等變化，然后從場景左方出去。此案例主要練習動作補間動畫的制作方法和Alpha值的設置。 效果圖位置：【第7課源文件廣告條.fla】 制作思路： 1）利用繪圖工具繪制出背景圖形。 2）制作“強”和“文字”圖形元件。 3）在場景中為“強”和“文字”圖形

11、元件制作動作補間動畫，并進行設置。 “廣告條”最終效果圖 操作步驟 本案例分為三大部分：第一步，繪制背景圖形；第二步，制作圖形元件；第三步，制作動作補間動畫。. 繪制背景圖形 這里用繪圖工具在兩個圖層中繪制出廣告條的背景圖形，其具體操作（請老師參照軟件講解）：2. 制作圖形元件 這里制作兩個圖形元件。在“強”圖形元件中繪制一個矩形，并用選擇工具調(diào)整，然后輸入“強”文字；在“文字”圖形元件中輸入不同屬性的文字，其具體操作（請老師參照軟件講解）：3. 制作“強”的動作補間動畫 將制作的“強”圖形元件拖入到場景的圖層中，并創(chuàng)建動作補間動畫，然后在【屬性】面板中設置旋轉(zhuǎn)等屬性，其具體操作（請老師參照軟

12、件講解）：4. 制作“文字”的動作補間動畫 將制作的“文字”圖形元件拖入到場景的圖層中，并創(chuàng)建動作補間動畫，然后在【屬性】面板中設置其Alpha值等屬性，具體操作（請老師參照軟件講解）：案例小結(jié) 本案例制作了一個廣告文字在場景中移動、縮放和隱顯的動態(tài)效果，在制作過程中主要練習創(chuàng)建元件、輸入文字、創(chuàng)建動作補間動畫和設置動作補間動畫屬性的方法。 案例中創(chuàng)建動作補間動畫的方法是先選擇【創(chuàng)建補間動畫】命令、再插入關鍵幀的方法，也可以先插入關鍵幀，將各關鍵幀中的對象進行設置后，再創(chuàng)建動作補間動畫。需要注意的是，必須在創(chuàng)建動作補間動畫后，才能設置動作補間動畫的屬性。7.3 形狀補間動畫 在Flash動畫中

13、，常?？吹轿淖值淖冃巍⒏鞣N圖形之間的變化等，這些都是簡單的形狀補間動畫。 7.3 形狀補間動畫 7.3.1 知識講解 7.3.2 典型案例變色的彩燈 7.3.3 典型案例星形變化 7.3.1 知識講解 形狀補間動畫，就是先分別定義不同屬性的兩個關鍵幀，如對象的外形、顏色變化等，然后在兩個關鍵幀之間建立一種形狀漸變關系，這就是制作形狀補間動畫的過程。7.3.1 知識講解 1. 形狀補間動畫的特點 2. 形狀補間動畫制作方法 3. 形狀提示 1. 形狀補間動畫的特點 形狀補間動畫屬于補間動畫的一種，也是由兩個關鍵幀和它們之間的普通幀組成，其特點與動作補間動畫的一樣。2. 形狀補間動畫制作方法 形狀

14、補間動畫是指圖形形狀逐漸發(fā)生變化的動畫。圖形的變形不需要依次繪制，只需確定圖形在變形前和變形后的兩個關鍵幀中的畫面，中間的變化過程由Flash自動完成。其具體操作如下： 1）在動畫的起始幀插入關鍵幀，并編輯起始幀中的內(nèi)容。 2）選擇起始幀，在【屬性】面板的【補間】下拉列表框中選擇【形狀】選項。 3）選擇結(jié)束幀并插入關鍵幀，再編輯結(jié)束幀中的內(nèi)容。 在時間軸中選取要創(chuàng)建補間動畫的幀，【屬性】面板中各選項功能和動作補間動畫的【屬性】面板一樣，只有【混合】下拉列表框不同。 形狀補間動畫的【屬性】面板 2. 形狀補間動畫制作方法 【混合】下拉列表框用于設置中間幀形狀變化過渡的模式，其中包括【分布式】和【

15、角形】兩項，其含義如下： 分布式：使中間幀的形狀變化過渡得更加自然。 角形：使中間幀的形狀變化保持關鍵幀上圖形的棱角。此模式可用于有尖銳棱角的圖形變換。如果圖形沒有尖角，F(xiàn)lash會自動地將此模式設為分布式。 3. 形狀提示 在創(chuàng)建形狀補間動畫的時候，要控制復雜的形狀變化，可以使用形狀提示來使變形的過程更加細膩。形狀提示會標識起始形狀和結(jié)束形狀中相對應的點。利用形狀提示可以將一個圖形上的某點轉(zhuǎn)換到另外一個圖形上的某個點，使物體間的變形過渡更有目的性，從而制作出更豐富有趣的變形效果。 若要將一個圓形漸變?yōu)榫匦危蓜?chuàng)建形狀提示，其具體操作如下： 1）選擇動畫的開始幀，再選擇【修改】【形狀】【添加形

16、狀提示】命令。 2）移動變形前后的形狀提示符號 ，可控制該點在變形前后的位置，這樣可約束動畫的變形。3. 形狀提示 若要刪除形狀提示，有以下兩種方法： 將形狀提示拖到畫面以外的任何地方。 在形狀提示上單擊鼠標右鍵，在彈出的快捷菜單中選擇【刪除提示】命令。 要獲得最佳效果，請遵循這三條準則： 確保形狀提示是符合邏輯的。 如果按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。 在復雜的補間形狀中，需要創(chuàng)建中間形狀，然后再進行補間，而不要只定義起始和結(jié)束的形狀。7.3.2 典型案例變色的彩燈 本案例將制作一個名為“變色的彩燈”的動畫，播放時圣誕樹上的彩燈將不停地變幻色彩，主要練習形狀補

17、間動畫的制作方法。 素材位置：【第7課素材】 效果圖位置：【第7課源文件變色的彩燈.fla】 制作思路： 1）制作“彩燈”影片剪輯元件，在其中創(chuàng)建形狀補間動畫。 2）將制作的“彩燈”影片剪輯元件拖入場景中?！白兩牟薀簟弊罱K效果圖 操作步驟 本案例首先打開“變色的彩燈”Flash文檔，新建“彩燈”影片剪輯元件，在元件編輯區(qū)中用橢圓工具繪制出彩燈，新建“圖層2”，將彩燈圖形的填充色塊剪切到“圖層2”中，并創(chuàng)建形狀補間動畫。具體操作（請老師參照軟件講解）：案例小結(jié) 本案例制作了一個圣誕彩燈變幻的動畫效果，在制作過程中主要練習繪制圖形、創(chuàng)建元件和創(chuàng)建形狀補間動畫的方法。需要注意的是，在創(chuàng)建色彩的形狀

18、補間動畫時，最好色彩的對象是同一形狀，以避免變形的情況出現(xiàn)。7.3.3 典型案例星形變化 本案例將制作一個名為“星形變化”的動畫，完成后三角形將變幻為五角星形，主要練習了形狀補間動畫的制作方法和形狀提示的使用方法。 效果圖位置：【第7課源文件星形變化.fla】 制作思路： 1）利用繪圖工具在第1幀和第10幀中繪制出三角形和五角星形。 2）為第1幀和第10幀創(chuàng)建形狀補間動畫。 3）添加形狀提示?！靶切巫兓弊罱K效果圖操作步驟 本案例分為兩大部分：第一步，繪制圖形；第二步，創(chuàng)建形狀補間動畫，并添加形狀提示。1. 繪制圖形 這里用繪圖工具在“圖層1”中繪制出一個和場景大小一樣的矩形，作為背景圖形，然后新建“圖層2”，在第1幀和第10幀中繪制出三角形和五角星形，其具體操作（請老師參照軟件講解）：2. 創(chuàng)建形狀補間動畫并添加形狀提示 這里為“圖層2”的第1幀和第10幀創(chuàng)建形狀補間動畫，并添加5個形狀提示，以使三角形與五角星形的變幻更加規(guī)則，其具體操作（請老師參照軟件講解）：案例小結(jié) 本案例制作了一個三角形變化為