第一篇:FLASH動(dòng)畫制作教學(xué)策略與教法分析
FLASH動(dòng)畫制作教學(xué)策略與教法分析
摘要: 職業(yè)學(xué)校開設(shè)的計(jì)算機(jī)課程,如何進(jìn)行有效的教學(xué),實(shí)現(xiàn)預(yù)期的教學(xué)目的,達(dá)到理想的教學(xué)效果,是每一位職業(yè)學(xué)校計(jì)算機(jī)老師需要反思的問題。在開展FLASH動(dòng)畫制作教學(xué)時(shí),要讓學(xué)生在有限的課時(shí)里能掌握好FLASH的簡(jiǎn)單動(dòng)畫制作,必須制定有效的教學(xué)策略,采取多種教學(xué)方法,達(dá)到有效教學(xué)的目的。
關(guān)鍵詞: FLASH動(dòng)畫;有效教學(xué); 教學(xué)策略;教學(xué)方法
Flash是Macromedia公司推出的一個(gè)矢量圖形編輯、動(dòng)畫制作的軟件。Flash憑借其動(dòng)畫的適用范圍廣,圖像質(zhì)量高,下載時(shí)間短等特點(diǎn)在很短時(shí)間內(nèi)流行起來(lái)。Flash課程是應(yīng)用技術(shù)較強(qiáng)的課程,既要求學(xué)生掌握一定的理論知識(shí),更要有熟練的動(dòng)手能力和運(yùn)用能力。而大部分職業(yè)學(xué)校學(xué)生缺乏刻苦學(xué)習(xí)的精神,在學(xué)習(xí)上沒有養(yǎng)成良好的學(xué)習(xí)習(xí)慣,也沒有找到適合的學(xué)習(xí)方法。常常因?yàn)椴粫?huì)學(xué)而學(xué)不好,因?yàn)閷W(xué)不好而不想學(xué),從而產(chǎn)生厭學(xué)心理和行為,形成學(xué)習(xí)上的惡性循環(huán)。因此要讓學(xué)生在有限的課時(shí)里能掌握好FLASH的簡(jiǎn)單動(dòng)畫制作,必須制定有效的教學(xué)策略,采取多種教學(xué)方法,達(dá)到有效教學(xué)的目的。
一、教學(xué)策略
在開展FLASH動(dòng)畫制作課程時(shí),我發(fā)現(xiàn)學(xué)生對(duì)FLASH制作動(dòng)畫較為感興趣,但學(xué)好FLASH動(dòng)畫有一定難度,部分學(xué)生開始學(xué)習(xí)后可能會(huì)產(chǎn)生畏難情,所以這個(gè)時(shí)候一定要充分把握好學(xué)生的興趣,開展有效的教學(xué)。我的做法是:
1、每學(xué)一個(gè)新的知識(shí)點(diǎn)時(shí),以有趣的動(dòng)畫作品為引子,激發(fā)學(xué)生創(chuàng)作欲望。
2、制作動(dòng)畫之前,帶領(lǐng)學(xué)生一起看動(dòng)畫的源文件,這些動(dòng)畫一般都是初學(xué)者學(xué)著制作的,不是很難,這樣學(xué)生可以了解復(fù)雜的動(dòng)畫是如何制作的,比如人走路、人站起來(lái)、水泡上升等效果,使學(xué)生對(duì)動(dòng)作制作有初步的了解,同時(shí)也消除學(xué)生的心理壓力,其實(shí)利用我們所學(xué)的知識(shí)也可以完成flash作品的制作,把復(fù)雜問題簡(jiǎn)單化,更有利于學(xué)生的學(xué)習(xí)。
3、選取一些制作原理并不復(fù)雜的作品進(jìn)行講解,提高學(xué)生的學(xué)習(xí)興趣和培養(yǎng)學(xué)生的制作思維。講解的知識(shí)點(diǎn)以入門的為主,避免學(xué)生一開始遇到過多的困難而失去學(xué)習(xí)的興趣。例子要從簡(jiǎn)單的學(xué)起,逐步深入,然后讓學(xué)生在自己模仿教師實(shí)例的基礎(chǔ)上,做出有創(chuàng)意的動(dòng)畫。
4、在學(xué)生模仿實(shí)例制作動(dòng)畫的過程中發(fā)現(xiàn)學(xué)生有較好的創(chuàng)意時(shí),立刻提出表?yè)P(yáng),并把它演示給全班同學(xué)看;另外老師及時(shí)地將知識(shí)進(jìn)行歸納,如傳統(tǒng)逐幀動(dòng)畫與Flash關(guān)鍵幀動(dòng)畫,動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的操作要點(diǎn)等等,也要及時(shí)解決學(xué)生創(chuàng)作中出現(xiàn)的問題,提醒學(xué)生注意。
5、不局限于教材,從網(wǎng)站上搜索一些經(jīng)典實(shí)例,在課堂上講解、制作,拓寬學(xué)生的視野,也培養(yǎng)學(xué)生的探索意識(shí)。
二、教學(xué)方法
教學(xué)方法隨目標(biāo)不同而轉(zhuǎn)移,同時(shí)也要因人而異,因材而異。我在Flash教學(xué)過程中主要采用了任務(wù)驅(qū)動(dòng)、小組討論、講練結(jié)合、設(shè)錯(cuò)分析、分層教學(xué)等教學(xué)方法,下面根據(jù)個(gè)人的教學(xué)體驗(yàn)談一下這幾種方法的具體應(yīng)用。
(一)、任務(wù)驅(qū)動(dòng)法
任務(wù)驅(qū)動(dòng)法是計(jì)算機(jī)教學(xué)中非常有效的教學(xué)方法,“任務(wù)驅(qū)動(dòng)”教學(xué)法的基本特征就是“以任務(wù)為主線,以教師為主導(dǎo)、學(xué)生為主體”,在每一堂課上都設(shè)置一個(gè)個(gè)任務(wù),讓學(xué)生運(yùn)用已學(xué)知識(shí)、新授知識(shí),發(fā)揮動(dòng)手能力進(jìn)行學(xué)習(xí)與再創(chuàng)作,特別是看起來(lái)復(fù)雜的任務(wù),分散成多個(gè)簡(jiǎn)單的任務(wù),可以充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性,又可以及時(shí)檢驗(yàn)學(xué)生在哪個(gè)知識(shí)的掌握上有所欠缺。
例如,在學(xué)生初步了解Flash動(dòng)畫制作的基礎(chǔ)上(包括動(dòng)作補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫和多圖層動(dòng)畫的制作),設(shè)置了一節(jié)綜合運(yùn)用課,布置給學(xué)生的任務(wù)是制作彈性球。這是一個(gè)大的任務(wù),它可以分成兩個(gè)小的任務(wù),分步驟完成:
任務(wù)一:制作“彈性球”動(dòng)畫
1、制作“彈性球”元件
2、制作彈性球落地后彈起的動(dòng)畫
任務(wù)二:制作光影動(dòng)畫
任務(wù)驅(qū)動(dòng)教學(xué)法使能夠?qū)W生比較容易的掌握相對(duì)復(fù)雜的內(nèi)容,學(xué)生的能主動(dòng)參與到完成任務(wù)的活動(dòng)中,同時(shí)又提高學(xué)生綜合運(yùn)用知識(shí)的能力。
(二)、講練結(jié)合法
講練結(jié)合是在計(jì)算機(jī)課堂上應(yīng)用的最廣泛也最適用的教學(xué)方法,在課堂上我堅(jiān)持精講多練的原則,特別是基礎(chǔ)知識(shí)、基本操作部分,采用教師講解、示范操作,學(xué)生自主練習(xí)的方式,讓學(xué)生當(dāng)堂就掌握所學(xué)內(nèi)容,體現(xiàn)以學(xué)生為主體,教師為主導(dǎo)的指導(dǎo)思想。
(三)、小組討論法
在制作較復(fù)雜或有創(chuàng)意例子的時(shí)候讓學(xué)生分為幾個(gè)小組,以討論方式進(jìn)行學(xué)習(xí),解決在操作過程遇到的問題,在探究中找到樂趣。但是由于職校生的特點(diǎn),我在課堂教學(xué)中很少使用,主要是課后布置任務(wù),小組課后討論,在下一節(jié)課堂上反饋討論結(jié)果。
(四)、設(shè)錯(cuò)分析教學(xué)法
在多圖層制作紅綠燈的教學(xué)中,我曾采用自己多講,自己先講的方法,來(lái)防止學(xué)生出錯(cuò)。但實(shí)際效果說(shuō)明這并不是完全有效的。直接經(jīng)驗(yàn)的學(xué)習(xí),其經(jīng)歷往往是不可以代替的。計(jì)算機(jī)學(xué)習(xí)中為培養(yǎng)學(xué)生自學(xué)能力,常需要讓學(xué)生先進(jìn)行自學(xué)摸索,待出現(xiàn)問題后,再引導(dǎo)解決,獲得真知。對(duì)于有些內(nèi)容,教師可以先不講,讓學(xué)生在原先的基礎(chǔ)上練習(xí),待練習(xí)中學(xué)生出現(xiàn)問題,發(fā)生錯(cuò)誤,提出疑問時(shí),老師才引導(dǎo)他們找到解決的辦法或?qū)W習(xí)新的內(nèi)容。這樣一來(lái),他們的興趣就被調(diào)動(dòng)起來(lái)了,學(xué)習(xí)的目的性明確、積極性大增,效果自然就好了。例如在學(xué)習(xí)了圖形的形狀補(bǔ)間動(dòng)畫時(shí),我讓學(xué)生自己制作文字的形狀補(bǔ)間動(dòng)畫,但具體步驟沒有告訴他們,結(jié)果學(xué)生就遇到形狀補(bǔ)間不成功的問題,這時(shí)稍一點(diǎn)撥,告訴他們文字需要進(jìn)行“分離”的操作,他們恍然大悟,做出了非常好的文字的形狀補(bǔ)間動(dòng)畫,同時(shí)也更加理解了在進(jìn)行形狀補(bǔ)間時(shí),文字 “分離”的作用和必要性,下次遇到同樣的問題就很少有學(xué)生再出現(xiàn)這樣的錯(cuò)誤。因?yàn)樗麄兏杏X自己解決了自己碰到的問題,不用老師多費(fèi)口舌,既提高了教學(xué)效率,又培養(yǎng)了學(xué)生發(fā)現(xiàn)問題、解決問題的能力。
(五)、分層教學(xué)法
在每一節(jié)課中由淺入深的講解幾個(gè)例子,逐層深入使學(xué)生循序漸進(jìn)的理解并消化所學(xué)知識(shí),并適當(dāng)?shù)脑谡n后作業(yè)中設(shè)計(jì)更深入的具有創(chuàng)作性的實(shí)例,引發(fā)學(xué)生思考與探索,培養(yǎng)學(xué)生的獨(dú)立創(chuàng)作能力。
在Flash教學(xué)過程中我把Flash教學(xué)大致分為以下四個(gè)階段:
1、跟學(xué)階段 在學(xué)生剛剛接觸Flash的時(shí)候,他們對(duì)整個(gè)界面、命令、工具的使用等都很陌生,因此在學(xué)習(xí)Flash的初級(jí)階段主要采用以跟學(xué)為主,自學(xué)為輔的教學(xué)方法——即邊講邊練,教師演示操作步驟,學(xué)生按照教師講解的操作方法把相應(yīng)的實(shí)例做出來(lái),跟著老師學(xué)習(xí);課后要求學(xué)生跟著書本進(jìn)行學(xué)習(xí),復(fù)習(xí)鞏固所學(xué)知識(shí)并預(yù)習(xí)下節(jié)課的知識(shí)點(diǎn)。
2、模仿階段
在學(xué)生基本掌握了Flash中各個(gè)工具及菜單的基本使用方法并且能夠按照給定的步驟獨(dú)立完成實(shí)例的基礎(chǔ)上,教學(xué)進(jìn)入模仿階段的學(xué)習(xí)。即:欣賞作品——>分析討論——>模仿制作。首先讓學(xué)生欣賞實(shí)例,激發(fā)其學(xué)習(xí)興趣,同時(shí)提出疑問,讓學(xué)生通過源文件分析討論該作品所需要的元件以及動(dòng)畫的實(shí)現(xiàn)方法,找到制作動(dòng)畫的切入點(diǎn),繼而讓學(xué)生模仿制作。例如,在掌握了制作引導(dǎo)路徑動(dòng)畫的基本步驟后,我給學(xué)生欣賞一個(gè)引導(dǎo)路徑動(dòng)畫《一天到晚游泳的魚》,與學(xué)生一起分析需如何制作這個(gè)動(dòng)畫,動(dòng)畫中需要哪些元件,用到哪些知識(shí)點(diǎn),怎么樣讓魚游動(dòng),在學(xué)生討論完以后組織學(xué)生分析該動(dòng)畫的源文件,然后要求學(xué)生模仿制作。在這個(gè)時(shí)候,一方面已經(jīng)有了制作引導(dǎo)路徑動(dòng)畫的基本知識(shí),又有實(shí)例動(dòng)畫,學(xué)生很快的就做出了有自己獨(dú)特風(fēng)格的作品。模仿階段,很好的鍛煉了學(xué)生自己分析動(dòng)畫、制作動(dòng)畫的能力。
3、創(chuàng)作階段
Flash教學(xué)不僅要教給學(xué)生Flash軟件的使用方法,還要培養(yǎng)學(xué)生創(chuàng)作動(dòng)畫的能力。學(xué)習(xí)的最終目的就是要把它應(yīng)用到實(shí)踐當(dāng)中。在這個(gè)階段可以讓學(xué)生構(gòu)思一個(gè)主題自己發(fā)揮,例如要求學(xué)生制作電子賀卡、學(xué)校宣傳片等。Flash現(xiàn)今的主要用途是制作網(wǎng)頁(yè)動(dòng)畫,網(wǎng)絡(luò)廣告、小型網(wǎng)站、游戲以及多媒體課件等,應(yīng)用非常的廣泛。為了讓學(xué)生有一技之長(zhǎng),在教學(xué)過程中,側(cè)重的培養(yǎng)學(xué)生制作網(wǎng)頁(yè)動(dòng)畫以及網(wǎng)絡(luò)廣告的實(shí)戰(zhàn)能力。因此在學(xué)生牢固的掌握了各個(gè)知識(shí)點(diǎn)并能夠熟練的模仿制作實(shí)例的基礎(chǔ)上讓學(xué)生進(jìn)行自我創(chuàng)作。
4、實(shí)戰(zhàn)檢測(cè)階段
在動(dòng)畫學(xué)習(xí)過程中,學(xué)生積累了很多自己創(chuàng)作的動(dòng)畫作品,每個(gè)月安排一次作品展示,使學(xué)生感受到自己的進(jìn)步,并對(duì)以后的學(xué)習(xí)充滿信心。學(xué)期末再以大作業(yè)和比賽的形式進(jìn)行綜合檢測(cè),讓學(xué)生將自己一個(gè)學(xué)期的作品做成一個(gè)Flash作品展,給學(xué)生一個(gè)展示自我的平臺(tái),讓學(xué)生在情趣中體驗(yàn)成功的快樂。
教無(wú)定法,要教好FLASH動(dòng)畫制作這門課程,實(shí)現(xiàn)有效教學(xué),關(guān)鍵要充分把握住學(xué)生對(duì)動(dòng)畫的極高的興趣,要讓學(xué)生主動(dòng)、愉快的學(xué)習(xí),滿足他們的求知欲、成就感,讓學(xué)生感受到成功的喜悅,激發(fā)了學(xué)生學(xué)習(xí)的欲望,樹立了自信心。這樣才能取得良好的教學(xué)效果。
參考文獻(xiàn):
中國(guó)教育改革與創(chuàng)新雜志 2008
年1月
第二篇:flash動(dòng)畫制作教案
信息技術(shù)興趣小組活動(dòng)教案
王
德 億利東方學(xué)校
第一周 FLASH的基本知識(shí)
教學(xué)目標(biāo):
1、熟悉FLASH的界面。
2、掌握幾個(gè)基本工具的使用:選取工具、變形工具、填充工具、線條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。
3、掌握幾個(gè)基本術(shù)語(yǔ):圖層、元件
4、記住幾個(gè)快捷鍵
5、完成四幅繪制圖案 教學(xué)重點(diǎn): 應(yīng)用工具畫圖 教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過程:
一、界面環(huán)境介紹
二、工具箱的介紹
工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個(gè)欄:“工具”欄、“查看”欄、“顏色”欄和“選項(xiàng)”欄,單擊某個(gè)工具的按鈕,即可激活相應(yīng)的操作功能,以后把這一操作叫作使用某個(gè)工具。(1)“工具”欄:工具箱之“工具”欄內(nèi)的工具用來(lái)繪制圖形、輸入文字和編輯圖形。(2)“查看”欄:工具箱之“查看”欄內(nèi)的工具是用來(lái)調(diào)整舞臺(tái)編輯畫面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱與作用如表1-1-3所示。(3)“顏色”欄:工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。
(筆觸顏色)按鈕:用于給線著色,也叫作描繪顏色。(填充色)按鈕:用于給填充著色。
(從左到右分別是:黑白、沒有顏色和交換顏色)按鈕:?jiǎn)螕簟昂诎住卑粹o,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,填充色為白色)。在選擇了橢圓或矩形工具后,“沒有顏色”按鈕才有效,變?yōu)?,單擊它可以在沒有顏色和有顏色之間切換。單擊“交換顏色”按鈕,可以使筆觸顏色與填充色互換。(4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶選用工具的改變而變化的,大多數(shù)工具都有自己相應(yīng)的屬性設(shè)置。在繪圖、輸入文字或編輯對(duì)象時(shí),通常應(yīng)當(dāng)在選中繪圖或編輯工具后,再對(duì)其屬性和功能進(jìn)行設(shè)置,才能順利達(dá)到預(yù)期的效果。
三、動(dòng)手用一下工具
1、使用工具制作一個(gè)“笑臉”或“哭臉”
2、漸變工具的使用:幾個(gè)關(guān)鍵概念
顏色調(diào)板
填充變形工具的使用
3、用橢圓畫個(gè)畫環(huán) 操作步驟:
1、用填充色畫圓,并設(shè)置筆觸的粗細(xì)。
2、設(shè)置邊線的填充色為“七彩色”。
3、將該線形圓環(huán)轉(zhuǎn)換成填充色:修改--形狀--將線條為填充。
4、使用“墨水瓶”工具給圓環(huán)加邊線。效果如右:
4、用多邊形工具畫太陽(yáng) 操作步驟:
1、用多邊星形工具制作太陽(yáng)的外圍,作以下設(shè)置:(1)將矩形工具轉(zhuǎn)換成多角星形工具
(2)設(shè)置多角星形的“屬性”中的“選項(xiàng)”
(3)設(shè)置“樣式”為星形,輸入星形數(shù),及星形頂點(diǎn)大?。旤c(diǎn)越小,星形越尖)
2、設(shè)置填充色為放射性,無(wú)邊線
3、開始畫星形。
4、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉。
5、使用直線工具畫眼、嘴。(注意:用選擇工具調(diào)整其曲線度,利用變形工具作旋轉(zhuǎn))
四、課堂習(xí)題:自創(chuàng)月亮
五、課后作業(yè)
1、書本P34頁(yè)的實(shí)例6:茶杯。
第二周 各類特效文字的制作
教學(xué)進(jìn)度:正常 教學(xué)目標(biāo):
1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。
2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。
3、掌握如何制作特效文字。
4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。
教學(xué)重點(diǎn):
1、掌握空心文字、投影文字、點(diǎn)框文字、彩虹文字、金屬文字、雪花文字的制作
教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過程:
一、點(diǎn)框文字 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”或按下(ctrl+B)組合鍵
3、再將每個(gè)分離的文字使用“分離”,即直到文字被選中時(shí)呈現(xiàn)點(diǎn)型。
4、使用“墨水瓶”工具,設(shè)置線型為“點(diǎn)型”,設(shè)置線的顏色(注意務(wù)必使用與文字顏色不同的一種顏色),用鼠標(biāo)單擊文字
5、所有文字的邊線勾勒完畢后,用選取工具選取文字內(nèi)心,并刪除。
二、彩虹文字 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”,(分離二次)
3、選擇填充顏色,再用顏料筒單擊文字即可
三、彩圖文字
圖片下載 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”
3、選擇填充類型為“圖片”,圖片填充有二類
4、再用墨水瓶工具勾勒邊緣
5、將邊緣線條轉(zhuǎn)化為填充
6、“修改”--“形狀”--“柔化填充邊緣”
四、雪花文字
五、補(bǔ)充知識(shí):倒影字的制作
六、課后作業(yè):制作一個(gè)圖案文字
小技巧:ctrl+v與ctrl+shift+v的區(qū)別:后者是復(fù)制時(shí)保持前后位置都一樣。
第三周 直線運(yùn)動(dòng)和變形運(yùn)動(dòng)
教學(xué)目標(biāo):
1、要求學(xué)生掌握直線運(yùn)動(dòng)和變形運(yùn)動(dòng)的補(bǔ)間。
2、掌握直線運(yùn)動(dòng)的特點(diǎn):元件與普通形狀對(duì)象都可以制作直線運(yùn)動(dòng)。
3、掌握變形運(yùn)動(dòng)的特點(diǎn):普通形狀對(duì)象可以變形。
4、掌握影片元件的制作方法。
教學(xué)重點(diǎn): 運(yùn)動(dòng)補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。> 教學(xué)難點(diǎn): 關(guān)鍵幀/普通幀的區(qū)別; 教學(xué)過程:
一、導(dǎo)入:動(dòng)畫制作的關(guān)鍵要素
1、幀——是進(jìn)行flash動(dòng)畫制作的最基本的單位,每一個(gè)精彩的flash動(dòng)畫都是由很多個(gè)精心雕琢的幀構(gòu)成的,在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形、聲音、各種素材和其他多種對(duì)象。
2、關(guān)鍵幀——顧名思義,有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫變化、更改狀態(tài)的幀,即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。
3、空白關(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。
4、普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象,但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。
5、以上四種幀的區(qū)別
① 關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn),空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn),普通幀在時(shí)間軸上顯示為灰色填充的小方格
② 同一層中,在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀,是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象,并可對(duì)其進(jìn)行編輯操作;如果插入普通幀,是延續(xù)前一個(gè)關(guān)鍵幀上的內(nèi)容,不可對(duì)其進(jìn)行編輯操作;插入空白關(guān)鍵幀,可清除該幀后面的延續(xù)內(nèi)容,可以在空白關(guān)鍵幀上添加 新的實(shí)例對(duì)象。
③ 關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本,普通幀上則不能。
6、應(yīng)用中需注意的問題 ① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用,以減小動(dòng)畫文件的體積;
② 盡量避免在同一幀處過多的使用關(guān)鍵幀,以減小動(dòng)畫運(yùn)行的負(fù)擔(dān),使畫面播放流暢。
二、基本動(dòng)畫
1、變形動(dòng)畫:要求參與動(dòng)畫的對(duì)象必須是形狀,不得使用元件。
例如:以下動(dòng)畫中A-->B-->C之間、五角星——>十角形即為形狀變形。操作步驟: ①設(shè)置背景色
②插入第一關(guān)鍵幀,并繪制一個(gè)五角形。
③在第30幀上插入空白關(guān)鍵幀,并繪制一個(gè)十角星形。
④利用時(shí)間軸上的“編輯多幀”工具,對(duì)齊第一、二關(guān)鍵幀的各自五個(gè)角。⑤在第一關(guān)鍵幀上設(shè)定五個(gè)“形狀提示點(diǎn)”,修改--形狀--添加形狀提示點(diǎn)。⑥在第二關(guān)鍵幀上設(shè)定各提示點(diǎn)的對(duì)應(yīng)終點(diǎn)位置。⑦對(duì)第一關(guān)鍵幀設(shè)定“形狀”動(dòng)畫補(bǔ)間。思考:
2、直線運(yùn)動(dòng)動(dòng)畫:任何對(duì)象都可以設(shè)置直線動(dòng)畫,只需二個(gè)關(guān)鍵幀 例如:素材下載
3、漸變運(yùn)動(dòng)動(dòng)畫
① 淡入、淡出動(dòng)畫:使用實(shí)例才能完成此項(xiàng)動(dòng)畫,一般通過調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。
一般淡入淡出式動(dòng)畫是用二個(gè)關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,第二關(guān)鍵幀透明度為0。
②閃爍動(dòng)畫:一般用三個(gè)關(guān)鍵幀完成,即從淡入到淡出的過程,即全透明--不透明--全透明的設(shè)置過程。
例如:以下例子中星星,就是用影片元件來(lái)完成的。
4、旋轉(zhuǎn)動(dòng)畫:一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫設(shè)定只需二個(gè)關(guān)鍵幀。
例如:拖影文字(課后完成)操作步驟:
①建立文字元件,拖到舞臺(tái)
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。
三、總結(jié)鞏固:
1、圖形元件的制作
2、圖形元件的應(yīng)用: ①實(shí)例:元件調(diào)入到場(chǎng)景后,就叫實(shí)例,實(shí)例可以取名,以后便于以后寫代碼(編程)時(shí)調(diào)用。②對(duì)元件的編輯: ③對(duì)實(shí)例的編輯:與元件編輯最大區(qū)別在于對(duì)元件本身不修改,主要的編輯方法有改變色調(diào)、透明度等。
四、作業(yè):
本周作業(yè)名稱為:
1、字母變形
2、應(yīng)用提示點(diǎn)變形(星型)
3、拖影文字
4、預(yù)習(xí):夜色中的汽車(綜合漸變星星一起做)
第四周 Flash 中的動(dòng)畫
教學(xué)目標(biāo):
1、要求學(xué)生掌握直線運(yùn)動(dòng)的補(bǔ)間。
2、掌握直線運(yùn)動(dòng)的特點(diǎn):元件與普通形狀對(duì)象都可以制作直線運(yùn)動(dòng)。
3、掌握影片元件的制作方法。
4、了解flash 中的幾種基本動(dòng)畫
教學(xué)重點(diǎn): flash 中的幾種基本動(dòng)畫。教學(xué)難點(diǎn): 基本動(dòng)畫的區(qū)別; 教學(xué)過程:
一、導(dǎo)入:Flash 中的幾種基本動(dòng)畫。
1、動(dòng)作補(bǔ)間動(dòng)畫
是Flash 中最常見的動(dòng)畫類型。它可以結(jié)合色彩、透明度、位置的變化,使作品更加絢麗多彩。如何通過動(dòng)作補(bǔ)間動(dòng)畫將對(duì)象的運(yùn)動(dòng)形象生動(dòng)的表現(xiàn)出來(lái),是學(xué)習(xí)運(yùn)動(dòng)動(dòng)畫的根本目的。如上堂課的汽車運(yùn)動(dòng)動(dòng)畫。
2、形狀補(bǔ)間動(dòng)畫
同樣是Flash 中最常見的動(dòng)畫類型。但是它的變形對(duì)象是矢量圖形,利用這種動(dòng)畫可以使場(chǎng)景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動(dòng)作補(bǔ)間動(dòng)畫的區(qū)別是:動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象,而形狀補(bǔ)間動(dòng)畫的作用對(duì)象是矢量圖形。如上堂課的字母變形動(dòng)畫。
3、逐幀動(dòng)畫
要?jiǎng)?chuàng)建逐幀動(dòng)畫,需要將每一個(gè)幀都定義為關(guān)鍵幀,然后給每一個(gè)幀都創(chuàng)建不同的圖象。制作逐幀動(dòng)畫的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關(guān)鍵幀中,使動(dòng)畫播放的時(shí)候看起來(lái)像是一系列連續(xù)變化的動(dòng)畫。如圖所示,展示了一個(gè)小男孩的行為動(dòng)畫。
4、蒙版動(dòng)畫
在制作動(dòng)畫的過程中,有些效果用通常的方法很難實(shí)現(xiàn)。比如:手電筒、探照燈、百頁(yè)窗等效果。這時(shí)就要用到蒙版動(dòng)畫了。
要?jiǎng)?chuàng)建蒙版動(dòng)畫,需要有兩個(gè)圖層:遮罩層和被遮罩層。遮罩項(xiàng)目像是一個(gè)窗口,透過它可以看到位于它下面的鏈接層區(qū)域,而且除了透過遮罩項(xiàng)目顯示的內(nèi)容,其余的所有內(nèi)容都被隱藏起來(lái)了。如圖所示:
5、引導(dǎo)層動(dòng)畫
引導(dǎo)層作為一個(gè)特殊的圖層,在Flash 動(dòng)畫設(shè)計(jì)中的應(yīng)用也十分廣泛。在引導(dǎo)層的幫助下,可以實(shí)現(xiàn)對(duì)象沿著特定的路徑運(yùn)動(dòng)。要?jiǎng)?chuàng)建引導(dǎo)層動(dòng)畫,需要兩個(gè)圖層,如圖所示 :
二、回顧旋轉(zhuǎn)動(dòng)畫:一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫設(shè)定只需二個(gè)關(guān)鍵幀。例如:拖影文字 操作步驟:
①建立文字元件,拖到舞臺(tái)
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。
三、元件的創(chuàng)建,多圖層動(dòng)畫的制作
四、本周作業(yè):
1、拖影文字
2、夜色馬路
第五周 鞏固與檢測(cè)
教學(xué)目標(biāo):
1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。
2、鞏固圖形元件、影片元件的創(chuàng)建。
3、鞏固二類補(bǔ)間動(dòng)畫的特點(diǎn)。
4、鞏固二類動(dòng)畫:變形動(dòng)畫、直線運(yùn)動(dòng)動(dòng)畫。
5、測(cè)驗(yàn)學(xué)生的圖形繪制能力,時(shí)間1小時(shí)
教學(xué)重點(diǎn): 運(yùn)動(dòng)補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。教學(xué)難點(diǎn): 影片元件與圖形元件的區(qū)別。教學(xué)過程:
一、鞏固復(fù)習(xí)題:
1、倒影動(dòng)畫(本實(shí)例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設(shè)置等來(lái)操作)。主要通過一下幾個(gè)步驟來(lái)完成。
使用文本工具在舞臺(tái)場(chǎng)景中輸入文字。
使用打散功能將文字打散為矢量圖形。
使用墨水瓶工具為文字描邊。
使用F8快捷鍵將文字轉(zhuǎn)化為影片剪輯,并在其中進(jìn)行Alpha值的設(shè)置。
2、多層變形動(dòng)畫(掌握對(duì)象繪制工具的使用。)
3、思考并完成一下動(dòng)畫效果的制作,分析幀之間的時(shí)間順序及文字分別做了什么動(dòng)畫?(背景下載)二、十一課后作業(yè):完成作業(yè)本上前幾周作業(yè)的上傳、學(xué)習(xí)上堂課中五種基本動(dòng)畫的設(shè)計(jì)制作。(素材下載)(補(bǔ)充源代碼下載)本周上傳作業(yè)名稱為:
1、陰影動(dòng)畫
2、圓環(huán)字母變形
第六周 鞏固與檢測(cè)
教學(xué)目標(biāo):
1、要求學(xué)生鞏固掌握FLASH的工具中的一些技巧。
2、鞏固FALSH中存在的五種變化--移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 教學(xué)重點(diǎn):工具中技巧的合理運(yùn)用。教學(xué)過程:
一、在FLASH中有些工具使用的技巧有助于動(dòng)畫設(shè)計(jì)的美感,下面總結(jié)幾種我們平時(shí)制作當(dāng)中常用到的幾種小技巧:
1、柔化物體邊緣 先看下圖一的效果,此效果,我們所使用的最簡(jiǎn)單的方法是利用 FLASH 本身的邊緣柔化功能:
圖一
圖二 圖三
先畫好一個(gè)圓,如圖二;然后選中此圖形(不可是元件圖形)--圓,選擇修改--形狀--柔化邊緣填充,在彈出的對(duì)話框里設(shè)置參數(shù),如圖三,確定以后就形成上圖的效果。(注意:參數(shù)的大小影響了邊緣柔化的程度,但有一點(diǎn),最好只進(jìn)行一次柔化,如在柔化以后再柔化可能會(huì)使FLASH計(jì)算復(fù)雜,而出現(xiàn)于要求不同的效果。)
同理,我們可以對(duì)文字邊緣進(jìn)行柔化,如下效果3和4分別是對(duì)文字的填充色和筆觸進(jìn)行了柔化。值得注意的是必須先把文字分離,并且在對(duì)筆觸進(jìn)行柔化之前,事先要求將線條轉(zhuǎn)化為填充。引申:
在實(shí)際運(yùn)用當(dāng)中如果要進(jìn)行較為靈活的邊緣柔化,我們不妨利用混色器來(lái)完成。即在選中圖形后調(diào)出混色器編輯框,顏色填充樣式選擇放射狀,然后將左右兩個(gè)顏色填充節(jié)點(diǎn)的顏色都設(shè)置為白色,再將右邊的顏色節(jié)點(diǎn)的透明度為“0”,如下圖
用此方法制作的效果有一點(diǎn)好處就是可以靈活的改變邊緣柔化的程度,思考如何達(dá)到后面三種圖形的效果。
2、變形復(fù)制
效果如下:對(duì)于這個(gè)效果我們使用的是復(fù)制并變形的功能。
首先可以畫一個(gè)橢圓,然后選中此對(duì)象,用變形工具改變它的自由變化中心,如下面左右兩圖,左邊為沒有改變的狀態(tài),右邊為改變以后的狀態(tài): 自由變化中心的改變
然后選擇 窗口--變形 調(diào)出變形對(duì)話框,如圖:在旋轉(zhuǎn)參數(shù)里輸入對(duì)象旋轉(zhuǎn)的角度,比如20度,再點(diǎn)擊對(duì)話框右下角的拷貝并應(yīng)用變形按鈕,直到圖象變成我們所需狀態(tài)。
3、對(duì)象繪制
這是 Flash8 的新功能。原先版本中,我們?cè)谕粓D層中疊加兩個(gè)圖形時(shí),會(huì)產(chǎn)生合并的效果,如果移動(dòng)其中一個(gè)圖形時(shí),下面圖形的疊加部分就會(huì)消失,這有一定的優(yōu)越性但是又有局限性,如果我們要繪制兩個(gè)圖形疊加在一起但是不合并的話,就需要把這兩個(gè)圖形轉(zhuǎn)換成元件或是放在兩個(gè)圖層中,這樣就比較麻煩。而對(duì)象繪制就可以避免產(chǎn)生這種問題。例如,原先版本中移動(dòng)圖象后:
而如果是單擊“橢圓”工具,在選項(xiàng)欄里,點(diǎn)擊“對(duì)象繪制”按鈕后,再繪制兩個(gè)圖象,這時(shí)盡管兩個(gè)圖象之間彼此是疊加的,但是互相不會(huì)干擾。
另外,在“修改”菜單欄中,對(duì)象繪制還具有四種合并效果:聯(lián)合,交集,打孔,裁切。希望大家自己去觀察它們各自的作用。
二、在FALSH中存在的五種變化--移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 具體效果看影片文件(注意:后面兩種變化必須是對(duì)實(shí)例,即對(duì)拉到場(chǎng)景中的元件進(jìn)行設(shè)置。)
第七周 鞏固
教教學(xué)目標(biāo):
1、鞏固掌握FLASH制作中幾種常見字體效果的制作。
2、掌握FLASH動(dòng)畫制作中用到的兩種補(bǔ)間過程。
教學(xué)重點(diǎn): 字體效果的制作、各補(bǔ)間的特性和要求。
教學(xué)過程:
一、在一個(gè)好的FLASH作品里常常會(huì)運(yùn)用到一些經(jīng)過處理的FLASH字效,前面我們已經(jīng)介紹了多種在FLASH中常用的字效:點(diǎn)框文字、彩虹文字、位圖文字、立體字、倒影字等,今天,再補(bǔ)充幾個(gè)特效文字的處理。
1、雙色(多色)字
圖一
圖二 圖三
關(guān)鍵技術(shù)要求:
[1]、制作此類文字效果,只要將文字打散成離散的圖形;
[2]、然后用選取工具選取其中部分,再對(duì)選中部分進(jìn)行顏色填充; [3]、選取次數(shù)可以隨意定。
2、鏤空字(素材下載)關(guān)鍵技術(shù)要求:
[1]、此類效果需兩層圖層才能完成; [2]、底層放置一張圖片;
[3]、在上層畫一個(gè)矩形蓋住底層的圖片(可適當(dāng)設(shè)置透明度); [4]、在矩形層上輸入文字并調(diào)整好文字的位置; [5]、將文字打散;
[6]、鼠標(biāo)點(diǎn)擊影片空白處取消對(duì)文字的選擇; [7]、再次選中文字圖形并將其刪除即可。
3、陰影字
關(guān)鍵技術(shù)要求:
1、養(yǎng)成一個(gè)圖象一個(gè)圖層的好習(xí)慣,根據(jù)情況,這里可以創(chuàng)建三個(gè)圖層,藍(lán)色字、黑色字,深灰色字,分別呈現(xiàn)原層、立體層、陰影層的效果;
2、立體層的制作:可以按快捷鍵Shift+Ctrl+V把“原層”中的文字復(fù)制到“立體層”中,并利用方向鍵“→”、“↑”將黑色字層向右、向上各移動(dòng)2個(gè)像素;
3、陰影的制作: 選中“原層”中的文字,然后按快捷鍵打開Ctrl+T打開“變形”面板,并上右圖所示設(shè)置。設(shè)置好后,單擊“變形”面板上的“復(fù)制并應(yīng)用變形”按鈕。一個(gè)經(jīng)過變形的副本就被復(fù)制出來(lái)了。
4、陰影層的制作: 選中剛剛做好的副本,按快捷鍵Ctrl+X剪切。按快捷鍵Shift+Ctrl+V把這個(gè)副本原位粘貼到“陰影層”中。最后適當(dāng)?shù)恼{(diào)整位置,并把色彩換成#666666。到這里,文字的陰影效果就做好了。綜上所述,關(guān)鍵技術(shù)都比較類似,所以希望大家課后能好好復(fù)習(xí),做到在熟練繪制的基礎(chǔ)上創(chuàng)作出更多其他效果的文字。
二、在FLASH動(dòng)畫中,存在著兩種基本的補(bǔ)間:移動(dòng)和行變。下面就將這兩種補(bǔ)間進(jìn)行介紹。
1、形狀補(bǔ)間
延伸的直線 拉動(dòng)的幕布 畫線框(四條邊放在四個(gè)圖層上,如下圖所示,考慮為什么?)
星星變形(注意為了防止變形過程不凌亂,可以利用修改-形狀中的“添加形狀提示”工具,再五角星上加入5個(gè)提示點(diǎn),并放到相應(yīng)變化位置上,以紅色的小圓圈表示,abcde用來(lái)標(biāo)識(shí)提示點(diǎn)。看一看最后的一幀,可以發(fā)現(xiàn)十角星上也有一個(gè)對(duì)應(yīng)的紅色提示點(diǎn),當(dāng)你設(shè)置好位置時(shí),會(huì)發(fā)現(xiàn)提示點(diǎn)變綠了,回到第一幀,這時(shí)提示點(diǎn)由紅色變成了黃色,這表明提示點(diǎn)的設(shè)置正確。)
2、運(yùn)動(dòng)補(bǔ)間
它與動(dòng)作補(bǔ)間動(dòng)畫的區(qū)別是:動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象,而形狀補(bǔ)間動(dòng)畫的作用對(duì)象是矢量圖形。
運(yùn)動(dòng)的小球:比較下面三副動(dòng)畫,考慮有什么不同,分別做了什么動(dòng)作。提示:緩動(dòng)選項(xiàng)的作用。
現(xiàn)在大家應(yīng)該知道緩動(dòng)選項(xiàng)的作用了吧。它的作用是在運(yùn)動(dòng)的過程中產(chǎn)生速度上的變化,默認(rèn)值為0,即為勻速運(yùn)動(dòng)。當(dāng)值為負(fù)時(shí),運(yùn)動(dòng)的物體做加速運(yùn)動(dòng),相反,當(dāng)值為正時(shí),運(yùn)動(dòng)的物體做減速運(yùn)動(dòng)。在小球下落的過程中,速度越來(lái)越快,所以我們把值改為負(fù)值,注意在值為-100時(shí),比較接近重力加速度。當(dāng)小球彈起時(shí),速度越來(lái)越慢,因此值為正。引申:(旋轉(zhuǎn)的風(fēng)車)
從這一制作中我們不僅要學(xué)習(xí)運(yùn)動(dòng)漸變動(dòng)畫的另一種形式:旋轉(zhuǎn)動(dòng)畫(自轉(zhuǎn)),而且還要練習(xí)用箭頭工具對(duì)對(duì)象進(jìn)行修改,利用變形面板制作多個(gè)風(fēng)車葉的方法。思考:下面兩幅動(dòng)畫的差異在哪里?
第八周 運(yùn)動(dòng)引導(dǎo)層
教學(xué)目標(biāo):
1、要求學(xué)生掌握各類曲線運(yùn)動(dòng)的制作技巧,掌握引導(dǎo)線、引導(dǎo)層的概念及作用。
2、能根據(jù)運(yùn)動(dòng)的需求,畫出運(yùn)動(dòng)軌跡線,即引導(dǎo)線。教學(xué)重點(diǎn): 運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建,動(dòng)畫關(guān)鍵幀的設(shè)置。教學(xué)難點(diǎn): 做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn)。教學(xué)過程:
一、引入:
①引導(dǎo)線、引導(dǎo)層的概念
1、引導(dǎo)線:引導(dǎo)線就是軌跡或輔助線的作用。它讓物體沿著引導(dǎo)線路徑運(yùn)行。(即物體運(yùn)動(dòng)的軌跡,一般使用鋼筆工具來(lái)制作)
2、引導(dǎo)層:引導(dǎo)線必須制作在引導(dǎo)層中,而需要使用引導(dǎo)線作為運(yùn)動(dòng)軌跡線的物體所在層必須在引導(dǎo)層的下方,一個(gè)引導(dǎo)層可以為多個(gè)圖層提供運(yùn)動(dòng)軌跡。同時(shí)在一個(gè)引導(dǎo)層中可以有多條運(yùn)動(dòng)軌跡。
二、滾球的制作 知識(shí)點(diǎn):
1、背景層的創(chuàng)建: ①設(shè)定場(chǎng)景色
②用鋼筆工具勾勒一個(gè)上邊為曲線的多邊形。
2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建:該層中專門用來(lái)放置物體運(yùn)動(dòng)的軌跡,軌跡一般用線條描述,而在運(yùn)動(dòng)引導(dǎo)層中的線條在實(shí)際導(dǎo)出成SWF文件時(shí)是不可見。使用的方法:要使用軌跡的對(duì)象必須獨(dú)立地放在引導(dǎo)層的下方圖層中,運(yùn)動(dòng)的對(duì)象其關(guān)鍵幀必須完全吸附在軌跡上。③復(fù)制曲線。
如圖:第一、二關(guān)鍵幀的定點(diǎn)
3、制作技巧:
①引導(dǎo)層一旦建立完成后應(yīng)將其鎖定
②對(duì)運(yùn)動(dòng)對(duì)象定位時(shí)最好打開“帖緊至對(duì)象”工具,這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大。
三、思考自強(qiáng)不息和山地車實(shí)例的制作
四、我是一條魚
素材下載
1、水泡的制作(掌握刷子和填充變形工具的使用,并把水泡轉(zhuǎn)換為元件。)
水泡的顏色調(diào)板:白色透明度為0,2,100
2、浮起的水泡制作(影片元件:注意引導(dǎo)層繪制好后,可以及時(shí)鎖定。)
3、游動(dòng)的小魚
可以從左向右游動(dòng),也可以從右向左游動(dòng),小魚的運(yùn)動(dòng)軌跡為
4、在場(chǎng)景中創(chuàng)建: ①背景圖片放入場(chǎng)景。
②建立第二層,放入大小不一的水影片元件,注意水泡的放置位置
③建立第三層,放入多條小魚,使用小魚的影片元件時(shí),可將其翻轉(zhuǎn),從而改變其運(yùn)動(dòng)方向。
五、課后作業(yè): 必做題:
1、滾球
2、我是一條小魚 選做題:
1、自強(qiáng)不息
2、山地車
第九周 按鈕的制作
教學(xué)目標(biāo):
1、掌握按鈕制作的基本方法。
2、掌握按鈕中的動(dòng)畫設(shè)計(jì)方法。
3、掌握透明按鈕的制作
教學(xué)重點(diǎn): 按鈕元件的創(chuàng)建,按鈕動(dòng)畫的設(shè)計(jì)。教學(xué)難點(diǎn): 按鈕中的四種狀態(tài)。教學(xué)過程:
一、按鈕元件(可詳見課本P111)
按鈕用于響應(yīng)鼠標(biāo),即隨鼠標(biāo)顯示不同的狀態(tài),執(zhí)行指定的行為。
1、插入按鈕元件,執(zhí)行“插入”-“新建元件”命令(或者按
2、編輯按鈕元件:按鈕元件有彈起、指針經(jīng)過、按下和點(diǎn)擊四種狀態(tài),如圖所示:
V 彈起:表示鼠標(biāo)沒有在按鈕上時(shí)的按鈕的狀態(tài)。V 指針經(jīng)過:表示鼠標(biāo)經(jīng)過按鈕時(shí)按鈕的狀態(tài)。V 按下:表示按下鼠標(biāo)時(shí)按鈕的狀態(tài)。V 點(diǎn)擊:設(shè)置按鈕響應(yīng)鼠標(biāo)的區(qū)域。
如果要制作透明按鈕,僅在“點(diǎn)擊”畫出點(diǎn)范圍即可。
二、上機(jī)操作:制作以下實(shí)例
1、基本按鈕 分析:
1、彈起:二個(gè)圖片元件分別放置在文字和邊框圖層中
2、經(jīng)過:與彈起時(shí)的一個(gè)圖片元件相同,在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片剪輯元件。
3、按下:用“謝謝”圖片元件替換“按我”圖片元件
4、點(diǎn)擊:延續(xù)邊框圖層的第一幀,代表鼠標(biāo)進(jìn)入邊框區(qū)域后,按鈕才會(huì)有響應(yīng)。彈起幀
指針經(jīng)過幀 按下幀
點(diǎn)擊幀
2、練習(xí):制作一個(gè)帶有以下動(dòng)畫效果的按鈕(自選一個(gè)完成)提示:將按鈕下面的文字放在新的圖層上。
三、按鈕的點(diǎn)擊作用
1、一般按鈕點(diǎn)擊后均會(huì)產(chǎn)生一個(gè)動(dòng)作,如:停止、播放、重放、跳轉(zhuǎn)、超鏈接,如:(源文件下載)
2、按鈕的幾個(gè)常用動(dòng)作: on動(dòng)作命令
下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。
(1)press 在鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)按鈕。單擊press,然后選擇動(dòng)作語(yǔ)句,雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play 命令。
完整的action是:
on(press){ //設(shè)定鼠標(biāo)事件為按下,然后執(zhí)行大括號(hào)里面的語(yǔ)句。play();//按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作 } press動(dòng)作 當(dāng)然,在大括號(hào)里面還可以用其他的語(yǔ)句,比如說(shuō),gotoAndPlay(yourframe);//點(diǎn)擊按鈕后,就會(huì)從你設(shè)置的幀播放。
(2)release 在鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令。完成的語(yǔ)句如下:
on(release){ //當(dāng)鼠標(biāo)按下釋放的時(shí)候,執(zhí)行下面的語(yǔ)句動(dòng)作。play();//按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作。} release動(dòng)作 可以看到,當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候,并沒有激發(fā)播放動(dòng)作,而是當(dāng)鼠標(biāo)左鍵放開的時(shí)候,執(zhí)行了播放動(dòng)作。這也是與“press”事件不同的地方。
(3)releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后,將鼠標(biāo)指針移到按鈕之外,此時(shí)釋放鼠標(biāo)按鈕。添加語(yǔ)句的方法同上。完整的語(yǔ)句如下: on(releaseOutside){ //當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語(yǔ)句。play();//按鈕響應(yīng)后執(zhí)行播放動(dòng)作。} releaseOutside動(dòng)作
通過這個(gè)例子我們知道,當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開后,觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件,大家可以利用on的這個(gè)事件來(lái)制作游戲。
(4)rollOver 鼠標(biāo)指針滑過按鈕。制作方法同上,完整的as語(yǔ)句為: on(rollover){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。play();//按鈕執(zhí)行播放動(dòng)作。} rollOver動(dòng)作 當(dāng)鼠標(biāo)指針從按鈕上滑過的時(shí)候,動(dòng)畫就開始執(zhí)行播放動(dòng)作了,而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板,非常簡(jiǎn)單有效
(5)rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上,完整的as語(yǔ)句為: on(rollOut){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作。Play(): //按鈕響應(yīng)播放動(dòng)作。} rollOut動(dòng)作
滑離與滑過并不是相同的,滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開以后開始響應(yīng),而滑過是指只要鼠標(biāo)滑到按鈕上,就開始執(zhí)行動(dòng)作。
(6)dragOut 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕區(qū)域。完整的as是:
on(Drag Out){ //當(dāng)鼠標(biāo)拖過的時(shí)候執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作。} dragOut動(dòng)作
拖離與拖過有所不同,只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。
(7)dragOver 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕。完整的as是:
on(dragover){ //當(dāng)鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 } dragOver動(dòng)作
拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),再移回按鈕上釋放的事件。注意:此例中是一個(gè)文字按鈕,在做文字按鈕的時(shí)候,應(yīng)在文字的下方用一透明方塊,以增加按鈕的反應(yīng)區(qū)域,或者在按鈕的第4幀繪制一個(gè)矩形來(lái)增加反映區(qū)。
(8)keyPress(“key”)按下指定的鍵。對(duì)于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量。
我們?cè)冢ā発ey”)中鍵入“k”。完整地as語(yǔ)句為:
on(keyPress “z”){ //當(dāng)按下鍵盤中的“z”健時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }
注 意 ——在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層,這樣便于修改。
提 示 ——on為按鈕上的動(dòng)作,所以我們必須首先要選中按鈕,以后才可以添加on語(yǔ)句。有的朋友在論壇里面提問,“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕。
技 巧 ——在一般flash作品中,大家不會(huì)有意區(qū)分這些on的功能的,一般采用默認(rèn)的語(yǔ)句。如果沒有特殊說(shuō)明,你使用了拖離,滑離等事件來(lái)制作“replay”按鈕,會(huì)讓人們摸不著頭腦的。
試一試 ——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,flash游戲里面的效果,大家不妨試一試。
分 析——on語(yǔ)句的功能與按鈕息息相關(guān),有按鈕的地方一定會(huì)有on語(yǔ)句的使用。而有flash作品的地方,就會(huì)有按鈕的出現(xiàn),所以說(shuō)on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能,我們就可以結(jié)合按鈕自身的特點(diǎn),發(fā)揮他們的功能。
四、作業(yè) 必做題:
1、“按我”
2、move on 或 next and back
3、完成書中P104頁(yè)的動(dòng)態(tài)按鈕制作: 素材
第十周 復(fù)習(xí)
教學(xué)目標(biāo):
1、鞏固掌握引導(dǎo)線的基本技巧。
2、鞏固掌握按鈕制作的基本方法。
3、通過測(cè)試了解學(xué)生的掌握情況。教學(xué)重點(diǎn): 掌握引導(dǎo)線、按鈕的創(chuàng)建。教學(xué)難點(diǎn): 通過考試,鞏固薄弱知識(shí)點(diǎn)。教學(xué)過程:
一、復(fù)習(xí)
1、“調(diào)整到路徑”功能: 將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑, 比較下面兩個(gè)動(dòng)畫
2、做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn):
①路徑是否在引導(dǎo)層中,引導(dǎo)層的創(chuàng)建是否正確。②路徑是否閉合。
③運(yùn)動(dòng)物體中心點(diǎn)是否在路徑上,大家在拖動(dòng)的時(shí)候可以使用吸附工具,這樣比較容易觀察。
④引導(dǎo)線千萬(wàn)不能是元件,如果繪制出來(lái)是對(duì)象的話,要及時(shí)打散。⑤要讓引導(dǎo)層在導(dǎo)出文件中可見,就必須再添加一個(gè)背景層。
3、觀看下面的動(dòng)畫實(shí)例,分析在動(dòng)畫中有哪些效果? 分析:按鈕的四個(gè)幀上分別放置的是什么?
三、本周作業(yè):預(yù)習(xí)遮罩動(dòng)畫 第十一周 遮照的基本概念 教學(xué)目標(biāo):
1、掌握遮照的原理
2、掌握遮照的操作方法
3、學(xué)會(huì)遮照的基本應(yīng)用,增強(qiáng)分析動(dòng)畫的能力 教學(xué)重點(diǎn): 掌握遮照的操作方法
教學(xué)難點(diǎn): 遮照的基本應(yīng)用,學(xué)會(huì)從現(xiàn)成的作品中獲取設(shè)計(jì)方法 教學(xué)過程:
一、知識(shí)回顧: 補(bǔ)間:形狀 補(bǔ)間:動(dòng)作
補(bǔ)間:動(dòng)作,光束為元件
補(bǔ)間:動(dòng)作,以物體中心為軸向兩邊擴(kuò)張的一般為元件
二、引入新課:
1、請(qǐng)注意觀察以下這個(gè)動(dòng)畫,在它的文字中有何特色,它的動(dòng)畫特點(diǎn)是什么?(1)文字用圖案填色,且是自上而下運(yùn)動(dòng)著的圖案填色。(2)文字完整顯示,而圖案顯示不完整。
(3)文字在最上層,圖案在下層,且下層是一個(gè)動(dòng)畫層。
三、新課內(nèi)容(上課素材下載):
(一)遮罩的原理
1、遮罩是需要通過兩層實(shí)現(xiàn)的,上一層叫遮罩層,下一層叫被遮罩層。
2、遮罩結(jié)果顯示的是二層的疊加部分。
3、遮罩顯示結(jié)果的色彩由被遮罩層的色彩決定,即可通過辨別色彩的來(lái)源來(lái)確定哪一層為被遮罩層。
4、在遮罩層和被遮罩層中均可設(shè)定動(dòng)畫。
(二)遮罩的應(yīng)用
1、電影字幕效果
分析關(guān)鍵點(diǎn):什么顏色為遮罩效果的主色,什么層在自下而上移動(dòng)? 此例的結(jié)論:說(shuō)明遮罩層與被遮罩層均可根據(jù)需要設(shè)定動(dòng)畫。分析的特點(diǎn):用顯示色彩的特性確定了被遮罩層。
2、光束的照射效果
比較一下兩幅動(dòng)畫的差異
本題總結(jié):在遮罩層和被遮罩層之后,可適當(dāng)添加輔助層,以襯托遮罩效果。
3、MTV字幕效果 分析關(guān)鍵點(diǎn):上面兩幅動(dòng)畫分別需要幾層?藍(lán)色的FLASH文字層是否產(chǎn)生遮罩效果?
四、作業(yè)布置:
1、必做題: 字幕、光照、MTV字幕
1、MTV字幕2(如下)
2、選做題:
第十二周 聲音與遮罩技巧
教學(xué)目標(biāo):
1、能導(dǎo)入各類聲音,并能處理一些聲音的疊加。
2、遮照技巧的靈活應(yīng)用。
3、學(xué)會(huì)遮照的基本應(yīng)用,增強(qiáng)分析動(dòng)畫的能力 教學(xué)重點(diǎn): 遮照技巧的靈活應(yīng)用
教學(xué)難點(diǎn): 遮照的基本應(yīng)用,學(xué)會(huì)從現(xiàn)成的作品中獲取設(shè)計(jì)方法 教學(xué)過程:
一、FLASH中聲音的加載 ①導(dǎo)入聲音文件:
文件--導(dǎo)入到庫(kù)--選擇聲音源
我們只需新增一圖層(聲音層)--將庫(kù)中的聲音拖入,或者在屬性面板中選擇聲音就可以使用聲音文件了,事情就這么簡(jiǎn)單。②聲音文件的使用技巧 為動(dòng)畫添加背景音樂
(1)新建或打開需要添加聲音的文件,在原來(lái)的動(dòng)畫上再增加一個(gè)“聲音層”的新層。需要在文件中多處有聲音時(shí),我們通常會(huì)把幾個(gè)聲音文件放置在不同的層中,這樣不但便于控制,而且還能達(dá)到混響效果。
(2)導(dǎo)入所需要的聲音文件,然后從庫(kù)中將所需聲音文件拖拉到“聲音層”上即可。
為按鈕添加提示聲音
在原來(lái)的層上插入一新層,假設(shè)在按下幀上按F7添加空白關(guān)鍵幀,然后將聲音文件拖放到該幀即可,并將同步設(shè)置為“事件”。則測(cè)試時(shí),當(dāng)鼠標(biāo)單擊按鈕時(shí)會(huì)發(fā)出聲音。
二、聲音的處理
當(dāng)聲音被加載到FLASH中后,可進(jìn)行如下處理:
1、取部分聲音播放。
2、控制聲音的淡入、淡出等。
3、處理方法:在屬性面板上,單擊聲音編輯即可
4、“事件”選項(xiàng)會(huì)將聲音和一個(gè)事件的發(fā)生過程全部同步起來(lái)。如果觸發(fā)了播放聲音的事件,它會(huì)自動(dòng)播放直至結(jié)束,在這個(gè)過程中聲音的停止不受動(dòng)畫本身的制約。例如我們?cè)贔lash中制作了一個(gè)聲音播放按鈕,如果事件聲音正在播放,而再次點(diǎn)擊,第一個(gè)實(shí)例繼續(xù)播放,另一個(gè)聲音實(shí)例同時(shí)開始播放。
“開始”選項(xiàng)和“事件”選項(xiàng)一樣,只是如果聲音正在播放,就不會(huì)播放新的聲音實(shí)例。
“停止”選項(xiàng)可以使指定的聲音靜音。
“數(shù)據(jù)流”用于在互聯(lián)網(wǎng)上同步播放聲音。Flash會(huì)協(xié)調(diào)動(dòng)畫與聲音流,使動(dòng)畫與聲音同步。如果Flash顯示動(dòng)畫幀的速度不夠快,F(xiàn)lash會(huì)自動(dòng)跳過一些幀。與事件聲音不同的是,如果聲音過長(zhǎng)而動(dòng)畫過短,聲音流將隨著動(dòng)畫的結(jié)束而停止播放。在播放影片時(shí),聲音流是混合在一起播放的。
5、不同聲音的疊加:將聲音加載在不同圖層上。
三、實(shí)例:
1、按鈕上加載聲音
源文件下載 聲音下載(右擊下載)體會(huì)在按鈕上加聲音與在圖層上加聲音的區(qū)別。
四、遮照技巧
1、百葉窗(素材下載):
(一)遮罩的原理 操作步驟: [1]、建立一個(gè)按水平線縮放的長(zhǎng)方條作為影片元件。
[2]、將第一步中創(chuàng)建的影片元件多個(gè)疊加,組合成一扇百葉窗,并將其作為第二個(gè)影片元件。
[3]、在場(chǎng)中創(chuàng)建三層,其中最上層放步驟二中影片元件,中間層與底層各放一張圖片。
[4]、將遮照效果應(yīng)用在最上層。思考:步驟2中能否不建影片元件?
2、閃閃紅星的制作 制作步驟:
[1]、制作一個(gè)扇片,并生成元件。
[2]、由步驟1的元件旋轉(zhuǎn)復(fù)制360度后而繞成一圈,并將此圖案生成元件。(注意調(diào)整元件中心點(diǎn)位置)
[3]、將步驟2生成的元件加以應(yīng)用于,實(shí)施翻轉(zhuǎn)。
[4]、將以上二個(gè)實(shí)例各自放入不同層,并在二層間實(shí)施遮照。
五、作業(yè)
1、完成以上二個(gè)實(shí)例:百葉窗、閃閃紅星
2、校名:
3、書本作業(yè):橫向百葉窗
第十三周 遮照技巧應(yīng)用(三)教學(xué)目標(biāo): 通過練習(xí),使學(xué)生進(jìn)一步掌握遮照與變形的綜合應(yīng)用。教學(xué)重點(diǎn): 遮照技巧應(yīng)用。教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過程:
一、鞏固復(fù)習(xí):制作并講解上一節(jié)課的作業(yè)縱向百葉窗(詳見課本P99,圖片下載)。知識(shí)點(diǎn):
①分散到圖層。②直線動(dòng)畫的制作。③關(guān)鍵幀的復(fù)制。④遮照的使用。
二、制作跑車廣告
素材下載
1、準(zhǔn)備工作,試著制作下列圖案
2、查看跑車廣告
3、分析跑車廣告的元件及圖層
①數(shù)字計(jì)時(shí):幀幀動(dòng)畫(序號(hào)之間的漸變效果)②遮照效果:遮照層:動(dòng)畫層(形狀補(bǔ)間的變形動(dòng)畫、)被遮照層:清晰跑車 背景層:模糊跑車
③落下帷幕:縮放動(dòng)畫、變形動(dòng)畫。
4、時(shí)間軸參考(沒有設(shè)計(jì)計(jì)時(shí)時(shí)的效果圖)
三、課后作業(yè) 必做:
1、跑車廣告
2、按下圖的提示制作“波浪文字” 提示: 效果動(dòng)畫:
選做:
3、制作以下“圖片切換效果”
第十四周 遮照復(fù)習(xí)
教學(xué)目標(biāo):
1、掌握多層遮照的基本技巧。
2、注意對(duì)遮照層和被遮照層的設(shè)定。
3、通過測(cè)試了解學(xué)生的掌握情況。教學(xué)重點(diǎn): 多層遮照技巧的原理。教學(xué)難點(diǎn): 多層遮照技巧的應(yīng)用。教學(xué)過程:
一、復(fù)習(xí):
1、旋轉(zhuǎn)的地球
地圖下載 提示:
1、注意觀察二幅地圖的顏色。[2]、思考用幾層遮照。
[3]、地圖的顏色是否發(fā)生變化。[4]、是否有背景層。[2]、波浪文字 源代碼下載
要求:自行分析以上兩個(gè)動(dòng)畫的遮照技巧,在源代碼的基礎(chǔ)上,修改完成第二種波浪效果。
第十五周 基本ActionScript 教學(xué)目標(biāo):
1、要求學(xué)生了解什么是ActionScript。
2、掌握如何編輯ActionScript。
3、三種添加腳本的對(duì)象。
教學(xué)重點(diǎn): ActionScript的基本概念。教學(xué)難點(diǎn): 編輯ActionScript。
教學(xué)過程:
一、什么是 ActionScript(以下簡(jiǎn)稱AS)AS 是FLASH的動(dòng)作腳本語(yǔ)言??梢?AS 使用控制FLASH影片中的對(duì)象,創(chuàng)建導(dǎo)航和交互元素,也可以擴(kuò)展FLASH,制作高級(jí)交互影片和FLASH交互網(wǎng)站。
二、利用AS 能做些什么?
使用 AS,用戶不僅可以動(dòng)態(tài)地控制動(dòng)畫的進(jìn)行,而且能夠進(jìn)行各種運(yùn)算,甚至由各種方式獲取用戶的動(dòng)作并且即時(shí)作出回應(yīng)。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應(yīng)用及為廣泛。
三、編輯 AS
1、動(dòng)作面版的介紹
①動(dòng)作工具箱
②腳本導(dǎo)航器
③腳本助手
2、腳本窗口
3、行為面版(窗口--行為)
用戶可以使用行為來(lái)裝載和卸裁實(shí)例,播放,停播、復(fù)制或拖動(dòng)實(shí)例。
4、添加腳本的對(duì)象
①在幀中添加: 寫在關(guān)鍵幀上面的AS,當(dāng)時(shí)間軸上的指針走到這個(gè)關(guān)鍵幀的時(shí)候,就寫在這個(gè)幀上面的AS就被觸發(fā)執(zhí)行了。常見的例子有在影片結(jié)尾的幀寫上 stop()等。操作方法就是點(diǎn)選關(guān)鍵幀,然后打開AS面板。
②在按鈕中添加: 不同于幀上面的AS,按鈕上面的AS是要有觸發(fā)條件的。要把AS寫在按鈕上,操作方法是點(diǎn)選目標(biāo)按鈕,然后打開AS面板。舉個(gè)例子能說(shuō)的更明白: ●●假設(shè)有一個(gè)動(dòng)畫,要讓它在播放完同時(shí)停止,那么,你要做的就是在這個(gè)動(dòng)畫的最后一幀寫stop();●●再假設(shè)有個(gè)按鈕,效果是按下按鈕后停止播放,那么步驟如下: 做一個(gè)按鈕,放到主場(chǎng)景,點(diǎn)選按鈕,然后打開AS面板?,F(xiàn)在如果也在按鈕上寫 stop();那么,輸出的時(shí)候就會(huì)提示錯(cuò)誤。正確的應(yīng)該這樣寫: 整個(gè)代碼翻譯過來(lái)就是: on(release){ stop();} 當(dāng)(松開){ 停止 }
這里要比幀的動(dòng)畫多這些代碼: on(release){} ,③在影片剪輯中添加
四、AS 基本語(yǔ)法
1、點(diǎn)語(yǔ)法:點(diǎn)(.)被用于指出與一個(gè)對(duì)象或影片剪輯相關(guān)聯(lián)的特性或方法,也是用于標(biāo)識(shí)指向一個(gè)影片剪輯或變量的目標(biāo)路徑。
2、括號(hào):用于定義函數(shù)中的相關(guān)參數(shù)
3、大括號(hào):凡是用大括號(hào)結(jié)合在一起的是一個(gè)語(yǔ)句塊。
4、分號(hào):每一條語(yǔ)句都必須是以分號(hào)作為結(jié)束的。
其它具體的使用規(guī)則我們?cè)诰唧w的實(shí)例再進(jìn)行講解,有興趣的同學(xué)也可以參看
ActionScript 教程
五、第一實(shí)例(下拉菜單的制作)
1、實(shí)例源文件下載
使用goto配合幀標(biāo)簽制作下拉菜單 步驟 小技巧
①打開源文件并分析
②在三個(gè)菜單下拉的最后關(guān)鍵幀上添加Stop();語(yǔ)句,③選擇第一個(gè)按鈕(company),按下F9打開動(dòng)作面板,添加以下語(yǔ)句:
on(rollover){gotoAndPlay(“2”);}
④其它二個(gè)按鈕也以此類推添加語(yǔ)句。
當(dāng)時(shí)間軸上有大量幀時(shí),可以通過給幀命名,從而方便地調(diào)用幀。如本例中,可以在第②、③步之間插入一步:
為三個(gè)菜單下拉的圖層中第一關(guān)鍵幀定義名稱,分別為t1、t2、t3
這時(shí),按鈕(company)上的語(yǔ)句就得變成:
on(rollover){gotoAndPlay(“t1”);} 觀察制作的結(jié)果:
六、第二個(gè)實(shí)例:Food house
1、下載源文件 分析一下其中的動(dòng)畫效果
2、制作以下效果:
七、補(bǔ)充:利用getURL跳轉(zhuǎn)到其他網(wǎng)頁(yè)
1、查看一下精美的韓版菜單條(你能仿制嗎?)
看一下源代碼
2、為這個(gè)菜單添加getURL語(yǔ)句:參考
on(release){getURL(“http://004km.cn”);} 思考:加在什么位置
八、本周作業(yè):
1、下拉菜單
2、Food house(時(shí)間軸提示)
第十六周 AS實(shí)例制作訓(xùn)練
教學(xué)目標(biāo):
1、掌握復(fù)制影片剪輯命令duplicate的使用。
2、掌握隨機(jī)函數(shù)random的使用,_visible隱藏屬性的應(yīng)用。
3、掌握影片剪輯x,y軸比例屬性_xscale,_yscale以及透明屬性_alpha的應(yīng)用。教學(xué)重點(diǎn): 復(fù)制影片剪輯命令duplicate和隨機(jī)函數(shù)random的使用。教學(xué)難點(diǎn): 編輯ActionScript。教學(xué)過程:
一、知識(shí)鋪墊
在Flash中制作多個(gè)對(duì)象不規(guī)則地出現(xiàn),通常會(huì)用到兩個(gè)Action語(yǔ)句,即復(fù)制影片剪輯命令duplicateMovieClip和隨機(jī)函數(shù)random()。前者用于復(fù)制出相同的影片剪輯,后者則用于創(chuàng)建隨機(jī)數(shù),并將這些隨機(jī)數(shù)應(yīng)用到相應(yīng)的屬性中,使復(fù)制出的影片剪輯具有不同的狀態(tài)。
1、duplicateMovieClip語(yǔ)句可以復(fù)制一個(gè)Movie Clip(影片剪輯),同時(shí)可以為復(fù)制得到的Movie Clip 重新命名。該命令是一條單獨(dú)的語(yǔ)句,語(yǔ)法結(jié)構(gòu)如下:
duplicateMovieClip(目標(biāo),新名稱,深度)由于每一個(gè)復(fù)制出來(lái)的影片剪輯都具有與目標(biāo)影片剪輯一樣的屬性并且每一個(gè)復(fù)制出來(lái)的影片剪輯其初始位置與目標(biāo)影片剪輯是疊加在一起的,因此為了區(qū)分每一個(gè)新復(fù)制的影片剪輯,防止后面復(fù)制的影片剪輯替換掉前面的影片剪輯,要設(shè)置每一個(gè)影片剪輯的深度參數(shù),來(lái)規(guī)定新影片在舞臺(tái)上的疊加次序。
2、random()函數(shù)是一個(gè)隨機(jī)函數(shù),這個(gè)函數(shù)實(shí)現(xiàn)的是在設(shè)定的最大數(shù)值和0之間隨機(jī)地返回一個(gè)數(shù)值。
3、_root語(yǔ)句的使用:處于全局屬性的標(biāo)識(shí)符中。
“_root”是Flash中比較特殊的用法,表示后主場(chǎng)景中的絕對(duì)路徑,使“.”來(lái)連接后面的語(yǔ)句,如_root.snow代表主場(chǎng)景中的snow實(shí)例。
另外,本課還使用到了_visible、_x、_y(軸坐標(biāo)值屬性)、_xscale、_yscale、_rotation、_alpha屬性,請(qǐng)?jiān)斠娬n本P141頁(yè)。
二、“下雨”實(shí)例制作
1、制作一個(gè)影片元件:一滴雨水滴落的過程。
雨滴落下
水圈擴(kuò)大
2、“下雨”的代碼
返回到場(chǎng)景,將完成的影片元件拖入到場(chǎng)景中,并且將該實(shí)例取名為“drop”。新添加一個(gè)圖層,取名為“as”,在第一關(guān)鍵幀上的代碼: 第三關(guān)鍵幀上的代碼:
三、“飄雪”實(shí)例制作(素材下載)
1、制作一個(gè)圖處元件:雪片
2、制作一個(gè)影片元件:一片雪花飄落的過程(引導(dǎo)層)
3、“下雪”的代碼: 第一關(guān)鍵幀上的代碼:
思考:此段代碼有沒有需要修改的地方? 第二關(guān)鍵幀上的代碼: 第三關(guān)鍵幀上的代碼:
四、根據(jù)所給素材制作引導(dǎo)頁(yè)(練習(xí)按鈕的制作)制作完畢后,想想可以如何創(chuàng)作一下,把它改編成一個(gè)網(wǎng)站的引導(dǎo)頁(yè)。
五、本周作業(yè):
1、第一題:下雨
2、第二題:飄雪
3、引導(dǎo)頁(yè)(按鈕)
第十七周 達(dá)標(biāo)復(fù)習(xí)一
教學(xué)目標(biāo):
1、鞏固各類知識(shí)點(diǎn):時(shí)間線、按鈕、遮照、變形。
2、達(dá)標(biāo)復(fù)習(xí)。教學(xué)過程:
一、蜜蜂采蜜:
關(guān)鍵點(diǎn):
1、背景,蜜蜂的繪制。
2、引導(dǎo)線動(dòng)畫制作。
二、殘影文字
關(guān)鍵點(diǎn):
1、文字處理。漸變填充、多層文字旋轉(zhuǎn)的位差。
2、幀的復(fù)制,粘貼。
3、透明度,旋轉(zhuǎn)的設(shè)置。
三、地球與網(wǎng)絡(luò)
關(guān)鍵點(diǎn):
1、圖片的分割。
2、分散到圖層。
四、進(jìn)度條
關(guān)鍵點(diǎn):
1、圖片的處理。
2、逐幀動(dòng)畫。
3、形狀補(bǔ)間動(dòng)畫。
五、小球滾山坡
關(guān)鍵點(diǎn):
1、場(chǎng)景的繪制。
2、引導(dǎo)線的繪制。
3、動(dòng)作補(bǔ)間動(dòng)畫。
第十八周 引導(dǎo)層的應(yīng)用 教學(xué)目標(biāo):
1、進(jìn)一步理解和掌握引導(dǎo)線的繪制和引導(dǎo)層的設(shè)置;
2、掌握引導(dǎo)層在動(dòng)畫制作中的應(yīng)用。
教學(xué)重點(diǎn): 引導(dǎo)線的繪制,及分析Flash中引導(dǎo)線。
教學(xué)難點(diǎn): 對(duì)知識(shí)的梳理和理清引導(dǎo)層路徑動(dòng)畫制作的思路,提高分析問題的能力。教學(xué)過程:
一、課前熱身:
觀察下面的兩個(gè)flash動(dòng)畫,思考分別在做什么運(yùn)動(dòng),是通過Flash中的什么動(dòng)畫實(shí)現(xiàn)的呢?并完成兩幅作品。唉?我不會(huì)拐彎!
瞧我,跳得多自由!回顧:路徑動(dòng)畫知識(shí)點(diǎn) 跳動(dòng)小球制作視頻
二、新課:實(shí)例應(yīng)用(素材下載)
觀看實(shí)例,同時(shí)也分析該例中用到了哪些動(dòng)畫效果?哪一處運(yùn)動(dòng)應(yīng)用了引導(dǎo)層?(實(shí)例瀏覽)
我們可以將整個(gè)動(dòng)畫進(jìn)行分解:(1)先創(chuàng)建單個(gè)小球跳動(dòng)動(dòng)畫,設(shè)計(jì)效果如下:(界面設(shè)計(jì)圖,制作視頻)思考:
1、如何形成小球有遠(yuǎn)及近的視覺效果?
要點(diǎn)提示
2、如何控制小球運(yùn)動(dòng)的節(jié)奏,使之符合萬(wàn)有引力定律?
要點(diǎn)提示
(2)有了第一步,接下來(lái)我們就要對(duì)引導(dǎo)層和引導(dǎo)對(duì)象進(jìn)行拓展應(yīng)用。比如,要求完成下面這種效果。(界面設(shè)計(jì)圖,制作視頻)
點(diǎn)評(píng):
1、一個(gè)引導(dǎo)層可以為多個(gè)圖層提供運(yùn)動(dòng)軌跡,同時(shí)在一個(gè)引導(dǎo)層中可以有多條運(yùn)動(dòng)軌跡。
2、引導(dǎo)線允許重疊,比如螺旋狀引導(dǎo)線,但在重疊處的線段必需保持圓潤(rùn),讓Flash能辨認(rèn)出線段走向,否則會(huì)使引導(dǎo)失敗。
三、知識(shí)擴(kuò)展
在網(wǎng)絡(luò)上可以搜索到很多相關(guān)的路徑動(dòng)畫影片,希望大家能通過分析,模仿制作出類似的動(dòng)畫效果,比如物理課件中經(jīng)常用到的平拋動(dòng)畫、MTV場(chǎng)景中的落葉效果以及非常炫酷的激光寫字效果等等:(路徑繪制圖)(路徑繪制圖)(路徑繪制圖)
四、總結(jié)點(diǎn)評(píng):、掌握做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn),做出引導(dǎo)動(dòng)畫效果。、能綜合所學(xué)的 Flash 相關(guān)知識(shí),自己構(gòu)思并制作出較復(fù)雜的動(dòng)畫影片。
五、課后作業(yè):
1、模仿完成實(shí)例下面環(huán)節(jié)的效果,可以發(fā)散思維,適當(dāng)添加其他的效果。補(bǔ)充知識(shí):圖層文件夾的使用。
2、預(yù)習(xí)遮罩層的應(yīng)用。
第十九周 達(dá)標(biāo)復(fù)習(xí)二
教學(xué)目標(biāo):
1、鞏固復(fù)習(xí)各類知識(shí)點(diǎn)。
2、復(fù)習(xí)并掌握達(dá)標(biāo)中級(jí)題。教學(xué)過程:
一、拖動(dòng)的探照燈:
關(guān)鍵點(diǎn):按鈕的制作、影片元件、元件的設(shè)置、遮照技巧、鼠標(biāo)跟隨運(yùn)動(dòng)。
二、圖片展
關(guān)鍵點(diǎn):淡入淡出動(dòng)畫、幀標(biāo)簽設(shè)置、鼠標(biāo)控制動(dòng)作
三、百葉窗
關(guān)鍵點(diǎn):分清楚各層之間的關(guān)系,花的圖片在背景層,樹林的圖片在被遮照層,變形條的影片剪輯要放在遮罩層;影片剪輯是由若干個(gè)變形條的影片剪輯組成,正好布滿圖片,這樣才能保證完成遮照效果。
四、閃閃紅星
關(guān)鍵點(diǎn):
1、圖形的繪制,利用多邊形工具繪制一個(gè)等腰三角形,畫完后把中心點(diǎn)拖到邊角上,進(jìn)行變形工具的復(fù)制應(yīng)用(旋轉(zhuǎn)10度~12度左右);
2、場(chǎng)景中總共分為三層,最低層為被遮照層,圖形水平反轉(zhuǎn),靜態(tài)狀,第二層為遮照層,圖形作旋轉(zhuǎn)動(dòng)畫,第三層放入五角形
3、五角形的繪制,放射性漸變填充,白色筆觸,然后連接各頂點(diǎn)。
五、按鈕:
關(guān)鍵點(diǎn):分清楚按鈕的四種狀態(tài),在彈起狀態(tài)放入靜態(tài)的圓;指針經(jīng)過狀態(tài)放入圓和旋轉(zhuǎn)棒的影片剪輯,注意疊放順序;在按下狀態(tài)放入靜態(tài)的大圓和小棒的組合圖形;最后把按鈕放入場(chǎng)景中
六、下雨
關(guān)鍵點(diǎn):
1、雨滴影片剪輯的制作。場(chǎng)景中該實(shí)例的命名。
2、動(dòng)作腳本的添加。
第三篇:flash動(dòng)畫制作報(bào)告
Flash 動(dòng) 畫 制 作 課 程
學(xué) 院 計(jì)算機(jī)學(xué)院 專業(yè)班級(jí) 網(wǎng)絡(luò)工程1101班 學(xué) 號(hào) 1108020104 姓 名
告
Flash動(dòng)畫制作
一、實(shí)驗(yàn)?zāi)康?/p>
掌握FLASH CS4的基本動(dòng)畫制作。
二、實(shí)驗(yàn)內(nèi)容
1.使用場(chǎng)景動(dòng)畫 2.使用傳統(tǒng)動(dòng)畫 3.使用圖片動(dòng)畫
4.使用按鈕,在按鈕上寫AS 5.在幀上寫AS,讓整體動(dòng)畫停止
三、實(shí)驗(yàn)步驟
1、制作背景
圖層
2、制作小卡車 圖層
3、制作尾氣 圖層
并且在讓小車在40幀至小石頭,43幀時(shí)斜向上,47幀車頭斜向下著地 設(shè)置50幀壓扁的水平,53幀正常水平,56幀車頭翹起,59正常水平,70幀不動(dòng),105幀出畫面,70-105間緩沖-100 期間75幀插入空白幀 創(chuàng)建尾氣圖形元件:
75幀,CTLR+F3,樣式ALPHA為0,80幀,60%,85幀,0,并且隨車走
4、制作靜態(tài)TV 圖層
Q中的扭曲工具,矩形圓角10,半圓,3粗的直線改天線,修改|變形|水平翻轉(zhuǎn)43幀,46幀,直落地右傾,50Z左傾,53Z水平,制作效果如圖:
5、制作動(dòng)態(tài)TV 圖形元件
動(dòng)態(tài)TV 圖形元件
把靜態(tài)TV 復(fù)制到動(dòng)態(tài)TV內(nèi),每隔10Z把中間顏色換一下。
54Z 把53Z的靜態(tài)TVz粘貼Z,然后點(diǎn)擊TV,右鍵:交換元件為動(dòng)態(tài)TV
6、放大TV 圖層
120Z 放大TV圖層,背景圖層,動(dòng)態(tài)TV圖層 121Z,動(dòng)態(tài)TV,F(xiàn)5至170z 要求動(dòng)畫播放一次,點(diǎn)擊動(dòng)態(tài)TV元件,CTRL+F3,循環(huán):播放一次
7、文字圖層 145z 開心周末,CTRL+B 兩次,變成點(diǎn)陣圖后右鍵/轉(zhuǎn)換為元件,145~155Z 旋轉(zhuǎn),大小、顏色改變 延至170Z
8、AS 圖層
CTRL+回車后,片子播放不停,在170新建一個(gè)關(guān)鍵Z,窗口/動(dòng)作 2.0,全局函數(shù)/時(shí)間軸/STOP
9、制作REPLAY按鈕
新建按鈕
彈起:開始狀態(tài) REPLAY CTRL+B兩次 CTRL+I 指針經(jīng)過:右鍵插入關(guān)鍵Z,換色 按下:右鍵插入關(guān)鍵Z,換色 點(diǎn)擊(范圍)畫區(qū)域,場(chǎng)院景中最后一幀:點(diǎn)擊按鈕,窗口/動(dòng)作 無(wú)法進(jìn)行 從文件/發(fā)布設(shè)置:FLASH 3.0變2.0,確定。
四、課程總結(jié)
本次制作掌握FLASH基本動(dòng)畫制作,在制作的過程中內(nèi)容多且復(fù)雜,在一步步摸索的過程才完成了實(shí)驗(yàn)。總的來(lái)說(shuō)本次制作基本上包括了Flash的所有基本操作以及層的運(yùn)用,這次實(shí)驗(yàn)自己的收獲也挺多,但有些方面自己掌握的還不熟練,自己課下還須多練習(xí)。
第四篇:《制作Flash動(dòng)畫》教學(xué)設(shè)計(jì)
《制作Flash動(dòng)畫》教學(xué)設(shè)計(jì)
《制作Flash動(dòng)畫》是xx省信息技術(shù)八年級(jí)第二章第三節(jié)的內(nèi)容,而用flash形狀補(bǔ)間動(dòng)畫是整個(gè)《制作Flash動(dòng)畫》的重點(diǎn)內(nèi)容之一。通過flash形狀補(bǔ)間動(dòng)畫制作,目的是讓flash形狀補(bǔ)間動(dòng)畫作方法及激發(fā)學(xué)生學(xué)習(xí)興趣,為今后FLASH創(chuàng)作打下基礎(chǔ)。
二、學(xué)情分析
根據(jù)八年級(jí)學(xué)生好動(dòng)、喜歡新鮮事物、樂于思考、勤于動(dòng)手等特點(diǎn),這節(jié)學(xué)習(xí)flash形狀補(bǔ)間動(dòng)畫制作,教師在授過程中要注意引導(dǎo)學(xué)生掌握f(shuō)lash形狀補(bǔ)間動(dòng)畫的制作方法及應(yīng)用,激發(fā)學(xué)生用于思考、敢于創(chuàng)新、深入動(dòng)畫創(chuàng)作的激情。
三、教學(xué)目標(biāo)、知識(shí)與技能:通過本節(jié)的學(xué)習(xí)讓學(xué)生掌握?qǐng)D片的導(dǎo)入、圖片分離、形狀補(bǔ)間使用、保存。
2、過程與方法:通過提問、事例觀看、步驟演示、學(xué)生實(shí)踐、提問與回答、學(xué)生示范、作品賞析等方式,讓學(xué)生對(duì)flash形狀補(bǔ)間動(dòng)畫了解、掌握及應(yīng)用。
3、情感態(tài)度與價(jià)值觀:
①
通過引導(dǎo)學(xué)生制作主題作品,培養(yǎng)學(xué)生對(duì)動(dòng)畫制作產(chǎn)生濃厚興趣,主動(dòng)參與作品的創(chuàng)作與體驗(yàn)。
②
通過獨(dú)立探究與小組合作式學(xué)習(xí),培養(yǎng)學(xué)生自主、合作探究式學(xué)習(xí)的精神意識(shí)。
③
國(guó)產(chǎn)動(dòng)畫制作的講解讓學(xué)生理解動(dòng)畫的同時(shí)培養(yǎng)學(xué)生的愛國(guó)情懷。
四、教學(xué)的重點(diǎn)、難點(diǎn)
重點(diǎn):①圖片的導(dǎo)入。②圖片分離。③形狀補(bǔ)間使用。④保存。
難點(diǎn):①形狀補(bǔ)間使用。
五、教學(xué)方法與教學(xué)策略
教學(xué)過程主要采用提問法、實(shí)際操作法、任務(wù)驅(qū)動(dòng)法、作品賞析法。
時(shí):1個(gè)時(shí)。
分組:將學(xué)生分為人一組。
教學(xué)策略設(shè)計(jì)主要:
①形成認(rèn)知結(jié)構(gòu)的策略:在設(shè)計(jì)過程中,堂上使用一條主線貫穿:“看我變”讓物體發(fā)生形狀的變化為主線,教師通過形狀變化動(dòng)畫制作達(dá)到目的
②從創(chuàng)設(shè)情境激發(fā)學(xué)生學(xué)習(xí)動(dòng)機(jī)的確立到學(xué)生學(xué)習(xí)效果的評(píng)價(jià),即為學(xué)生產(chǎn)生強(qiáng)烈的學(xué)習(xí)愿望的產(chǎn)生,學(xué)生實(shí)踐、提問與回答、學(xué)生示范、作品賞析等方式使學(xué)生親歷動(dòng)畫作品的制作從而得到愿望的滿足,實(shí)現(xiàn)掌握知識(shí)、形成技能和發(fā)展能力的過程。教師把教學(xué)活動(dòng)看作是一個(gè)完整的動(dòng)態(tài)學(xué)習(xí)系統(tǒng),對(duì)教學(xué)與學(xué)中形成的每一個(gè)階段提拱有效技術(shù)支持,有效地實(shí)施本節(jié)的教學(xué)目標(biāo)。
六、教學(xué)過程
教學(xué)環(huán)節(jié)
教師活動(dòng)
學(xué)生活動(dòng)
設(shè)計(jì)意圖
用時(shí)
、場(chǎng)景導(dǎo)入
展示“二郎神大戰(zhàn)孫悟空”動(dòng)畫
問:知道剛才的故事出現(xiàn)哪兩位人物嗎?
展示“孫悟空變魚”的動(dòng)畫
2問:那么同學(xué)們知道像這樣的動(dòng)畫是怎么做出來(lái)的嗎?
3問:那么同學(xué)們想不想學(xué)呢?
觀看
答:二郎神和孫悟空
2答:那不知道
3答:想
引導(dǎo)學(xué)生進(jìn)入場(chǎng)景、激發(fā)學(xué)生的學(xué)習(xí)興趣并培養(yǎng)學(xué)生的愛國(guó)情操同時(shí)對(duì)學(xué)生進(jìn)行德育教育,使得學(xué)生能夠自主有效的完成教學(xué)任務(wù)。
3分
2、知識(shí)傳授
現(xiàn)在老師想請(qǐng)一位同學(xué)上來(lái)示范,其同學(xué)們要好好的看看是如何制作出來(lái)的?
教師指導(dǎo)學(xué)生示范。
問:現(xiàn)在同學(xué)們知道如何制作了沒?
教師巡視指導(dǎo)
觀看并做好記錄填入導(dǎo)學(xué)案中。
答:知道了。
學(xué)生實(shí)踐“孫悟空變魚”動(dòng)畫
讓學(xué)生了解所學(xué)的知識(shí)及要點(diǎn)。
0分
展示動(dòng)畫。
根據(jù)效果及導(dǎo)學(xué)案的要求,制作形狀補(bǔ)間動(dòng)畫
檢驗(yàn)學(xué)生對(duì)所學(xué)的掌握程度并對(duì)存在的問題及時(shí)指導(dǎo)同時(shí)檢測(cè)學(xué)生對(duì)知識(shí)的運(yùn)用能力。
分
3提問與作答
在同學(xué)問的制作過程中老師發(fā)現(xiàn)了一些問題現(xiàn)在與同學(xué)們共同探討一下如何解決
答:展示錯(cuò)誤的操作。
學(xué)生觀看查找,并指出
引導(dǎo)學(xué)生對(duì)所學(xué)的知識(shí)大多數(shù)同學(xué)常出現(xiàn)的問題指出、講解以便鞏固所學(xué)的知識(shí)。
4分
4、合作探究
教師巡視指導(dǎo)
各組根據(jù)導(dǎo)學(xué)案的要求制作作品
激發(fā)學(xué)生合作探究能力,進(jìn)一步提高所學(xué)的知識(shí)。
0分
、作品欣賞
教師展示各組選取的flash作品
學(xué)生欣賞、體會(huì)如何制作。
加強(qiáng)學(xué)生分析問題、解決問題的能力同時(shí)樹立學(xué)生學(xué)習(xí)信心。
6、堂小結(jié)
引導(dǎo)學(xué)生小結(jié)
形狀補(bǔ)間制作方法
小結(jié)
形狀補(bǔ)間制作方法
鞏固所學(xué)的知識(shí)。
3分
7、后要求
展示蠟光祈福動(dòng)畫的效果圖,讓學(xué)生回去好好思考,如何制作蠟光祈福動(dòng)出來(lái)的!
學(xué)生對(duì)問題后的思考。
培養(yǎng)學(xué)生的思考和實(shí)踐能力
2分
七、板書設(shè)計(jì)
八、教學(xué)效果分析
根據(jù)效果圖,培養(yǎng)學(xué)生的實(shí)踐能力的同時(shí)采用導(dǎo)學(xué)案的形式充分發(fā)揮學(xué)生的自主學(xué)習(xí)性。結(jié)合導(dǎo)學(xué)案讓學(xué)生更好的掌握所學(xué)的知識(shí),使之激發(fā)學(xué)生的興趣和知識(shí)的應(yīng)用能力。通過小組合作的形式讓學(xué)生學(xué)會(huì)合作意識(shí)的同時(shí)同時(shí)培養(yǎng)學(xué)生的愛國(guó)情懷!
第五篇:《制作Flash動(dòng)畫》教學(xué)設(shè)計(jì)
《制作Flash動(dòng)畫》教學(xué)設(shè)計(jì)
[教材分析] 《制作Flash動(dòng)畫》是海南出版社與三環(huán)出版社聯(lián)合出版的海南省教育研究培訓(xùn)院編制的八年級(jí)上冊(cè)第二章第三節(jié)的內(nèi)容。所用工具軟件為FlashMX。在此之前,學(xué)生已經(jīng)學(xué)習(xí)了動(dòng)畫的基本原理及制作軟件,并學(xué)會(huì)利用GIF Animator軟件制作簡(jiǎn)單的GIF動(dòng)畫。
[教學(xué)目標(biāo)分析] 1.知識(shí)目標(biāo)
⑴啟動(dòng)并認(rèn)識(shí)Flash8的操作界面;
⑵初步理解動(dòng)畫制作中的基本概念,并嘗試制作簡(jiǎn)單的Flash動(dòng)畫。2.能力目標(biāo)
⑴學(xué)會(huì)使用Flash工具箱繪制動(dòng)畫的基本元素; ⑵培養(yǎng)學(xué)生自主探索、團(tuán)隊(duì)合作的意識(shí)。3.情感目標(biāo)
⑴讓學(xué)生通過欣賞優(yōu)秀作品,激發(fā)良好的創(chuàng)作欲望和學(xué)生學(xué)習(xí)計(jì)算機(jī)的濃厚興趣; ⑵通過對(duì)動(dòng)畫結(jié)構(gòu)及層次的分析,培養(yǎng)學(xué)生從整體到局部,再到整體的系統(tǒng)認(rèn)識(shí)事物的習(xí)慣和能力。
[教學(xué)重難點(diǎn)分析] 重點(diǎn):動(dòng)畫角色移動(dòng)的制作方法。
難點(diǎn):界面的理解與認(rèn)識(shí);對(duì)幀的初步理解。[教學(xué)方法分析] 任務(wù)驅(qū)動(dòng)教學(xué)法:上課之前先讓學(xué)生知道本節(jié)課的知識(shí)任務(wù)是制作一個(gè)小球從高處落下,著地后再反彈回去的Flash動(dòng)畫。
演示法:給學(xué)生演示本節(jié)課的知識(shí)要點(diǎn)。[學(xué)生分析] 本節(jié)課的學(xué)習(xí)對(duì)象是初二學(xué)生,這些學(xué)生一般都接觸過網(wǎng)絡(luò),對(duì)FLASH動(dòng)畫不是很陌生,但是對(duì)這些動(dòng)畫是如何制作出來(lái)的有很大的神秘感,所以學(xué)習(xí)起來(lái)會(huì)有很大的興趣。另外我校學(xué)生在小學(xué)階段的學(xué)習(xí)中已經(jīng)掌握了畫圖軟件的使用方法,所以在學(xué)習(xí)FLASH圖形繪制工具的時(shí)候不用講得太多,學(xué)生就可以初步掌握這些軟件的使用方法。
[教學(xué)設(shè)計(jì)思路] 本教學(xué)設(shè)計(jì)是以制作模擬游戲“打地鼠”和制作模擬運(yùn)動(dòng)“撞球”Flash動(dòng)畫作為任務(wù),讓學(xué)生體驗(yàn)Flash動(dòng)畫制作的一般步驟,初步理解Flash動(dòng)畫制作中的一些基本概念,學(xué)會(huì)創(chuàng)建和調(diào)用圖形元件,嘗試制作簡(jiǎn)單的補(bǔ)間動(dòng)畫。通過對(duì)制作過程的了解,讓學(xué)生消除動(dòng)畫制作的神秘感,激發(fā)學(xué)生學(xué)習(xí)Flash動(dòng)畫制作的求知欲。
[教學(xué)過程]
一、導(dǎo)入
欣賞兩段經(jīng)典FLASH動(dòng)畫:⑴簡(jiǎn)單愛MV⑵小小系列武打動(dòng)畫。[設(shè)計(jì)意圖]第一段動(dòng)畫讓學(xué)生欣賞豐富多彩的動(dòng)畫畫面,讓學(xué)生體會(huì)動(dòng)畫所帶來(lái)的樂趣,激發(fā)他們的創(chuàng)作欲望,第二段動(dòng)畫則點(diǎn)燃學(xué)生創(chuàng)作的熱情,調(diào)動(dòng)他們的興趣。
二、新授
⑴啟動(dòng)FLASH8軟件。
在學(xué)習(xí)FLASH軟件之前介紹什么是動(dòng)畫,并說(shuō)明動(dòng)畫的基本單位是“幀”,而不是人們常用的“分”、“秒”等。⑵介紹FLASH界面
通過角色類比導(dǎo)出元件、庫(kù)、場(chǎng)景、時(shí)間軸等概念。1.時(shí)間軸
包括“時(shí)間線”和“圖層控制區(qū)”兩部分?!皶r(shí)間線”可以顯示動(dòng)畫中各幀的排列順序。此對(duì)象好比是電影拍攝中所使用的劇本,“幀”則就可以看作是各個(gè)分鏡頭。
2.舞臺(tái)
此對(duì)象好比電影中的舞臺(tái)一樣,在“舞臺(tái)”外面的內(nèi)容是無(wú)法看到的,所以在制作動(dòng)畫過程中把握好對(duì)象的進(jìn)出。
3.工具欄
和我們之前學(xué)過的畫圖板有很多類似的地方,主要是用來(lái)繪制和修改動(dòng)畫中的對(duì)象。4.其它工具面板
這些對(duì)象就像我們拍電影時(shí)的美工一樣,對(duì)動(dòng)畫過程中的對(duì)象進(jìn)行修飾與美化。(表1)[設(shè)計(jì)意圖]簡(jiǎn)單介紹“幀”的概念,讓學(xué)生初步的了解,由于學(xué)生第一次接觸FLASH,不講述太多的理論內(nèi)容,所以簡(jiǎn)單地交代一下界面。類比生活中的概念,有助于學(xué)生接受FLASH軟件中遇到的概念,便于更深入的學(xué)習(xí)。
⑶動(dòng)畫的制作過程
師:語(yǔ)文課上我們寫記敘文六要素是什么? 生:時(shí)間、地點(diǎn)、人物、事情的起因經(jīng)過結(jié)果。
師:其實(shí)FLASH動(dòng)畫和它很類似,下面我們就一起來(lái)學(xué)習(xí)簡(jiǎn)單動(dòng)畫的制作方法。步驟:
1.選擇“插入”菜單下新建元件->繪制小球并設(shè)置相關(guān)屬性;
2.回到“主場(chǎng)景”打開“庫(kù)”面板,將庫(kù)中小球元件拖入主場(chǎng)景中第一幀; 3.在時(shí)間軸30幀即停止幀處插入“關(guān)鍵幀”;
4.將當(dāng)前幀中將小球元件移動(dòng)到場(chǎng)景右側(cè)目標(biāo)位置; 5.在時(shí)間軸第1幀處創(chuàng)建補(bǔ)間動(dòng)畫; 6.最后測(cè)試動(dòng)畫。
[設(shè)計(jì)意圖]通過與語(yǔ)文中記敘文類比進(jìn)行引導(dǎo),拓展學(xué)生的想象空間,同時(shí)也有助于學(xué)生理解動(dòng)畫制作過程的概念。
⑷布置任務(wù)
基礎(chǔ)任務(wù):制作一個(gè)小球,要求小球從舞臺(tái)左側(cè)移動(dòng)到屏幕右側(cè)。
提高任務(wù):制作一個(gè)小球,要求小球從舞臺(tái)左側(cè)移動(dòng)到右側(cè),然后反彈回左側(cè)。[設(shè)計(jì)意圖]以學(xué)生為中心,分層教學(xué),對(duì)于基礎(chǔ)差的學(xué)生只要求完成“基礎(chǔ)任務(wù)”,基礎(chǔ)較好的同學(xué)可以在完成“基礎(chǔ)任務(wù)”的基礎(chǔ)上繼續(xù)完成“提高任務(wù)”,加強(qiáng)學(xué)生對(duì)場(chǎng)景、時(shí)間軸、幀、關(guān)鍵幀的印象。
⑸總結(jié)學(xué)生在制作動(dòng)畫過程遇見的問題(見課件)。⑹思考:如果移動(dòng)的元件是一個(gè)人,結(jié)果會(huì)是怎樣? 補(bǔ)充任務(wù):1.制作一輪緩緩移動(dòng)的明月。
2.制作兩片移動(dòng)的云彩相向而動(dòng),形成薄云繞明月的怡人景象。3.根據(jù)所學(xué)知識(shí)自行設(shè)計(jì)一個(gè)動(dòng)畫。
[設(shè)計(jì)意圖]讓學(xué)生自主探索學(xué)習(xí)FLASH動(dòng)畫,開發(fā)他們的想象力與創(chuàng)造力,拓展學(xué)生的知識(shí)面。
⑺自由練習(xí)。⑻展示學(xué)生作品。
[設(shè)計(jì)意圖]給學(xué)生展示一部分優(yōu)秀的作品,可以讓大家體會(huì)到自己完成一個(gè)動(dòng)畫作品的成就感,也容易使學(xué)生有激情進(jìn)一步學(xué)習(xí)動(dòng)畫,從而創(chuàng)作出更多的作品。