Flash逐幀動畫教學(xué)設(shè)計

1、學(xué)習(xí)好資料 歡迎下載 Flash 逐幀動畫教學(xué)設(shè)計 【教材分析】 本課的教學(xué)內(nèi)容是利用 FlashFlash 制作簡單的“逐幀動畫”。這是一種常見的 動畫手法，它的原理是將一個動畫的連續(xù)動作分解成一張張的圖片， 把每一張圖 片用關(guān)鍵幀描繪出來，F(xiàn)lashFlash 將這些關(guān)鍵幀連續(xù)播放，形成動畫效果。掌握本節(jié) 內(nèi)容可以做出許多生動有趣的動畫。 因此，學(xué)生在本節(jié)的學(xué)習(xí)過程中，會產(chǎn)生非 常高的學(xué)習(xí)熱情，為今后的學(xué)習(xí)打下堅實的基礎(chǔ)。 【學(xué)生分析】 由于不同的學(xué)生能力、水平、愛好等有較大的差異，故應(yīng)采用分組、分層次 教學(xué)。可以通過設(shè)立多級學(xué)習(xí)目標(biāo)和多樣的學(xué)習(xí)方式，讓不同的學(xué)生都能根據(jù)自 己的實際需要選

2、擇到合適的內(nèi)容；教師還應(yīng)給學(xué)生提供多樣化的自主探索空間， 鼓勵不同意見和創(chuàng)造性思路的迸發(fā)，鼓勵多樣化的問題解決方式和方法。教師可 以根據(jù)學(xué)生的能力差異、水平差異針對性地實施分層次教學(xué)。 【教學(xué)目標(biāo)】 1 1、 知識與能力 1 1 知道幀、幀頻與關(guān)鍵幀的含義。 2 2能夠?qū)腱o態(tài)圖片 3 3 插入、編輯關(guān)鍵幀。 4 4.掌握制作“逐幀動畫”的方法。 5 5學(xué)會通過改變幀頻控制動畫的播放時間。 2 2、 過程與方法 能綜合運用所學(xué)知識制作一幅主題鮮明、具有動畫效果的作品。親身參與 探究過程，在交流、溝通與合作中，共同掌握“逐幀動畫”制作方法，提高 Flash Flash 動畫制作水平。 3 3、

3、情感態(tài)度與價值觀 體會創(chuàng)作的樂趣，進一步培養(yǎng)制作動畫的興趣；培養(yǎng)學(xué)生創(chuàng)新能力與探究 問題的能力；培養(yǎng)創(chuàng)造性思維能力 學(xué)習(xí)好資料 歡迎下載 【教學(xué)重難點】 重點：能夠?qū)腱o態(tài)圖片 難點：通過改變幀頻控制動畫的播放時間 【教學(xué)方法】 1 1 演示教學(xué)法：通過在多媒體教室，實際操作演示用 FlashFlash 制作動畫的 過程，活躍課堂氣氛，激發(fā)學(xué)生學(xué)習(xí)情趣。 2 2 任務(wù)驅(qū)動式：該方法主要是通過設(shè)計一些學(xué)習(xí)目標(biāo)，讓學(xué)生自己上機 去實現(xiàn)，讓他們在親身實踐中體會、提高，在同學(xué)之間的互相學(xué)習(xí)和交流、甚至 爭論中提高學(xué)習(xí)興趣，開闊思路。既培養(yǎng)了學(xué)生的動手實踐能力，又加強了學(xué)生 的實踐探究、交流合作解決問題

4、的能力。 3 3案例教學(xué)法：選取的案例取材于學(xué)生在課堂中出現(xiàn)的問題動畫，用于 訓(xùn)練學(xué)生解決實際問題的能力。 【教學(xué)過程】 激趣導(dǎo)入 師：課前，老師將一組馬的連續(xù)圖片按順序貼在一本書的每頁紙的相同位置上。 現(xiàn)在我們一起快速翻動按順序裝訂好的頁面。大家看到了什么？ 生：一匹馬在走動。 師（改變幾張圖片的位置后翻動）：為什么現(xiàn)在這匹馬在跳？ 生：因為圖片沒貼到相同的位置上！ 這是一種古老的看動畫效果方法，稱為“快捷翻書法”。我們看到的每一幅 畫面稱為一個“幀”。幀- 是進行 flashflash 動畫制作的最基本的單位，每一個精 彩的 flashflash 動畫都是由很多個精心雕琢的幀構(gòu)成的。 我們

5、共同來回顧一下上節(jié)課提到的幀主要有哪幾種類型？（播放） 關(guān)鍵幀一一顧名思義，有關(guān)鍵內(nèi)容的幀。 空白關(guān)鍵幀一一空白關(guān)鍵幀是沒有包含舞臺上的實例內(nèi)容的關(guān)鍵幀。 普通幀一一在時間軸上能顯示實例對象，但不能對實例對象進行編輯操作的幀。 講授新課 上節(jié)課我們下載并觀賞了不少 FlashFlash 動畫，同學(xué)們想不想自己親手用 FlashFlash 制作動畫呢？這節(jié)課我們就共同來學(xué)習(xí)“模仿傳統(tǒng)手工動畫的方式，每- 幀都由手工繪制或?qū)W(xué)習(xí)好資料 歡迎下載 入圖片完成的動畫稱為逐幀動畫”。趕快和老師一起用 FlashFlash 逐幀做一匹行走的馬。 （播放）教師提前做好的逐幀動畫行走的馬演示（包含背景圖片和背

6、景聲音） 逐幀動畫所需要的素材既可以直接在 FlashFlash 的舞臺上繪制，也可以提前準(zhǔn) 備。要求是，從第 2 2 幅畫面開始，每一幅都是上一幅的后續(xù)，兩幅畫面之間有著 微小的差別。動作分解的越細(xì)，將來生成的動畫就越細(xì)膩。 一、 導(dǎo)入圖片制作逐幀動畫 第一步：啟動 FlashFlash，新建一個 FlashFlash 文檔。（觀察圖層和幀） 當(dāng)用戶新建一個 FlashFlash 文檔后，第一幀是空心圓點，空白關(guān)鍵幀。除第一幀之 外，所有的幀都是空白幀，這些幀只有用戶定義了之后才有意義。 第二步：執(zhí)行文件導(dǎo)入到舞臺菜單命令，出現(xiàn)“導(dǎo)入”對話框。 第三步：選定要導(dǎo)入的圖片文件 horsehor

7、se- -1.png1.png，單擊“打開”按鈕將其導(dǎo)入 FlashFlash 文檔，并顯示在舞臺上的默認(rèn)位置。（觀察幀的變化，空心圓點變成實心 圓點，成為關(guān)鍵幀） 第四步：執(zhí)行【插入】-【時間軸】-【空白關(guān)鍵幀】菜單命令，插入一個 空白關(guān)鍵幀，模仿第二、三步的操作將后續(xù)的一張圖片導(dǎo)入該幀。 （教師演示到 此，播放操作步驟供學(xué)生參照，練習(xí)導(dǎo)入多幅靜態(tài)圖片。） 過渡：動畫的所有幀及其包含的圖片都導(dǎo)入到舞臺后，動畫就基本完成了， 可以在FlashFlash 中播放。為了獲得更好的播放效果，需要對動畫進一步的測試和調(diào) 整。（播放） 二、 測試和調(diào)整動畫 第一步：執(zhí)行【控制】-【測試影片】菜單命令，進

8、入動畫測試狀態(tài)，以欣 賞者的身份觀賞動畫。 師：怎么樣？看到一匹行走的馬了嗎？祝賀同學(xué)們第一步都成功了！ （播放）觀賞學(xué)生作品一 師：觀察作品，有沒有不完美之處？ A A 動畫播放偏快，需要進行調(diào)整。（播放） 第二步：在時間軸的幀控制區(qū)單擊選定第 1 1 幀，執(zhí)行【插入】-【時間軸】 【幀】菜單命令，在第一幀的后面插入一個幀。 普通幀 學(xué)習(xí)好資料 歡迎下載 讓學(xué)生在每個關(guān)鍵幀的后面均插入 2 2 個普通幀，使馬的走動速度接近實際。 B B 動畫位于舞臺的左上角（播放） 學(xué)生調(diào)整動畫的位置，重新測試。 （播放）學(xué)生作品欣賞，發(fā)現(xiàn)有調(diào)整好的，有的調(diào)整后圖像有“跳來跳去”的現(xiàn) 象。 調(diào)整好的學(xué)生采用

9、的調(diào)整方法： 方法一：設(shè)置成相同坐標(biāo)值：這種方法調(diào)整精確但非常麻煩，有沒有一種即 快捷又能精確調(diào)整的方法呢？ 方法二：使用“繪圖紙工具”：（播放）使用繪圖紙工具調(diào)整的步驟。 學(xué)生參照步驟，利用繪圖紙工具調(diào)整圖像的位置，重新測試。 第三步：插入圖層，導(dǎo)入背景圖片。 圖層就像透明的醋酸纖維薄片一樣，在舞臺上一層層地向上疊加?？梢栽?圖層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內(nèi) 容，那么就可以透過它看到下面的圖層。 測試作品欣賞，體會成功喜悅！ （播放）創(chuàng)建逐幀動畫的幾種方法 （1 1） 用導(dǎo)入的靜態(tài)圖片建立逐幀動畫 （2 2） 導(dǎo)入 gifgif 等序列圖像 （3 3）

10、文字逐幀動畫 （4 4） 繪制矢量逐幀動畫 第四步：插入圖層，導(dǎo)入背景音樂 注意：先將聲音文件導(dǎo)入到庫，然后再庫中將其拖動到舞臺中，時間軸出現(xiàn) 波形則表示身音添加完成 “逐幀動畫”特點總結(jié)：“馬的行走”是一個典型的“逐幀動畫”效果，通過 這個動畫我們可以看出，它是將一個動畫的連續(xù)動作分解成一張張的圖片，把每 一張圖片用關(guān)鍵幀描繪出來。然后將這些關(guān)鍵幀連續(xù)播放，就形成了動畫效果。 三、 任務(wù)驅(qū)動，學(xué)生動手實踐 學(xué)習(xí)好資料 歡迎下載 通過老師剛剛的演示，相信同學(xué)們對導(dǎo)入圖片制作“逐幀動畫”已經(jīng)有了一 定的認(rèn)識，好讓我們利用所學(xué)習(xí)知識，拿起你手中的鼠標(biāo)和鍵盤，利用“素材庫” 制作一個簡單的 FlashFlash 動畫，在其中運用所學(xué)的逐幀動畫的制作方法。 有以下幾個選題供選擇： 選題一：模仿馬行走動畫制作 選題二：使用逐幀動畫制作一個數(shù)字 101101 的倒計時小動畫。 選題三：制作 QCQC 表情 素材存放位置：學(xué)生機 D D 盤根目錄下“初二素材”文件夾內(nèi)。（學(xué)生可自備素材， 自由創(chuàng)作） 四、 展示作品，師生互評 選擇部分有代表性的作品進行展示，分別從動畫創(chuàng)意、使用技術(shù)、動畫效 果等方面給予評價。充分肯定學(xué)生的創(chuàng)新精神、動畫中使用的方法和技巧，對優(yōu) 秀作品給予表揚，對不足的作品