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

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

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

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

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

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

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

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

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

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

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

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

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

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