FlashCS6第7章基本動畫的制作課件

1、第7章基本動畫的制作 本章簡介:在Flash CS6動畫的制作過程中，時間軸和幀起到了關鍵性的作用。本章將介紹動畫中幀和時間軸的使用方法及應用技巧。讀者通過學習要了解并掌握如何靈活地應用幀和時間軸，并根據(jù)設計需要制作出豐富多彩的動畫效果。第7章基本動畫的制作 本章簡介:課堂學習目標了解動畫和幀的基本概念掌握逐幀動畫的制作方法掌握形狀補間動畫的制作方法掌握傳統(tǒng)補間動畫的制作方法熟悉測試動畫的方法了解Deco工具的使用方法課堂學習目標了解動畫和幀的基本概念7.1幀與時間軸 課堂案例制作美好回憶動畫動畫中幀的概念 幀的顯示形式 時間軸面板 繪圖紙（洋蔥皮）功能 在時間軸面板中設置幀 7.1幀與時間軸

2、 課堂案例制作美好回憶動畫使用“刷子”工具，繪制光標圖形；使用“文本”工具，添加文字；使用“翻轉幀”命令，將幀進行翻轉；使用“影片剪輯”元件，制作小貓動畫。 效果圖 7.1.1課堂案例制作美好回憶動畫使用“刷子”工具，繪制光標圖形；使用“文本”工具，添加文字；醫(yī)學證明，人類具有視覺暫留的特點，即人眼看到物體或畫面后，在1/24秒內不會消失。利用這一原理，在一幅畫沒有消失之前播放下一幅畫，就會給人造成流暢的視覺變化效果。所以，動畫就是通過連續(xù)播放一系列靜止畫面，給視覺造成連續(xù)變化的效果。在Flash CS6中，這一系列單幅的畫面就叫幀，它是Flash CS6動畫中最小時間單位里出現(xiàn)的畫面。每秒鐘

3、顯示的幀數(shù)叫幀率，如果幀率太慢就會給人造成視覺上不流暢的感覺。所以，按照人的視覺原理，一般將動畫的幀率設為24幀/秒。7.1.2動畫中幀的概念 醫(yī)學證明，人類具有視覺暫留的特點，即人眼看到物體或畫面后，在7.1.3幀的顯示形式 空白關鍵幀 在時間軸中，白色背景帶有黑圈的幀為空白關鍵幀。 關鍵幀 在時間軸中，灰色背景帶有黑點的幀為關鍵幀。 動作補間幀 在時間軸中，帶有黑色圓點的第1幀和最后1幀為關鍵幀，中間藍色背景帶有黑色箭頭的幀為補間幀。 形狀補間幀 在時間軸中，帶有黑色圓點的第1幀和最后1幀為關鍵幀，中間綠色背景帶有黑色箭頭的幀為補間幀。7.1.3幀的顯示形式 空白關鍵幀 7.1.3幀的顯示

4、形式 包含動作語句的幀 在時間軸中，第1幀上出現(xiàn)一個字母“a”，表示這1幀中包含了使用“動作”面板設置的動作語句。 幀標簽 在時間軸中，第1幀上出現(xiàn)一只紅旗，表示這一幀的標簽類型是名稱；第1幀上出現(xiàn)兩條綠色斜杠，表示這一幀的標簽類型是注釋；第1幀上出現(xiàn)一個金色的錨，表示這一幀的標簽類型是錨記 。 7.1.3幀的顯示形式 包含動作語句的幀 “時間軸”面板由圖層面板和時間軸組成。 “時間軸”面板7.1.4時間軸面板 “時間軸”面板由圖層面板和時間軸組成。 “時間軸”面板7.1一般情況下，F(xiàn)lash CS6的舞臺只能顯示當前幀中的對象。如果希望在舞臺上出現(xiàn)多幀對象以幫助當前幀對象的定位和編輯，F(xiàn)la

5、sh CS6提供的繪圖紙（洋蔥皮）功能可以將其實現(xiàn)。7.1.5繪圖紙（洋蔥皮）功能 “幀居中”按鈕：單擊此按鈕，播放頭所在幀會顯示在時間軸的中間位置。 “繪圖紙外觀”按鈕：單擊此按鈕，時間軸標尺上出現(xiàn)繪圖紙的標記顯示，在標記范圍內的幀上的對象將同時顯示在舞臺中。 一般情況下，F(xiàn)lash CS6的舞臺只能顯示當前幀中的對象。7.1.5繪圖紙（洋蔥皮）功能 “繪圖紙外觀輪廓”按鈕：單擊此按鈕，時間軸標尺上出現(xiàn)繪圖紙的標記顯示，在標記范圍內的幀上的對象將以輪廓線的形式同時顯示在舞臺中。 “編輯多個幀”按鈕：單擊此按鈕，繪圖紙標記范圍內的幀上的對象將同時顯示在舞臺中，可以同時編輯所有的對象。 “修改繪

6、圖紙標記”按鈕：單擊此按鈕，彈出其下拉菜單。 7.1.5繪圖紙（洋蔥皮）功能 “繪圖紙外觀輪廓”按鈕：7.1.6在時間軸面板中設置幀 插入幀 選擇“插入 時間軸 幀”命令，或按F5鍵，可以在時間軸上插入一個普通幀；選擇“插入 時間軸 關鍵幀”命令，或按F6鍵，可以在時間軸上插入一個關鍵幀；選擇“插入 時間軸 空白關鍵幀”命令，可以在時間軸上插入一個空白關鍵幀。 選擇幀 選擇“編輯 時間軸 選擇所有幀”命令，選中時間軸中的所有幀。單擊要選的幀，幀變?yōu)樯钌?。用鼠標選中要選擇的幀，再向前或向后進行拖曳，其間鼠標經(jīng)過的幀全部被選中。按住Ctrl鍵的同時，用鼠標單擊要選擇的幀，可以選擇多個不連續(xù)的幀。按

7、住Shift鍵的同時，用鼠標單擊要選擇的兩個幀，這兩個幀中間的所有幀都被選中。 7.1.6在時間軸面板中設置幀 插入幀 7.1.6在時間軸面板中設置幀 移動幀 選中一個或多個幀，按住鼠標，移動所選幀到目標位置。在移動過程中，如果按住Alt鍵，會在目標位置上復制出所選的幀。 刪除幀 用鼠標右鍵單擊要刪除的幀，在彈出的菜單中選擇“清除幀”命令。選中要刪除的普通幀，按Shift+F5組合鍵，刪除幀。選中要刪除的關鍵幀，按Shift+F6組合鍵，刪除關鍵幀。 7.1.6在時間軸面板中設置幀 移動幀 課堂案例制作小松鼠動畫幀動畫 逐幀動畫簡單形狀補間動畫應用變形提示創(chuàng)建傳統(tǒng)補間色彩變化動畫測試動畫“影片

8、瀏覽器”面板的功能7.2動畫的創(chuàng)建課堂案例制作小松鼠動畫7.2動畫的創(chuàng)建使用“導入到舞臺”命令，導入松鼠的序列圖；使用“時間軸”面板，制作逐幀動畫；使用“創(chuàng)建傳統(tǒng)補間”命令，制作松鼠運動效果；使用“變形”面板，改變圖形的大小。效果圖 7.2.1課堂案例制作小松鼠動畫使用“導入到舞臺”命令，導入松鼠的序列圖；使用“時間軸”面板第1幀 7.2.2幀 畫 第5幀 第10幀 第15幀 時間軸面板中設置關鍵幀的狀態(tài) 第1幀 7.2.2幀 畫 第5幀 第10幀 第1幀 7.2.3逐幀動畫 第2幀 第3幀 第4幀 時間軸面板中設置關鍵幀的狀態(tài) 第1幀 7.2.3逐幀動畫 第2幀 第3幀 7.2.4簡單形狀補

9、間動畫 第1幀 第3幀 第5幀 第7幀 第10幀時間軸面板中設置關鍵幀的狀態(tài) 7.2.4簡單形狀補間動畫 第1幀 使用變形提示，可以讓原圖形上的某一點變換到目標圖形的某一點上。應用變形提示可以制作出各種復雜的變形效果。 系統(tǒng)自動生成的圖形變化過程 7.2.5應用變形提示 在提示點的作用下生成的圖形變化過程 使用變形提示，可以讓原圖形上的某一點變換到目標圖形的某一點上第1幀中圖形效果 7.2.6創(chuàng)建傳統(tǒng)補間在時間軸面板中設置動作補間動畫 最后1幀中圖形效果 每幀中的圖形變化效果 第1幀中圖形效果 7.2.6創(chuàng)建傳統(tǒng)補間在時間軸面板中在不同的關鍵幀中，玫瑰花的顏色變化效果 7.2.7色彩變化動畫

10、時間軸面板中的設置 在不同的關鍵幀中，玫瑰花的顏色變化效果 7.2.7色彩變在制作完成動畫后，要對其進行測試?？梢酝ㄟ^多種方法來測試動畫。 7.2.8測試動畫 應用控制器面板 選擇“窗口 工具欄 控制器”命令，彈出“控制器”面板。 應用播放命令 選擇“控制 播放”命令，或按Enter鍵，可以對當前舞臺中的動畫進行瀏覽。在“時間軸”面板中，可以看見播放頭在運動，隨著播放頭的運動，舞臺中顯示出播放頭所經(jīng)過的幀上的內容。 在制作完成動畫后，要對其進行測試?？梢酝ㄟ^多種方法來測試動畫7.2.8測試動畫 應用測試影片命令 選擇“控制 測試影片”命令，或按Ctrl+Enter組合鍵，可以進入動畫測試窗口，

11、對動畫作品的多個場景進行連續(xù)的測試。 應用測試場景命令 選擇“控制 測試場景”命令，或按Ctrl+Alt+Enter組合鍵，可以進入動畫測試窗口，測試當前舞臺窗口中顯示的場景或元件中的動畫。7.2.8測試動畫 應用測試影片命令 “影片瀏覽器”面板，可以將Flash CS6文件組成樹型關系圖，方便用戶進行動畫分析、管理或修改。在其中可以查看每一個元件，熟悉幀與幀之間的關系，查看動作腳本等，也可快速查找需要的對象。選擇“窗口 影片瀏覽器”命令，彈出“影片瀏覽器”面板。 “影片瀏覽器”面板7.2.9“影片瀏覽器”面板的功能 “影片瀏覽器”面板，可以將Flash CS6文件組成樹型關系7.3 Deco工具創(chuàng)建藤蔓藤蔓屬性7.3 Deco工具創(chuàng)建藤蔓選擇“Deco”工具 ，將鼠標移到舞臺上，鼠標指針變成 形狀，在舞臺上單擊鼠標左鍵，即可看到藤蔓生長的效果，在生長的藤蔓圖形上再次單擊鼠標左鍵，即可停止當前藤蔓圖形的生長。過程圖 7.3.1創(chuàng)建藤蔓選擇“Deco”工具 ，將鼠標移到舞臺上，鼠標指針變成 形狀選擇“Deco”工具 ，選擇“窗口 屬性”命令，彈出Deco工具的“屬性”面板。在Deco工具“屬性”面板中可以更改藤蔓的屬性?！皩傩浴泵姘?.3.2藤蔓屬性選擇“Deco”工具 ，選擇“窗口 屬性”命令，彈出De使用“文本”工具，輸入文