心與心愿賀卡電子教案

PAGEPAGE1庫爾勒市第二中學(xué)內(nèi)初二年級信息技術(shù)備課教案主備人：_王媛_教研組長：張怡備課組長：許媛備課組成員：王媛許媛課題（或章節(jié)）心與心愿賀卡——按鈕元件授課時(shí)間2015年11月30日—2015年12月4日課時(shí)分配共2課時(shí)教學(xué)三維目標(biāo)知識與技能1、轉(zhuǎn)換圖形元件為影片剪輯元件的方法。2、為影片剪輯元件添加濾鏡效果。3、將多個(gè)對象組合的方法。4、知道按鈕元件的功能并了解按鈕元件的制作原理。5、會制作按鈕元件并能夠正確的定義按鈕元件的四個(gè)基本狀態(tài)。6、能夠給按鈕添加簡單的動作。過程與方法演示、任務(wù)驅(qū)動。情感、態(tài)度與價(jià)值觀1、激發(fā)學(xué)生對Flash的學(xué)習(xí)興趣，使學(xué)生保持主動學(xué)習(xí)和動手實(shí)踐的熱情2、培養(yǎng)學(xué)生在學(xué)習(xí)中克服困難的意志品質(zhì)及小組協(xié)作精神，通過完成作品，體驗(yàn)成功的快樂。。德育目標(biāo)在學(xué)習(xí)中培養(yǎng)其團(tuán)結(jié)協(xié)作、合作互助的精神。教學(xué)重點(diǎn)1、添加濾鏡效果2、編輯按鈕元件3、為按鈕元件添加指定的動作教學(xué)難點(diǎn)在按鈕元件中編輯添加動畫，并設(shè)置正確的動作授課類型新課教學(xué)用具學(xué)案、課件、實(shí)例素材教學(xué)過程：二次備課及反思第一課時(shí)一、創(chuàng)設(shè)情境，引入新課教師播放事先準(zhǔn)備好的賀卡動畫。同學(xué)們，這節(jié)課我們運(yùn)用已經(jīng)學(xué)習(xí)的遮罩層動畫的原理，濾鏡效果的添加等等的綜合運(yùn)用來制作一個(gè)簡單的FLASH賀卡！在這一環(huán)節(jié)我的設(shè)計(jì)意圖是：播放賀卡的最終動畫效果，引起了濃厚的學(xué)習(xí)興趣。（然后進(jìn)入新的環(huán)節(jié)）二、講授新課，師生互動［教師活動］教師演示制作“星語心愿”賀卡（一）完成賀卡背景打開F：/初二上冊圖片資料/第11課/星語心愿.FLA選定背景圖層的第1關(guān)鍵幀，將庫面板中的“bk11”圖片拖入舞臺，調(diào)整至合適的大小。選定60幀插入普通幀，延長動畫時(shí)間，并將背景圖層鎖定。（二）完成賀卡中小星星的時(shí)間軸特效——模糊效果1.選定“模糊”圖層，將庫面板中的星星圖形元件拖出至舞臺形成實(shí)例。2.執(zhí)行“插入”|“時(shí)間軸特效”|“效果”命令。創(chuàng)建時(shí)間軸“模糊”特效后，庫面板中自動生成了名為“模糊1”的影片剪輯元件和特效文件夾，并且圖層名稱也相應(yīng)的發(fā)生了改變。3.將已經(jīng)完成“時(shí)間軸特效”的星星實(shí)例，進(jìn)行復(fù)制粘貼，形成多個(gè)實(shí)例，完成群星閃爍的效果，調(diào)整星星的大小形態(tài)，初次測試影片。［學(xué)生活動］學(xué)生自主練習(xí)，實(shí)踐操作。［教師活動］教師演示（三）完成賀卡中“形狀1”“形狀2”的濾鏡特效1.選擇形狀1圖層第1關(guān)鍵幀，將圓圖形拖出形成實(shí)例，修改屬性為“影片剪輯”，選擇濾鏡選項(xiàng)卡，添加“發(fā)光”特效，設(shè)置模糊值為40，顏色為西瓜紅，選中“挖空”及“內(nèi)側(cè)發(fā)光”選項(xiàng)。2.選中花圖形元件，拖出至圓內(nèi)，同上方法設(shè)置發(fā)光濾鏡效果，選中桃心圖形元件拖至中心，添加發(fā)光濾鏡效果，將顏色更改為紫色。3.選中形狀1圖層的第1關(guān)鍵幀中所有對象，執(zhí)行“修改”|“組合”命令，或者執(zhí)行ctrl+G命令，將圓、花、桃心組合成為一個(gè)對象。利用任意變形工具縮放至合適的大小。4.選中形狀1圖層，分別在第20幀、40幀插入關(guān)鍵幀、并調(diào)整形狀1的位置，創(chuàng)建動作補(bǔ)間動畫。鎖定該圖層。5.選中形狀2圖層，重復(fù)1-4的步驟，設(shè)置第2個(gè)形狀特效。［學(xué)生活動］學(xué)生自主練習(xí)，實(shí)踐操作。［學(xué)生活動］總結(jié)濾鏡特點(diǎn)。［教師活動］（1）使用濾鏡可以為文本、按鈕和影片剪輯增添有趣的視覺效果。（所有圖形元件無法增加濾鏡效果）（2）使可以設(shè)置對象發(fā)光、添加投影等單一的濾鏡效果，也可以設(shè)置多種效果混合的濾鏡。（3）使在“屬性”面板中，可以啟用，禁用或者刪除濾鏡效果，刪除濾鏡后，對象將恢復(fù)原來的外觀。［教師活動］教師演示（四）完成賀卡中文字的濾鏡特效1.選中文字圖層，利用文本工具寫入“開心快樂”，設(shè)置字號：42號，顏色“粉紅色”。為文本設(shè)置濾鏡效果，“投影”模糊值為5，顏色深藍(lán)，挖空。發(fā)光、斜角，放在舞臺外區(qū)。2.第40幀插入新的關(guān)鍵幀，修改濾鏡投影為紫色。并調(diào)整至合適的大小，放在合適的位置。3.第60幀插入關(guān)鍵幀，將字體放大。創(chuàng)建補(bǔ)間動畫。（五）完成遮罩效果1.選定五角星圖層，利用“五角星工具”，樣式為“星形”，邊數(shù)為5，筆觸顏色為無顏色，填充顏色為“紫色”，繪制與舞臺背景同樣大小的五角星形作為遮罩層。2.右擊“形狀1”“形狀2”圖層，選中“屬性”命令，在彈出的“圖層屬性”對話框，將“形狀1”“形狀2”圖層設(shè)置為“被遮罩”。［學(xué)生活動］學(xué)生自主練習(xí)，實(shí)踐操作?！菊n堂小結(jié)】學(xué)生自主小結(jié)本課學(xué)習(xí)的知識點(diǎn)。1、濾鏡添加的對象范圍：文本、按鈕、影片剪輯。2、添加時(shí)間軸特效的方法：執(zhí)行“插入”|“時(shí)間軸特效”|“效果”命令。創(chuàng)建時(shí)間軸“模糊”特效后，庫面板中自動生成了名為“模糊1”的影片剪輯元件和特效文件夾，并且圖層名稱也相應(yīng)的發(fā)生了改變。3.濾鏡的特點(diǎn)4.一個(gè)遮罩層可以同時(shí)遮蔽多個(gè)被遮罩層?！倦S堂練習(xí)】1.在flash中，添加時(shí)間軸特效，可以執(zhí)行“__________”“____________”“_________”命令，若為對象添加了“模糊”的時(shí)間軸特效，會在庫面板中自動生成一個(gè)名為“模糊1”的_________元件和__________,并且其所在圖層的名稱也發(fā)生了相應(yīng)的改變。2.在flash中，組合對象的方法是執(zhí)行“________”“_________”命令，或者快捷鍵是_________3.一個(gè)遮罩層可以遮蔽多個(gè)被遮罩層，通常設(shè)置第二、第三個(gè)被遮罩層時(shí)，可以右鍵單擊該圖層，在彈出的快捷鍵菜單中選擇“___________”命令，設(shè)置圖層屬性的類型為“_________”。第二課時(shí)一、創(chuàng)設(shè)情境，引入新課一個(gè)精彩的flash動畫是離不開按鈕交互控制的，哪怕只是很簡單的幾句代碼也能為整個(gè)flash動畫起到畫龍點(diǎn)睛的作用。今天，我們就為“星語心愿”賀卡添加“停止”“播放”按鈕。動畫展示：用按鈕來控制一段動畫的播放。二、講授新知師生互動首先請同學(xué)們閱讀教材“智多星”的內(nèi)容，回答如下問題：（1）什么是按鈕？按鈕是一種比較特殊的元件，當(dāng)新創(chuàng)建了一個(gè)按鈕元件時(shí)，flash會創(chuàng)建一個(gè)包含4幀的時(shí)間軸，時(shí)間軸上的各幀并不播放，而是定義按鈕在四種不同狀態(tài)下的具體屬性，并對指針運(yùn)動或動作做出反應(yīng)，執(zhí)行相應(yīng)的命令。（2）按鈕有哪四種狀態(tài)？生：彈起狀態(tài)、鼠標(biāo)經(jīng)過狀態(tài)和按下時(shí)的狀態(tài)、點(diǎn)擊狀態(tài)（3）按鈕的四個(gè)關(guān)鍵幀各有什么作用？生：當(dāng)為元件選擇按鈕行為時(shí)，F(xiàn)lash會創(chuàng)建一個(gè)四幀的時(shí)間軸,對應(yīng)按鈕的四種狀態(tài)按鈕元件的時(shí)間軸上的每一幀都有一個(gè)特定的功能：第一幀是彈起狀態(tài)，代表指針沒有滑過按鈕時(shí)該按鈕的外觀第二幀是指針經(jīng)過狀態(tài)，代表當(dāng)指針滑過按鈕時(shí)，該按鈕的外觀第三幀是按下狀態(tài)，代表單擊按鈕時(shí)，該按鈕的外觀第四幀是點(diǎn)擊狀態(tài)，定義將響應(yīng)鼠標(biāo)單擊的區(qū)域師：現(xiàn)在我們打開源文件，觀察一下我們實(shí)例當(dāng)中的按鈕四種狀態(tài)是怎樣的。三、實(shí)踐操作分析任務(wù)制作簡單按鈕【實(shí)例演示】（1）插入菜單下的新建元件命令，在打開的新建對話框中的行為選項(xiàng)選中按鈕（2）在按鈕元件編輯區(qū)的時(shí)間軸上我們可以看到自動分為四個(gè)部分分別為：彈起；鼠標(biāo)經(jīng)過；按下；點(diǎn)擊（3）在彈起狀態(tài)，新建一矩形黑色在指針經(jīng)過狀態(tài)插入關(guān)鍵幀，將矩形顏色改為紅色在按下狀態(tài)插入關(guān)鍵幀，將矩形改為青色最后在點(diǎn)擊狀態(tài)插入關(guān)鍵幀，因?yàn)檫@一狀態(tài)只是區(qū)域標(biāo)示，因此在動畫播放過程中不會顯示這一狀態(tài)的圖形，因此無須更改顏色想一想：如果我要給我的按鈕添加一些文字，比如說播放、暫停，我應(yīng)該怎么去操作呢？提示：插入一個(gè)新的圖層，輸入文字，別忘了每個(gè)狀態(tài)文字的顏色是不一樣的！想一想:你會制作文字按鈕嗎？（1）新建一個(gè)名字為“播放”的按鈕元件。（2）進(jìn)入按鈕元件編輯區(qū)的彈起狀態(tài)，在彈起狀態(tài)，利用文字工具輸入“播放”（3）在指針經(jīng)過狀態(tài)插入關(guān)鍵幀，并將字體顏色設(shè)置為紅色（4）在按下狀態(tài)插入關(guān)鍵幀，將字體顏色設(shè)置為藍(lán)色。（5）在點(diǎn)擊狀態(tài)插入關(guān)鍵幀，并畫一個(gè)矩形，完全覆蓋文字。3、基本動作控制命令介紹（1）停止命令格式;stop();說明動作；停止播放頭的移動（2）播放命令格式;play();說明動作；在時(shí)間軸中向前移動播放頭。（3）轉(zhuǎn)移命令gotoAndPlay(scene,frame)參數(shù)scene播放頭將轉(zhuǎn)到的場景的名稱。frame播放頭將轉(zhuǎn)到的幀的編號或標(biāo)簽。動作；將播放頭轉(zhuǎn)到場景中指定的幀并從該幀開始播放。如果未指定場景，則播放頭將轉(zhuǎn)到當(dāng)前場景中的指定幀。以上三個(gè)命令是動作腳本中最常用的基本動作,它們通過對時(shí)間軸上播放頭的控制實(shí)現(xiàn)的特定功能4、為按鈕添加相應(yīng)的動作【演示】（1）在按鈕元件上單擊鼠標(biāo)右鍵，選擇“動作”（2）在“動作”面板中，單擊“腳本助手”，啟用“腳本助手”，如果不使用腳本助手就自己動手輸入（3）在左側(cè)全局函數(shù)中選擇“時(shí)間軸控制”—>“play”（4）在編輯面板中會出現(xiàn)如下語句：on(release){Play();}（意思為單擊按鈕后播放）想一想：如果我要再插入一個(gè)按鈕，讓我的影片在單擊此按鈕之后停止，應(yīng)該怎樣做？應(yīng)該選擇哪一個(gè)語句？如果再插入一個(gè)按鈕，當(dāng)我單擊時(shí)它就從頭開始播放，應(yīng)該怎樣做？應(yīng)該選擇哪一個(gè)語句？四、拓展提高展現(xiàn)能力在下發(fā)的文件中，添加兩個(gè)個(gè)按鈕：播放和停止功能分別為：點(diǎn)擊播放按鈕時(shí)影片播放，單擊停止按鈕時(shí)影片停止五、師生小結(jié)構(gòu)建知識按鈕的插入讓我們的Flash更加新穎，互動性也隨之增強(qiáng)，希望同學(xué)們繼續(xù)努力，做出更多更好的Flash作品！【隨堂練習(xí)】1.按鈕元件通常包括4幀：__________幀、___________幀、_________幀和_________幀。其中__________幀的內(nèi)容在播放文件時(shí)不顯示，只是定義響應(yīng)鼠標(biāo)單擊的有效區(qū)域。__________幀定義了指針沒有經(jīng)過按鈕時(shí)，按鈕的外觀。_________幀定義了單擊鼠標(biāo)后，該按鈕的外觀。__________幀定義了指針滑過按鈕時(shí)按鈕的外觀。2.按鈕是一種特殊的元件，通過給按鈕添加goto、stop等時(shí)間軸控制命令，可以控制時(shí)間軸的播放與停止，從而實(shí)現(xiàn)簡單的________操作。3.解釋代碼on(release){ gotoAndPlay(1);}板書設(shè)計(jì)按鈕元件（1）什么是按鈕？按鈕是一種比較特殊的元件，當(dāng)新創(chuàng)建了一個(gè)按鈕元件時(shí)，flash會創(chuàng)建一個(gè)包含4幀的時(shí)間軸，時(shí)間軸上的各幀并不播放，而是定義按鈕在四種不同狀態(tài)下的具體屬性，并對指針運(yùn)動或動作做出反應(yīng)，執(zhí)行相應(yīng)的命令。（2）按鈕有哪四種狀態(tài)？生：彈起狀態(tài)、鼠標(biāo)