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