資源簡介

(共43張PPT)
《動畫角色的運動》
河北大學版 初中版第二冊
教學目標
1.信息意識：建立將學習其他軟件的方法應用到學習Animate軟件中的意識；
2.計算思維：培養使用計算機程序解決生活中的實際問題的思維方式；
3.數字化學習與創新：增強使用Animate軟件制作動畫及其相關知識技能；
4.信息社會責任：規范使用計算機程序解決問題，不做危害他人的網絡行為。
新知導入
上節課我們學習了如何使用軟件繪制角色，那接下來我們就要讓這些角色“動起來”，怎么樣才能做到呢？一起來學習一下吧！
新知講解
運動是動畫中最常見的一種表現形式，如何通過動畫方式生動地把角色呈現在舞臺上是動畫制作要解決的基本問題。動畫角色運動的方式有很多，如移動、旋轉，以及改變大小、形狀、顏色、透明度(淡入淡出)等。
新知講解
學習任務1
為“人物表情.fla”中的“花朵”角色設計場景動作:從屏幕左側[如圖（a）所示]。順時針旋轉著進入畫面，當運動到舞臺中間的位置時停止[如圖（b）所示]。要求:動畫時長3秒。(樣例為配套教學資源中的“第2章\樣例”中的“旋花移入.swf”）
(a)
(b)
新知講解
任務分析
本任務涉及的角色是花朵和表情，兩個角色本身不必再做設計，可以繼承上一節的設計。目前，只需要考慮角色在場景中的動作設計。
新知講解
在上一節的“人物表情”動畫場景中，以逐幀動畫的方式實現“表情”實例的三種狀態的變化，而“花朵”實例是靜止的。本任務在上一節動畫設計的基礎之上，增加了“花朵”實例的動作設計，即實現“花朵”從屏幕左側順時針旋轉著進入畫面。
分析這一動作，有兩方面內容：一是從屏幕左側向右側移動，二是順時針旋轉。
新知講解
要使角色有規律地運動，可以讓計算機幫助我們完成，不必逐幀制作。我們只需創建起始關鍵幀(第1幀)和終止關鍵幀(最后1幀)的內容，中間內容由Animate軟件自動生成，這就是另一種動畫形式——傳統補間動畫。
如果頻為24 fps,那么動畫時長3秒，就應該有72幀。
新知講解
我們可以先觀看視頻，初步了解一下。
新知講解
操作指南
1.打開“人物表情.fla"文件
執行“文件”一“打開”命令，打開“人物表情.fla”文件。
2.另存文件
執行“文件”→“另存為”命令，以“旋花移入，fla”為名保存文件。
新知講解
3.設置“花朵”從左到右移動
(1）創建起始關鍵幀
“花朵”，實例要從屏幕的左側進入畫面，因此創建起始關鍵幀時需要將實例的位置設置在左側的舞臺外部，如右圖所示。
①選中時間軸上“花朵”圖層的第1幀。
②拖動舞臺上的“花朵”實例至如右圖所示的位置。
新知講解
（2）創建終止關鍵幀
①選中時間軸上“花朵”圖層準備設置終止關鍵的位置。在24 fps的情況下，如要完成3秒的動畫，則終止關鍵幀的位置應選擇在第72幀。
②拖動舞臺上的“花朵”實例至如圖所示的位置。
新知講解
(3）創建傳統補間動畫
①在時間軸上，右擊“花朵”圖層起始關鍵幀和終止關鍵幀中間的位置，彈出如右圖所示的快捷菜單。
②執行“創建傳統補間”命令，完成動畫設置，如圖所示。出現實線箭頭,并帶有紫色底紋的時，表示設置動作補間動畫成功。
新知講解
拓展延伸
傳統補間動畫是改變對象的位置、大小、旋轉和傾斜,做出物體運動的各種效果;改變對象的透明度、濾鏡及色彩變化的效果,淡入和淡出效果的一種動畫。
新知講解
幾種補間類型：
1.位置補間：從一位置變化到另一位置的動畫；
2.旋轉補間：元件實例根據制定中心進行旋轉的動畫；
3.縮放補間：元件實例的等比例縮放或是不等比例的作坊的動畫；
4.傾斜補間：元件實例按指定角的方向拉伸或縮進，模擬3D旋轉效果的動畫；
5.元件屬性補間：描述元件實例在影片中透明度、亮度、色調、高級顏色和濾鏡等發生改變的動畫。
新知講解
（4）延長“表情”實例時長
①在時間軸上，選中“表情”圖層的第72幀。
②右擊鼠標，在快捷菜單中選擇“插入幀”命令。
新知講解
4.設置“花朵”順時針旋轉
為了使“花朵”實例能夠在向右移動的同時順時針旋轉，需要在設置移動的效果時添加旋轉的效果，具體方法如下:
①單擊“花朵”圖層起、止關鍵幀之間的任意位置，則屬性面板顯示出“幀”的相關屬性。
②在屬性面板“旋轉”區域的下拉列表中，選擇“順時針”選項，如圖所示。
新知講解
5.測試影片，保存動畫，導出影片
按之前掌握的操作方法完成影片的測試并保存動畫文件,然后導出影片。
新知講解
學習任務2
為“人物表情.fa”中的“花朵”角色設計場景動作:從屏幕上端順時針旋轉地進入畫面，沿S形軌跡向畫面左下方運動，且大小放大到如圖所示。
要求:動畫時長3秒(樣例為配套教學資源中的“第2章\樣例”中的“旋花飛入、swf”）
新知講解
任務分析
任務2與任務1的區別是:運動的軌跡不再是直線軌跡，而是具有一定弧度的軌跡。若要實現這效果，可以通過創建引導層或者補間動畫的形式來控制角色的運動軌跡。本部分以補間動畫為例，完成任務2的動畫制作。
新知講解
操作指南
1.打開“人物表情.fla”文件
執行“文件”→“打開”命令，打開“人物表情.fla”文件。
2.另存文件
執行“文件”→“另存為”命令，以“旋花飛入.fla”為名保存文件。
新知講解
3.設置“花朵”從上到下的移動
（1）確定“花朵”動作的總數。
根據設計的動畫時長為3秒，可知需要72幀。所以，右擊“花”圖層的第72幀，在快捷菜單中執行“插入”命令。
新知講解
（2）設置補間動畫。
右擊“花”圖層起始與終止之間的位置，在快捷菜單中執行“創建補間動畫”命令，則兩之間時間軸顏色變成如圖所示的淡藍色。
新知講解
（3）調整起始關鍵幀的對象。
單擊“花”圖層第1幀。調整“花朵”實例的位置及大小，如圖所示。
新知講解
（4）設計運動軌跡。
①單擊“花”圖層第36幀。
②在舞臺上，向下直線拖動“花朵”實例到接近舞臺中間位置，則產生一條藍色軌跡線。此時，時間軸上第36上出現了一個菱形點，說明此是一個關鍵幀，這種關鍵幀為屬性關鍵幀。如圖（a）所示。
（a）
新知講解
③單擊“花”圖層第72幀。
④在舞臺上，拖動“花朵”實例至畫面左下方，如圖（b）所示。
⑤在工具面板中，選擇“選擇工具”。
⑥調整運動軌跡為弧線形，如圖所示。
新知講解
（5）調整終止關鍵幀對象大小。
①選中“花”圖層第72幀，在工具面板中選擇“任意變形工具”。
②放大“花朵”實例。
新知講解
（6）設置旋轉效果。
①單擊“花”圖層中的任意幀。則屬性面板顯示出“幀”的相關屬性。
②單擊屬性面板中“旋轉”區域的下拉按鈕，在出現的列表中選擇“順時針”選項。
新知講解
4.測試影片，保存動畫，導出影片
按之前掌握的操作方法完成影片的測試并保存動畫文件，然后導出影片。
新知講解
任務小結
1.動作補間動畫
（1）概念
只需要為動畫的第一個關鍵幀和最后一個關鍵幀創建內容，兩個關鍵幀之間的內容由Animate軟件自動生成。
（2）傳統補間制作步驟
①在起始關鍵幀上放置一個元件。
②在終止關鍵幀改變這個元件的大小、顏色、位置、透明度等。
③設置傳統補間動畫。
新知講解
(3）補間制作步驟
①在起始關鍵幀上放置一個元件。
②在終止關鍵幀位置插人。
③在起始關鍵幀與終止關鍵幀之間設置補間動畫。
④選擇兩幀之間的某一幀設置其屬性。
（4）構成元素
制作時，構成動作補間動畫的元素是元件，包括影片剪輯、圖形、按鈕、文字、位圖、組合等。
新知講解
2.逐幀動畫與補間動畫
（1）特點
逐幀動畫是在時間軸上逐幀繪制幀的內容，由于是一幀一幀地畫，所以逐幀動畫具有非常大的靈活性，幾乎可以表現任何想表現的內容。與逐幀動畫相比，補間動畫具有以下幾個特點:
新知講解
①制作方法簡單方便，不需要人為干預。
②相對于逐動畫來說，補間動畫更為連貫自然。因為逐幀動畫是由人工控制，幀與幀之間的過渡很可能會不自然、不連貫，而補間動畫除了兩個關鍵幀由人工控制外，中間的幀都由計算機自動生成，因此過渡更為自然連貫。
③相對于逐幀動畫來說，補間動畫的文件更小且占用內存少。
新知講解
(2）適用場合
逐幀動畫：適用于每鎖的圖像都在發生無規律變化的動畫。
補間動畫：一般適用于比較有規律的動畫。
新知講解
接下來讓我們一起觀看視頻學習一下，逐幀動畫的制作運用。
新知講解
練習與思考
（1）制作段表情動作動畫，要求：
①動畫時長4秒。
②設計一個眨眼表情元件，如圖所示。
③在場景中，如圖所示設計眨眼表情實例的動作。
(2）制作一個回家路線動態演示圖。
新知講解
我們一起觀看視頻，學習一下眨眼動作表情的動畫要怎么制作。
課堂練習
請同學們動腦思考一下，并制作一個“傷心”表情元件，然后制作這個表情變化的動畫視頻，最后和同學一起交流一下，你的制作方法和思路。
課堂總結
1.學習動畫制作的旋轉及其運動。
2.學習動畫可以沿著估計方向運動的方法。
3.學習和掌握逐幀動畫和補間動畫的含義及其運用。
板書設計
動畫的運動學習方法
制作角色沿著軌跡運動
學會制作表情變化動畫
作業布置
請同學們制作一個自己喜歡的人物角色，制作其表情變化的動畫，下節課在課上進行分享和展示。
謝謝
21世紀教育網（www.21cnjy.com)
中小學教育資源網站
兼職招聘：
https://www.21cnjy.com/recruitment/home/admin中小學教育資源及組卷應用平臺
信息技術《動畫角色的運動》教學設計
課題 《動畫角色的運動》 單元 二單元 學科 信息技術 年級 八年級
教材分析 《動畫角色的運動》這一主題活動來自學生對動畫運動的學習和制作。上節課我們學習了使用Animate軟件繪制角色，為了讓角色“動起來”，我們可以通過改變角色的大小，形狀，顏色等讓其呈現出運動的效果，這對于提高學生動手實踐能力有很大幫助。
學習目標 1.信息意識：建立將學習其他軟件的方法應用到學習Animate軟件中的意識；2.計算思維：培養使用計算機程序解決生活中的實際問題的思維方式；3.數字化學習與創新：增強使用Animate軟件制作動畫及其相關知識技能；4.信息社會責任：規范使用計算機程序解決問題，不做危害他人的網絡行為。
重點 學會讓角色“動起來”
難點 學會制作表情變化的動畫
教學過程
教學環節 教師活動 學生活動 設計意圖
導入新課 1.導入：師：上節課我們學習了如何使用軟件繪制角色，那接下來我們就要讓這些角色“動起來”，怎么樣才能做到呢？一起來學習一下吧！ 學生思考并回答問題 由此引入今天的學習內容
講授新課 運動是動畫中最常見的一種表現形式，如何通過動畫方式生動地把角色呈現在舞臺上是動畫制作要解決的基本問題。動畫角色運動的方式有很多，如移動、旋轉，以及改變大小、形狀、顏色、透明度(淡入淡出)等。學習任務1為“人物表情.fla”中的“花朵”角色設計場景動作:從屏幕左側[如圖（a）所示]。順時針旋轉著進入畫面，當運動到舞臺中間的位置時停止[如圖（b）所示]。要求:動畫時長3秒。(樣例為配套教學資源中的“第2章\樣例”中的“旋花移入.swf”）任務分析本任務涉及的角色是花朵和表情，兩個角色本身不必再做設計，可以繼承上一節的設計。目前，只需要考慮角色在場景中的動作設計。在上一節的“人物表情”動畫場景中，以逐動畫的方式實現“表情”實例的三種狀態的變化，而“花朵”實例是靜止的。本任務在上一節動畫設計的基礎之上，增加了“花朵”實例的動作設計，即實現“花朵”從屏幕左側順時針旋轉著進入畫面。分析這一動作，有兩方面內容：一是從屏幕左側向右側移動，二是順時針旋轉。要使角色有規律地運動，可以讓計算機幫助我們完成，不必逐幀制作。我們只需創建起始關鍵幀(第1幀)和終止關鍵幀(最后1幀)的內容，中間內容由Animate軟件自動生成，這就是另一種動畫形式——傳統補間動畫。如果頻為24 fps,那么動畫時長3秒，就應該有72幀。 操作指南1.打開“人物表情.fla"文件執行“文件”一“打開”命令，打開“人物表情.fla”文件。2.另存文件執行“文件”→“另存為”命令，以“旋花移入，fla”為名保存文件。3.設置“花朵”從左到右移動(1）創建起始關鍵幀“花朵”，實例要從屏幕的左側進入畫面，因此創建起始關鍵幀時需要將實例的位置設置在左側的舞臺外部，如右圖所示。①選中時間軸上“花朵”圖層的第1幀。②拖動舞臺上的“花朵”實例至如右圖所示的位置。（2）創建終止關鍵幀①選中時間軸上“花朵”圖層準備設置終止關鍵的位置。在24 fps的情況下，如要完成3秒的動畫，則終止關鍵幀的位置應選擇在第72幀。②拖動舞臺上的“花朵”實例至如圖2-3-3所示的位置。(3）創建傳統補間動畫①在時間軸上，右擊“花朵”圖層起始關鍵和終止關鍵中間的位置，彈出如右圖所示的快捷菜單。②執行“創建傳統補間”命令，完成動畫設置，如圖所示。出現實線箭頭,并帶有紫色底紋的時，表示設置動作補間動畫成功。拓展延伸傳統補間動畫是改變對象的位置、大小、旋轉和傾斜,做出物體運動的各種效果;改變對象的透明度、濾鏡及色彩變化的效果,淡入和淡出效果的一種動畫。幾種補間類型：1.位置補間：從一位置變化到另一位置的動畫；2.旋轉補間：元件實例根據制定中心進行旋轉的動畫；3.縮放補間：元件實例的等比例縮放或是不等比例的作坊的動畫；4.傾斜補間：元件實例按指定角的方向拉伸或縮進，模擬3D旋轉效果的動畫；5.元件屬性補間：描述元件實例在影片中透明度、亮度、色調、高級顏色和濾鏡等發生改變的動畫。（4）延長“表情”實例時長①在時間軸上，選中“表情”圖層的第72幀。②右擊鼠標，在快捷菜單中選擇“插入”命令。4.設置“花朵”順時針旋轉 為了使“花朵”實例能夠在向右移動的同時順時針旋轉，需要在設置移動的效果時添加旋轉的效果，具體方法如下:①單擊“花朵”圖層，起、止關鍵幀之間的任意位置，則屬性面板顯示出“幀”的相關屬性。②在屬性面板“旋轉”區域的下拉列表中，選擇“順時針”選項，如圖所示。5.測試影片,保存動畫,導出影片 按之前掌握的操作方法完成影片的測試并保存動畫文件,然后導出影片。學習任務2為“人物表情.fa”中的“花朵”角色設計場景動作:從屏幕上端順時針旋轉地進入畫面，沿S形軌跡向畫面左下方運動，且大小放大到如圖所示。要求:動畫時長3秒(樣例為配套教學資源中的“第2章\樣例”中的“旋花飛入、swf”）任務分析任務2與任務1的區別是:運動的軌跡不再是直線軌跡，而是具有一定弧度的軌跡。若要實現這效果，可以通過創建引導層或者補間動畫的形式來控制角色的運動軌跡。本部分以補間動畫為例，完成任務2的動畫制作。操作指南1.打開“人物表情.fla”文件執行“文件”→“打開”命令，打開“人物表情.fla”文件。2.另存文件執行“文件”→“另存為”命令，以“旋花飛人fla”為名保存文件。3.設置“花朵”從上到下的移動（1）確定“花朵”動作的總數。根據設計的動畫時長為3秒，可知需要72幀。所以，右擊“花”圖層的第72幀，在快捷菜單中執行“插入”命令。（2）設置補間動畫。右擊“花”圖層起始與終止之間的位置，在快捷菜單中執行“創建補間動畫”命令，則兩之間時間軸顏色變成如圖所示的淡藍色。（3）調整起始關鍵幀的對象。單擊“花”圖層第1幀。調整“花朵”實例的位置及大小，如圖所示。（4）設計運動軌跡。①單擊“花”圖層第36幀。②在舞臺上，向下直線拖動“花朵”實例到接近舞臺中間位置，則產生一條藍色軌跡線。此時，時間軸上第36上出現了一個菱形點，說明此是一個關鍵幀，這種關鍵為屬性關鍵幀。如圖（a）所示。③單擊“花”圖層第72幀。④在舞臺上，拖動“花朵”實例至畫面左下方，如圖（b）所示。⑤在工具面板中，選擇“選擇工具”。⑥調整運動軌跡為弧線形，如圖2-3-7所示。（5）調整終止關鍵幀對象大小。①選中“花”圖層第72幀，在工具面板中選擇“任意變形工具”。②放大“花朵”實例。（6）設置旋轉效果。①單擊“花”圖標中的任意幀。則屬性面板顯示出“幀”的相關屬性。②單擊屬性面板中“旋轉”區域的下拉按鈕，在出現的列表中選擇“順時針”選項。4.測試影片，保存動畫，導出影片按之前掌握的操作方法完成影片的測試并保存動畫文件，然后導出影片。任務小結1.動作補間動畫（1）概念 只需要為動畫的第一個關鍵幀和最后一個關鍵創建內容，兩個關鍵幀之間的內容由Animate軟件自動生成。（2）傳統補間制作步驟①在起始關鍵幀上放置一個元件。②在終止關鍵改變這個元件的大小、顏色、位置、透明度等。③設置傳統補間動畫。(3）補間制作步驟①在起始關鍵幀上放置一個元件。②在終止關鍵幀位置插人。③在起始關鍵幀與終止關鍵幀之間設置補間動畫。④選擇兩幀之間的某一幀設置其屬性。（4）構成元素制作時，構成動作補間動畫的元素是元件，包括影片剪輯、圖形、按鈕、文字、位圖、組合等。2.逐鎖動畫與補間動畫（1）特點 逐幀動畫是在時間軸上逐幀繪制幀的內容，由于是一幀一幀地畫，所以逐動畫具有非常大的靈活性，幾乎可以表現任何想表現的內容。與逐幀動畫相比，補間動畫具有以下幾個特點:①制作方法簡單方便，不需要人為干預。②相對于逐動畫來說，補間動畫更為連貫自然。因為逐動畫是由人工控制，幀與幀之間的過渡很可能會不自然、不連貫，而補間動畫除了兩個關鍵幀由人工控制外，中間的幀都由計算機自動生成，因此過渡更為自然連貫。③相對于逐動畫來說，補間動畫的文件更小且占用內存少。(2）適用場合逐鎖動畫：適用于每鎖的圖像都在發生無規律變化的動畫。補間動畫：一般適用于比較有規律的動畫。接下來讓我們一起觀看視頻學習一下，逐幀動畫的制作運用。練習與思考（1）制作段表情動作動畫，要求：①動畫時長4秒。②設計一個眨眼表情元件，如圖所示。③在場景中，如圖所示設計眨眼表情實例的動作。(2）制作一個回家路線動態演示圖。我們一起觀看視頻，學習一下眨眼動作表情的動畫要怎么制作。作業布置請同學們制作一個自己喜歡的人物角色，表情變化的動畫，下節課在課上進行分享和展示。 學生了解本節課的學習內容學生學習“任務分析”的內容學生學習創建相關的“幀”為后續學習鋪墊學生了解什么是補間動畫，了解補間動畫的一些類型學生掌握讓“花朵”旋轉的方法學生完成任務一的學習，觀看視頻學生學習，讓角色沿著軌跡運動的方法和步驟最后保存視頻，交流學習時遇到的問題學生掌握“任務小結”的內容
學生觀看視頻學生觀看視頻 引出接下來的學習環節簡化學習思路提高學生動手實踐能力拓展延伸學生知識學生動手實踐，簡化學習步驟為了使角色“動起來”一般是改變其特征，讓其發生變化增加學生知識技能鞏固所學的內容增加學生一些相關知識的講解觀看視頻學習逐幀動畫的制作通過觀看視頻學習
課堂練習 請同學們動腦思考一下，并制作一個“傷心”表情元件，然后制作這個表情變化的動畫視頻，最后和同學一起交流一下，你的制作方法和思路。 學生完成課堂練習 鞏固所學知識
課堂小結 1.學習動畫制作的旋轉及其運動2.學習動畫可以沿著估計方向運動的方法3.學習和掌握逐鎖動畫和補間動畫的含義及其運用 學生總結本節課的學習內容 總結概括本節課的學習內容
板書 動畫的運動學習方法
21世紀教育網 www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://www.21cnjy.com/" 21世紀教育網(www.21cnjy.com)

展開更多......

收起↑