第一篇：淺談FLASH動(dòng)畫教學(xué)

44444444444444

淺談FLASH動(dòng)畫教學(xué)

【摘要】針對(duì)高職院校的Flash教學(xué),作者結(jié)合自己的教學(xué)經(jīng)驗(yàn)對(duì)如何優(yōu)化教學(xué)過(guò)程，如何有效的提高學(xué)生學(xué)習(xí)的興趣等方面進(jìn)行了探討，并談了幾點(diǎn)自己的體會(huì)，從而讓學(xué)生真正掌握動(dòng)畫制作技能，實(shí)現(xiàn)課程目標(biāo)。

【關(guān)鍵詞】FLASH教學(xué)高職教育FLASH動(dòng)畫制作

當(dāng)今，我們隨意打開(kāi)一個(gè)網(wǎng)頁(yè)，都會(huì)發(fā)現(xiàn)各式各樣的動(dòng)畫，從Logo到廣告短片到游戲，甚至于整個(gè)網(wǎng)頁(yè)的制作，幾乎隨處可以看到Flash動(dòng)畫的身影。Flash動(dòng)畫一般不受網(wǎng)絡(luò)資源的制約，容量小，制作簡(jiǎn)單，制作成本低，交互性強(qiáng)，在情節(jié)和畫面上往往更致力于在最短時(shí)間內(nèi)傳達(dá)最深的感受。因此它在網(wǎng)絡(luò)上迅速走紅，深受網(wǎng)民的厚愛(ài)。而制作出這些精彩的、有聲有色的動(dòng)畫的工具就是Flash，flashplayer是基于網(wǎng)絡(luò)開(kāi)發(fā)的專門用于制作矢量動(dòng)畫的應(yīng)用軟件，有跨平臺(tái)的兼容性和開(kāi)放性。我院開(kāi)展的《Flash動(dòng)畫制作》課程是為適應(yīng)計(jì)算機(jī)多媒體產(chǎn)業(yè)發(fā)展要求，提高學(xué)生創(chuàng)建網(wǎng)頁(yè)上動(dòng)態(tài)、交互的多媒體內(nèi)容的一門課程，其目標(biāo)是培養(yǎng)學(xué)生平面動(dòng)畫設(shè)計(jì)創(chuàng)意的思維和技巧，成為計(jì)算機(jī)動(dòng)漫方向的技能型、應(yīng)用型人才。高職學(xué)生相比而言主動(dòng)學(xué)習(xí)能力差，如何提高他們的學(xué)習(xí)熱情，更好的達(dá)到課程目標(biāo)，在此我結(jié)合自己的教學(xué)談幾點(diǎn)體會(huì)：

一、選擇好的教學(xué)方法，激發(fā)學(xué)生的興趣

Flash動(dòng)畫制作是一門操作性強(qiáng)的課程，最好安排在機(jī)房上，不要安排在教室上。學(xué)生在教室上課很容易走神，但是坐在電腦邊就不一樣。老師在上課之前先用幻燈片展示實(shí)例，讓學(xué)生多看看別人作品，在模仿中成長(zhǎng)，豐富自己的創(chuàng)作經(jīng)驗(yàn)，成就自已的作品。接下來(lái)老師有針對(duì)的提出問(wèn)題，并和學(xué)生一起分析和評(píng)價(jià)，這樣使每個(gè)學(xué)生能都積極參與，活躍了課堂氣氛，很好的培養(yǎng)了學(xué)習(xí)興趣。分析完作品后，老師開(kāi)始操作演示實(shí)例制作，演示的過(guò)程要慢而有條理，盡量照顧到每一位學(xué)生的學(xué)習(xí)進(jìn)度。老師最好把自己的演示操作過(guò)程制作成視頻教學(xué)錄像，以供同學(xué)課后觀看和復(fù)習(xí)。講實(shí)例是為知識(shí)點(diǎn)和動(dòng)畫制作原理服務(wù)的，如果學(xué)生只記住了操作步驟是遠(yuǎn)遠(yuǎn)不夠的，所以在演示中一定要強(qiáng)調(diào)相關(guān)的知識(shí)點(diǎn)，并鼓勵(lì)學(xué)生在操作過(guò)程中深入去理解，思考。學(xué)生要明白每一個(gè)實(shí)例的制作原理，并能舉一反三。例如講解形狀補(bǔ)間動(dòng)畫時(shí)，教師可以制作多種形狀變化的實(shí)例，但是一定要再三強(qiáng)調(diào)其概念：形狀補(bǔ)間動(dòng)畫是使圖形對(duì)象在異端時(shí)間內(nèi)由一種形態(tài)變成另一種形態(tài)。形態(tài)包括圖形對(duì)象的外觀樣式、位置、大小和顏色等。形狀漸變動(dòng)畫的對(duì)象只能是矢量圖形。如果要對(duì)符號(hào)、文字或者位圖圖片進(jìn)行變形動(dòng)畫的話，需要先將他們打散，讓它們變成矢量圖。另外，課后老師還要布置相關(guān)的作業(yè)讓學(xué)生鞏固學(xué)習(xí)內(nèi)容，作業(yè)可以比上課的講的實(shí)例稍難一點(diǎn)，還應(yīng)該有一定的實(shí)用性，這樣就更好的激勵(lì)了學(xué)生的求知欲和創(chuàng)作欲。

二、選擇好的教學(xué)案例，讓每一堂課都很有樂(lè)趣

Flash教學(xué)中運(yùn)用一個(gè)知識(shí)點(diǎn)可以制作出成千上萬(wàn)的實(shí)例，但是有針對(duì)性的挑選適合的案例講解卻是非常重要的。好的案例不僅能吸引學(xué)生，還更容易讓學(xué)生接受。好的教學(xué)實(shí)例往往是跟我們生活息息相關(guān)的案例，人們總是對(duì)身邊的人和事物變遷最為 44444444444444

敏感，而這種與生活相關(guān)的東西對(duì)人也最有啟發(fā)性。例如我在講掌握動(dòng)畫制作基礎(chǔ)和逐幀動(dòng)畫操作流程時(shí)，舉了“跳動(dòng)的秒表”這個(gè)實(shí)例講解，學(xué)生很感興趣，同時(shí)很好的掌握了逐幀動(dòng)畫的制作要領(lǐng)，而且我還啟發(fā)學(xué)生學(xué)習(xí)動(dòng)畫腳本語(yǔ)言，從而制作真正的秒表動(dòng)畫。再例如我在講引導(dǎo)層動(dòng)畫時(shí)，舉了小兔子回家的例子，小兔子回家很多路可走，但是只有一條路上沒(méi)有大灰狼，所以用引導(dǎo)線來(lái)引導(dǎo)小兔子找一條沒(méi)有狼的路安全回家，整個(gè)教學(xué)過(guò)程像是在講故事，同學(xué)們既重溫了兒時(shí)的記憶又學(xué)到了新知識(shí)，一切都是那么的有趣。

三、建立興趣小組，形成好的互幫學(xué)習(xí)氛圍

由于一些客觀原因，導(dǎo)致高職生源質(zhì)量逐年下降，相對(duì)來(lái)說(shuō)高職不善于自主學(xué)習(xí)，而且在學(xué)習(xí)過(guò)程中會(huì)出現(xiàn)畏難情緒,有的學(xué)生擔(dān)心沒(méi)有美術(shù)基礎(chǔ)學(xué)不好，有的學(xué)生覺(jué)得自己的英文不好怕學(xué)不會(huì)腳本語(yǔ)言，甚至一些同學(xué)中途放棄，如果僅僅靠老師一個(gè)人的力量來(lái)幫助這些學(xué)是遠(yuǎn)不夠的。老師在開(kāi)始上課的時(shí)候，就要短時(shí)間的挖掘一些接受能力強(qiáng)的學(xué)生，并盡早組建興趣小組，讓這些興趣小組的同學(xué)在課余時(shí)間幫助其他同學(xué)，鼓勵(lì)其他同學(xué)，帶動(dòng)其他同學(xué)。同時(shí)讓每一位興趣小組成員都作為本寢室的學(xué)習(xí)組長(zhǎng)，老師有目的組織一些動(dòng)畫制作小比賽，在每個(gè)小組之間比，激發(fā)學(xué)生的集體榮譽(yù)感，也促進(jìn)學(xué)生的責(zé)任感。堅(jiān)持下來(lái)，班上的學(xué)習(xí)氛圍一定非常的高漲，相信有些不愿學(xué)的學(xué)生都會(huì)自覺(jué)的學(xué)習(xí)起來(lái)。老師這時(shí)候也要花更多的精力來(lái)關(guān)注這些學(xué)生，多多表?xiàng)钏麄兊倪M(jìn)步，從各個(gè)角度點(diǎn)評(píng)他們的作品，不斷的引導(dǎo)他們更努力的學(xué)習(xí)。

總之，教學(xué)不只是忠實(shí)地實(shí)施進(jìn)行計(jì)劃、教案的過(guò)程，而是課程建設(shè)和開(kāi)發(fā)的過(guò)程，教與學(xué)是師生之間共同的交流活動(dòng),如何讓有效性的“教”和學(xué)生自主性的“學(xué)”達(dá)到和諧統(tǒng)一,是值得我們不斷去研究和探索的。

本文來(lái)自 新動(dòng)力影視傳媒www.tmdps.cn 轉(zhuǎn)載請(qǐng)注明

第二篇：Flash動(dòng)畫教學(xué)反思

Flash教學(xué)反思

初中學(xué)生一接觸flash動(dòng)畫軟件，學(xué)習(xí)了一些基本的動(dòng)畫技巧后，就不停的想著要做一些各種各樣的動(dòng)畫效果，同學(xué)間也把制作動(dòng)畫效果最好、最多當(dāng)作一種榮譽(yù)。為了吸引學(xué)生的注意力，我在教學(xué)過(guò)程中也主要是教學(xué)生們一些動(dòng)畫效果的制作。學(xué)生們?cè)诓粩嗟姆磸?fù)練習(xí)效果制作時(shí)，時(shí)間就不知不覺(jué)過(guò)去了，等到學(xué)期結(jié)束時(shí)，學(xué)生們雖然都能拿出一些自己做的比較酷的動(dòng)畫效果來(lái)，但比來(lái)比去，總覺(jué)得不能與互聯(lián)網(wǎng)上的動(dòng)畫相比。原來(lái)，由于大家的flash繪畫技術(shù)都不太好，不能畫出一些生動(dòng)的圖畫來(lái)烘托整個(gè)動(dòng)畫，所以整個(gè)動(dòng)畫的效果總有一些讓人遺憾和美中不足，就算有的學(xué)生上網(wǎng)下載了一些flash的矢量圖，但畢竟不是自己的原創(chuàng)，不能充分體現(xiàn)自己的個(gè)性。

由于每周只有1節(jié)課，學(xué)生們不僅要學(xué)習(xí)flash軟件的使用，還要學(xué)習(xí)繪畫工具及其使用技巧，學(xué)生們的時(shí)間總是不夠用，學(xué)習(xí)的效果也不是很好。學(xué)生經(jīng)常在一節(jié)課堂上連一個(gè)人物的局部造型都未繪制完成，下課時(shí)間就到了，又要等到一周后才繼續(xù)。我就用另一種方法來(lái)補(bǔ)救，要求每位同學(xué)要定制一個(gè)自己的原創(chuàng)卡通作品形象，并把它畫在紙上，當(dāng)正式上課時(shí)要求帶上，到電腦室后再根據(jù)紙上的形象進(jìn)行繪制，而且在沒(méi)有完成一個(gè)作品前，不允許隨意更換作品形象。

慢慢的，我發(fā)現(xiàn)學(xué)生的繪畫技術(shù)有一定的進(jìn)步。以前學(xué)生們?cè)谏险n時(shí)經(jīng)常不知道自己該畫什么，常常一節(jié)課下來(lái)，涂涂改改什么也畫不好。而有了定制的形象后，學(xué)生上課時(shí)就按照紙上定制的形象進(jìn)行繪畫，繪畫的進(jìn)度明顯提高。而且由于學(xué)生平時(shí)在紙上做了卡通繪畫練習(xí)，因此對(duì)圖像的把握也準(zhǔn)了很多，畫畫的技巧在不斷的練習(xí)中逐步提高。

雖然兩節(jié)課學(xué)生們什么動(dòng)畫也沒(méi)做，只是在設(shè)計(jì)自己的動(dòng)畫原創(chuàng)形象，但這種基礎(chǔ)性練習(xí)是必須的，只有當(dāng)學(xué)生們的鼠標(biāo)繪畫技術(shù)得到逐步提高后，學(xué)生以后要制作動(dòng)畫的時(shí)候，才會(huì)有事半功倍的效果。而且，目前學(xué)生們鼠繪技術(shù)雖然有一定的進(jìn)步，但由于這是一個(gè)長(zhǎng)期練習(xí)和積累的過(guò)程，其效果不會(huì)很快就出來(lái)。不過(guò)，我相信，學(xué)生們經(jīng)過(guò)這種基礎(chǔ)訓(xùn)練后，為以后進(jìn)一步學(xué)習(xí)動(dòng)畫效果打下了良好的繪畫基礎(chǔ)。我也更堅(jiān)定了要學(xué)好flash動(dòng)畫制作就要先打好鼠標(biāo)繪畫基礎(chǔ)的重要性的教學(xué)方法。

第三篇：FLASH動(dòng)畫教學(xué)設(shè)計(jì)

篇一：《制作flash動(dòng)畫》教學(xué)設(shè)計(jì)

《制作flash動(dòng)畫》教學(xué)設(shè)計(jì) [教材分析] [教學(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é)生通過(guò)欣賞優(yōu)秀作品，激發(fā)良好的創(chuàng)作欲望和學(xué)生學(xué)習(xí)計(jì)算機(jī)的濃厚興趣； ⑵通過(guò)對(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é)生一般都接觸過(guò)網(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)畫。通過(guò)對(duì)制作過(guò)程的了解，讓學(xué)生消除動(dòng)畫制作的神秘感，激發(fā)學(xué)生學(xué)習(xí)flash動(dòng)畫制作的求知欲。[教學(xué)過(guò)程]

一、導(dǎo)入

欣賞兩段經(jīng)典flash動(dòng)畫：⑴簡(jiǎn)單愛(ài)mv⑵小小系列武打動(dòng)畫。[設(shè)計(jì)意圖]第一段動(dòng)畫讓學(xué)生欣賞豐富多彩的動(dòng)畫畫面，讓學(xué)生體會(huì)動(dòng)畫所帶來(lái)的樂(lè)趣，激發(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界面

通過(guò)角色類比導(dǎo)出元件、庫(kù)、場(chǎng)景、時(shí)間軸等概念。1.時(shí)間軸

包括“時(shí)間線”和“圖層控制區(qū)”兩部分。“時(shí)間線”可以顯示動(dòng)畫中各幀的排列順序。此對(duì)象好比是電影拍攝中所使用的劇本，“幀”則就可以看作是各個(gè)分鏡頭。2.舞臺(tái)

此對(duì)象好比電影中的舞臺(tái)一樣，在“舞臺(tái)”外面的內(nèi)容是無(wú)法看到的，所以在制作動(dòng)畫過(guò)程中把握好對(duì)象的進(jìn)出。3．工具欄

和我們之前學(xué)過(guò)的畫圖板有很多類似的地方，主要是用來(lái)繪制和修改動(dòng)畫中的對(duì)象。4．其它工具面板

這些對(duì)象就像我們拍電影時(shí)的美工一樣，對(duì)動(dòng)畫過(guò)程中的對(duì)象進(jìn)行修飾與美化。(表1)[設(shè)計(jì)意圖]簡(jiǎn)單介紹“幀”的概念，讓學(xué)生初步的了解，由于學(xué)生第一次接觸flash，不講述太多的理論內(nèi)容，所以簡(jiǎn)單地交代一下界面。類比生活中的概念，有助于學(xué)生接受flash軟件中遇到的概念，便于更深入的學(xué)習(xí)。

⑶動(dòng)畫的制作過(guò)程

師:語(yǔ)文課上我們寫記敘文六要素是什么? 生:時(shí)間、地點(diǎn)、人物、事情的起因經(jīng)過(guò)結(jié)果。

師:其實(shí)flash動(dòng)畫和它很類似,下面我們就一起來(lái)學(xué)習(xí)簡(jiǎn)單動(dòng)畫的制作方法。步驟： 1．選擇“插入”菜單下新建元件->繪制小球并設(shè)置相關(guān)屬性；

2．回到“主場(chǎng)景”打開(kāi)“庫(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ì)意圖]通過(guò)與語(yǔ)文中記敘文類比進(jìn)行引導(dǎo),拓展學(xué)生的想象空間,同時(shí)也有助于學(xué)生理解動(dòng)畫制作過(guò)程的概念。

⑷布置任務(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)畫過(guò)程遇見(jiàn)的問(wèn)題（見(jiàn)課件）。

⑹思考：如果移動(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)畫，開(kāi)發(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)作出更多的作品。篇二：flash簡(jiǎn)單動(dòng)畫制作教案 flash簡(jiǎn)單動(dòng)畫制作教案

陳英

一、教學(xué)目標(biāo)：

了解計(jì)算機(jī)動(dòng)畫制作原理和方法，掌握幾種簡(jiǎn)單動(dòng)畫的制作

二、教學(xué)對(duì)象： 09級(jí)學(xué)生

三、本此課程主要內(nèi)容

1、flash工作界面及基本操作及概念簡(jiǎn)要介紹

2、實(shí)例講解

四、教學(xué)重點(diǎn)：

1、計(jì)算機(jī)動(dòng)畫的分類；關(guān)鍵幀、空白關(guān)鍵幀的概念；

2、簡(jiǎn)單對(duì)象的移動(dòng)、變形動(dòng)畫的制作方法

五、教學(xué)難點(diǎn)：

引導(dǎo)層的制作

六、教學(xué)手段：

演示講授法，邊演示邊操作，學(xué)生同步跟隨學(xué)習(xí)。

七、教學(xué)方法：

實(shí)例講解法。即通過(guò)一個(gè)flash實(shí)例，講解其所涉及到的概念與基本技術(shù)，激勵(lì)學(xué)生學(xué)習(xí)的興趣。

八、教學(xué)主要內(nèi)容講解：

（一）、導(dǎo)入：

首先播放一段flash動(dòng)畫，該動(dòng)畫包含了本節(jié)課所要學(xué)習(xí)的主要操作內(nèi)容——對(duì)象的移動(dòng)及變形；引導(dǎo)學(xué)生了解flash動(dòng)畫，并激發(fā)其學(xué)習(xí)flash動(dòng)畫制作的激情。

（二）、基本概念講解：

1、元件：一個(gè)位圖、矢量圖形、音樂(lè)片斷或是一段獨(dú)立的flash動(dòng)畫（好比是演員），通俗的講就是對(duì)象作為一個(gè)模塊,在不同幀中重復(fù)使用.這樣的好處在于因?yàn)榭梢栽谥貜?fù)使用，減小了flash的體積便于傳輸，也減小了flash制作者的工作量。元件都被放置在庫(kù)中，使用時(shí)只用將其拖放到場(chǎng)景中即可，在場(chǎng)景中只能對(duì)其位置和形狀進(jìn)行編輯，如果要對(duì)元件進(jìn)行編輯，需要切換到元件編輯狀態(tài)。元件分為：圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動(dòng)態(tài)或者靜態(tài)的圖片元件，電影剪輯是flash小片段，按鈕就是具有一定圖形功能的按鈕圖形了。

庫(kù)：存放動(dòng)畫元件的地方（好比是一場(chǎng)戲的后臺(tái)）

2、場(chǎng)景：動(dòng)畫的表現(xiàn)場(chǎng)所（好比是舞臺(tái)）

3、時(shí)間軸：動(dòng)畫制作的最重要的區(qū)域，是編輯動(dòng)畫的工作臺(tái)，是加工動(dòng)畫的流水線，包括了層編輯區(qū)、幀編輯區(qū)和時(shí)間線。（好比是劇本）

我們要制作一個(gè)動(dòng)畫，就好比是在導(dǎo)演一出戲，需要找好演員（制作好元件），置于后臺(tái)（放在庫(kù)里），然后把演員放在舞臺(tái)上（把元件放在場(chǎng)景上），讓演員照著劇本演出（在時(shí)間線上設(shè)置開(kāi)始、結(jié)束時(shí)的狀態(tài)，生成動(dòng)畫）。

4、幀：就是時(shí)間軸上的小格子，一幀其實(shí)就是一幅圖，是構(gòu)成動(dòng)畫的基本單位。可分為關(guān)鍵幀、空白關(guān)鍵幀和過(guò)渡幀。

5、關(guān)鍵幀：是動(dòng)畫演示的基礎(chǔ)，可以放入各種對(duì)象~聲音、圖片、按鈕、視頻等等，所有這些都只能放置到關(guān)鍵幀上，如果沒(méi)有關(guān)鍵幀,就沒(méi)有動(dòng)畫。兩個(gè)關(guān)鍵幀之間可以做補(bǔ)間動(dòng)畫，這樣兩個(gè)關(guān)鍵幀就可以確定物體移動(dòng)的兩個(gè)關(guān)鍵點(diǎn)。關(guān)鍵幀用含有實(shí)心圓圈的方格表示。

6、空白關(guān)鍵幀：這個(gè)關(guān)鍵幀在場(chǎng)景上什么都沒(méi)有（不包括聲音和代碼），用含有空心圓圈的方格表示；如果加入對(duì)象后自動(dòng)變?yōu)殛P(guān)鍵幀。

兩個(gè)關(guān)鍵幀之間帶粉紅色有長(zhǎng)線箭頭標(biāo)志的幀：漸變動(dòng)畫~也叫補(bǔ)間動(dòng)畫，能讓一個(gè)物體在這段幀之間作出來(lái)，漸變移動(dòng)的效果(可以改變透明度等等)。

兩個(gè)關(guān)鍵幀之間帶綠色有長(zhǎng)線箭頭標(biāo)志的幀：形變動(dòng)畫~第一幀的動(dòng)畫到最后一幀的時(shí)候可以變化出另外一種圖形、形狀。

（三）、基本操作講解

1、移動(dòng)動(dòng)畫的制作

“插入”菜單欄à“新建元件”à設(shè)置名稱”c1”,行為”圖形”，點(diǎn)“確定”à點(diǎn)“工具”面板里的“橢圓工具”à設(shè)置“橢圓工具”的相關(guān)屬性（包括筆觸顏色、粗細(xì)、樣式及填充顏色）à繪制橢圓（如果要繪制圓，請(qǐng)按住“shift”）à點(diǎn)擊“場(chǎng)景1”，回到場(chǎng)景里à點(diǎn)擊“窗口”菜單欄，選擇“庫(kù)”（可看到“庫(kù)”窗口被打開(kāi)，剛才建立的c1元件在庫(kù)里）à點(diǎn)擊“時(shí)間軸”里的第1幀，把“庫(kù)”里的c1拖到場(chǎng)景的左邊à點(diǎn)擊“時(shí)間軸”里的第20幀，點(diǎn)擊右鍵，選擇“插入關(guān)鍵幀”（可在時(shí)間軸上看到第20幀處有“·”）à把剛才的對(duì)象從左邊拖到右邊à在時(shí)間軸第20幀以前的任意一幀點(diǎn)擊左鍵，在屬性面板里的“補(bǔ)間”后的下拉列表里選擇“動(dòng)作”，即可看到從第1幀到第20幀的時(shí)間軸背景為粉紅色并有一條帶箭頭的實(shí)線à回車，欣賞剛才制作好的動(dòng)畫。

2、關(guān)鍵幀動(dòng)畫：先行設(shè)計(jì)出若干關(guān)鍵性動(dòng)作的圖像畫面，然后利用計(jì)算機(jī)圖形技術(shù)的算法來(lái)自動(dòng)生成兩個(gè)關(guān)鍵幀之間的一系列過(guò)渡畫面。flash動(dòng)畫主要就是運(yùn)用關(guān)鍵幀動(dòng)畫技術(shù)，比如我們剛才的這個(gè)“移動(dòng)動(dòng)畫”的制作。

3、運(yùn)動(dòng)路徑動(dòng)畫：首先確定運(yùn)動(dòng)對(duì)象的移動(dòng)軌跡，并設(shè)定在移動(dòng)過(guò)程中對(duì)象需要改變的旋轉(zhuǎn)方向、色彩及形狀等參數(shù)，軟化將整個(gè)運(yùn)動(dòng)過(guò)程交給計(jì)算機(jī)來(lái)完成。

4、變形動(dòng)畫：適合模擬形狀變化頻繁的任務(wù)、動(dòng)物和自然現(xiàn)象，主要用于表現(xiàn)模擬自然或生活中實(shí)際的動(dòng)作，或科幻電影中虛幻、夸張的動(dòng)作（如電影《功夫》、《少林足球》等里面的夸張動(dòng)作）。

5、物理模型動(dòng)畫：基于物理模型技術(shù)的三維動(dòng)畫制作，需要從外形、顏色、燈光、紋理、材質(zhì)等多方面模擬真實(shí)物理的各種物理屬性（如cctv6里《光影周刊》的虛擬主持人小龍）。

6、逐幀動(dòng)畫：通過(guò)一幀幀地繪制，并按先后順序排列在時(shí)間軸上通過(guò)順序播放達(dá)到的動(dòng)畫效果。

說(shuō)明：

學(xué)生根據(jù)老師剛才的演示，自行練習(xí)移動(dòng)動(dòng)畫的制作（3-5分鐘）。

學(xué)生記住flash原始文件和flash影片的擴(kuò)展名（分別為fla和swf）。

（四）、實(shí)例講解——flash引導(dǎo)線制作雪花飄飄動(dòng)畫

1、新建一個(gè)flash影片。設(shè)背景為“黑色”，其他的用默認(rèn)值。

2、按ctrl+f8新建一個(gè)組件，類型為“影片剪輯”，命名為“雪花”。在它的正中用“鉛筆”工具畫一個(gè)不規(guī)則的多邊形，然后用“顏料桶工具”將它填上白色。（如圖1-1所示）

3、再用ctrl+f8建一個(gè)組件，類型為“影片剪輯”，命名為“前層”。

4、將組件“雪花”拖到其中，用“選定工具”中的“比例”功能把它縮小（小技巧：先用“放大鏡”將它放大，然后再用“比例”功能，可縮得更小）。在第80幀上“插入關(guān)鍵幀”，在“圖層1”上用鼠標(biāo)右鍵的“添加引導(dǎo)線”功能（見(jiàn)圖1-2）。

在新增加的“引導(dǎo)線：圖層1”的第1幀上，從“雪花”開(kāi)始，畫一條彎曲的曲線。將第80幀上的“雪花”沿曲線從頭拖到曲線的末尾。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵，選“創(chuàng)見(jiàn)動(dòng)畫動(dòng)作”功能，見(jiàn)圖1-3。

5、第4步是制作一片雪花，下雪不是只下一片的吧。插入圖層，將第4步重復(fù)做10次。做好后的效果見(jiàn)圖1-4。

6、把第3至5步重復(fù)做兩次，不同之處是組件的命名分別為“中層”和“后層”。“雪花”的大小和“引導(dǎo)線”的路徑不要一樣。這是為了多做幾個(gè)圖層，看起來(lái)效果細(xì)膩一點(diǎn)。

按ctrl+enter就可以看到效果了。篇三：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é)過(guò)程：

一、界面環(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)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。

（筆觸顏色）按鈕：用于給線著色，也叫作描繪顏色。（填充色）按鈕：用于給填充著色。

（從左到右分別是：黑白、沒(méi)有顏色和交換顏色）按鈕：?jiǎn)螕簟昂诎住卑粹o，可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)（筆觸顏色為黑色，填充色為白色）。在選擇了橢圓或矩形工具后，“沒(méi)有顏色”按鈕才有效，變?yōu)椋瑔螕羲梢栽跊](méi)有顏色和有顏色之間切換。單擊“交換顏色”按鈕，可以使筆觸顏色與填充色互換。（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)大小（頂點(diǎn)越小，星形越尖）

2、設(shè)置填充色為放射性，無(wú)邊線

3、開(kāi)始畫星形。

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é)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。

4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。

教學(xué)重點(diǎn)：

1、掌握空心文字、投影文字、點(diǎn)框文字、彩虹文字、金屬文字、雪花文字的制作

教學(xué)難點(diǎn)： 復(fù)雜遮照的創(chuàng)建。教學(xué)過(guò)程：

一、點(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é)過(guò)程：

一、導(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)鍵幀是沒(méi)有包含舞臺(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)用中需注意的問(wèn)題

① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動(dòng)畫文件的體積；

② 盡量避免在同一幀處過(guò)多的使用關(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)畫，一般通過(guò)調(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)鍵幀完成，即從淡入到淡出的過(guò)程，即全透明－－不透明－－全透明的設(shè)置過(guò)程。

例如：以下例子中星星，就是用影片元件來(lái)完成的。

4、旋轉(zhuǎn)動(dòng)畫：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實(shí)例，即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(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)、透明度等。

第四篇：flash簡(jiǎn)單動(dòng)畫教案

小試身手——簡(jiǎn)單動(dòng)畫

第一節(jié) 步步為營(yíng)——逐幀動(dòng)畫

一、教學(xué)目標(biāo): 知識(shí)目標(biāo)：

1.創(chuàng)建逐幀動(dòng)畫的幾種方法教學(xué) 2.簡(jiǎn)單動(dòng)畫的制作方法 能力目標(biāo)

學(xué)會(huì)用繪制的圖形來(lái)制作“逐幀動(dòng)畫 情感目標(biāo)

體會(huì)創(chuàng)作的樂(lè)趣，進(jìn)一步培養(yǎng)制作動(dòng)畫的興趣；培養(yǎng)學(xué)生創(chuàng)新能力與探究問(wèn)題的能力；培養(yǎng)創(chuàng)造性思維能力。

二、教學(xué)重點(diǎn)與難點(diǎn): 簡(jiǎn)單動(dòng)畫的制作方法

三、教學(xué)方法: 演示教學(xué)法

四、教學(xué)手段與教學(xué)媒體 多媒體網(wǎng)絡(luò)教室。

五、教學(xué)課時(shí): 2課時(shí)

六、教學(xué)過(guò)程: 導(dǎo)入：

從本單元起，我們將逐漸給大家介紹Flash中的五種常見(jiàn)的動(dòng)畫形式：逐幀動(dòng)畫、形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、遮罩動(dòng)畫、引導(dǎo)線動(dòng)畫。本節(jié)著重介紹逐幀動(dòng)畫（FrameBy Frame），這是一種常見(jiàn)的動(dòng)畫手法，它的原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫動(dòng)作，也就是每一幀中的內(nèi)容不同，連續(xù)播放而成動(dòng)畫。由于逐幀動(dòng)畫的幀序列內(nèi)容不一樣，不僅增加制作負(fù)擔(dān)而且最終輸出的文件量也很大，但它的優(yōu)勢(shì)也很明顯：因?yàn)樗嗨婆c電影播放模式，很適合于表演很細(xì)膩的動(dòng)畫，如3D效果、人物或動(dòng)物急劇轉(zhuǎn)身等等效果。

1．逐幀動(dòng)畫的概念和在時(shí)間幀上的表現(xiàn)形式 在時(shí)間幀上逐幀繪制幀內(nèi)容稱為逐幀動(dòng)畫，由于是一幀一幀的畫，所以逐幀動(dòng)畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。

逐幀動(dòng)畫在時(shí)間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀。

逐幀動(dòng)畫

2．創(chuàng)建逐幀動(dòng)畫的幾種方法

（1）用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫

用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入Flash中，就會(huì)建立一段逐幀動(dòng)畫。

（2）繪制矢量逐幀動(dòng)畫

用鼠標(biāo)或壓感筆在場(chǎng)景中一幀幀的畫出幀內(nèi)容。

（3）文字逐幀動(dòng)畫

用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。

（4）導(dǎo)入序列圖像

可以導(dǎo)入gif序列圖像、swf動(dòng)畫文件或者利用第3方軟件（如swish、swift 3D等）產(chǎn)生的動(dòng)畫序列。3．繪圖紙功能（1）繪畫紙的功能

繪畫紙是一個(gè)幫助定位和編輯動(dòng)畫的輔助功能，這個(gè)功能對(duì)制作逐幀動(dòng)畫特別有用。通常情況下，F(xiàn)lash 在舞臺(tái)中一次只能顯示動(dòng)畫序列的單個(gè)幀。使用繪畫紙功能后，你就可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀了。

如圖3-2-2所示，這是使用繪畫紙功能后的場(chǎng)景，可以看出，當(dāng)前幀中內(nèi)容用全彩色顯示，其它幀內(nèi)容以半透明顯示，它使我們看起來(lái)好像所有幀內(nèi)容是畫在一張半透明的繪圖紙上，這些內(nèi)容相互層疊在一起。當(dāng)然，這時(shí)你只能編輯當(dāng)前幀的內(nèi)容。（2）繪圖紙各個(gè)按鈕的介紹

1、繪圖紙外觀按鈕 按下此按鈕后，在時(shí)間幀的上方，出現(xiàn)

繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍。

2、繪圖紙外觀輪廓 按下此按鈕后，場(chǎng)景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對(duì)象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過(guò)程。3.3、繪圖紙顯示多幀按鈕，按下后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時(shí)編輯”。

4、修改繪圖紙標(biāo)記 按下后，彈出菜單，菜單中有以下選項(xiàng)：

“總是顯示標(biāo)記”選項(xiàng)會(huì)在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記，無(wú)論繪圖紙外觀是否打開(kāi)。“錨定繪圖紙外觀標(biāo)記”選項(xiàng)會(huì)將繪圖紙外觀標(biāo)記鎖定在它們?cè)跁r(shí)間軸標(biāo)題中的當(dāng)前位置。通常情況下，繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過(guò)錨定繪圖紙外觀標(biāo)記，可以防止它們隨當(dāng)前幀的指針移動(dòng)。“繪圖紙 2”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示兩個(gè)幀。“繪圖紙 5”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示五個(gè)幀。“繪制全部”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示全部幀。

上面，我們?nèi)娼榻B了逐幀動(dòng)畫的特點(diǎn)和創(chuàng)建方法，現(xiàn)在，我們來(lái)動(dòng)手制作二個(gè)逐幀動(dòng)畫實(shí)例，以加深對(duì)逐幀動(dòng)畫的認(rèn)識(shí)。

第2課時(shí) 組織教學(xué) 復(fù)習(xí)提問(wèn)

上節(jié)課所學(xué)的內(nèi)容。奔跑的豹子

茫茫雪原上，有一只矯健的豹子在奔跑跳躍，這是一個(gè)利用導(dǎo)入連續(xù)位圖而創(chuàng)建的逐幀動(dòng)畫.1、創(chuàng)建影片文檔

執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后，點(diǎn)擊【確定】按鈕，新建一個(gè)影片文檔，在【屬性】面板上設(shè)置文件大小為400*260象素，【背景色】為白色，如圖 3-2-4所示。

2、創(chuàng)建背景圖層

選擇第一幀，執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令，將本實(shí)例中的名為“雪景.bmp”圖片導(dǎo)入到場(chǎng)景中。在第8幀按F5，加過(guò)渡幀使幀內(nèi)容延續(xù)。

3、導(dǎo)入gif動(dòng)畫

新建一層，選擇第一幀，執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令，將本教程中的“奔跑的豹子”系列圖片導(dǎo)入。此時(shí)，會(huì)彈出一個(gè)對(duì)話框，如圖3-2-5所示。

選擇【是】按鈕，F(xiàn)lash 會(huì)自動(dòng)把gif中的圖片序列按序以逐幀形式導(dǎo)入場(chǎng)景的左上角，如圖3-2-7所示。導(dǎo)入的gif動(dòng)畫在場(chǎng)景的上方形成幀幀動(dòng)畫

導(dǎo)入后的動(dòng)畫序列，它們被Flash自動(dòng)分配在8個(gè)關(guān)鍵幀中。、調(diào)整對(duì)象位置

此時(shí)，時(shí)間幀區(qū)出現(xiàn)連續(xù)的關(guān)鍵幀，從左向右拉動(dòng)播放頭，就會(huì)看到一頭勇猛的豹子在向前奔跑，但是，被導(dǎo)入的動(dòng)畫序列位置尚未處于我們需要的地方，缺省狀況下，導(dǎo)入的對(duì)象被放在場(chǎng)景坐標(biāo)“0，0”處，我們必須移動(dòng)它們。

你當(dāng)然可以一幀幀調(diào)整位置，完成一幅圖片后記下其坐標(biāo)值，再把其它圖片設(shè)置成相同坐標(biāo)值，如果你有足夠耐性和時(shí)間，也無(wú)妨，那么，我們何不試試“多幀編輯”功能呢？

先把“雪景”圖層加鎖，然后按下時(shí)間軸面板下方的【繪圖紙顯示多幀】按鈕

，再單擊【修改繪圖紙標(biāo)記】按鈕，在彈出的菜單中選擇【顯示全部】選項(xiàng).最后執(zhí)行【編輯】|【全選】命令，此時(shí)時(shí)間軸和場(chǎng)景效果如圖3-2-10所示。

用鼠標(biāo)左鍵按住場(chǎng)景左上方的豹子拖動(dòng)，就可以一次把8幀中的圖片一次全移動(dòng)到場(chǎng)景中了。

5、設(shè)置標(biāo)題文字

在場(chǎng)景中新建一個(gè)圖層，單擊工具欄上的文字工具按鈕

,設(shè)置【屬性】面板上的文本參數(shù)如下，【文本類型】為靜態(tài)文本；【字體】為隸書；【字體大小】35；【顏色】為深藍(lán)色。如圖 3-2-11所示。

在文本框輸入“奔跑的豹子”五個(gè)字，居中放置。

6、測(cè)試存盤

執(zhí)行【控制】|【測(cè)試影片】命令，觀察本例swf文件生成的動(dòng)畫有無(wú)問(wèn)題，如果滿意，執(zhí)行【文件】|【保存】命令，將文件保存成“奔跑的豹子.fla”文件存盤，如果要導(dǎo)出Flash的播放文件，執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“奔跑的豹子.swf”文件。教學(xué)后記：

第五篇：《FLASH動(dòng)畫》教案

Flash動(dòng)畫教案

第一章 網(wǎng)頁(yè)設(shè)計(jì)制作概述

授課時(shí)數(shù)：2 理論講授：1 教學(xué)目的和任務(wù)：

通過(guò)分析國(guó)內(nèi)外優(yōu)秀動(dòng)畫作品，了解動(dòng)畫的發(fā)展和歷史。欣賞不同國(guó)家動(dòng)畫片的特色，以及學(xué)院派和商業(yè)派的不同。確立今后的學(xué)習(xí)目的。

教學(xué)重點(diǎn)： 欣賞動(dòng)畫片分析學(xué)院派動(dòng)畫和商業(yè)動(dòng)畫的區(qū)別以及目的。思考傳統(tǒng)動(dòng)畫轉(zhuǎn)嫁到當(dāng)今時(shí)代的無(wú)市動(dòng)畫的優(yōu)勢(shì)和缺點(diǎn)。

教學(xué)方法：講授、示范、課堂作業(yè)評(píng)解與逐一輔導(dǎo)。教學(xué)過(guò)程（內(nèi)容、方法、步驟）： 動(dòng)畫在長(zhǎng)時(shí)間的發(fā)展至今的形式以及傳播的方式 個(gè)人動(dòng)畫與團(tuán)體動(dòng)畫的區(qū)別 動(dòng)畫周邊

第二章 認(rèn)識(shí)flash 授課時(shí)數(shù)：6 理論講授：1

教學(xué)目標(biāo)：要求學(xué)生掌握f(shuō)lash軟件的基本特征以及和其他軟件的區(qū)別。

重點(diǎn)：動(dòng)畫中時(shí)間的掌握

難點(diǎn)：楨的概念以及圖符號(hào)的理論

教學(xué)方法：理論講授與實(shí)踐指導(dǎo)

教學(xué)過(guò)程：不斷演示flash軟件的基本操作

一、界面環(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)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。

（筆觸顏色）按鈕：用于給線著色，也叫作描繪顏色。（填充色）按鈕：用于給填充著色。

（從左到右分別是：黑白、沒(méi)有顏色和交換顏色）按鈕：?jiǎn)螕簟昂诎住卑粹o，可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)（筆觸顏色為黑色，填充色為白色）。在選擇了橢圓或矩形工具后，“沒(méi)有顏色”按鈕才有效，變?yōu)椋瑔螕羲梢栽跊](méi)有顏色和有顏色之間切換。單擊“交換顏色”按鈕，可以使筆觸顏色與填充色互換。

（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)大小（頂點(diǎn)越小，星形越尖）

2、設(shè)置填充色為放射性，無(wú)邊線

3、開(kāi)始畫星形。

4、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉。

5、使用直線工具畫眼、嘴。（注意：用選擇工具調(diào)整其曲線度，利用變形工具作旋轉(zhuǎn)）

第三章

Flash工作區(qū) 使用元件、實(shí)例和庫(kù)資源

授課時(shí)數(shù)：7 理論講授：1

教學(xué)目標(biāo)：掌握f(shuō)lash軟件的工作區(qū)中不同菜單欄里的特性。

重點(diǎn)：不同工做區(qū)的劃分以及軟件自身不同工作的位子

難點(diǎn)：將flash與其他平面軟件比較找出相似的地方

教學(xué)方法：觀察法、對(duì)比法、練習(xí)法

教學(xué)過(guò)程：

Flash時(shí)間楨的掌握，在不斷演示中將flash軟件制作的基本流程

一、動(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)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。

4、普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。

5、以上四種幀的區(qū)別

① 1）關(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)用中需注意的問(wèn)題

① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動(dòng)畫文件的體積；

② 盡量避免在同一幀處過(guò)多的使用關(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、旋轉(zhuǎn)動(dòng)畫：

一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實(shí)例，即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫設(shè)定只需二個(gè)關(guān)鍵幀。

例如：拖影文字

操作步驟： ①建立文字元件。

②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動(dòng)畫”補(bǔ)間，旋轉(zhuǎn)為1次。

②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀。

③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要調(diào)整透明度。

3、直線運(yùn)動(dòng)動(dòng)畫：任何對(duì)象都可以設(shè)置直線動(dòng)畫，只需二個(gè)關(guān)鍵幀

4、漸變運(yùn)動(dòng)動(dòng)畫

① 淡入、淡出動(dòng)畫：使用實(shí)例才能完成此項(xiàng)動(dòng)畫，一般通過(guò)調(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)鍵幀完成，即從淡入到淡出的過(guò)程，即全透明－－不透明－－全透明的設(shè)置過(guò)程。

例如：以下例子中星星，就是用影片元件來(lái)完成的。

作

業(yè)： 思考不同簡(jiǎn)單重復(fù)動(dòng)做的制作，繪制不同動(dòng)作的圖形以及在不同時(shí)間上所出現(xiàn)的形態(tài)

要

求： 掌握時(shí)間在動(dòng)畫制作中的重要性，加速與減速。

第四章

Flash動(dòng)畫基礎(chǔ)

授課時(shí)數(shù)：5 理論講授：3

教學(xué)目標(biāo)：在動(dòng)畫表現(xiàn)種以每秒為單位，掌握不同類型動(dòng)畫的楨頻以及原畫和過(guò)度畫的區(qū)別。

重點(diǎn)：在傳播途徑中動(dòng)畫的楨頻的不同決定了單位每秒的不同。

難點(diǎn)：flash軟件中時(shí)間軸和關(guān)鍵楨的理解。

教學(xué)方法：觀察法、對(duì)比法、練習(xí)法

教學(xué)過(guò)程：

Flash時(shí)間楨的掌握，在不斷演示中將flash軟件制作的基本流程給學(xué)生做大致的介紹

復(fù)習(xí)鞏固：

1、直線動(dòng)畫：二個(gè)關(guān)鍵幀，對(duì)象有位移。

2、旋轉(zhuǎn)動(dòng)畫：二個(gè)關(guān)鍵幀，對(duì)象是元件就可實(shí)現(xiàn)自轉(zhuǎn)，自轉(zhuǎn)時(shí)要注意中心點(diǎn)的確立。

3、漸變動(dòng)畫：二個(gè)關(guān)鍵幀，必須是元件才可實(shí)現(xiàn)色調(diào)、透明色的變化。

4、幀幀動(dòng)畫：整個(gè)動(dòng)畫是由多個(gè)關(guān)鍵幀排列完成的，一般有二類，即逐幀動(dòng)畫，或閃爍動(dòng)畫（中間帶空幀）。

作

業(yè)： 用繪制圖符的辦法繪制不同圖形，人物 植物 動(dòng)物

要

求： 在掌握基本變形處理的基礎(chǔ)上做到適當(dāng)夸張變形處理。

第五章 交 互 動(dòng) 畫 入 門

教學(xué)任務(wù)：

1、掌握按鈕制作技巧（基礎(chǔ)）

2、了解動(dòng)作腳本入門及控制影片方法（提高）

3、學(xué)會(huì)幾個(gè)常用動(dòng)作函數(shù)（基礎(chǔ)）

教學(xué)重點(diǎn)：掌握按鈕制作技巧和幾個(gè)常用動(dòng)作函數(shù)

教學(xué)難點(diǎn)：幾個(gè)常用動(dòng)作函數(shù)

教學(xué)方法：講解、演示

教學(xué)手段：多媒體輔助教學(xué)

教學(xué)課時(shí)：3課時(shí)

教學(xué)過(guò)程：

一、交互動(dòng)畫的概念

能夠產(chǎn)生畫面跳轉(zhuǎn)變化或者執(zhí)行相應(yīng)的程序，來(lái)控制這個(gè)對(duì)象的移動(dòng)、變色、變形等一些特等任務(wù)的動(dòng)畫。

1、背景層的創(chuàng)建： ①設(shè)定場(chǎng)景色

②用鋼筆工具勾勒一個(gè)上邊為曲線的多邊形。

③復(fù)制曲線。

2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建：

運(yùn)動(dòng)引導(dǎo)層的作用：該層中專門用來(lái)放置物體運(yùn)動(dòng)的軌跡，軌跡一般用線條描述，而在運(yùn)動(dòng)引導(dǎo)層中的線條在實(shí)際導(dǎo)出成SWF文件時(shí)是不可見(jiàn)。

使用的方法：要使用軌跡的對(duì)象必須獨(dú)立地放在引導(dǎo)層的下方圖層中，運(yùn)動(dòng)的對(duì)象其關(guān)鍵幀必須完全吸附在軌跡上。如圖：第一關(guān)鍵幀的定點(diǎn)

第二關(guān)鍵幀的定點(diǎn)

3、制作技巧：

①引導(dǎo)層一旦建立完成后應(yīng)將其鎖定

②對(duì)運(yùn)動(dòng)對(duì)象定位時(shí)最好打開(kāi)“帖緊至對(duì)象”工具，這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大。

二、交互動(dòng)畫的組成

事件、動(dòng)作 事件是觸發(fā)動(dòng)作的信號(hào)，動(dòng)作是事件的結(jié)果。

1、水泡的制作

透明度為0，2，100

水泡的顏色調(diào)板：白色

2、浮起的水泡制作（影片元件）

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)方向。

三、按鈕的制作（重點(diǎn)）

① 自制按鈕

[插入]/[新建元件]/[按鈕] ②公用庫(kù)中的按鈕

[窗口]/[其他面板]/[公用庫(kù)]/[相應(yīng)按鈕] 制作按鈕的步驟

1、新建一個(gè)FLASH文件。

2、插入－－新元件－－按鈕。

3、“彈起”是指按鈕的基本樣式。

4、“經(jīng)過(guò)”是指鼠標(biāo)移到按鈕上的按鈕樣式。

5、“按下”是指鼠標(biāo)按下后的按鈕樣式。

6、“點(diǎn)擊”是指按鈕可點(diǎn)擊的范圍

7、如果要制作透明按鈕，僅在“點(diǎn)擊”畫出點(diǎn)范圍即可。

制作以下實(shí)例

1、基本按鈕

分析：

1、彈起：二個(gè)圖片元件

2、經(jīng)過(guò)：與彈起時(shí)的一個(gè)圖片元件相同，在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片元件。

3、按下：“謝謝”圖片元件

練習(xí)：制作一個(gè)帶有以下動(dòng)畫效果的按鈕

四、常用動(dòng)作函數(shù)

① Stop():用來(lái)控制動(dòng)畫的與幀停止

② Play():用來(lái)控制動(dòng)畫的播放

③ GotoAndPlay():用來(lái)控制動(dòng)畫中場(chǎng)景和幀的跳轉(zhuǎn) 按鈕的點(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)過(guò)按鈕時(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)過(guò)按鈕時(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í)候，并沒(méi)有激發(fā)播放動(dòng)作，而是當(dāng)鼠標(biāo)左鍵放開(kāi)的時(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)作

通過(guò)這個(gè)例子我們知道，當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開(kāi)后，觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件，大家可以利用on的這個(gè)事件來(lái)制作游戲。

4、rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上，完整的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)指針從按鈕上滑過(guò)的時(shí)候，動(dòng)畫就開(kāi)始執(zhí)行播放動(dòng)作了，而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板，非常簡(jiǎn)單有效。

5、rollOver 鼠標(biāo)指針滑過(guò)按鈕。制作方法同上，完整的as語(yǔ)句為：

on(rollOut){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)時(shí)執(zhí)行下面動(dòng)作。Play(): //按鈕響應(yīng)播放動(dòng)作。}

如圖所示。

rollOut動(dòng)作

滑離與滑過(guò)并不是相同的，滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)以后開(kāi)始響應(yīng)，而滑過(guò)是指只要鼠標(biāo)滑到按鈕上，就開(kāi)始執(zhí)行動(dòng)作。

6、dragOut 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕區(qū)域。完整的as是：

on(Drag Out){ //當(dāng)鼠標(biāo)拖過(guò)的時(shí)候執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作。}

如圖所示。

dragOver動(dòng)作

拖過(guò)的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放，移出按扭區(qū)，再移回按鈕上釋放的事件。注意：此例中是一個(gè)文字按鈕，在做文字按鈕的時(shí)候，應(yīng)在文字的下方用一透明方塊，以增加按鈕的反應(yīng)區(qū)域，或者在按鈕的第4幀繪制一個(gè)矩形來(lái)增加反映區(qū)。

7、dragOver 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕，再滑回此按鈕。完整的as是：

on(dragOut){ //當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }

如圖所示。

dragOut動(dòng)作

拖離與拖過(guò)有所不同，只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他于滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。

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)作 }

如圖所示。

keyPress動(dòng)作

注 意 ——在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層，這樣便于修改。

提 示 ——on為按鈕上的動(dòng)作，所以我們必須首先要選中按鈕，以后才可以添加on語(yǔ)句。有的朋友在論壇里面提問(wèn)，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒(méi)有選中按鈕。

技 巧 ——在一般flash作品中，大家不會(huì)有意區(qū)分這些on的功能的，一般采用默認(rèn)的語(yǔ)句。如果沒(méi)有特殊說(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ā)揮他們的功能。

小結(jié)： 按鈕的制作

常用動(dòng)作函數(shù)

上機(jī)實(shí)習(xí)：

一、自制播放與暫停按鈕

二、用公用庫(kù)中的按鈕制作播放與暫停

三、制作一簡(jiǎn)單的文字移動(dòng)動(dòng)畫，并使用上面的按鈕及stop()和Play()代碼控制動(dòng)畫的播放與停止。

四、制作多個(gè)場(chǎng)景（大余2個(gè)），并用按鈕及GotoAndPlay命令實(shí)現(xiàn)場(chǎng)景之間的跳轉(zhuǎn)。

第六章

交互的Flash 動(dòng)畫

授課時(shí)數(shù)：44 理論講授：6

教學(xué)目標(biāo)：在了解二維動(dòng)畫的基礎(chǔ)上，加強(qiáng)對(duì)鏡頭理解的處理，故事的敘述以及環(huán)境的渲染。

重點(diǎn)：如何將簡(jiǎn)單的圖形動(dòng)起來(lái)，如何將動(dòng)起來(lái)的圖形做到故事性趣味性。

難點(diǎn)：flash軟件中綜合所有的方法。

教學(xué)方法：觀察法、對(duì)比法、練習(xí)法

教學(xué)過(guò)程：

Flash軟件中實(shí)現(xiàn)不同動(dòng)作的制作，圖層的重要性以及關(guān)鍵楨的運(yùn)用，錯(cuò)層和交叉關(guān)鍵楨的作用。動(dòng)作與聲音的配合。

一、“下雨”與“下雪”的制作

1、制作一個(gè)影片元件：一滴雨水滴落的過(guò)程（四個(gè)關(guān)鍵幀）

雨滴落下

水圈擴(kuò)大

2、“下雨”的代碼： 第一關(guān)鍵幀上的代碼：

第三關(guān)鍵幀上的代碼：

（二）動(dòng)畫的制作：

1、制作一個(gè)圖處元件：雪片

2、制作一個(gè)影片元件：一片雪花飄落的過(guò)程（引導(dǎo)層）

3、“下雪”的代碼： 第一關(guān)鍵幀上的代碼：

第二關(guān)鍵幀上的代碼：

第三關(guān)鍵幀上的代碼：

制作并講解上一節(jié)課的作業(yè)縱向百葉窗。

知識(shí)點(diǎn)： ①分散到圖層。②直線動(dòng)畫的制作。③關(guān)鍵幀的復(fù)制。④遮照的使用。

二、制作跑車廣告

1、準(zhǔn)備工作，試著制作下列圖案

2、查看跑車廣告

3、分析跑車廣告的元件及圖層 ①數(shù)字計(jì)時(shí)：幀幀動(dòng)畫

②遮照效果：遮照層：動(dòng)畫層（形狀補(bǔ)間的變形動(dòng)畫、）被遮照層：清晰跑車 背景層：模糊跑車

③落下帷幕：縮放動(dòng)畫、變形動(dòng)畫。

4、時(shí)間軸參考