1、活動五 動畫製作_工具軟體 2(動畫實作，小畫家、MS GIF Animator)班 級：六年級 教學時數： 2 節教學者：拉罕羅幸 教學日期：96 年 4 月 10 日 相對應能力指標文字敘述藝術與人文指標1-3-3 嘗試以藝術創作的技法、形式，表現個人的想法和情感1-3-4 透過集體創作方式，完成與他人合作的藝術作品1-3-5 結合科技，開發新的創作經驗與方向數學C-R-1 能察覺生活中與數學相關的情境C-R-3 能暸解其他領域中所用到的數學知識與方法N-3-15 能在情境中理比 、比例、比值、率的意義資訊科技指標4-3-4 能針對問題提出可行的解決方法學習目標一、 習得製作動畫的基本技能
2、。二、 能正確操電腦及軟體。三、 培養正確的網路智慧財產權觀念。四、 能運用網際網路及搜尋網站或工具進行資料的搜集與參考。五、 能充份利用數位媒體記錄學習過程。六、 能充份利用數位媒體呈現學習成果。七、 能將學習成果充份系統化及電子化並上傳學校學習網。學習目標 教學活動重點 對應能力指標學習時間(分鐘)教學資源 評量方式一、引起動機1. 於課堂一開始，展示出課前製作好的gif 動畫，並且問學生這是如何製作的？用了幾張不同的圖組合而成的？4電腦秀圖軟體能正確操電腦及軟體。培養正確的網路智慧財產權觀念。能運用網際網路及搜尋網站或工具進行資料的搜集與參考。習得製作動畫的基本技能。2. 請學生觀察這個
3、動畫檔是什麼格式？二、軟體介紹1. 小畫家學生已經學會小畫家這套軟體，但卻沒有學習到更進階的功能，在這個課程中我們將教學生更深入的特殊檔案格式存檔及繪圖工具的操作。在此課程中，我們分析動畫動作，並利此軟體繪製一步一步的分析動作，最後再存成 gif 格式的檔案。2. MicroSoft GIF Animator這一套軟體是動畫製作課程中最重要的核心軟體，透過這套軟體，我們可以將靜態圖片匯整成一個完整的動態圖片。3. 軟體取得與安裝在這個部份我們重點擺至展示，不強調學生一定會學會。三、軟體操作一(動作分析)1. 動作的分析除了用心想像每個分解動作之外，其實 MS GIF Animator 提供了一
4、個很強的分析功能，透過 MS GIF Animator 讀取 gif 動畫檔，軟體立刻將此動畫檔分解成數張分解的動作，分析的結果亦 100%正確。2. 透過這個步驟，學生可以學習到別人製作動畫的經驗及動作分析的。3. 鼓勵學生多多參考別人的作品，才可學習到更正確的動作分析，對往後的動畫創作有不錯幫忙。四、軟體操作二(小畫家)1. 選取工具2. 鉛筆、粉刷工具的使用。3. 直線、曲線工具。4. 矩形、橢圓形、多邊形工具的使用。5. 存檔我這部份裡，我們除了教授基本繪圖6515廣播系統電腦動畫製作軟體廣播系統電腦繪圖軟體廣播系統能認真觀察能用心聆聽能主動上網尋找素材，學習別人的設計理念能用心完成每
5、一步驟的練習能充份利用數位媒體呈現學習成果。能充份利用數位媒體記錄學習過程。習得製作動畫的基本技能。工具的使用之外，我們還會把重點擺在存檔的步驟，因為這關係到往後製作動畫的重要步驟。我們必須教導學生把檔案存成 gif 檔，因為只有 gif 檔才可被匯整成動畫檔。6. 每做完以上任一步驟後，就讓學生親手實做一次。五、隨堂作業1. 想一個簡單的動作，分析成 10 張連續的分解，並且利用小畫家將分解動作畫成圖，圖型大小不限定，但每一張的大小一定要相同，最後再存成gif 檔。2. 將圖檔存至個人的資料夾裡，以備後續課程之用。-第一節結束-六、軟體操作三(MS GIF Animator)1. 分解圖的整
6、理在進行分解圖的整合之前，我們必須先將分解圖進行排序，將動作的做合理的排列並編號，以利後續匯整工作的便利。確認每一張分解圖的檔案格式為gif。確認每一張分解圖的長寬等長。2. 圖檔的匯入分解圖匯入的方式有兩種，一種是透過工具列另一則為直接拖曳。如果所要匯入的分解圖很多，我們就可利用工具列的選項來做會較有效率，相反的，若所要匯入的分解圖少，我們就利用直接拖曳的方式會比較輕鬆。3. 分解圖匯入完成後，再做圖檔順序最後的確認，接著進行屬性的調整，調整選項有分解圖各別編輯、輸出圖的1020電腦動畫製作軟體廣播系統能認真完成作業能用心完成每一步驟的練習能將學習成果充份系統化及電子化並上傳學校學習網。大小
7、及各分解圖停留時間的控制。4. 分解圖停留時間的控制，是最重要的屬性，因為這個屬性可控制動畫的速度，透過不同停留時間的搭配，可呈現出快慢不一的動態表現。5. 停留時間是以幾分之一為單位，這個部份和高年級數學的分數、比例和速度課程相關，因此在進行這部份時有必要再強調一次。6. 最後，在輸出前再做最後一次的確認，確認項目有分解圖順序是否正確、分解圖長寬大小是否一致、分解圖停留時間是否正確。確認完後即可匯出。7. 匯出完成後，再用秀圖軟體檢視動畫內容是否正確，若不正確則回過頭來修有錯誤的地方。8. 進階動畫左右來回移動、速度漸快、速度漸慢、大小變化、顏色轉變。七、隨堂作業1. 將上一節課所繪製的 1
8、0 張連續動作圖，利用 MS GIF Animator 匯整成一張 gif 動畫。2. 題目不限，發揮創意製作一個 5 秒的動畫。3. 將完成的成品上傳至學校學習網站並寫出心得。八、本節重點整理小畫家使用MS GIF Animator 的使用進階動畫的製作-第二節結束-C-R-1 能察覺生活中與數學相關的情境C-R-3 能暸解其他領域中所用到的數學知識與方法N-3-15 能在情境中理比 、比例、比值、率的意義1-3-3 嘗試以藝術創作的技法、形式，表現個人的想法和情感1-3-4 透過集體創作方式，完成與他人合作的藝術作品1-3-5 結合科技，開發新的創作經驗與方向155電腦動畫製作軟體能認真完成作業能用心聆聽
