Flash項(xiàng)目案例教程課件2-3

教學(xué)重點(diǎn)故事情節(jié)設(shè)計(jì)鏡頭切換設(shè)計(jì)準(zhǔn)備知識(shí)基本繪圖工具的使用圖層和元件的基本用法遮罩動(dòng)畫的制作與應(yīng)用簡(jiǎn)單控制語(yǔ)句的使用教學(xué)方法1、講授法利用多媒體計(jì)算機(jī)教室，教師和學(xué)生示范演練同步操作，及時(shí)解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動(dòng)，充分調(diào)動(dòng)學(xué)生的積極性，培養(yǎng)學(xué)生的動(dòng)手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊(duì)合作意識(shí)與溝通能力。2、案例教學(xué)法對(duì)于典型項(xiàng)目中的核心技能用生動(dòng)、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動(dòng)畫效果來(lái)達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對(duì)案例涉及的知識(shí)技能進(jìn)行拓展提問(wèn)，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動(dòng)畫設(shè)計(jì)思路；4、任務(wù)驅(qū)動(dòng)項(xiàng)目教學(xué)法把真實(shí)的企業(yè)項(xiàng)目作為工作任務(wù)引入課堂，引導(dǎo)學(xué)生在完成任務(wù)的過(guò)程中模擬進(jìn)入崗位角色，并以公司的工作制度、工作流程來(lái)要求學(xué)生完成作品的創(chuàng)作。5、分組教學(xué)法由學(xué)生分組模擬企業(yè)開發(fā)團(tuán)隊(duì)，完成動(dòng)畫設(shè)計(jì)與制作，強(qiáng)化學(xué)生的團(tuán)隊(duì)協(xié)作能力教學(xué)過(guò)程1、知識(shí)準(zhǔn)備元件和庫(kù)面板的使用遮罩動(dòng)畫的使用簡(jiǎn)單控制語(yǔ)句的使用聲音合成教學(xué)過(guò)程動(dòng)畫制作設(shè)計(jì)主體動(dòng)畫；1）確認(rèn)需要用到的三張背景圖片并做相應(yīng)處理教學(xué)過(guò)程2）導(dǎo)入歐萊雅的圖標(biāo)3）導(dǎo)入制作滾動(dòng)動(dòng)畫時(shí)所需的8張圖片4）導(dǎo)入背景音樂(lè)教學(xué)過(guò)程動(dòng)畫制作設(shè)計(jì)滾動(dòng)動(dòng)畫1）設(shè)計(jì)三張背景圖片的出現(xiàn)方法和出現(xiàn)時(shí)間；①第一張背景圖片出現(xiàn)時(shí)間為第1幀到第119幀，出現(xiàn)方法為遮罩出現(xiàn)，具體操作方法詳見(jiàn)2.2.3遮罩動(dòng)畫及引導(dǎo)層動(dòng)畫的設(shè)計(jì)與制作中的遮罩動(dòng)畫實(shí)例。②第二張背景圖出現(xiàn)時(shí)間為第88幀到第214幀，這里請(qǐng)注意，在第一張背景圖和第二張背景圖直接有一段交叉的時(shí)間，即第88幀到第119幀，在這段時(shí)間內(nèi)，制作第一張背景圖逐漸消失的補(bǔ)間動(dòng)畫，以及第二張背景圖的逐漸展現(xiàn)的補(bǔ)間動(dòng)畫。③第三張背景圖出現(xiàn)時(shí)間為第195幀到第580幀，從第195幀到第214幀之間與第一張背景圖和第二張背景圖的交替效果設(shè)置一樣教學(xué)過(guò)程2）設(shè)計(jì)背景圖片上面的點(diǎn)綴小動(dòng)畫，以逐幀動(dòng)畫和補(bǔ)間動(dòng)畫的形式出現(xiàn)；3）添加文本，以補(bǔ)間動(dòng)畫的方式設(shè)置動(dòng)畫效果。文本動(dòng)畫與點(diǎn)綴動(dòng)畫類似，均以補(bǔ)間或者逐幀動(dòng)畫的形式制作，涉及到的知識(shí)點(diǎn)在第一章中曾做了詳細(xì)講解，這里也不再贅述，請(qǐng)參考源文件制作。⑨引導(dǎo)線答應(yīng)重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必須保持圓潤(rùn)，讓Flash能辨認(rèn)出線段走向，否則會(huì)使引導(dǎo)失敗。教學(xué)過(guò)程設(shè)計(jì)最后停頓畫面動(dòng)畫效果以影片剪輯元件的模式制作滾動(dòng)動(dòng)畫，其中采用了遮罩動(dòng)畫效果，使得呈現(xiàn)滾動(dòng)效果；

教學(xué)過(guò)程動(dòng)畫控制與輸出（1）動(dòng)畫控制使用補(bǔ)間動(dòng)畫以放大的方式顯示宣傳語(yǔ)，停頓一段時(shí)間之后放置于右上角作為整個(gè)動(dòng)畫的LOGO。在滾動(dòng)動(dòng)畫的影片剪輯實(shí)例上設(shè)置腳本程序：on(rollOver){stop();}on(rollOut){play();}使得當(dāng)鼠標(biāo)移動(dòng)到滾動(dòng)圖片的時(shí)候，動(dòng)畫靜止下來(lái)，以便能夠看清楚圖片內(nèi)容；當(dāng)鼠標(biāo)移開的時(shí)候，動(dòng)畫繼續(xù)播放。在整個(gè)圖層上新建一個(gè)圖層命名為“停止”，在該圖層的最后一幀添加一個(gè)關(guān)鍵幀，并對(duì)幀設(shè)置腳本程序：stop();使得動(dòng)畫在此時(shí)停止循環(huán)播放。

教學(xué)過(guò)程動(dòng)畫控制與輸出（2）添加背景音樂(lè)新建一個(gè)圖層命名為“背景音樂(lè)”，并將庫(kù)面板中MP3音樂(lè)拖動(dòng)到場(chǎng)景中即可。（3）動(dòng)畫優(yōu)化與導(dǎo)出將動(dòng)畫設(shè)計(jì)與制作完成之后，需要對(duì)動(dòng)畫進(jìn)行優(yōu)化和導(dǎo)出。單擊文件菜單下的發(fā)布設(shè)置，彈出對(duì)話框，根據(jù)自己的動(dòng)畫發(fā)布需要進(jìn)行設(shè)置即可。

教學(xué)過(guò)程4、學(xué)生操作略5、技能拓展為了讓讀者鞏固在本項(xiàng)目中學(xué)到的知識(shí)，下面將進(jìn)行技能拓展練習(xí)，本次拓展練習(xí)為根據(jù)提供的項(xiàng)目訂單，設(shè)計(jì)符合要求的動(dòng)畫效果。6、總結(jié)考核通過(guò)本項(xiàng)目，主要讓學(xué)生鞏固了基本動(dòng)畫的設(shè)計(jì)與制作，強(qiáng)調(diào)對(duì)元件和圖層的規(guī)范化管理，以及根據(jù)客