初中信息技術(shù)flash教案

10/11生疏FLASH動(dòng)畫學(xué)習(xí)目標(biāo)：1、學(xué)會(huì)啟動(dòng)FLASH的方法2、生疏FLASH工作界面34、學(xué)習(xí)制作簡潔的動(dòng)畫重、難點(diǎn)：生疏FLASH的工作界面、學(xué)習(xí)制作簡潔的動(dòng)畫。課時(shí)安排：2同學(xué)們,你們小時(shí)候看電視最寵愛看什么節(jié)目呀？對(duì)了,很多同學(xué)都寵愛看動(dòng)畫片。比方說《米老鼠和唐老鴨》、《西游記》、《葫蘆娃》等等。那么,接下來,我們一起來賞識(shí)一段精彩的動(dòng)畫片 ,這段動(dòng)畫與我們前天開展的活動(dòng)是有關(guān)系的。那么 ,這么精彩的動(dòng)畫是用怎么制作出來的呢？是的,用計(jì)算機(jī)做出來的。那是用什么軟件做出來的呢？用我們以前學(xué)過的WPSWORD能做出來嗎？不能。這就要用到我們今日所學(xué)習(xí)的一個(gè)的軟二、課1、FLASH的特點(diǎn)FLASH是一個(gè)功能強(qiáng)大、簡潔易學(xué)的網(wǎng)頁動(dòng)畫制作工具。用FLASH制作出來的動(dòng)畫不但占用的空間小,而且動(dòng)畫品質(zhì)高,不管怎樣放大、縮小,它都清楚可見。FLASH動(dòng)畫的迷人之處還在于我們可以通過點(diǎn)擊按鈕,選擇菜單來掌握動(dòng)正是有了這些優(yōu)點(diǎn),使得FLASH在網(wǎng)絡(luò)上格外流行。下面,我們就一起來學(xué)習(xí)FLASH8的使用。2、啟動(dòng)FLASH8①單擊“開頭“→“程序“→“MacromediaFlash8”→“Flash8上臺(tái)操作啟動(dòng)后將消滅FLASH8的編輯窗口。、FLASH8編輯窗口的介紹菜單欄常用工具欄、掌握工具欄〔動(dòng)畫播放的掌握工具欄浮動(dòng)面板〔可以用來掌握各種設(shè)置輯視圖比例、狀態(tài)欄〔顯示所選的工 具等狀態(tài)、試一試：教師先隱蔽常用工具欄、掌握工具欄和狀態(tài)欄 ,要求學(xué)生顯示出這三個(gè)菜單欄。〔選擇“窗口“菜單→“工具欄“→“主要欄“、“狀態(tài)欄“和“掌握欄“。5①先出示5張靜態(tài)的連續(xù)圖片,再出示5②得出結(jié)論：動(dòng)畫是將一張張靜態(tài)的圖片 ,通過軟件連續(xù)的播放產(chǎn)生影像的動(dòng)態(tài)效果。暫留“的現(xiàn)象,我們會(huì)感到圖片中的物體正在動(dòng)作 ,而FLASH就是承受這種原理制作動(dòng)畫的。6①提問：假設(shè)動(dòng)畫中的每張圖片都要用手工去畫 ,那將會(huì)怎樣？〔工作量會(huì)很大而FLASH5有一個(gè)強(qiáng)大的功能,那就是……？對(duì)了,它會(huì)自動(dòng)建立動(dòng)畫動(dòng)作。②現(xiàn)在我們一起用FLASH8來制作一個(gè)簡潔的動(dòng)畫。例：讓一架飛機(jī)在屏幕上飛過。步驟1：“窗口“→“共享圖庫“→“MovieClips影片夾“,翻開“動(dòng)畫影片圖庫“。2：選擇圖庫中的“Biplane“,用鼠標(biāo)將飛機(jī)拖到編輯區(qū)中的左邊。留意：這時(shí)在時(shí)間軸中的圖層 1的第1幀中會(huì)消滅一個(gè)實(shí)心的黑點(diǎn) ,這就是關(guān)鍵幀。步驟3：在圖層1的第10幀處,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“插件關(guān)鍵幀“。并用鼠標(biāo)將飛機(jī)拖到編輯區(qū)的右邊。步驟4：單擊圖層的第1幀,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“創(chuàng)立動(dòng)畫動(dòng)作“。在時(shí)間軸的第1幀至第10步驟5：單擊掌握欄中的“播放“按鈕,可以看到飛機(jī)從屏幕的左邊飛向右邊。也可以按Ctrl+Enter鍵,來看看動(dòng)畫的測試效果,要退出測試畫面,單擊窗口右上方的“關(guān)閉“按鈕。7①單擊“文件“→“保存“或工具欄上的“保存“按鈕。②留意：FLASH文件的擴(kuò)展名為“.fla“,生成的動(dòng)畫文件的擴(kuò)展名為 8、推舉幾個(gè)FLASH制作的網(wǎng)站：如：閃客帝國三、上機(jī)實(shí)踐：、FLASH8的啟動(dòng)。FLASH的共享庫中找到“FishMovieClips“,這是一條魚。請創(chuàng)立動(dòng)畫動(dòng)作讓它游來游去。〔提示：假設(shè)需要調(diào)整魚的方向時(shí),單擊常用工具欄上的“旋轉(zhuǎn)“按鈕,就可以用鼠標(biāo)來調(diào)整方向。、自由練習(xí)。逐幀動(dòng)畫教學(xué)目標(biāo)：1、理解逐幀動(dòng)畫的制作方法。2、能夠?qū)腱o態(tài)圖片。3、會(huì)依據(jù)需要插入或刪除幀。4、把握測試影片并調(diào)整動(dòng)畫的方法。5制作動(dòng)畫的樂趣。教學(xué)重點(diǎn)：1、能夠?qū)腱o態(tài)圖片。教學(xué)方法：演示法、觀看法、實(shí)踐法、自學(xué)法2一、導(dǎo)入幀——是進(jìn)展flashflash個(gè)細(xì)心雕琢的幀構(gòu)成的。我們共同來回憶一下上節(jié)課提到的幀主要有哪幾種類型？〔播放關(guān)鍵幀——顧名思義,有關(guān)鍵內(nèi)容的幀?？瞻钻P(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。一般幀——在時(shí)間軸上能顯示實(shí)例對(duì)象,但不能對(duì)實(shí)例對(duì)象進(jìn)展編輯操作的幀。Flash二、課〔播放教師提前做好的逐幀動(dòng)畫《行走的馬》演示。Flash分解的越細(xì),將來生成的動(dòng)畫就越細(xì)膩。教師操作,學(xué)生觀看〔用已預(yù)備好的馬的靜態(tài)圖片〔一、導(dǎo)入圖片制作逐幀動(dòng)畫1：Flash,Flash2：執(zhí)行[文件]導(dǎo)入到舞臺(tái)菜單命令,消滅“導(dǎo)入“對(duì)話框。顯示在舞臺(tái)上的默認(rèn)位置。〔觀看幀的變化,空心圓點(diǎn)變成實(shí)心圓點(diǎn),成為關(guān)鍵幀4照,練習(xí)導(dǎo)入多幅靜態(tài)圖片。Flash〔二、測試和調(diào)整動(dòng)畫1畫。師：怎么樣？看到一匹行走的馬了嗎？慶賀同學(xué)們第一步都成功了！〔播放賞識(shí)學(xué)生作品一師：觀看作品,有沒有不完善之處？121在第一幀的后面插入一個(gè)幀。[一般幀]讓學(xué)生在每個(gè)關(guān)鍵幀的后面均插入2個(gè)一般幀,使馬的走動(dòng)速度接近實(shí)際。2提問調(diào)整好的學(xué)生承受的調(diào)整方法?！膊シ欧椒ㄒ唬涸O(shè)置成一樣坐標(biāo)值方法二：鼠標(biāo)播放這種方法調(diào)整不夠準(zhǔn)確。方法三：使用“繪圖紙工具“〔播放使用繪圖紙工具調(diào)整的步驟。3：插入圖層,導(dǎo)入背景圖片。以透過它看到下面的圖層。]<播放>創(chuàng)立逐幀動(dòng)畫的幾種方法〔1〔2gif〔3〔4三、作品賞識(shí)〔播放四、學(xué)生練習(xí)Flash作方法。有以下幾個(gè)選題供選擇：選題一：仿照馬行走動(dòng)畫制作“奔馳的豹子“五、小結(jié)導(dǎo)入序列圖像、輸入文字或手工繪制來制作逐幀動(dòng)畫,由于逐幀動(dòng)畫對(duì)畫面一幀一加練習(xí),大膽實(shí)踐,制作出更多更好的優(yōu)秀的作品。Flash一、教學(xué)目標(biāo)：〔一學(xué)問目標(biāo)：1、通過分析形變動(dòng)畫的例子,理解動(dòng)畫的原理；2、通過仿照教師演示的形變動(dòng)畫過程,把握制作形變動(dòng)畫的方法；3、通過綜合實(shí)踐活動(dòng)課,使學(xué)生能夠把握形變技巧并應(yīng)用到實(shí)踐中去,形成力量。〔二過程與方法目標(biāo)：1、實(shí)行教師講解與學(xué)生創(chuàng)作相結(jié)合的方法進(jìn)展學(xué)習(xí)2、用評(píng)價(jià)來提升學(xué)生作品的質(zhì)量及創(chuàng)意識(shí)〔三情感態(tài)度與價(jià)值觀的根底。二、教學(xué)重點(diǎn)：1、理解形變動(dòng)畫制作的原理；三、教學(xué)難點(diǎn)：四、課時(shí)安排：2五、課題引入請同學(xué)們觀看動(dòng)畫,并說出你有什么想法呢,〔學(xué)生答復(fù)：動(dòng)畫是怎么做出來的,FLASH六、課表達(dá)〔一形變動(dòng)畫原理這是一種常見的形變動(dòng)畫,它的原理是將一個(gè)動(dòng)畫的外形發(fā)生變化,把每一處的變,Flash〔二制作形變動(dòng)畫教師演示：1、創(chuàng)立影片文檔執(zhí)行[文件]|[建]命令；40再用矩形工具在工作區(qū)中再畫一個(gè)方形,回到時(shí)間軸的第一幀,找到屬性面板,補(bǔ)間中選反外形,3執(zhí)行[掌握]|[swf執(zhí)行[文件]|[保存]命令,將文件保存成“形變動(dòng)畫.fla“文件存盤,假設(shè)要導(dǎo)出Flash的播放文件,執(zhí)行[導(dǎo)出]|[導(dǎo)出影片]命令保存成“跑動(dòng)的火柴人.swf“文件。1下來就讓我們親自體驗(yàn)一下吧！2〔三制作由一個(gè)圓形變成文字剛剛大家制作的很好,那么思考這樣一個(gè)問題,如何讓一個(gè)圓形變成文字,用剛剛教師講解的方法行不行呢,請同學(xué)們先自己獨(dú)立完成,并說你的想法與遇到的困難。七、總結(jié)我們有了這么精巧的形變動(dòng)畫作品,假設(shè)再給它配以背景,我們的作品就會(huì)更飽滿,flash八、作業(yè)使用形變動(dòng)畫制作一個(gè)文字“抱負(fù)“變成“現(xiàn)實(shí)“的形變小動(dòng)畫。驚奇的遮罩動(dòng)畫1、通過分析遮罩動(dòng)畫的例子,理解動(dòng)畫的原理；1、能夠?qū)腱o態(tài)圖片。2一、試驗(yàn)要求二、試驗(yàn)步驟1.制作方法2.作品構(gòu)思利用遮罩圖層功能可以使動(dòng)畫場景外的內(nèi)容或某些指定區(qū)域以外的內(nèi)容不行見,也可以用來蓋住某些實(shí)例的局部內(nèi)容,實(shí)現(xiàn)各種豐富的特別效果。操作步驟建一個(gè)動(dòng)畫,寬度為“200px“,高度為“200px“,背風(fēng)光為“藍(lán)色“。保存為“地球自轉(zhuǎn).fla“。建“地球“圖形元件。編輯“地球“圖形元件。選取“橢圓工具“,設(shè)置筆觸顏色為“無“,“填充色“可任意選擇,設(shè)置完后繪制一個(gè)無邊框的正圓。選取“選擇工具“,選中正圓,翻開“屬性“面板,100設(shè)定地球的顏色。如下圖。flash制,不過,最好是矢量圖。如下圖。1元件拖動(dòng)到場景中。1幀,移動(dòng)編輯區(qū)中地圖的位置。選中第401幀到40140ctrl+enter下面增加一個(gè)圖層“背景“,覺察“背景“圖層變成了被遮罩層,往下往右拖動(dòng)背景圖層,的圖片位置全都。圓工具“,設(shè)置“筆觸顏色“為無,填充色可任意選擇,設(shè)置完后繪制一個(gè)無邊框的正圓。選中繪制的正圓,翻開“混色器“面板,選擇填充類型為“放射“,左端的色標(biāo)設(shè)置為白色,右邊的色標(biāo)設(shè)置為淡黃色,并調(diào)整色標(biāo)位置。如下圖?；氐綀鼍?從“庫“面板中拖出“顏色“元件,在“屬性“面板中翻開“顏色“下拉列表,“Alpha“,50%。并適當(dāng)調(diào)整實(shí)例的位置,如下圖。三、練習(xí)依據(jù)操作步驟完成地球自轉(zhuǎn)5.交互動(dòng)畫1、通過分析交互動(dòng)畫的例子,理解動(dòng)畫的原理；2、通過仿照教師演示的動(dòng)畫過程,把握制作交互動(dòng)畫的方法；中去,形成力量。教學(xué)重點(diǎn)：1、能夠?qū)腱o態(tài)圖片。2、按鈕的應(yīng)用。2一、試驗(yàn)要求制作一個(gè)蝴蝶在花間自由的飄舞,其中我們可以通過設(shè)置不同功能的按鈕來掌握二、試驗(yàn)步驟1.制作方法2.作品構(gòu)思式按鈕,是制作交互式動(dòng)畫的根底。操作步驟建一個(gè)動(dòng)畫,保存為“飄舞的蝴蝶.fla“。55件。進(jìn)入按鈕編輯狀態(tài),分別在按鈕的“彈起“和“指針經(jīng)過“區(qū)中插入關(guān)鍵幀,分別繪制大小一樣,顏色不同,位置一樣的按鈕。如下圖。按以上步驟,分別創(chuàng)立“停頓“按鈕,“連續(xù)“按鈕,“前進(jìn)“按鈕、“后退“按鈕。層,制作蝴蝶沿任意路徑運(yùn)動(dòng)的動(dòng)作效果。〔制作步驟類似試驗(yàn)3-5,省略。留意：兩2stop〔動(dòng)作。gotoAndPlay〔244層：“邊框“層,如下圖。層：“花草背景“層,如下圖。層：“蝴蝶飄舞“影片剪輯圖層,將庫面板的蝴蝶飄舞影片剪輯拖入到該圖層,翻開fly。層：按鈕層,拖入五個(gè)按鈕至該圖層。如下圖。設(shè)置按鈕動(dòng)作。件的位置。至此,制作完畢,按ctrl+enter快捷鍵,賞識(shí)動(dòng)畫效果。三、練習(xí)通過學(xué)習(xí),學(xué)生合作完成：制作通過按鈕和幀進(jìn)展交互的動(dòng)畫,模擬掌握火箭點(diǎn)火的過程。6.簡潔的運(yùn)動(dòng)動(dòng)畫1、通過分析運(yùn)動(dòng)動(dòng)畫的例子,理解動(dòng)畫的原理；2、通過仿照教師演示的形變動(dòng)畫過程,把握制作運(yùn)動(dòng)動(dòng)畫的方法；3形成力量。教學(xué)重點(diǎn)：1、能夠?qū)腱o態(tài)圖片。教學(xué)難點(diǎn)：測試和調(diào)整動(dòng)畫播放。3一、試驗(yàn)要求二、試驗(yàn)步驟1.制作方法：2.作品構(gòu)思：利用引導(dǎo)層,在這個(gè)圖層中有一條關(guān)心線作為運(yùn)動(dòng)路徑,可以設(shè)置讓一架飛機(jī)沿著這條路徑運(yùn)動(dòng)。3.操作步驟建一個(gè)動(dòng)畫,寬度為“500px“,高度為“400px“,背風(fēng)光為“藍(lán)色“。保存為“飛行的飛機(jī).fla“。導(dǎo)入圖片。將“藍(lán)天白云.jpg“圖像導(dǎo)入到庫中。1”命名為“背景“,將“藍(lán)天白云“圖像元件拖入到場景4成一個(gè)足夠長的背景圖片,在拼接過程中,為了讓圖片在連接處更連貫,可以選擇“修改“-“變形“-〉“水平翻轉(zhuǎn)“,如下圖。160一下,看看效果。.fla“飛機(jī)“拖到場景中,選取“任意變形工具“,將飛機(jī)旋轉(zhuǎn)并縮小,最終調(diào)