資源簡介

(共18張PPT)
教學設計
A
教學
目標
C
教學
準備
E
板書
設計
B
教學
重難點
D
教學
過程
F
教學
反思
第三課 逐幀動畫
本課2課時 累計12課時
A
教學
目標
知識與技能
1、了解幀、關鍵幀、空白關鍵幀的概念
2、掌握逐幀動畫的制作方法
通過小組合作使學生能夠靈活使用幀，插入幀，制作動畫。
過程與方法
情感態度與價值觀
培養學生良好的信息意識和使用計算機的習慣。
B
教學
重難點
教學重點
制作逐幀動畫
教學難點
靈活使用幀和關鍵幀
C
教學
準備
教學準備
ppt課件、教學用計算機、學生機
制作逐幀動畫
做一個從數字3~0的倒計時逐幀動畫
步驟指導
1.在第1幀插入關鍵幀，使用文本工具輸入數字“3”
2.在第2幀插入關鍵幀，使用文本工具輸入數字“2”
3.在第3幀插入關鍵幀，使用文本工具輸入數字“1”
4.在第4幀插入關鍵幀，使用文本工具輸入數字“0”
5.調整倒計時速度。每個關鍵幀后插入5個普通幀。
學生基礎任務1
請同學們試著做一個從數字4~0的倒計時動畫。
請同學們試著做一個閃爍變色數字4~0的倒計時動畫。
小妙招
第1幀輸入文字3，直接在第6幀插入關鍵幀，將文字3改為2，同理在第11幀插入關鍵幀，將文字2改為1
注意：最后一個關鍵幀，舞臺中為0，記得要加入普通幀延長0顯示的時間。
（2）繪制矢量逐幀動畫
第1幀
第7幀
①第1幀繪制笑臉。
②右擊第1幀，選擇“復制幀”，右擊第7幀，選擇粘貼幀，將第7幀的嘴巴變形。
③在第8幀至14幀插入普通幀
效果
學生基礎任務2
使用教師給定的“笑臉變哭臉 素材”Flash文檔，制作笑臉變哭臉的動畫。
拓展 （3）用導入的靜態圖片建立逐幀動畫
用jpg、png等格式的靜態圖片連續導入Flash中，就會建立一段逐幀動畫。
任務3：將6張小狗序列圖片導入，制作小狗連雪奔跑的動畫
小提示：
如何讓小狗位于舞臺中心？
（4）導入序列圖像
可以導入gif序列圖像、swf動畫文件或者利用第3方軟件（如swish、swift 3D等）產生的動畫序列。
任務4：導入煙花序列動畫
展示學生作品，師生互評
小結
逐幀動畫：在時間軸的每幀上逐幀繪制不同的內容，使其連續播放而形成動畫。
幀的快捷方式：插入關鍵幀F6，插入普通幀：F5
作業布置
（1）做一個從數字10~0的倒計時逐幀動畫。
（2）新建動畫文件，制作文字閃爍變色的逐幀動畫“我愛我家”。
（3）做一個蘋果被吃掉的逐幀動畫。
E
板書
設計
板書設計
逐幀動畫
1、制作逐幀動畫
F
教學
反思
教學反思
本節課的設計主要是根據本校學生的知識、技能水平，內容涉及動畫原理、“逐幀動畫”原理、“逐幀動畫”制作。學生可以根據自己的奇思妙想，創作一些作品。當然也有一些問題：比如幾個關鍵幀畫面有抖動現象，幾個圖層時間上不同步現象，用錯關鍵幀和空白關鍵幀的現象等。這些問題有學生操作的失誤，有概念的混淆，需要在以后的學習和練習中不斷糾正、強化。(共30張PPT)
教學設計
A
教學
目標
C
教學
準備
E
板書
設計
B
教學
重難點
D
教學
過程
F
教學
反思
第三課 逐幀動畫
本課2課時 累計10課時
A
教學
目標
知識與技能
1、了解幀、關鍵幀、空白關鍵幀的概念
2、掌握逐幀動畫的制作方法
通過小組合作使學生能夠靈活使用幀，插入幀，制作動畫。
過程與方法
情感態度與價值觀
培養學生良好的信息意識和使用計算機的習慣。
B
教學
重難點
教學重點
了解幀、關鍵幀、空白關鍵幀
教學難點
制作逐幀動畫
C
教學
準備
教學準備
ppt課件、教學用計算機、學生機
逐幀動畫
幀的概念
Flash把動畫分解成幀，在舞臺中直接繪制的圖形，或導入的圖像，均可形成單獨的幀，再把各個單獨的幀圖像畫面連在一起，合成動畫。
幀代表著時刻，不同的幀即不同的時刻，畫面隨著時間的推移逐個出現，就成了動畫。
幀的概念
制作動畫有兩種方式：一種是逐幀動畫，另一種是漸變動畫。
在逐幀動畫中，需要在每一幀上創建一個不同的畫面，連續的幀組合成連續變化的畫面。
漸變動畫只需確定動畫起點幀和終點幀的畫面，中間部分的漸變動畫由系統自動生成。
幀的概念
有關幀的概念
幀是時間軸上一個個小方格，想看哪一幀的內容，只要點一下相應的小方格即可。
幀的播放速度
幀的播放速度就是動畫中每移的幀數，默認值為12。在網頁動畫中，12幀就很好了。電影動畫則要求更快，如30幀。
修改幀速度有兩種方法，一種是修改電影屬性，另一種是雙擊時間軸下面的幀速度框。
幀的概念
關鍵幀（F6鍵） ：
關鍵幀用實心圓點標記，表示其中含有組件或圖形，是具有關鍵內容的幀。
如果在某一關鍵幀的后面某幀再按F6鍵，則前面的內容得以保留，此時可修改兩個關鍵幀中某一個上面的內容，如移動位置，改變大小，加工等，由此便可設置動畫。
關鍵幀的數目越多，文件容量就越大。
單獨的關鍵幀為一黑色圓點，后面為灰色表明其后各幀的內容與其一致，沒有變化。
幀的概念
關鍵幀的創建方法
選取某一幀，選擇“插入→關鍵幀”命令；
選中某一個單元格，按F6鍵；
在某幀單元格的位置上右擊，選“插入關鍵幀”命令。
除第1幀外，其它任一幀，均要先選取該幀，再插入關鍵幀后，才能添加內容。
拖動關鍵幀，可改變關鍵幀的位置。
幀的概念
空白關鍵幀（F7鍵）：
無內容的關鍵幀稱為空關鍵幀，由一個大的空心小圓圈 表示矩形框表示。它不含任何一種組件或圖形。
在一個空關鍵幀上面創建內容后，該空關鍵幀便成為有內容的實關鍵幀。
在某幀插入關鍵幀后，如果刪除此關鍵幀上所有內容，也形成空白關鍵幀。
幀的概念
每一層的第1幀默認為一個空關鍵幀，故在第一幀上添加內容不用插入關鍵幀。
插入空白的關鍵幀單元格的方法有3種。
選中某一個單元格，再按F7鍵。
選中某一個單元格，單擊“插入→空白關鍵幀”菜單命令。
將鼠標指針移到要插入關鍵幀的單元格處，擊右鍵，選“插入→空白關鍵幀”菜單命令。
幀的概念
普通幀（F5鍵）
關鍵幀后面的普通幀將繼承關鍵幀的內容。例如：動畫背景的制作，就是將一個含有背景圖案的關鍵幀的內容沿用到后面的幀上。
普通幀的主要作用，就是使其前面關鍵幀的內容靜止不動，將關鍵幀的內容沿用到新幀上。
幀的概念
幀的選取
選取一個幀：單擊該幀即可。
選取連續多幀：先單擊起點幀，然后將鼠標移到終點幀，按SHIFT鍵后，再單擊。
選取某圖層中的所有幀：可單擊時間軸上的圖層名稱。
選取一個關鍵幀段的內容：單擊該段中間的任一幀即可。
選取一幀或多幀后，這些幀呈現黑色。且這些幀所對應的畫板上的內容全部被選中。
幀的概念
幀的編輯
可通過在某一幀單元格上點右鍵，選擇相應的命令，對幀進行編輯。
添加幀（F5）：添加一個普通幀。可保持前面幀的內容。
刪除幀（SHIFT+F5）：刪除當前幀。如果要刪除多幀，則先選中這些幀，在彈出的快捷菜單中選“刪除幀”命令即可。
幀的概念
復制幀：復制幀可以將幀所對應畫板上的對象全部復制，再使用粘貼幀命令就可把幀所對應的對象全部粘貼到新的幀所對應的畫板上。復制幀的操作方法如下：
復制一幀：右擊選擇要復制的幀，在彈出的快捷菜單中選“復制幀”命令即可。
復制多幀：利用SHIFT鍵，先選中要復制的多個幀后，在任一幀上點右鍵，在彈出的快捷菜單中選“復制幀”命令即可。
幀的概念
幀的移動：有時要將某幀或多個幀移動到新的位置，需要移動幀。
移動一幀：單擊該幀，按下左鍵不松，將其拖到需要的地方。刪除尾部空白幀時，可用這種方法。
移動多幀：選取一幀或多幀，用鼠標直接將其拖到需要的地方。
移動某圖層所有幀：先選中該圖層的所有幀，將鼠標移到中間任一幀上，此時鼠標成手狀，按下左鍵不松，將起始幀橫向拖動到目的幀。
4.1 逐幀動畫原理
逐幀動畫的原理比較簡單，但是要制作出優秀的逐幀動畫對制作者的動畫技能要求較高。本節從逐幀原理入手再配合一個較簡單的逐幀動畫來向同學們講述如何制作逐幀動畫 .
三、逐幀動畫的原理。
逐幀動畫的原理是逐一創建出每一幀上的動畫內容，然后順序播放各動畫幀上的內容，從而實現連續的動畫效果，如圖4-5所示。
圖4-5 逐幀動畫原理
創建逐幀動畫的典型方法主要有以下3種。
從外部導入素材生成逐幀動畫，如導入靜態的圖片、序列圖像和GIF動態圖片等。
使用數字或者文字制作逐幀動畫，如實現文字跳躍或旋轉等特效動畫。
繪制矢量逐幀動畫，利用各種制作工具在場景中繪制連續變化的矢量圖形，從而形成逐幀動畫
4.2.1 范例解析（一）──對操作幀的練習
請同學們在老師的帶領下對幀的操作進行進一步的熟悉，并跟隨以下要求進行操作訓練。
1、新建一個Flash文檔，然后在舞臺上輸入“Flash幀操作”幾個字，并設置文字顏色為“暗紅色”,如圖4-6所示。
2、選中默認“圖層1”的第10幀，按鍵盤上的F5快捷鍵插入幀，如圖4-7所示。然后拖動時間軸控制柄觀看舞臺上文字的變化
圖4-6 輸入文字
圖4-7 插入幀
3、選中默認“圖層1”的第5幀，按鍵盤上的F6快捷鍵插入關鍵幀，如圖4-8所示，在第5幀處改變文字的顏色為“藍色”，然后拖動時間軸控制柄觀察第5幀前和第5幀后文字的變換。
4、按F7快捷鍵，分別在第3幀和第8幀處插入空白關鍵幀，如圖4-9所示，然后拖動時間軸控制柄觀察舞臺的變化。
圖4-8 插入關鍵幀
圖4-9 插入空白關鍵幀
5、按Ctrl+Alt+A快捷鍵選中所有幀，如圖4-10所示。
6、按Ctrl+Alt+C快捷鍵復制所有幀，然后選中第10幀，按下Ctrl+Alt+V快捷鍵粘貼幀，此時，【時間軸】面板如圖4-11所示，然后拖動時間軸控制柄觀察舞臺的效果 。
圖4-10 選中所有幀
圖4-11 粘貼幀
請根據【知識點講解】欄目講解的幀知識和此處進行的操作和觀察，思考幀、關鍵幀、空白關鍵幀的意義和用法 。
4.2.1 范例解析（一）──對操作幀的練習
本例使用從外部導入靜態圖片和使用文字的方式來制作逐幀動畫，從而制作“一馬平川”的動畫效果，其制作思路及結果如圖4-12所示 。
圖4-12 制作思路及效果
1、制作背景。
（1）新建一個Flash文檔，設置文檔【尺寸】為“550px×250px”，【幀頻】為“6fps”，其他屬性使用默認參數 。
（2）將默認的“圖層1”重命名為“背景”層，執行【文件】/【導入】/【導入到舞臺】菜單命令，將教學資源 背景JPG”的圖像文件導入到舞臺中，并相對舞臺居中對齊，如圖4-13所示 。
圖4-13 導入背景后的舞臺效果
2、制作駿馬奔跑動畫 。
（1）在“背景”圖層之上新建一個圖層并重命名為“駿馬”層，然后選中“背景”圖層和“駿馬”的第5幀，按下F5快捷鍵插入幀，此時的【時間軸】狀態如圖4-14所示 。
圖4-14 【時間軸】狀態一
（2）選中駿馬圖層的第一幀，執行【文件】/【導入】/【導入到舞臺】菜單命令，將教學資源中的“27\foal1.png”的圖像文件導入到舞臺中，此時會彈出提示對話框，詢問是否導入序列圖片的對話框，如圖4-15所示 。
（3）選擇 按鈕，將序列圖片全部導入到時間軸上，時間軸效果如圖4-16所示
（4）調整駿馬的大小和位置
方法：1、選中駿馬圖層第一幀，點擊編輯多個幀按鈕
2、點擊繪制全部按鈕 。
3、點擊駿馬圖層使幀全部選中，調整大小和位置
圖4-15 導入序列圖片
圖4-16 【時間軸】效果
圖4-17 導入“駿馬”元件
3、制作文字逐幀動畫 。
（1）在“駿馬”圖層上面新建一個圖層并重命名為“文字效果”，選中“文字效果”圖層的第2幀，然后按F6快捷鍵插入一個關鍵幀 。
（2）選擇【文本】工具，在【屬性】面板中設置【字體】為“隸書”，【字體顏色】為“#FFFFFF”，【字體大小】為“80”，然后在舞臺上輸入“一”字，并移動文字到舞臺的上邊，如圖4-18所示 。
（3）選中“文字效果”圖層的第3幀，按F6快捷鍵插入一個關鍵幀，在該幀輸入一個“馬”字，并移動“馬”字的位置到“一”字右側，效果如圖4-19所示 。
（4）使用相同的方法，分別在第4幀和第5幀輸入“平”、“川”字，如圖4-20和圖4-21所示。
圖4-18 第2幀添加“一”
圖4-19 第3幀添加“馬”
圖4-20 第4幀添加“平”
圖4-21 第5幀添加“川”
（5）保存測試影片，一馬平川的動畫效果制作完成 。
4.1.4 課堂練習──制作“旗幟飄揚”
請同學們使用繪圖工具，在不同的幀上繪制紅旗在空中不同的狀態，從而制作如圖4-22所示的動態效果。
第1幀
第2幀
第3幀
第4幀
第5幀
圖4-22 動態紅旗效果
1、新建一個Flash文檔，設置文檔【尺寸】為“250px×350px”，【幀頻】為“5”，其他屬性使用默認參數 。
E
板書
設計
板書設計
逐幀動畫
1、幀、關鍵幀、空白幀
2、掌握逐幀動畫制作方法
F
教學
反思
教學反思
本節課以“布置基本任務→演示講解完成任務的方法→學生操作→歸納總結→啟發學生進一步完成擴展任務”的順序引入有關概念，展開教學內容，將重難點融合在實例中講解，體現以學生為主體，以教師為主導，以能力為根本的教育思想，但是由于時間的安排和學生的層次水平不一，可能在某些方面考慮的還不夠周到，在以后的教學中我會逐步完善教學設計，努力提高課堂效率，提高自身的教學水平和教學能力！

展開更多......

收起↑