第一篇:動(dòng)畫制作(動(dòng)畫基礎(chǔ)知識(shí) 教案)
動(dòng)畫制作(動(dòng)畫基礎(chǔ)知識(shí) 教案)
新聞來(lái)源:信息技術(shù)組
瀏覽次數(shù):219次
提交時(shí)間:2008-12-17
教學(xué)目標(biāo):
【知識(shí)與技能目標(biāo)】
(1)了解動(dòng)畫制作的原理及動(dòng)畫技術(shù)的發(fā)展歷程與現(xiàn)狀。
(2)學(xué)會(huì)從網(wǎng)上下載計(jì)算機(jī)動(dòng)畫的常用方法。
(3)了解制作動(dòng)畫的常用軟件,會(huì)用Ulead GIF Animator制作簡(jiǎn)單的GIF動(dòng)畫。
(4)理解動(dòng)畫技術(shù)是人類文明的傳承和智慧的結(jié)晶。
【過程與方法】
借助動(dòng)畫軟件將動(dòng)畫分解成一組彼此相關(guān)的圖片,幫助學(xué)生理解動(dòng)畫的原理;學(xué)生親手用動(dòng)畫軟件制作一幅動(dòng)畫,感受計(jì)算機(jī)動(dòng)畫技術(shù)的優(yōu)越性,同時(shí)獲得動(dòng)畫制作中的相關(guān)知識(shí),為進(jìn)一步學(xué)習(xí)打下基礎(chǔ)。
【情感態(tài)度與價(jià)值觀】
通過對(duì)動(dòng)畫原理和發(fā)展歷程的了解,認(rèn)識(shí)動(dòng)畫不僅是一種技術(shù),更是一種文化藝術(shù);通過對(duì)動(dòng)畫素材的下載,增加獲取信息的能力和欣賞動(dòng)畫的素養(yǎng);通過對(duì)動(dòng)畫制作軟件的了解和制作動(dòng)畫的嘗試,建立學(xué)習(xí)動(dòng)畫制作的興趣。
教學(xué)方法:
演示講授法、實(shí)驗(yàn)學(xué)習(xí)。
重難點(diǎn):
重點(diǎn):動(dòng)畫原理的理解。難點(diǎn):GIF動(dòng)畫的制作。
教學(xué)過程:
【導(dǎo)入】
動(dòng)畫有著悠久的歷史,我國(guó)民間的走馬燈和皮影戲,就是動(dòng)畫的一種古老表現(xiàn)形式。國(guó)產(chǎn)動(dòng)畫片《大鬧天空》中“孫悟空”的形象聞名世界,“米老鼠”、“唐老鴨”等動(dòng)畫形象也深受大眾的喜愛。現(xiàn)代科學(xué)技術(shù)的發(fā)展為動(dòng)畫注入了新的活力。網(wǎng)上的生日賀卡、搞笑短片、MTV、網(wǎng)頁(yè)廣告、益智游戲等極大地豐富了網(wǎng)頁(yè)的內(nèi)容與形式,電視上也經(jīng)常能看到一些動(dòng)畫形式的廣告和趣味小品、宣傳短片。
【講授新課】
一、演示幾段具有一定代表性的動(dòng)畫,介紹動(dòng)畫的分類。
1.播放國(guó)產(chǎn)傳統(tǒng)動(dòng)畫的視頻片段,介紹動(dòng)畫技術(shù)的發(fā)展歷程,了解我國(guó)動(dòng)畫藝術(shù)大師對(duì)世界動(dòng)畫文化藝術(shù)的貢獻(xiàn),使學(xué)生受到愛國(guó)主義的教育。
中國(guó)動(dòng)畫電影開始與1920年。動(dòng)畫先驅(qū)者萬(wàn)氏兄弟(萬(wàn)籟鳴、萬(wàn)古蟾、萬(wàn)超塵、萬(wàn)滌寰)從中國(guó)的走馬燈、皮影戲和國(guó)外的卡通中得到啟發(fā),試制動(dòng)畫廣告片。1926年完成了他們的第一部動(dòng)畫片《大鬧畫室》。1934年拍攝了第一部有聲動(dòng)畫片《駱駝獻(xiàn)舞》,在技術(shù)上有了較大進(jìn)步。
1961年-1964年,萬(wàn)籟鳴導(dǎo)演的《大鬧天宮》是一部長(zhǎng)達(dá)120分鐘的規(guī)模巨大的作品,它創(chuàng)造的孫悟空形象,聞名全世界。
1979年,王樹枕、嚴(yán)定憲、徐景達(dá)導(dǎo)演的《哪吒鬧海》,1980年徐景達(dá)導(dǎo)演的《三個(gè)和尚》等動(dòng)畫片,都是有世界影響的作品。
2.播放計(jì)算機(jī)平面動(dòng)畫和三維動(dòng)畫,使學(xué)生在感受到動(dòng)畫文化藝術(shù)性的同時(shí)感受到動(dòng)畫的技術(shù)性,激發(fā)求知欲。
3.歸納動(dòng)畫分類的方法,了解動(dòng)畫的分類。
動(dòng)畫
傳統(tǒng)動(dòng)畫
計(jì)算機(jī)動(dòng)畫
二維動(dòng)畫
三維動(dòng)畫
二、從網(wǎng)上下載動(dòng)畫,增強(qiáng)學(xué)生信息獲取的能力。
1.訪問一個(gè)含有GIF動(dòng)畫和Flash動(dòng)畫的網(wǎng)頁(yè),介紹從網(wǎng)頁(yè)上識(shí)別動(dòng)畫的方法。
2.介紹GIF動(dòng)畫和Flash動(dòng)畫的特點(diǎn)和應(yīng)用。
GIF動(dòng)畫:制作容易,不可添加音頻,不能交互。常用于網(wǎng)頁(yè)、演示文稿和手機(jī)彩信等。
Flash動(dòng)畫:表現(xiàn)力強(qiáng),能添加音頻,可設(shè)置交互。廣泛應(yīng)用于網(wǎng)頁(yè)、賀卡、游戲、MTV、廣告、教學(xué)課件、宣傳短片等。
3.演示下載GIF動(dòng)畫的方法。
4.演示FlashCatcher的安裝,介紹下載Flash動(dòng)畫的方法。
5.向?qū)W生推薦幾個(gè)Flash動(dòng)畫網(wǎng)站,引導(dǎo)學(xué)生文明上網(wǎng),指導(dǎo)學(xué)生在觀賞動(dòng)畫的同時(shí),懂得動(dòng)畫是文化藝術(shù),是作者辛勤勞動(dòng)的奉獻(xiàn),“美”與“樂”要靠我們?nèi)?chuàng)造。
3lian素材
http://004km.cn/
網(wǎng)頁(yè)制作大寶庫(kù)
http://004km.cn/gif/
素材中國(guó)
http://004km.cn/
圖片素材庫(kù)
http://sucai.jz173.com/
素材精品屋
http://004km.cn/
6.學(xué)生練習(xí)下載GIF動(dòng)畫和Flash動(dòng)畫的方法,并請(qǐng)幾名同學(xué)做示范。
三、分析動(dòng)畫原理
1.介紹GIF動(dòng)畫制作軟件Ulead GIF Animator。
Ulead GIF Animator動(dòng)畫制作軟件,是目前功能最強(qiáng)、操作最簡(jiǎn)易、使用也最廣泛的GIF動(dòng)畫制作軟件。該動(dòng)畫制作軟件還可以連結(jié)到繪圖軟件,來(lái)作圖片的編輯修改,使用它來(lái)制作動(dòng)畫可說是相當(dāng)?shù)谋憷?/p>
2.Ulead GIF Animator打開一幅從網(wǎng)上下載的GIF動(dòng)畫。
3.分析動(dòng)畫的組成,理解動(dòng)畫原理。
4.介紹傳統(tǒng)動(dòng)畫的制作知識(shí),理解動(dòng)畫技術(shù)是人類文明的傳承和智慧的結(jié)晶。
5.新建文件,添加一組“豹子奔跑”的圖片,播放動(dòng)畫觀察效果。得出結(jié)論:動(dòng)畫是將一張張靜態(tài)的圖片,通過軟件連續(xù)的播放產(chǎn)生影像的動(dòng)態(tài)效果。其原理是:因?yàn)閱螐垐D片快速而且連續(xù)的播放,會(huì)讓我們的眼睛產(chǎn)生“視覺暫留”的現(xiàn)象,我們會(huì)感到圖片中的物體正在動(dòng)作。
四、總結(jié)制作步驟
見教材中“實(shí)踐學(xué)習(xí)——制作一幅?豹子奔跑?的GIF動(dòng)畫”中的內(nèi)容。
五、學(xué)生自主練習(xí)
學(xué)生根據(jù)老師剛才的演示,自主、合作制作動(dòng)畫“奔跑的豹子”,相互討論各制作步驟的意義,并概括總結(jié)出動(dòng)畫制作的主要步驟。
六、介紹其它動(dòng)畫軟件
1.Ulead Cool 3D是友立公司出品的一款專門制作文字3D效果的軟件,可以用它方便地生成具有各種特殊效果的3D動(dòng)畫文字。
2.Flash動(dòng)畫軟件。
Flash動(dòng)畫軟件是本單元的主要學(xué)習(xí)內(nèi)容。
【課堂小結(jié)】
1.教師總結(jié)本課教學(xué)內(nèi)容,點(diǎn)評(píng)學(xué)生制作過程中遇到的問題。
2.請(qǐng)學(xué)生敘述GIF動(dòng)畫制作的主要步驟。
3.播放幾幅含有文字內(nèi)容的GIF動(dòng)畫和具有視頻效果的動(dòng)畫。提示學(xué)生嘗試Ulead GIF Animator中“文本工具”的使用和“視頻效果”的設(shè)置。
【鞏固練習(xí)】
見《實(shí)踐指導(dǎo)》中的“實(shí)踐8-1”。
第二篇: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í)例講解法。即通過一個(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è)位圖、矢量圖形、音樂片斷或是一段獨(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è)置開始、結(jié)束時(shí)的狀態(tài),生成動(dòng)畫)。
4、幀:就是時(shí)間軸上的小格子,一幀其實(shí)就是一幅圖,是構(gòu)成動(dòng)畫的基本單位??煞譃殛P(guān)鍵幀、空白關(guān)鍵幀和過渡幀。
5、關(guān)鍵幀:是動(dòng)畫演示的基礎(chǔ),可以放入各種對(duì)象~聲音、圖片、按鈕、視頻等等,所有這些都只能放置到關(guān)鍵幀上,如果沒有關(guān)鍵幀,就沒有動(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)景上什么都沒有(不包括聲音和代碼),用含有空心圓圈的方格表示;如果加入對(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ù)”窗口被打開,剛才建立的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)鍵幀之間的一系列過渡畫面。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)過程中對(duì)象需要改變的旋轉(zhuǎn)方向、色彩及形狀等參數(shù),軟化將整個(gè)運(yùn)動(dòng)過程交給計(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)畫:通過一幀幀地繪制,并按先后順序排列在時(shí)間軸上通過順序播放達(dá)到的動(dòng)畫效果。
說明:
學(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、將組件“雪花”拖到其中,用“選定工具”中的“比例”功能把它縮?。ㄐ〖记桑合扔谩胺糯箸R”將它放大,然后再用“比例”功能,可縮得更?。T诘?0幀上“插入關(guān)鍵幀”,在“圖層1”上用鼠標(biāo)右鍵的“添加引導(dǎo)線”功能(見圖1-2)。
在新增加的“引導(dǎo)線:圖層1”的第1幀上,從“雪花”開始,畫一條彎曲的曲線。將第80幀上的“雪花”沿曲線從頭拖到曲線的末尾。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵,選“創(chuàng)見動(dòng)畫動(dòng)作”功能,見圖1-3。
5、第4步是制作一片雪花,下雪不是只下一片的吧。插入圖層,將第4步重復(fù)做10次。做好后的效果見圖1-4。
6、把第3至5步重復(fù)做兩次,不同之處是組件的命名分別為“中層”和“后層”?!把┗ā钡拇笮『汀耙龑?dǎo)線”的路徑不要一樣。這是為了多做幾個(gè)圖層,看起來(lái)效果細(xì)膩一點(diǎn)。
7、現(xiàn)在回到場(chǎng)景1中,插入6個(gè)圖層,分別命名為“后層1”、“后層2”、“中層1”、“中層2”、“中層3”、“中層4”、“前層1”、“前層2”。在對(duì)應(yīng)的層上拖入對(duì)應(yīng)的組件,并適當(dāng)?shù)恼{(diào)整時(shí)間軸,讓雪花飄得連貫起來(lái)。見圖1-5。
按Ctrl+Enter就可以看到效果了。
第三篇:FLASH動(dòng)畫制作教案
一、教學(xué)目標(biāo) 【知識(shí)與技能】
能獨(dú)立表述動(dòng)畫制作中涉及的基本概念并能自己動(dòng)手完成動(dòng)畫制作的一般步驟?!具^程與方法】
通過制作“移動(dòng)的小球”動(dòng)畫,了解FLASH動(dòng)畫制作的過程,并從中總結(jié)出動(dòng)畫制作的主要步驟。
【情感態(tài)度與價(jià)值觀】
在理論學(xué)習(xí)和動(dòng)手操作的過程中,激發(fā)學(xué)習(xí)動(dòng)畫制作的興趣,并且逐步培養(yǎng)樂于接受和探究新知識(shí)的精神。
二、教學(xué)重難點(diǎn) 【重點(diǎn)】
Flash動(dòng)畫制作的一般過程,基本操作方法以及任務(wù)的實(shí)現(xiàn)。
【難點(diǎn)】
初步理解關(guān)鍵幀和動(dòng)作補(bǔ)間動(dòng)畫的概念。
三、教學(xué)過程
環(huán)節(jié)
一、創(chuàng)設(shè)情境,課堂導(dǎo)入
老師出示“小破孩”動(dòng)畫作品。告訴學(xué)生這是用Flash制作的。
同學(xué)們,老師今天給大家?guī)Я艘粋€(gè)很有趣的《小破孩》動(dòng)畫短片。大家一起來(lái)看一下。動(dòng)畫播放完了。昨天,我們已經(jīng)認(rèn)識(shí)了flash,這個(gè)小短片啊,就是用flash制作出來(lái)的。
大家想不想也能做這樣的短片呀?非常想,好,那我們今天就來(lái)嘗試一下。剛剛小短片中有一個(gè)片段是小破孩把皮球踢向墻壁,結(jié)果皮球彈回來(lái)砸到了他自己。這一段很好玩。我們就來(lái)做這一段中那個(gè)滾動(dòng)的小球,大家覺得怎么樣? 環(huán)節(jié)
二、分析任務(wù) 1.Flash影片的制作過程: 動(dòng)畫小本--確定演員(元件)--制作動(dòng)畫--測(cè)試--發(fā)布。
首先要有一個(gè)構(gòu)思,我們稱為動(dòng)畫小本,其次就像電影都有演員,我們動(dòng)畫也是有對(duì)象的,我們把它成為元件。元件其實(shí)就是可以重復(fù)使用的對(duì)象。再次我們就可以開始制作動(dòng)畫了。那么動(dòng)畫有沒有達(dá)到我們想要的效果呢,我們對(duì)它進(jìn)行一個(gè)測(cè)試,測(cè)試通過了之后我們就可以發(fā)布了。
2.小球滾動(dòng)效果圖展示以及任務(wù)的分析:小球由左向右滾動(dòng),而這個(gè)任務(wù)中涉及的要素就是小球(圖形元件)。
環(huán)節(jié)
三、任務(wù)完成 1.創(chuàng)建元件:
“插入”——新建元件——?jiǎng)?chuàng)建新元件對(duì)話框——名稱“小球”,類型“圖形”——畫圓
師:正圓怎么畫了? 生:按住shift鍵好,圓畫好了之后呀,我們要點(diǎn)擊場(chǎng)景1返回到場(chǎng)景中,不然等一下我們就都在元件里進(jìn)行操作了。
2.關(guān)于小球移動(dòng)的具體操作,老師配備了助學(xué)課件。大家運(yùn)用上節(jié)課掌握的基礎(chǔ)知識(shí)以及助學(xué)課件的幫助來(lái)嘗試著做一下小球由左到右的滾動(dòng)效果。給大家10分鐘的時(shí)間。
3.收集學(xué)生遇到的問題:
(1)小球閃一下就不見了(關(guān)鍵幀,空白關(guān)鍵幀)第1幀直接拖到第30幀,這時(shí)候第1幀變成了空白關(guān)鍵幀,關(guān)鍵幀只有一個(gè)。(2)小球不動(dòng)
沒有創(chuàng)建補(bǔ)間動(dòng)畫。重新回顧一下步驟。
在場(chǎng)景1中,我們選定第一幀,單擊鼠標(biāo)右鍵,創(chuàng)建初始關(guān)鍵幀。關(guān)于關(guān)鍵幀這個(gè)概念大家有點(diǎn)陌生。但是我們昨天已經(jīng)學(xué)過了幀的概念。誰(shuí)來(lái)回答一下?幀是某一個(gè)特定時(shí)刻的一個(gè)畫面。嗯,很好,那么關(guān)鍵幀呢,其實(shí)也是幀的一種。大家想一想關(guān)鍵幀有什么特點(diǎn)?結(jié)合你們剛才的操作。關(guān)鍵幀可以讓小球在舞臺(tái)的左邊變到右邊。很好,關(guān)鍵幀最大的特點(diǎn)就是可以對(duì)畫面進(jìn)行修改。關(guān)鍵幀創(chuàng)建好了,這時(shí)候小球該登場(chǎng)了。小球在哪里啊?庫(kù)里,非常好。我們用選擇工具將小球拖到舞臺(tái)的左側(cè),然后將大小和背景調(diào)節(jié)一下。初始關(guān)鍵幀就創(chuàng)建好了。接下來(lái)我們小球要在右邊,那就還需要一個(gè)結(jié)束關(guān)鍵幀。將鼠標(biāo)選定第30幀,點(diǎn)擊鼠標(biāo)右鍵,創(chuàng)建關(guān)鍵幀。然后將小球移動(dòng)至舞臺(tái)的右邊。好了,那么小球如何才能由左向右移動(dòng)呢。我們就要在1幀和30幀中間的任何一個(gè)位置單擊鼠標(biāo)郵件,有一個(gè)選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。點(diǎn)擊后計(jì)算機(jī)就會(huì)為這個(gè)小動(dòng)畫創(chuàng)建一個(gè)連續(xù)的動(dòng)作補(bǔ)間動(dòng)畫。我們就能看到小球從左邊慢慢移動(dòng)到右邊了。解決問題。環(huán)節(jié)
四、展示評(píng)價(jià)
1.讓學(xué)生代表展示制作的成品,鼓勵(lì)學(xué)生談?wù)勛约旱闹谱魉悸罚龅降膯栴}及解決辦法。
2.學(xué)生在互評(píng)的過程中,引導(dǎo)學(xué)生思考完成同一任務(wù)的不同方式,尋找最優(yōu)的制作方案,互相提出優(yōu)化建議。
3.教師最后做小結(jié)性講評(píng)肯定學(xué)生們的作品,指出具體改進(jìn)方案,鼓勵(lì)學(xué)生繼續(xù)努力??偨Y(jié):制作動(dòng)畫的核心和關(guān)鍵點(diǎn)。
四、板書設(shè)計(jì)
五、教學(xué)反思
|《信息及其特征》
一、教學(xué)目標(biāo)
【知識(shí)與技能目標(biāo)】 1.能夠舉例說出身邊存在的信息。2.學(xué)會(huì)判斷信息所具有的特征。
【過程與方法目標(biāo)】通過自主探究、小組討論,建立起對(duì)信息及其特征的感性認(rèn)識(shí),不斷提高自己判斷能力?!厩楦袘B(tài)度價(jià)值觀目標(biāo)】 通過舉例身邊已有的信息,逐步提升自己的信息素養(yǎng),增加對(duì)信息技術(shù)學(xué)科的喜愛。
教學(xué)重難點(diǎn) 【重點(diǎn)】 能夠舉例說出身邊的信息及信息的基本特征?!倦y點(diǎn)】能夠根據(jù)描述正確判斷出體現(xiàn)出信息哪方面的特征。
三、教學(xué)用具 多媒體
四、教學(xué)過程
環(huán)節(jié)一:導(dǎo)入新課 開展“聽口令做動(dòng)作”的游戲引導(dǎo)學(xué)生說出信息的含義(信息的基本功能是消除認(rèn)識(shí)上的不確定性)。游戲的規(guī)則如下: 第一步:閉上眼睛,聽指令進(jìn)行操作。不許說話、不許提問;第二步:請(qǐng)同學(xué)們拿起桌上的白紙,將紙對(duì)折、再對(duì)折;第三步:將右上角撕掉,放在口袋里,剩下的旋轉(zhuǎn)180°。再將左上角撕掉,也放在口袋里;第四步:睜開眼睛展開手上的紙,用雙手舉起,相互對(duì)比一下。預(yù)測(cè)會(huì)有很多種不同的結(jié)果出現(xiàn),就此學(xué)生會(huì)提出是由于信息不充分、不確定性多造成的。環(huán)節(jié)二:新課講授(一)重復(fù)游戲,總結(jié)信息的作用 重新開展上述游戲,此次歡迎大家隨時(shí)提問,教師將一一回答。預(yù)測(cè)游戲中,學(xué)生的問題如下: 問題1:是橫向?qū)φ圻€是縱向?qū)φ?(橫向?qū)φ?問題2:開口朝上還是朝下?(朝上)問題3:右上角和左上角分別撕成什么形狀?大小是多少?(大約2厘米的正方形)問題4:順時(shí)針旋轉(zhuǎn)還是逆時(shí)針?(順時(shí)針)預(yù)測(cè)大多數(shù)同學(xué)的結(jié)果是一樣的。教師請(qǐng)少數(shù)結(jié)果有偏差的學(xué)生歸納總結(jié)出產(chǎn)生差異的原因具體是什么?(沒有聽清楚,信息傳遞偏差導(dǎo)致結(jié)果有錯(cuò)誤)進(jìn)而得出信息是“用來(lái)減少不確定性的”。
(二)梨子為媒,探究信息的本質(zhì) 拿出梨子,提出問題: 問題1:“這是什么?”(梨子)問題2:“根據(jù)什么判斷是梨子”(通過觀察物質(zhì)的形狀、顏色、經(jīng)驗(yàn)等)問題3:能吃嗎?(學(xué)生拿在手上觀察、感覺一下,回答能,還沒有變壞)歸納總結(jié)出信息的定義:信息是事物的運(yùn)動(dòng)狀態(tài)及其狀態(tài)變化的方式。為了讓加深大家對(duì)信息定義的全面性了解,請(qǐng)大家打開學(xué)習(xí)網(wǎng)站領(lǐng)略信息學(xué)大師們的定義
一、定義二。此后,在信息的定義三里,提交自己對(duì)信息的理解和認(rèn)識(shí)。(三)思維拓展,深入挖掘特征 請(qǐng)同學(xué)們借助教材和視頻資料自學(xué)信息的特征,自學(xué)結(jié)束后采取以競(jìng)賽問答的模式檢測(cè)學(xué)習(xí)效果。
問題1:APEC會(huì)議的議題可以通過看視頻、看報(bào)紙、聽廣播等多種形式獲取,體現(xiàn)出來(lái)信息的什么特征?(載體依附性)問題2:蕭伯納的蘋果交換理論體現(xiàn)了信息的什么特征? 問題3:小明于五一黃金周后的第二天前往某電影院購(gòu)買打折電影票,結(jié)果被告知此活動(dòng)僅限在五一黃金周內(nèi)有效,過后無(wú)效,這體現(xiàn)了信息的什么特征? 環(huán)節(jié)三:鞏固提高
請(qǐng)同學(xué)們以小組為單位,列舉更多體現(xiàn)信息不同特征的實(shí)例。(揚(yáng)名千里、真假難辨、一傳十十傳百、紅燈停綠燈行)環(huán)節(jié)四:小結(jié) 教師對(duì)學(xué)生的總體表現(xiàn)做總結(jié),并引導(dǎo)學(xué)生談收獲、交流經(jīng)驗(yàn)與心得。
五、板書設(shè)計(jì)
第四篇: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)??匆豢醋詈蟮囊粠梢园l(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ǔ)句,比如說,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ǔ)句。如果沒有特殊說明,你使用了拖離,滑離等事件來(lái)制作“replay”按鈕,會(huì)讓人們摸不著頭腦的。
試一試 ——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,flash游戲里面的效果,大家不妨試一試。
分 析——on語(yǔ)句的功能與按鈕息息相關(guān),有按鈕的地方一定會(huì)有on語(yǔ)句的使用。而有flash作品的地方,就會(huì)有按鈕的出現(xiàn),所以說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é)論:說明遮罩層與被遮罩層均可根據(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è)例子能說的更明白: ●●假設(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)作腳本的添加。
第五篇:計(jì)算機(jī)動(dòng)畫制作教案[范文模版]
鹽城交通技師學(xué)院
公開課教學(xué)設(shè)計(jì)
課程名稱 彭 大 柱
章節(jié)名稱 計(jì)算機(jī)動(dòng)畫制作
授課對(duì)象平面1301 授課學(xué)期 2014年春學(xué)期 授課教師 彭大柱 所在教研室 專業(yè)一組
4.3計(jì)算機(jī)動(dòng)畫制作教學(xué)設(shè)計(jì)
一.教學(xué)內(nèi)容:
本節(jié)課內(nèi)容為《多媒體技術(shù)應(yīng)用》(選修)第四章 4.3節(jié)計(jì)算機(jī)動(dòng)畫的制作第1課時(shí)。二.內(nèi)容分析:
本課內(nèi)容是計(jì)算機(jī)動(dòng)畫制作的基礎(chǔ),以 Flash為例學(xué)習(xí)了計(jì)算機(jī)動(dòng)畫的制作工具,介紹了動(dòng)畫制作的基本流程。讓學(xué)生了解 Flash 動(dòng)畫制作的原理,體會(huì)并理解 Flash 中幀、圖層、動(dòng)畫以及元件的概念。教學(xué)中培養(yǎng)學(xué)生的動(dòng)手能力和創(chuàng)新意識(shí),同時(shí)增強(qiáng)學(xué)生的信息素養(yǎng)。以熟練運(yùn)用 Flash 中的各種工具的操作為基本技能訓(xùn)練。重點(diǎn)是掌握 Flash 動(dòng)畫中的幾個(gè)基本概念,如幀、圖層,難點(diǎn)是對(duì)圖層的理解。三.學(xué)情分析:
本節(jié)課的教學(xué)對(duì)象是高二的學(xué)生,在高一已經(jīng)有了一定的基礎(chǔ),在前面兩節(jié)課中,學(xué)生已經(jīng)學(xué)習(xí)了動(dòng)畫的定義、視覺特征、分類、動(dòng)畫制作的步驟,以及計(jì)算機(jī)動(dòng)畫制作的基本原理。本節(jié)課將以 Flash為例學(xué)習(xí)制作計(jì)算機(jī)動(dòng)畫的基礎(chǔ)知識(shí),通過一些簡(jiǎn)單動(dòng)畫的制作讓學(xué)生掌握幀,圖層,元件等基本概念,為學(xué)生自己動(dòng)手制作動(dòng)畫預(yù)備知識(shí)。如何進(jìn)行Flash動(dòng)畫制作,制作出符合自己需要的動(dòng)畫是學(xué)生非常迫切知道和掌握的,學(xué)生這種強(qiáng)烈的求知欲望成為學(xué)習(xí)本課的強(qiáng)大動(dòng)力,為本課的學(xué)習(xí)打下了良好基礎(chǔ)。四.教學(xué)目標(biāo):
知識(shí)目標(biāo):1.熟悉Flash操作界面及工具箱的用法
2.理解Flash動(dòng)畫中的幾個(gè)基本概念:幀,圖層,動(dòng)畫,元件
3.了解Flash制作動(dòng)畫的基本流程
能力目標(biāo):掌握flash動(dòng)畫中的基本概念,能夠制作幾個(gè)簡(jiǎn)單的動(dòng)畫,培養(yǎng)自主學(xué)習(xí)與協(xié)作學(xué)習(xí)能力。
情感目標(biāo):1.培養(yǎng)學(xué)生積極探索,敢于實(shí)踐、大膽創(chuàng)新的精神和意識(shí);
2.培養(yǎng)學(xué)生尊重他人,發(fā)現(xiàn)別人長(zhǎng)處,欣賞他人,相互學(xué)習(xí)的良好品質(zhì);
五.重點(diǎn)難點(diǎn):
重點(diǎn):掌握 Flash 動(dòng)畫中的幾個(gè)基本概念,如幀、圖層、動(dòng)畫、元件。
難點(diǎn):圖層的理解和引導(dǎo)層的理解。六.教學(xué)準(zhǔn)備:
硬件準(zhǔn)備:網(wǎng)絡(luò)教室(一人一機(jī))
軟件準(zhǔn)備:電腦安裝Flash 8版本以上軟件
七.教學(xué)方法:情景任務(wù)驅(qū)動(dòng)、講授、演練、小組協(xié)助有機(jī)結(jié)合 八.教學(xué)過程:
課堂引入:
課前播放柔美的勵(lì)志flash音樂mv《蝸?!罚ū救俗钕矚g的一部flash短片,激發(fā)學(xué)生的學(xué)習(xí)斗志,堅(jiān)定對(duì)理想的追求,對(duì)flash作品可以表達(dá)人的心情,理想和信念,還有祝福等)。教師展示Flash作品《小小特警》(讓學(xué)生通過觀賞精彩的Flash繪圖作品,激發(fā)學(xué)生的學(xué)習(xí)興趣,從而引入本課)。
? 教師為學(xué)生介紹Flash操作界面及工具箱常用工具。(學(xué)生雖然在必修中已經(jīng)學(xué)習(xí)過,但大部分都已經(jīng)忘記了,在此和學(xué)生先回顧一下flash的工作界面)(1)啟動(dòng)Flash 程序并創(chuàng)建一個(gè)新的Flash文檔。
(2)Flash操作界面包括工具箱,時(shí)間軸,浮動(dòng)面板以及屬性面板等。(教師引導(dǎo)學(xué)生,要在Flash中制作出令人滿意的動(dòng)畫作品,必須掌握幾個(gè)基本概念:幀、圖層、動(dòng)畫、元件等)。
? Flash動(dòng)畫中的幾個(gè)基本概念
教師播放課件并結(jié)合Flash 程序?yàn)閷W(xué)生講解幀、圖層、動(dòng)畫以及元件的概念(學(xué)生觀察幻燈片及傾聽教師的講解)。(1)幀就是時(shí)間軸上的小格子,一幀其實(shí)就是一幅圖,是構(gòu)成動(dòng)畫的基本單位??煞譃殛P(guān)鍵幀、空白關(guān)鍵幀和過渡幀。關(guān)鍵幀:是動(dòng)畫演示的基礎(chǔ),可以放入各種對(duì)象~聲音、圖片、按鈕、視頻等等,所有這些都只能放置到關(guān)鍵幀上,如果沒有關(guān)鍵幀,就沒有動(dòng)畫。兩個(gè)關(guān)鍵幀之間可以做補(bǔ)間動(dòng)畫,這樣兩個(gè)關(guān)鍵幀就可以確定物體移動(dòng)的兩個(gè)關(guān)鍵點(diǎn)。關(guān)鍵幀用含有實(shí)心圓圈的方格表示??瞻钻P(guān)鍵幀:這個(gè)關(guān)鍵幀在場(chǎng)景上什么都沒有(不包括聲音和代碼),用含有空心圓圈的方格表示;如果加入對(duì)象后自動(dòng)變?yōu)殛P(guān)鍵幀。教師為學(xué)生演示幀的操作(并區(qū)分關(guān)鍵幀,過渡幀,空白關(guān)鍵幀)。
(2)圖層(教師為學(xué)生分析Flash作品“激光字.swf”,講解圖層至關(guān)重要的作用)。
(3)動(dòng)畫(教師為學(xué)生展示:逐幀動(dòng)畫,移動(dòng)漸變動(dòng)畫,形狀漸變動(dòng)畫的例子,并演示如何制作簡(jiǎn)單的移動(dòng)漸變動(dòng)畫和形狀漸變動(dòng)畫)。
兩個(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í)候可以變化出另外一種圖形、形狀。(4)元件一個(gè)位圖、矢量圖形、音樂片斷或是一段獨(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))場(chǎng)景:動(dòng)畫的表現(xiàn)場(chǎng)所(好比是舞臺(tái))
時(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è)置開始、結(jié)束時(shí)的狀態(tài),生成動(dòng)畫)。? Flash動(dòng)畫制作的基本流程
教師播放幻燈片,F(xiàn)lash制作動(dòng)畫的流程包括六個(gè)步驟:整體設(shè)計(jì)、創(chuàng)意,設(shè)置電影屬性,導(dǎo)入素材或制作元件,引用元件及制作動(dòng)畫效果,測(cè)試動(dòng)畫效果,保存,輸出。? 學(xué)生實(shí)踐:
任務(wù)一:請(qǐng)學(xué)生打開Flash 軟件,新建一個(gè)Flash文檔,熟悉其操作界面及工具箱的常用工具。熟悉元件,幀,圖層等基本概念。任務(wù)二:(形變動(dòng)畫)制作變幻的文字。參考操作步驟: Step1:執(zhí)行“插入/新建元件”創(chuàng)建一個(gè)“影片剪輯”文件。名字為“text” Step2:在第一幀處輸入文本“祝福媽媽健康快樂”,調(diào)整字體,顏色,大小為自己喜歡的。然后按ctrl+B兩下將文字打散,在第30幀處插入空白關(guān)鍵幀,用文本工具輸入文本“母親節(jié)快樂”,設(shè)置字體,顏色,大小。然后按ctrl+B兩下將文字打散。Step3:第一幀處創(chuàng)建形變動(dòng)畫。Ctrl+enter看結(jié)果。發(fā)揮自己的創(chuàng)意設(shè)計(jì),感受形變動(dòng)畫的魅力。任務(wù)三:(補(bǔ)間動(dòng)畫)制作一個(gè)滾動(dòng)的小球。任務(wù)四:(補(bǔ)間動(dòng)畫,引導(dǎo)層)桌面上滾動(dòng)的小球。參考操作步驟:
1.進(jìn)入flash操作界面,執(zhí)行“文件/新建”命令,創(chuàng)建一個(gè)新影片。2.執(zhí)行“修改/影片”命令,在彈出的“影片屬性”對(duì)話框內(nèi)進(jìn)行修改。3.“插入/新建元件”建一個(gè)圖形元件“小球”,用橢圓工具畫一個(gè)小球。
4.“插入/新建元件”建一個(gè)影片剪輯元件“滾動(dòng)的小球”,將“小球”元件拖入編輯區(qū),在第50幀處插入關(guān)鍵幀。
5.新建一個(gè)引導(dǎo)層,用鉛筆畫一條沿著桌面滾下的引導(dǎo)線。6.將第一層第一幀的小球移至引導(dǎo)線的初始段,第50幀的小球移至引導(dǎo)線的末端。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵,選“創(chuàng)見動(dòng)畫動(dòng)作”功能.7.點(diǎn)擊場(chǎng)景1,導(dǎo)入桌面.jpg,將“滾動(dòng)的小球”元件拖入到場(chǎng)景中調(diào)節(jié)好位置。
按ctrl+enter或“控制/測(cè)試影片”看看你設(shè)計(jì)的效果吧。挑戰(zhàn)任務(wù):制作飄落的雪花或花朵。參考操作:
1、新建一個(gè)Flash影片。設(shè)背景為“黑色”,其他的用默認(rèn)值。
2、按Ctrl+F8新建一個(gè)組件,類型為“影片剪輯”,命名為“雪花”。在它的正中用“鉛筆”工具畫一個(gè)不規(guī)則的多邊形,然后用“顏料桶工具”將它填上白色。
3、再用Ctrl+F8建一個(gè)組件,類型為“影片剪輯”,命名為“前層”。
4、將組件“雪花”拖到其中,用“選定工具”中的“比例”功能把它縮?。ㄐ〖记桑合扔谩胺糯箸R”將它放大,然后再用“比例”功能,可縮得更小)。在第80幀上“插入關(guān)鍵幀”,在“圖層1”上用鼠標(biāo)右鍵的“添加引導(dǎo)線”功能。在新增加的“引導(dǎo)線:圖層1”的第1幀上,從“雪花”開始,畫一條彎曲的曲線。將第80幀上的“雪花”沿曲線從頭拖到曲線的末尾。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵,選“創(chuàng)見動(dòng)畫動(dòng)作”功能.5、第4步是制作一片雪花,下雪不是只下一片的吧。插入圖層,將第4步重復(fù)做10次。做好后的效果見圖1-4。
6、把第3至5步重復(fù)做兩次,不同之處是組件的命名分別為“中層”和“后層”?!把┗ā钡拇笮『汀耙龑?dǎo)線”的路徑不要一樣。這是為了多做幾個(gè)圖層,看起來(lái)效果細(xì)膩一點(diǎn)。
7、現(xiàn)在回到場(chǎng)景1中,插入6個(gè)圖層,分別命名為“后層1”、“后層2”、“中層1”、“中層2”、“中層3”、“中層4”、“前層1”、“前層2”。在對(duì)應(yīng)的層上拖入對(duì)應(yīng)的組件,并適當(dāng)?shù)恼{(diào)整時(shí)間軸,讓雪花飄得連貫起來(lái)。見圖1-5。
九、課堂總結(jié):
同學(xué)們你們這節(jié)課有哪些收獲?教師總結(jié)歸納。