動畫制作實(shí)踐

1、4.3.2動畫制作實(shí)踐 1教材分析 本課教學(xué)內(nèi)容是校本教材第四單元 “計算機(jī)動畫制作”中的“動畫制作實(shí)踐”。“動畫制作”對高一的學(xué)生來說還是有一定難度的，但學(xué)生的興趣非常濃厚；本課主要學(xué)習(xí)形狀補(bǔ)間動畫的制作方法。 2學(xué)情分析 本節(jié)課的教學(xué)對象為高中一年級學(xué)生，高一絕大部分學(xué)生是剛剛接觸FLASH內(nèi)容，通過前幾節(jié)課的學(xué)習(xí)對FLASH有了一定的了解，對該軟件的窗口、面板、工具、圖層等基礎(chǔ)知識有一些初步認(rèn)識，但是對FLASH軟件還不能較全面的掌握和應(yīng)用，還需要進(jìn)一步鞏固。 3教學(xué)內(nèi)容分析 本節(jié)課的教學(xué)內(nèi)容為形狀補(bǔ)間動畫制作，針對實(shí)際情況，具體將以幾個任務(wù)圍繞教學(xué)目標(biāo)開展教學(xué)：首任務(wù)基本任務(wù)（講授）：

2、五邊形變五角星；次任務(wù)任務(wù)一：圓變方；任務(wù)二：文字變文字；任務(wù)三：圖片變圖片；任務(wù)四：文字變圖片。5個任務(wù)的設(shè)計切合學(xué)生的學(xué)習(xí)思路，激發(fā)學(xué)生的學(xué)習(xí)興趣，由淺入深，層層提高；在教學(xué)過程中不斷加入新的知識點(diǎn)，用各種教學(xué)方式與手段將知識點(diǎn)傳授給學(xué)生，最后突破難點(diǎn)，完成課堂教學(xué)目標(biāo)。4教學(xué)設(shè)計思想與策略 課本教材中的動畫對我校學(xué)生過于復(fù)雜，因此在實(shí)際教學(xué)中應(yīng)該遵循“循序漸進(jìn)，逐步提高”的思路，本節(jié)課我個人的思考是：一、設(shè)計思想圍繞教材設(shè)計基本任務(wù)，使所有學(xué)生對形狀補(bǔ)間動畫有所了解，并能夠制作簡單的形狀補(bǔ)間動畫。二、教學(xué)策略采用有趣的素材，激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的學(xué)習(xí)能力，讓學(xué)生總有一種想嘗試的感

3、覺，不怕學(xué)生出問題，遇到困難，教師引導(dǎo)學(xué)生探究學(xué)習(xí)的方向，學(xué)生通過自主學(xué)習(xí)來解決困難，若解決不了，在必要時教師設(shè)置排疑解難；讓學(xué)生在嘗試中去探索，在探索中獲取知識，同時獲得能力，通過本節(jié)課內(nèi)容的學(xué)習(xí)與實(shí)踐操作，要使學(xué)生學(xué)會“形狀補(bǔ)間動畫”的制作。 5教學(xué)目標(biāo) 一、知識與技能：1理解形狀補(bǔ)間動畫的概念，掌握其制作方法；2掌握將位圖轉(zhuǎn)換為矢量圖的操作方法，了解位圖在形狀補(bǔ)間動畫中為何要矢量化。二、過程與方法：通過自主探究、任務(wù)驅(qū)動，發(fā)現(xiàn)問題、解決問題，來掌握形狀補(bǔ)間動畫的制作方法。三、情感態(tài)度與價值觀：培養(yǎng)學(xué)生的動手能力、想象力及互助精神。 6重點(diǎn)難點(diǎn) 重點(diǎn)：形狀補(bǔ)間動畫的制作方法；掌握位圖矢量化

4、方法。難點(diǎn)：形狀補(bǔ)間動畫的制作方法；了解圖片矢量化的原因。評論（0） 7教學(xué)方法及教學(xué)手段分析 一、教學(xué)方法：引導(dǎo)法、演示法、任務(wù)驅(qū)動法、師生互動。二、教學(xué)手段任務(wù)素材、投影、課件8教學(xué)過程 8.1 第一學(xué)時     教學(xué)活動 活動1【導(dǎo)入】導(dǎo)入 師：(過渡語)同學(xué)們，我們上節(jié)課已經(jīng)學(xué)習(xí)了FLASH制作動畫的一般流程。了解到制作一個FLASH動畫需要進(jìn)行6個步驟：新建文檔設(shè)置文檔屬性動畫編輯保存動畫發(fā)布設(shè)置發(fā)布測試動畫。并且利用這個流程制作了兩個逐幀動畫：過光文字（文字與背景在兩個圖層、重命名、導(dǎo)入圖片、文本工具、相對于舞臺對齊、文字需打散、F6-關(guān)鍵幀

5、、F5-普通幀）與數(shù)字倒計時（要想在游覽器中播放FLASH動畫必須在發(fā)布時選擇HTML選項卡創(chuàng)建HTML文檔，我們了解到逐幀動畫的每一幀都是一個關(guān)鍵幀。FLASH制作動畫有逐幀動畫和補(bǔ)間動畫，其中補(bǔ)間動畫又分為形狀補(bǔ)間動畫和動畫補(bǔ)間動畫。而我們今天將要學(xué)習(xí)的是其中的“形狀補(bǔ)間動畫”。設(shè)計意圖：回顧上節(jié)課的內(nèi)容，引出今天的要學(xué)內(nèi)容。復(fù)習(xí)上節(jié)課的內(nèi)容，對一些操作技巧進(jìn)行鞏固，并引出今天要學(xué)的內(nèi)容。師：(過渡語)同學(xué)們，我們上節(jié)課已經(jīng)學(xué)習(xí)了FLASH制作動畫的一般流程。了解到制作一個FLASH動畫需要進(jìn)行6個步驟：新建文檔設(shè)置文檔屬性動畫編輯保存動畫發(fā)布設(shè)置發(fā)布測試動畫。并且利用這個流程制作了兩個逐

6、幀動畫：過光文字（文字與背景在兩個圖層、重命名、導(dǎo)入圖片、文本工具、相對于舞臺對齊、文字需打散、F6-關(guān)鍵幀、F5-普通幀）與數(shù)字倒計時（要想在游覽器中播放FLASH動畫必須在發(fā)布時選擇HTML選項卡創(chuàng)建HTML文檔，我們了解到逐幀動畫的每一幀都是一個關(guān)鍵幀。FLASH制作動畫有逐幀動畫和補(bǔ)間動畫，其中補(bǔ)間動畫又分為形狀補(bǔ)間動畫和動畫補(bǔ)間動畫。而我們今天將要學(xué)習(xí)的是其中的“形狀補(bǔ)間動畫”。設(shè)計意圖：回顧上節(jié)課的內(nèi)容，引出今天的要學(xué)內(nèi)容。活動2【講授】講授新課 師：(過渡語) 那么，現(xiàn)在就請同學(xué)們跟我去認(rèn)識一下什么是“形狀補(bǔ)間動畫”；演示“五邊形變五角星”的動畫。(板書)  形狀補(bǔ)間動

7、畫的概念：使一個對象逐漸變成另一個對象，實(shí)現(xiàn)兩個對象間(顏色、位置、大小、形狀)的平滑過渡。設(shè)計意圖：讓學(xué)生有概念認(rèn)識。演示“五邊形變五角星”的源文件。形狀補(bǔ)間動畫在時間面板上的表現(xiàn)：形狀補(bǔ)間動畫建好后，時間軸面板的背景顏色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個長長的實(shí)線箭頭。(板書)在FLASH的時間軸上，在一個關(guān)鍵幀繪制一個形狀，然后再另一個關(guān)鍵幀更改形狀或繪制另一個形狀，F(xiàn)LASH根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫被稱為“形狀補(bǔ)間動畫”。而其中的形狀是指在FLASH中直接使用繪圖工具繪制出來的矢量圖，或者是將其他對象分離出來的矢量圖形。設(shè)計意圖：讓學(xué)生加深概念。師：(過渡語) 了解了

8、概念以后，我們一起來制作一個簡單的形狀補(bǔ)間動畫。（講解）以“五邊形變五角星”為例簡單講授制作過程。(制作五角星提示)：點(diǎn)擊工具箱中 選擇“多角星形工具”，然后打開“窗口”菜單“屬性”面板，點(diǎn)擊“選項”，修改“工具設(shè)置”屬性對話框。注意：無筆觸。只要創(chuàng)建出兩個關(guān)鍵幀中的對象，其他過渡幀便可以通過Flash自己制作出來。設(shè)計意圖：學(xué)生認(rèn)真學(xué)習(xí)，掌握制作過程讓學(xué)生對形狀補(bǔ)間動畫的制作過程有系統(tǒng)的認(rèn)識。通過教師講解使學(xué)生知道形狀補(bǔ)間動畫的制作過程。 活動3【活動】任務(wù)一 制作形狀補(bǔ)間動畫的條件：至少有兩個關(guān)鍵幀；在這兩個關(guān)鍵幀中包含必要的形狀，并且有一定的變化；設(shè)定了“形狀補(bǔ)間”的動畫方式。師： (過

9、渡語)按照上述條件請同學(xué)們完成“圓變方”的動畫。生： 完成任務(wù)，并進(jìn)行保存。設(shè)計意圖：讓學(xué)生掌握基本的形狀補(bǔ)間動畫制作方法。 活動4【活動】任務(wù)二 文字與文字間形狀補(bǔ)間動畫：師：（過渡語）這位同學(xué)完成的非常好！再請同學(xué)們完成“文字-文字”的動畫。（預(yù)期結(jié)果：操作未成功，1-30幀顯示為綠色、虛線。）形狀補(bǔ)間動畫并不是什么時候都可以實(shí)現(xiàn)，如果對象不是形狀或矢量圖，而是元件、位圖、文字等，選擇補(bǔ)間為“形狀”時，將在屬性面板中出現(xiàn)一個驚嘆號圖標(biāo)，表示補(bǔ)間動畫設(shè)置有問題，同時在時間軸上顯示出的不是箭頭而是虛線。點(diǎn)擊驚嘆號圖，出現(xiàn)錯誤原因解釋對話框。如何解決？提示：文字是一個組合對象，首先進(jìn)行分離，然后

10、再打散成矢量圖形（點(diǎn)擊菜單修改分離或用快捷鍵ctrl+B）。活動5【活動】任務(wù)三 圖片與圖片間形狀補(bǔ)間動畫：請一位學(xué)生制作 “二郎神”變成“牛魔王”的動畫。（使用分離命令?。A(yù)期結(jié)果：操作成功，但不是平滑過渡。）提示：圖片從庫中拖出來后必須執(zhí)行將位圖矢量化。(注意為了使形狀補(bǔ)間動畫更加逼真，請將不需要的點(diǎn)狀刪除)。排難解疑：師： (過渡語)  在完成任務(wù)二時，同學(xué)們都碰到了問題：問題1：文字-文字、圖片-圖片的形狀補(bǔ)間動畫無法實(shí)現(xiàn)！(解難)： 教師以“文字-文字”為例講解文字必須分離打散。以“圖片-圖片”為例講解圖片必須矢量化。問題2：位圖為何要矢量化？(解難)： 有的同學(xué)非常愛動

11、腦筋，導(dǎo)入位圖與flash繪制的圖片不一樣嗎？干嘛要矢量化，這是因為位圖用二維象素矩陣描述，而矢量圖用指令集合描述；他們的存儲結(jié)構(gòu)不同，因此必須矢量化，這樣才能進(jìn)行形狀補(bǔ)間動畫。 活動6【活動】任務(wù)四 文字與圖片間形狀補(bǔ)間動畫：請一位學(xué)生制作文字“二郎神”變成“豬八戒”圖片的動畫。師：(過渡語)  那么此時同學(xué)們是否思考過制作形狀補(bǔ)間動畫的關(guān)鍵點(diǎn)是什么？(板書)   形狀補(bǔ)間動畫制作的關(guān)鍵點(diǎn)：1插入的幀為空白關(guān)鍵幀；2首幀與尾幀的對象必須為點(diǎn)狀的矢量圖；3補(bǔ)間的實(shí)現(xiàn)動作不能放在尾幀上。設(shè)計意圖：歸納后，避免學(xué)生在這些問題上再次出錯，而且能有一個

12、系統(tǒng)的了解。文字與圖片間形狀補(bǔ)間動畫：請一位學(xué)生制作文字“豬八戒”變成“豬八戒”圖片的動畫。師：(過渡語)  那么此時同學(xué)們是否思考過制作形狀補(bǔ)間動畫的關(guān)鍵點(diǎn)是什么？(板書)   形狀補(bǔ)間動畫制作的關(guān)鍵點(diǎn)：1插入的幀為空白關(guān)鍵幀；2首幀與尾幀的對象必須為點(diǎn)狀的矢量圖；3補(bǔ)間的實(shí)現(xiàn)動作不能放在尾幀上。設(shè)計意圖：歸納后，避免學(xué)生在這些問題上再次出錯，而且能有一個系統(tǒng)的了解?；顒?【講授】課堂總結(jié) 插入的是空白關(guān)鍵幀；文字的變化，首尾幀文字要分離，即打散而且要打散兩次；圖片的變化，首尾幀的位圖要轉(zhuǎn)化位圖為矢量圖；形狀補(bǔ)間動畫制作成功的標(biāo)志是：時間軸面

13、板變?yōu)闇\綠色，有一條實(shí)線箭頭。 活動8【練習(xí)】課堂練習(xí) 一、選擇題：1要使用外部圖片創(chuàng)建形狀補(bǔ)間動畫時，必須先將它們（   ）A、組合    B、轉(zhuǎn)換位圖為矢量圖    C、對齊    D、變形2形狀補(bǔ)間動畫中，當(dāng)?shù)谝粋€關(guān)鍵幀制作完成后，需要制作第二個關(guān)鍵幀，應(yīng)在后面某一幀中（  ），對它的描述下列錯誤的是：A、插入空白關(guān)鍵幀      B、轉(zhuǎn)換為關(guān)鍵幀      C、轉(zhuǎn)換為空

14、白關(guān)鍵幀3創(chuàng)建形狀補(bǔ)間動畫時，應(yīng)（   ）A、選中起始幀，在屬性面板中設(shè)置“補(bǔ)間形狀”；B、在時間軸上直接擊右鍵“創(chuàng)建補(bǔ)間動畫；C、以上都不用。答案：1、B；2、B；3、A。二、判斷題1在形狀補(bǔ)間動畫創(chuàng)建成功時，在時間軸上會顯示一條淡紫色背景加長箭頭。（   ）2在改變一個矢量圖形的形狀、顏色、位置，或一個矢量圖變形成為另一個矢量圖的過程中，可以使用形狀補(bǔ)間動畫。（   ）3在創(chuàng)建形狀補(bǔ)間動畫時，選中結(jié)束幀在屬性面板中設(shè)置“補(bǔ)間”為“形狀”即可完成。（   ）4通常導(dǎo)入的圖片都是位圖，要做形狀補(bǔ)間動畫必須將位圖轉(zhuǎn)換成矢量圖。（   ）答案：1、