動(dòng)畫制作實(shí)踐

1、 教學(xué)設(shè)計(jì) 第一學(xué)時(shí)共1課時(shí) 4.3.2動(dòng)畫制作實(shí)踐 高中信息技術(shù) 教科2003課標(biāo)版 評論（0） 1教材分析 本課教學(xué)內(nèi)容是校本教材第四單元 “計(jì)算機(jī)動(dòng)畫制作”中的“動(dòng)畫制作實(shí)踐”?！皠?dòng)畫制作”對高一的學(xué)生來說還是有一定難度的，但學(xué)生的興趣非常濃厚；本課主要學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的制作方法。評論（0） 2學(xué)情分析 本節(jié)課的教學(xué)對象為高中一年級(jí)學(xué)生，高一絕大部分學(xué)生是剛剛接觸FLASH內(nèi)容，通過前幾節(jié)課的學(xué)習(xí)對FLASH有了一定的了解，對該軟件的窗口、面板、工具、圖層等基礎(chǔ)知識(shí)有一些初步認(rèn)識(shí)，但是對FLASH軟件還不能較全面的掌握和應(yīng)用，還需要進(jìn)一步鞏固。評論（0） 3教學(xué)內(nèi)容分析 本節(jié)課的教學(xué)內(nèi)容

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

3、的形狀補(bǔ)間動(dòng)畫。二、教學(xué)策略采用有趣的素材，激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的學(xué)習(xí)能力，讓學(xué)生總有一種想嘗試的感覺，不怕學(xué)生出問題，遇到困難，教師引導(dǎo)學(xué)生探究學(xué)習(xí)的方向，學(xué)生通過自主學(xué)習(xí)來解決困難，若解決不了，在必要時(shí)教師設(shè)置排疑解難；讓學(xué)生在嘗試中去探索，在探索中獲取知識(shí)，同時(shí)獲得能力，通過本節(jié)課內(nèi)容的學(xué)習(xí)與實(shí)踐操作，要使學(xué)生學(xué)會(huì)“形狀補(bǔ)間動(dòng)畫”的制作。評論（0） 5教學(xué)目標(biāo) 一、知識(shí)與技能：1理解形狀補(bǔ)間動(dòng)畫的概念，掌握其制作方法；2掌握將位圖轉(zhuǎn)換為矢量圖的操作方法，了解位圖在形狀補(bǔ)間動(dòng)畫中為何要矢量化。二、過程與方法：通過自主探究、任務(wù)驅(qū)動(dòng)，發(fā)現(xiàn)問題、解決問題，來掌握形狀補(bǔ)間動(dòng)畫的制作方法。

4、三、情感態(tài)度與價(jià)值觀：培養(yǎng)學(xué)生的動(dòng)手能力、想象力及互助精神。評論（0） 6重點(diǎn)難點(diǎn) 重點(diǎn)：形狀補(bǔ)間動(dòng)畫的制作方法；掌握位圖矢量化方法。難點(diǎn)：形狀補(bǔ)間動(dòng)畫的制作方法；了解圖片矢量化的原因。評論（0） 7教學(xué)方法及教學(xué)手段分析 一、教學(xué)方法：引導(dǎo)法、演示法、任務(wù)驅(qū)動(dòng)法、師生互動(dòng)。二、教學(xué)手段任務(wù)素材、投影、課件8教學(xué)過程 8.1 第一學(xué)時(shí) 教學(xué)活動(dòng) 評論(0) 活動(dòng)1【導(dǎo)入】導(dǎo)入 師：(過渡語)同學(xué)們，我們上節(jié)課已經(jīng)學(xué)習(xí)了FLASH制作動(dòng)畫的一般流程。了解到制作一個(gè)FLASH動(dòng)畫需要進(jìn)行6個(gè)步驟：新建文檔設(shè)置文檔屬性動(dòng)畫編輯保存動(dòng)畫發(fā)布設(shè)置發(fā)布測試動(dòng)畫。并且利用這個(gè)流程制作了兩個(gè)逐幀動(dòng)畫：過光文字

5、（文字與背景在兩個(gè)圖層、重命名、導(dǎo)入圖片、文本工具、相對于舞臺(tái)對齊、文字需打散、F6-關(guān)鍵幀、F5-普通幀）與數(shù)字倒計(jì)時(shí)（要想在游覽器中播放FLASH動(dòng)畫必須在發(fā)布時(shí)選擇HTML選項(xiàng)卡創(chuàng)建HTML文檔，我們了解到逐幀動(dòng)畫的每一幀都是一個(gè)關(guān)鍵幀。FLASH制作動(dòng)畫有逐幀動(dòng)畫和補(bǔ)間動(dòng)畫，其中補(bǔ)間動(dòng)畫又分為形狀補(bǔ)間動(dòng)畫和動(dòng)畫補(bǔ)間動(dòng)畫。而我們今天將要學(xué)習(xí)的是其中的“形狀補(bǔ)間動(dòng)畫”。設(shè)計(jì)意圖：回顧上節(jié)課的內(nèi)容，引出今天的要學(xué)內(nèi)容。復(fù)習(xí)上節(jié)課的內(nèi)容，對一些操作技巧進(jìn)行鞏固，并引出今天要學(xué)的內(nèi)容。師：(過渡語)同學(xué)們，我們上節(jié)課已經(jīng)學(xué)習(xí)了FLASH制作動(dòng)畫的一般流程。了解到制作一個(gè)FLASH動(dòng)畫需要進(jìn)行6個(gè)

6、步驟：新建文檔設(shè)置文檔屬性動(dòng)畫編輯保存動(dòng)畫發(fā)布設(shè)置發(fā)布測試動(dòng)畫。并且利用這個(gè)流程制作了兩個(gè)逐幀動(dòng)畫：過光文字（文字與背景在兩個(gè)圖層、重命名、導(dǎo)入圖片、文本工具、相對于舞臺(tái)對齊、文字需打散、F6-關(guān)鍵幀、F5-普通幀）與數(shù)字倒計(jì)時(shí)（要想在游覽器中播放FLASH動(dòng)畫必須在發(fā)布時(shí)選擇HTML選項(xiàng)卡創(chuàng)建HTML文檔，我們了解到逐幀動(dòng)畫的每一幀都是一個(gè)關(guān)鍵幀。FLASH制作動(dòng)畫有逐幀動(dòng)畫和補(bǔ)間動(dòng)畫，其中補(bǔ)間動(dòng)畫又分為形狀補(bǔ)間動(dòng)畫和動(dòng)畫補(bǔ)間動(dòng)畫。而我們今天將要學(xué)習(xí)的是其中的“形狀補(bǔ)間動(dòng)畫”。設(shè)計(jì)意圖：回顧上節(jié)課的內(nèi)容，引出今天的要學(xué)內(nèi)容。評論(0) 活動(dòng)2【講授】講授新課 師：(過渡語) 那么，現(xiàn)在就請同

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

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

9、兩個(gè)關(guān)鍵幀；在這兩個(gè)關(guān)鍵幀中包含必要的形狀，并且有一定的變化；設(shè)定了“形狀補(bǔ)間”的動(dòng)畫方式。師： (過渡語)按照上述條件請同學(xué)們完成“圓變方”的動(dòng)畫。生： 完成任務(wù)，并進(jìn)行保存。設(shè)計(jì)意圖：讓學(xué)生掌握基本的形狀補(bǔ)間動(dòng)畫制作方法。評論(0) 活動(dòng)4【活動(dòng)】任務(wù)二 文字與文字間形狀補(bǔ)間動(dòng)畫：師：（過渡語）這位同學(xué)完成的非常好！再請同學(xué)們完成“文字-文字”的動(dòng)畫。（預(yù)期結(jié)果：操作未成功，1-30幀顯示為綠色、虛線。）形狀補(bǔ)間動(dòng)畫并不是什么時(shí)候都可以實(shí)現(xiàn)，如果對象不是形狀或矢量圖，而是元件、位圖、文字等，選擇補(bǔ)間為“形狀”時(shí)，將在屬性面板中出現(xiàn)一個(gè)驚嘆號(hào)圖標(biāo)，表示補(bǔ)間動(dòng)畫設(shè)置有問題，同時(shí)在時(shí)間軸上顯示出

10、的不是箭頭而是虛線。點(diǎn)擊驚嘆號(hào)圖，出現(xiàn)錯(cuò)誤原因解釋對話框。如何解決？提示：文字是一個(gè)組合對象，首先進(jìn)行分離，然后再打散成矢量圖形（點(diǎn)擊菜單修改分離或用快捷鍵ctrl+B）。評論(0) 活動(dòng)5【活動(dòng)】任務(wù)三 圖片與圖片間形狀補(bǔ)間動(dòng)畫：請一位學(xué)生制作 “二郎神”變成“牛魔王”的動(dòng)畫。（使用分離命令?。A(yù)期結(jié)果：操作成功，但不是平滑過渡。）提示：圖片從庫中拖出來后必須執(zhí)行將位圖矢量化。(注意為了使形狀補(bǔ)間動(dòng)畫更加逼真，請將不需要的點(diǎn)狀刪除)。排難解疑：師： (過渡語) 在完成任務(wù)二時(shí)，同學(xué)們都碰到了問題：問題1：文字-文字、圖片-圖片的形狀補(bǔ)間動(dòng)畫無法實(shí)現(xiàn)！(解難)： 教師以“文字-文字”為例講解

11、文字必須分離打散。以“圖片-圖片”為例講解圖片必須矢量化。問題2：位圖為何要矢量化？(解難)： 有的同學(xué)非常愛動(dòng)腦筋，導(dǎo)入位圖與flash繪制的圖片不一樣嗎？干嘛要矢量化，這是因?yàn)槲粓D用二維象素矩陣描述，而矢量圖用指令集合描述；他們的存儲(chǔ)結(jié)構(gòu)不同，因此必須矢量化，這樣才能進(jìn)行形狀補(bǔ)間動(dòng)畫。評論(0) 活動(dòng)6【活動(dòng)】任務(wù)四 文字與圖片間形狀補(bǔ)間動(dòng)畫：請一位學(xué)生制作文字“二郎神”變成“豬八戒”圖片的動(dòng)畫。師：(過渡語)那么此時(shí)同學(xué)們是否思考過制作形狀補(bǔ)間動(dòng)畫的關(guān)鍵點(diǎn)是什么？(板書)形狀補(bǔ)間動(dòng)畫制作的關(guān)鍵點(diǎn)：1插入的幀為空白關(guān)鍵幀；2首幀與尾幀的對象必須為點(diǎn)狀的矢量圖；3補(bǔ)間的實(shí)現(xiàn)動(dòng)作不能放在尾幀上

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

13、志是：時(shí)間軸面板變?yōu)闇\綠色，有一條實(shí)線箭頭。評論(0) 活動(dòng)8【練習(xí)】課堂練習(xí) 一、選擇題：1要使用外部圖片創(chuàng)建形狀補(bǔ)間動(dòng)畫時(shí)，必須先將它們（ ）A、組合 B、轉(zhuǎn)換位圖為矢量圖 C、對齊 D、變形2形狀補(bǔ)間動(dòng)畫中，當(dāng)?shù)谝粋€(gè)關(guān)鍵幀制作完成后，需要制作第二個(gè)關(guān)鍵幀，應(yīng)在后面某一幀中（ ），對它的描述下列錯(cuò)誤的是：A、插入空白關(guān)鍵幀 B、轉(zhuǎn)換為關(guān)鍵幀 C、轉(zhuǎn)換為空白關(guān)鍵幀3創(chuàng)建形狀補(bǔ)間動(dòng)畫時(shí)，應(yīng)（ ）A、選中起始幀，在屬性面板中設(shè)置“補(bǔ)間形狀”；B、在時(shí)間軸上直接擊右鍵“創(chuàng)建補(bǔ)間動(dòng)畫；C、以上都不用。答案：1、B；2、B；3、A。二、判斷題1在形狀補(bǔ)間動(dòng)畫創(chuàng)建成功時(shí)，在時(shí)間軸上會(huì)顯示一條淡紫色背景加長箭頭。（ ）2在改變一個(gè)矢量圖形的形狀、顏色、位置，或一個(gè)矢量圖變形成為另一個(gè)矢量圖的過程中，可以使用形狀補(bǔ)間動(dòng)畫。（ ）3在創(chuàng)建形狀補(bǔ)間動(dòng)畫時(shí)，選中結(jié)束幀在屬性面板中設(shè)置“補(bǔ)間”為“形狀”即可完成。（ ）4通常導(dǎo)入的圖片都是位圖，要做形狀補(bǔ)間動(dòng)畫必須將位圖轉(zhuǎn)換成矢量圖。（ ）答案：1、；