資源簡介

中小學教育資源及組卷應用平臺
粵高教A版2021信息技術第三節 補間動畫讓物體動起來教學設計
課題 補間動畫讓物體動起來 單元 第一單元 學科 信息技術 年級 九年級
學習目標 1.了解幀的概念和類型，以及幀、圖層、場景與動畫的構成關系；理解補間動畫的基本原理。2.熟練掌握插入幀、插入關鍵幀和新建圖層的操作；熟練掌握補間動畫的制作方法。3.感受Flash高效、簡便的動畫制作技術，提高學習興趣。
重點 熟練掌握插入幀、插入關鍵幀和新建圖層的操作；熟練掌握補間動畫的制作方法。
難點 熟練掌握插入幀、插入關鍵幀和新建圖層的操作；熟練掌握補間動畫的制作方法。
教學過程
教學環節 教師活動 學生活動 設計意圖
導入新課 Flash動畫是怎樣構成的呢 先做什么呢 有的同學感到既好奇又興奮。那么，這節課我們一塊來學習動畫的制作。 思考 激發學生學習興趣并快速進入學習狀態
講授新課 問題：(1)Flash動畫是怎樣構成的 (2)什么是補間動畫 如何運用補間動畫制作出大小、顏色和位置變化的變幻效果 任務運用各種不同變幻效果的動作動畫制作一個在閃動的圖片下出現的動畫標題。動畫效果可參照下圖一、幀與動畫的構成1.幀在 Flash的時間軸上，每一小格就表示一幀。幀代表著某一時刻的畫面，動畫是由若干個不同畫面的幀組成的，不同動畫任務需要不同類型的幀幀的數量及其播放速度(每秒出現的幀數)決定了動畫的播放時間，如圖所示。(1)空白幀 空白幀指沒有內容的幀。當播放頭到達所有層均為空白幀寸，就會停止放映動畫。(2)關鍵幀關鍵幀指定義動畫內容發生變化的幀。關鍵幀以實心的黑點表示。(3)空白關鍵幀空白關鍵幀是關鍵幀的一種，表示動畫內容發生變化，但畫面是空白的，具體內容暫未定義空白關鍵幀以空心的圓點表示，新建Flash文檔的第1幀默認為空白關鍵幀。2.動畫組成結構Flash動畫是由幀一圖層→場景→動畫逐層構建的，如圖所示。制作動畫首先要確定動畫的主題然后構思過程和情節，再根據需要收集素材，準備充足才著手制作這樣才會使動畫效果連貫、流暢，從下而上逐步搭建起整個動畫。設計和制作可以分別從宏觀和微觀兩個方面來進行規劃。（1)宏觀方面從連續放映上考慮，要跳出局部細節，主要構思動畫的場景、畫面元素及其變化的先后關系，從上而下，在整體上把握整個動畫的動作節奏和風格等。(2)微觀方面從下而上，逐幀生成，小到每一個元件、每一幀、每個圖層都要仔細檢查。3.補間動畫Flash提供了一種新型的動畫制作方式，即補間動畫只要確定動畫起始與結束這兩個關鍵幀的元件狀態， Flash就會自動根據動作變化規律完成中間的變化過程，從而實現動畫效果。補間動畫可分為動作動畫和形狀動畫兩種制作方式，其中動作動畫是動畫制作中最基本、最常用的方式。二、大小變化的動作動畫“運動會.swf＂動畫中炫目的閃光燈實際上就是一個白色光圈的大小變化所產生的動畫效果。1.繪制白色光圈元件(1)新建元件選擇“插入”菜單中的“新建元件”命令，在彈出的對話框選項中選擇“圖形”，元件命名為“光圈”。(2)繪制圓形。在工具欄中選擇“橢圓工具”筆觸顏色設置為無色，填充色設置為白色 然后在圖形元件的編輯區中畫出一個圓形。(3)調整填充色選擇工具欄中的“顏料桶工具”，打開“混色器”面板，將“混色樣式”選項設為“放射狀”調整漸變條中的第一個顏色漸變點為白色， Alpha值為100％;第二個顏色漸變點也為白色， Alpha值為0。將“顏料桶工具”在圓形上單擊，一個光圈就出現了，如圖所示。(4)返回場景完成光圈元件的制作后，單擊時間軸上的“場景1”按鈕。2.創建補間動畫(1)設置底圖選中“圖層1”的第1幀，將庫中的背景圖片拖放到場景中間。選擇工具欄中的“任意變形工具”當圖片四周出現8個控制點時移動鼠標至控制點，拖動鼠標改變圖片的大小，使其恰好覆蓋整個場景，如圖所示。(2)創建新圖層點擊時間軸下方的“新建層”圖標，如圖 (a)所示快速創建“圖層2”(3)圖層改名雙擊時間軸上的“圖層1”，改名為“底圖”。用同樣的方法將“圖層2”改名為“閃光燈”，如圖 (b)(c)所示。(4)背景圖的延時鼠標移到“底圖”的第30幀，單擊鼠標右鍵，選擇“插人幀”命令，如圖所示，或按F5鍵，使背景圖延長到第30幀。(5)設定閃光起始幀畫面選擇“閃光燈”的第1幀，將“光圈”元件從庫中拖放到場景中。用“任意變形工具”將元件縮小，并放在背景圖中的光點位置，如圖所示(6)設定閃光結束幀畫面將鼠標移到第5幀，單擊鼠標右鍵，選擇 “插入關鍵幀”命令，也可按F6鍵用”任意變形工具”將元件放大，使其覆蓋整個場景，如圖所示(7)創建補間動畫鼠標移至“閃光燈”的第1幀與第5幀之間，單擊鼠標右鍵，選擇“創建補間動畫”命令創建動作補間后，在時間軸上將出現個從第1幀指向第5幀的箭頭，如圖所示。3.測試動畫效果每制作完成一段動畫效果后都應進行測試，檢查動畫過程中的效果和時間是否適當，以便及時發現問題并進行修改測試動畫的方法有兩種:方法一:選擇“控制”菜單中的“播放”命令，或將播放頭拖放到第1幀處，然后按 Enter鍵進行播放。方法二:選擇“控制”菜單中的“測試影片”命令，或按Cr+ Enter鍵進行測試。實踐運用大小變化動畫，試一試制作夜空中閃爍的星星，如圖所示實踐改變對象的大小時，如何運用“変形”面板，精確地調動畫對象的形狀變化 三、顏色變化的動作動畫在設計動畫時，常運用顏色的變化來使兩個不同的畫面過渡得更加自然，如運動會，swf”在背景圖中交錯閃現的運動圖片就利用了顏色變化，使圖片漸顯漸隱。1.創建新圖層創建“圖層3”，并將“圖層3”改名為“運動圖”。2.設定圖片漸顯(1)設定起始幀畫面首先，將鼠標移到“運動圖”的第5幀，插入關鍵幀將選中的“運動圖片1”元件從庫中拖放到場景中，調整圖片的大小然后，右鍵單擊圖片選擇“轉換為元件”命令，如圖所示。(2)設置圖片屬性選中該圖形元件，將屬性面板中的顏色 Alpha值調為10％，如圖所示將圖形元件的 Alpha值調低，圖片就變得半透明了。(3)設定結束幀畫面將鼠標移到“運動圖”的第10幀，插入關鍵幀，將該運動圖片調大且顏色 Alpha 1值調為100%(4)創建補間動畫鼠標移至“運動圖”的第5幀與第10幀之間，單擊鼠標右鍵，選擇“創建補間動畫”命令，運動圖片從底圖中漸漸顯現的動畫效果就實現了。3.圖片延時在第15幀插入關鍵幀，使運動圖片停留片刻。4.設定圖片漸隱制作原理與設定圖片漸顯相同，但過程相反。首先，在第20幀插入關鍵幀，將運動圖片再調大且顏色 Alpha值設為0，即圖片完全透明在第15幀與第20幀之間創建補間動畫，如圖所示。重復上述步驟，插入多幅運動圖片，使不同的運動圖片交錯出現，可制作出節奏感強的動感效果。實踐運用大小和顏色變化，試制作在湖心蕩的水波，參照下圖探究觀察屬性面板中的色欄，除了Alpha外還有哪些選項。嘗試改變它們的值，看看會發生什么變化。四、位置變化的動作動畫在“運動會.swf”中，動畫標題從畫面左邊移到中間，這就是動作動畫中最常用的位置變化動畫。1.創建新圖層創建“圖層4”，并將“圖層4”改名為“標題”。2.輸入文字選擇“標題”的第20幀，然后點擊工具欄中的文字工具 ，在場景中輸入“學生運動會”通過屬性面板我們可以修改其字體、字號和字體顏色等如圖所示除了 Windows自帶的字體外，還可以點擊“開始”按鈕，打開“控制面板”中的“字體”程序，安裝新字體，使文字更美觀獨特如圖所示，其文字字體就采用了“經典綜藝體簡”3.設定起始幀與結束幀畫面先設定起始幀，將第20幀中的標題文字移到場景的最右邊(如圖所示)再設定結束幀，在第25幀插入關鍵幀，文字移到場景中間，然后在第20幀與第25幀之間創建補間動畫最后測試一下動畫效果:標題文字從場景右邊移到中間。實踐運用位置變化動畫，制作天空中飄動的云朵，參照下圖探究觀察幀屬性面板，如圖所示，嘗試修改“旋轉”選項，看動作動畫會發生什么變化。課堂練習1、（ ）指定義動畫內容發生變化的幀。2、補間動畫可分為（ ）和（ )兩種制作方式，其中( )是動畫制作中最基本、最常用的方式。3、選擇“控制”菜單中的“測試影片”命令，或按( ) )鍵進行測試。 通過教師的講解，以小組合作的方式，開展探討交流，完成任務。通過教師的講解，以小組合作的方式，開展探討交流，完成任務。通過老師演示學生動手操作，提高動手能力。小組交流、分享通過教師的講解，以小組合作的方式，開展探討交流，完成任務。通過教師的講解，以小組合作的方式，開展探討交流，完成任務。通過教師的講解，以小組合作的方式，開展探討交流，完成任務。學生動手實踐操作，學生小組間討論，共同完成任務。通過老師演示學生動手操作，提高動手能力。小組交流、分享學生動手實踐操作，學生小組間討論，共同完成任務通過老師演示學生動手操作，提高動手能力。小組交流、分享學生小組間討論，共同完成任務，并分組匯報。 通過小組合作，加強學生組內團結、共同完成任務，通過小組合作，加強學生組內團結、共同完成任務，加強學生組內團結、共同完成任務，通過小組合作，加強學生組內團結、共同完成任務，通過小組合作，加強學生組內團結、共同完成任務，通過小組合作，加強學生組內團結、共同完成任務，培養學生動手操作能力，并且鍛煉學生的語言組織能力和表達的能力。加強學生組內團結、共同完成任務，培養學生動手操作能力，并且鍛煉學生的語言組織能力和表達的能力。加強學生組內團結、共同完成任務培養學生獨立完成練習的能力。
課堂小結 分小組總結歸納，教師補充。 各組匯報總結，其他小組成員做補充。 鍛煉學生的總結能力，邏輯思維、語言表達能力。
布置作業 (1)Flash動畫是怎樣構成的 (2)什么是補間動畫 如何運用補間動畫制作出大小、顏色和位置變化的變幻效果
板書 一、幀與動畫的構成1.幀2.動畫組成結構3.補間動畫二、大小變化的動作動畫1.繪制白色光圈元件2.創建補間動畫3.測試動畫效果三、顏色變化的動作動畫1.創建新圖層2.設定圖片漸顯3.圖片延時4.設定圖片漸隱四、位置變化的動作動畫1.創建新圖層2.輸入文字3.設定起始幀與結束幀畫面
21世紀教育網 www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://www.21cnjy.com/" 21世紀教育網(www.21cnjy.com)(共47張PPT)
信息技術粵高教A版2021
第三節 補間動畫讓物體動起來
新知導入
Flash動畫是怎樣構成的呢 先做什么呢 有的同學感到既好奇又興奮。那么，這節課我們一塊來學習動畫的制作。
新知講解
(1)Flash動畫是怎樣構成的 (2)什么是補間動畫 如何運用補間動畫制作出大小、顏色和位置變化的變幻效果
問題
新知講解
運用各種不同變幻效果的動作動畫制作一個在閃動的圖片下出現的動畫標題。動畫效果可參照下圖
任務
新知講解
一、幀與動畫的構成
1.幀
在 Flash的時間軸上，每一小格就表示一幀。
幀代表著某一時刻的畫面，動畫是由若干個不同畫面的幀組成的，不同動畫任務需要不同類型的幀
新知講解
幀的數量及其播放速度(每秒出現的幀數)決定了動畫的播放時間，如圖所示。
新知講解
(1)空白幀
空白幀指沒有內容的幀。當播放頭到達所有層均為空白幀寸，就會停止放映動畫。
關鍵幀指定義動畫內容發生變化的幀。關鍵幀以實心的黑點表示。
(2)關鍵幀
新知講解
(3)空白關鍵幀
空白關鍵幀是關鍵幀的一種，表示動畫內容發生變化，但畫面是空白的，具體內容暫未定義
空白關鍵幀以空心的圓點表示，新建Flash文檔的第1幀默認為空白關鍵幀。
新知講解
2.動畫組成結構
Flash動畫是由幀一圖層→場景→動畫逐層構建的，如圖所示。
新知講解
制作動畫首先要確定動畫的主題
然后構思過程和情節，再根據需要收集素材，準備充足才開始著手制作
這樣才會使動畫效果連貫、流暢，從下而上逐步搭建起整個動畫。
新知講解
設計和制作可以分別從宏觀和微觀兩個方面來進行規劃。
從連續放映上考慮，要跳出局部細節，主要構思動畫的場景、畫面元素及其變化的先后關系，從上而下，在整體上把握整個動畫的動作節奏和風格等。
（1)宏觀方面
從下而上，逐幀生成，小到每一個元件、每一幀、每個圖層都要仔細檢查。
(2)微觀方面
新知講解
3.補間動畫
Flash提供了一種新型的動畫制作方式，即補間動畫
只要確定動畫起始與結束這兩個關鍵幀的元件狀態， Flash就會自動根據動作變化規律完成中間的變化過程，從而實現動畫效果。
補間動畫可分為動作動畫和形狀動畫兩種制作方式，其中動作動畫是動畫制作中最基本、最常用的方式。
新知講解
“運動會.swf＂動畫中炫目的閃光燈實際上就是一個白色光圈的大小變化所產生的動畫效果。
二、大小變化的動作動畫
1.繪制白色光圈元件
(1)新建元件
選擇“插入”菜單中的“新建元件”命令，在彈出的對話框選項中選擇“圖形”，元件命名為“光圈”。
新知講解
(2)繪制圓形。
然后在圖形元件的編輯區中畫出一個圓形。
在工具欄中選擇“橢圓工具”
筆觸顏色設置為無色 ，填充色設置為白色
新知講解
(3)調整填充色
調整漸變條中的第一個顏色漸變點為白色， Alpha值為100％;第二個顏色漸變點也為白色， Alpha值為0。
選擇工具欄中的“顏料桶工具” ，打開“混色器”面板，將“混色樣式”選項設為“放射狀”
將“顏料桶工具” 在圓形上單擊，一個光圈就出現了，如圖所示。
新知講解
(4)返回場景
完成光圈元件的制作后，單擊時間軸上的“場景1”按鈕。
新知講解
2.創建補間動畫
選中“圖層1”的第1幀，將庫中的背景圖片拖放到場景中間。
當圖片四周出現8個控制點時移動鼠標至控制點，拖動鼠標改變圖片的大小，使其恰好覆蓋整個場景，如圖所示。
(1)設置底圖
選擇工具欄中的“任意變形工具”
新知講解
點擊時間軸下方的“新建層”圖標，如圖 (a)所示快速創建“圖層2”
(2)創建新圖層
雙擊時間軸上的“圖層1”，改名為“底圖”。用同樣的方法將“圖層2”改名為“閃光燈”，如圖 (b)(c)所示。
(3)圖層改名
新知講解
(4)背景圖的延時
鼠標移到“底圖”的第30幀，單擊鼠標右鍵，選擇“插入幀”命令，如圖所示，或按F5鍵，使背景圖延長到第30幀。
新知講解
選擇“閃光燈”的第1幀，將“光圈”元件從庫中拖放到場景中。用“任意變形工具”將元件縮小，并放在背景圖中的光點位置，如圖所示
(5)設定閃光起始幀畫面
新知講解
將鼠標移到第5幀，單擊鼠標右鍵，選擇 “插入關鍵幀”命令，也可按F6鍵
用”任意變形工具”將元件放大，使其覆蓋整個場景，如圖所示
(6)設定閃光結束幀畫面
新知講解
鼠標移至“閃光燈”的第1幀與第5幀之間，單擊鼠標右鍵，選擇“創建補間動畫”命令
(7)創建補間動畫
創建動作補間后，在時間軸上將出現個從第1幀指向第5幀的箭頭，如圖所示。
新知講解
3.測試動畫效果
每制作完成一段動畫效果后都應進行測試，檢查動畫過程中的效果和時間是否適當，以便及時發現問題并進行修改
方法二:選擇“控制”菜單中的“測試影片”命令，或按Cr+ Enter鍵進行測試。
測試動畫的方法有兩種:
方法一:選擇“控制”菜單中的“播放”命令，或將播放頭拖放到第1幀處，然后按 Enter鍵進行播放。
新知講解
運用大小變化動畫，試一試制作夜空中閃爍的星星，如圖所示
實踐
新知講解
改變對象的大小時，如何運用“変形”面板，精確地調動畫對象的形狀變化
實踐
新知講解
在設計動畫時，常運用顏色的變化來使兩個不同的畫面過渡得更加自然，如運動會，swf”在背景圖中交錯閃現的運動圖片就利用了顏色變化，使圖片漸顯漸隱。
三、顏色變化的動作動畫
1.創建新圖層
創建“圖層3”，并將“圖層3”改名為“運動圖”。
新知講解
首先，將鼠標移到“運動圖”的第5幀，插入關鍵幀
將選中的“運動圖片1”元件從庫中拖放到場景中，調整圖片的大小
2.設定圖片漸顯
然后，右鍵單擊圖片選擇“轉換為元件”命令，如圖所示。
(1)設定起始幀畫面
新知講解
選中該圖形元件，將屬性面板中的顏色 Alpha值調為10％，如圖所示
將圖形元件的 Alpha值調低，圖片就變得半透明了。
(2)設置圖片屬性
新知講解
將鼠標移到“運動圖”的第10幀，插入關鍵幀，將該運動圖片調大且顏色 Alpha 1值調為100%
鼠標移至“運動圖”的第5幀與第10幀之間，單擊鼠標右鍵，選擇“創建補間動畫”命令，運動圖片從底圖中漸漸顯現的動畫效果就實現了。
(3)設定結束幀畫面
(4)創建補間動畫
新知講解
在第15幀插入關鍵幀，使運動圖片停留片刻。
3.圖片延時
制作原理與設定圖片漸顯相同，但過程相反。
4.設定圖片漸隱
新知講解
首先，在第20幀插入關鍵幀，將運動圖片再調大且顏色 Alpha值設為0，即圖片完全透明
在第15幀與第20幀之間創建補間動畫，如圖所示。
新知講解
重復上述步驟，插入多幅運動圖片，使不同的運動圖片交錯出現，可制作出節奏感強的動感效果。
新知講解
運用大小和顏色變化，試制作在湖心蕩的水波，參照下圖
實踐
新知講解
觀察屬性面板中的色欄，除了Alpha外還有哪些選項。嘗試改變它們的值，看看會發生什么變化。
探究
新知講解
在“運動會.swf”中，動畫標題從畫面左邊移到中間，這就是動作動畫中最常用的位置變化動畫。
四、位置變化的動作動畫
1.創建新圖層
創建“圖層4”，并將“圖層4”改名為“標題”。
新知講解
通過屬性面板我們可以修改其字體、字號和字體顏色等如圖所示
2.輸入文字
選擇“標題”的第20幀，然后點擊工具欄中的文字工具 ，在場景中輸入“學生運動會”
新知講解
除了 Windows自帶的字體外，還可以點擊“開始”按鈕，打開“控制面板”中的“字體”程序，安裝新字體，使文字更美觀獨特
如圖所示，其文字字體就采用了“經典綜藝體簡”
新知講解
再設定結束幀，在第25幀插入關鍵幀，文字移到場景中間，然后在第20幀與第25幀之間創建補間動畫
3.設定起始幀與結束幀畫面
先設定起始幀，將第20幀中的標題文字移到場景的最右邊(如圖所示)
新知講解
最后測試一下動畫效果:標題文字從場景右邊移到中間。
新知講解
運用位置變化動畫，制作天空中飄動的云朵，參照下圖
實踐
新知講解
觀察幀屬性面板，如圖所示，嘗試修改“旋轉”選項，看動作動畫會發生什么變化。
探究
課堂練習
1、（ ）指定義動畫內容發生變化的幀。
2、補間動畫可分為（ ）和（ )兩種制作方式，其中( )是動畫制作中最基本、最常用的方式。
3、選擇“控制”菜單中的“測試影片”命令，或按( ) )鍵進行測試。
Ctrl+
關鍵幀
動作動畫
Enter
形狀動畫
動作動畫
課堂小結
總結本節課所學內容
板書設計
一、幀與動畫的構成
1.幀
2.動畫組成結構
3.補間動畫
二、大小變化的動作動畫
1.繪制白色光圈元件
2.創建補間動畫
3.測試動畫效果
三、顏色變化的動作動畫
1.創建新圖層
2.設定圖片漸顯
3.圖片延時
4.設定圖片漸隱
四、位置變化的動作動畫
1.創建新圖層
2.輸入文字
3.設定起始幀與結束幀畫面
(1)Flash動畫是怎樣構成的 (2)什么是補間動畫 如何運用補間動畫制作出大小、顏色和位置變化的變幻效果
作業布置
謝謝
21世紀教育網（www.21cnjy.com) 中小學教育資源網站
有大把高質量資料？一線教師？一線教研員？
歡迎加入21世紀教育網教師合作團隊！！月薪過萬不是夢！！
詳情請看：
https://www.21cnjy.com/help/help_extract.php

展開更多......

收起↑