初中flash教案_第1頁
初中flash教案_第2頁
初中flash教案_第3頁
初中flash教案_第4頁
初中flash教案_第5頁
已閱讀5頁,還剩35頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、1.1 初識Flash 教學(xué)重點  1、了解Flash軟件          2、了解Flash的工作環(huán)境         教學(xué)難點  Flash工具箱的使用教學(xué)目標(biāo)  1、初步了解Flash,并對Flash動畫產(chǎn)生興趣          2、掌握Flash軟件啟動與退出的方法  

2、;        3、熟悉Flash的工作環(huán)境          4、會正確使用Flash工具箱繪制簡單的動畫對象          計劃課時  1課時教學(xué)過程  一、新課導(dǎo)入          &#

3、160;   展示幾個非常有趣的Flash動畫,激發(fā)學(xué)生興趣              同學(xué)們我們本學(xué)期要學(xué)習(xí)的就是Flash動畫,剛才這幾個有趣的動畫就是通過Flash軟件制作出來的,那么首先我們就一起先來熟悉一下Flash軟件。              二、新授  

4、0;    1、Flash軟件簡介       Flash是一款矢量動畫制作軟件,該軟件的應(yīng)用領(lǐng)域相當(dāng)廣泛,它與Macromedia公司的另外兩個產(chǎn)品Dreamweaver和Fireworks并稱為“網(wǎng)頁設(shè)計三劍客”,足見它在網(wǎng)絡(luò)中的重要地位。目前,幾乎所有網(wǎng)站上都可以看到Flash動畫的身影。作為一種頗受歡迎的新興行業(yè),其技術(shù)發(fā)展一日千里,也給許多人帶來了實際利益。目前,一個優(yōu)秀的商業(yè)Flash動畫價格可達(dá)300元/秒,面對這樣的前景,成為一名優(yōu)秀的“閃客”便成為許多人奮斗的目標(biāo)。學(xué)

5、會Flash動畫的制作后,你可以在以下行業(yè)中發(fā)揮一技之長。         廣告業(yè):手機(jī)廣告、化妝品廣告、房地產(chǎn)廣告、汽車廣告         動態(tài)網(wǎng)頁制作:企業(yè)網(wǎng)站、學(xué)校網(wǎng)站、個人網(wǎng)站         MTV制作:為網(wǎng)上流行歌曲制作動畫場景         游戲開發(fā):益智類游戲、戰(zhàn)略類游

6、戲         導(dǎo)航條:Flash的按鈕功能非常強(qiáng)大,是制作菜單的首選                   小游戲:利用Flash開發(fā)“迷你”小游戲,在國外一些大公司比較流行,他們把網(wǎng)絡(luò)廣告和網(wǎng)絡(luò)游戲結(jié)合起來,讓觀眾參與其中大大增強(qiáng)了廣告效果       

7、  產(chǎn)品展示:由于Flash有強(qiáng)大的交互功能,所以一些大公司,如Dell、三星等,都喜歡利用它來展示產(chǎn)品??梢酝ㄟ^方向鍵選擇產(chǎn)品,再控制觀看產(chǎn)品的功能、外觀等,互動的展示比傳統(tǒng)的展示方式更勝一籌              2、啟動與退出Flash軟件              (1)啟動  

8、0;                開始菜單選擇程序再選擇“Flash 8.0”,或者雙擊桌面上的快捷方式圖標(biāo)              (2)退出              &#

9、160;           選擇【文件】【關(guān)閉】命令。                  按【Ctrl+W】鍵。                  單擊舞臺右

10、上方的“關(guān)閉”按鈕。              3、Flash的工作環(huán)境               (1)與其它軟件相同的部分                 

11、;   標(biāo)題欄、菜單欄、工具欄               (2)與其它軟件不同的地方                 時間軸面板            

12、60;      左側(cè):圖層控制區(qū)                   右側(cè):幀控制區(qū)                 屬性面板       

13、;          舞臺                 庫面板                 工具箱       

14、  重點工具介紹:                    鉛筆工具:勾畫圖形的輪廓         線條工具:繪制不同角度的直線         橢圓工具:繪制正圓和橢圓      

15、;   矩形工具:繪制正方形、矩形和圓角矩形            文本工具:為Flash添加文字             油漆桶工具:設(shè)置對象的填充色            4、示范制作(小蜜蜂)  

16、;          (1)設(shè)置文檔屬性                 屬性面板:大小 400*300                   

17、0;       背景色 藍(lán)色            (2)繪制小蜜蜂                 使用工具:圓形工具、選擇工具、油漆桶工具         

18、;        曲線的繪制:直線工具+選擇工具                 任意變形工具和放大鏡工具           三、學(xué)生練習(xí)        &#

19、160;     (1)運用工具箱繪制書第二頁圖1.1左邊的熊貓圖              (2)文檔大小:500*350              (3)正確保存文件至自己的作業(yè)文件夾中       

20、60;   四、小結(jié)               Flash動畫中的對象都要使用工具箱進(jìn)行繪制請同學(xué)們多聯(lián)系多實踐多總結(jié)           五、課后反思              

21、;        本節(jié)課引課部分效果非常好,通過幾個Flash動畫的欣賞極大的調(diào)動了學(xué)生的興趣,介紹Flash工具箱時與photoshop的工具箱相聯(lián)系相對比,讓學(xué)生在第一次接觸Flash軟件時有時曾相識的感覺,掌握起來很快,本節(jié)課的不足之處在學(xué)生練習(xí)時還應(yīng)進(jìn)一步的加強(qiáng)指導(dǎo),告訴學(xué)生操作的要點和易范的錯誤,在繪制大熊貓時要讓學(xué)生多一些耐心,細(xì)致的去繪制大熊貓而不能匆匆了事或者比例不對稱。1.2 逐幀動畫 教學(xué)重點  1、逐幀動畫概念       

22、   2、對關(guān)鍵幀的理解         教學(xué)難點  逐幀動畫制作過程 教學(xué)目標(biāo)  1、了解Flash中幀的類型             清楚在什么情況下使用什么樣的幀 計劃課時  1課時 教學(xué)過程  一、新課導(dǎo)入       &

23、#160;      上節(jié)課大家制作了可愛的大熊貓,那么有沒有同學(xué)能夠告訴我大熊貓喜歡吃什么呢?              【觀看Flash動畫】         二、新授            1、逐幀動畫概

24、念               逐幀動畫是指位于同一圖層的多個連續(xù)關(guān)鍵幀組成的動畫,制作者需要在動畫的每一幀中創(chuàng)建不同的內(nèi)容            2、逐幀動畫的制作方法              每個幀都定義

25、為關(guān)鍵幀,然后給每個幀創(chuàng)建不同的圖像            3、Flash中的動畫類型              分為以下兩種:逐幀動畫和補(bǔ)間動畫            4、Flash中幀的類型    

26、;            1、普通幀:【實例演示】                 (1)位置:往往跟在一個關(guān)鍵幀之后。                 (2)

27、作用:起到延長關(guān)鍵幀的播放時間的效果。普通幀里的對象是靜態(tài)的。                 (3)插入方法:點擊關(guān)鍵幀之后的幀,在不松開左鍵的前提下,向后拉。這一步是想設(shè)置想插入普通幀的區(qū)域。松開左鍵,點擊右鍵,在快捷菜單中點擊“插入幀”。                 (

28、4)討論要想讓一個畫面保持一段時間而不是一閃即逝,就采用普通幀。插入的普通幀越多,在主時間軸上占用的時間越長,播放的時間也越長。               2、關(guān)鍵幀: 【實例演示】                (1)插入方法:構(gòu)思好要希望插入關(guān)鍵幀的位置,右鍵點擊。在彈出的下拉菜單中點選“插入關(guān)鍵幀”。 

29、0;               (2)作用:關(guān)鍵幀是制作動畫的基本元素。任何一段動畫,都是在兩個關(guān)鍵幀之間進(jìn)行的。                 (3)應(yīng)用:插入關(guān)鍵幀,目的就是創(chuàng)建動畫。要想在兩個關(guān)鍵幀之間創(chuàng)建動畫,可以在兩個關(guān)鍵幀中間的任意一個幀上,點擊右鍵,在彈出的下拉菜單中,選“創(chuàng)建補(bǔ)間動畫”,這時創(chuàng)建的是

30、動作類的動畫。如果想創(chuàng)建“移動補(bǔ)間動畫”即“變形動畫”,必須在幀屬性面板中的“補(bǔ)間”選項中,點向下的箭頭,在彈出的類型中選“移動”。               3、空白關(guān)鍵幀 【實例演示】               (1)插入方法:構(gòu)思好要希望插入空白關(guān)鍵幀的位置,右鍵點擊。在彈出的下拉菜單中點選“插入空

31、白關(guān)鍵幀”。                (2)作用:與“關(guān)鍵幀”剛好相反。通過空白關(guān)鍵幀,可以結(jié)束前面的關(guān)鍵幀,以便重打鑼鼓另開張,為創(chuàng)建下一段新的動畫打基礎(chǔ)。                (3)應(yīng)用:空白關(guān)鍵幀是一張白紙,需要畫上新的圖形或插入新的元件實例,才能發(fā)光。當(dāng)在它上面創(chuàng)建了一些對象

32、之后,其實它又變成“關(guān)鍵幀”了,又可以創(chuàng)建新的動畫了。          5、實例演示(一只吃掉的蘋果)           (1)在第一幀繪制一只完整的蘋果           (2)在第二幀插入關(guān)鍵幀      &#

33、160;         使用橡皮擦工具擦去蘋果的一部分           (3)再次使用橡皮擦工具在原來的基礎(chǔ)上再擦去一部分       【提問】注意觀察此動畫有什么不妥之處?             &#

34、160; 提示:吃的速度太快了               解決方法:在相鄰兩幀間插入普通幀!               插入幀可保持與前一幀一致的內(nèi)容!            (4)調(diào)試

35、完畢測試影片               按回車鍵預(yù)覽動畫效果            (5)測試完畢,保存動畫                “文件”選項選擇另存為,將文件保存 &

36、#160;      三、學(xué)生練習(xí)           制作逐幀動畫:熊貓喜愛竹子           注意調(diào)整幀見的變換時長        四、小結(jié)        &#

37、160;  我們奇妙的Flash之旅就從逐幀動畫處拉開了序曲,這將是一次新奇愉快的學(xué)習(xí)之旅,期待你的加入,讓我們來一同感受Flash動畫為我們帶來的樂趣吧!       五、課后反思             本節(jié)課內(nèi)容有趣,學(xué)生興趣很高,順利的完成了本節(jié)課的教學(xué)目標(biāo),效果很好!         &#

38、160; 這節(jié)課最成功的地方是整個教學(xué)過程的安排,記錄如下:           先觀看蘋果吃掉的效果讓學(xué)生產(chǎn)生興趣,再介紹制作此動畫的動畫類型也是本節(jié)課學(xué)習(xí)的內(nèi)容-逐幀動畫,講解逐幀動畫概念觀看形象的翻書效果,在打開蘋果源文件給學(xué)生講哪個是關(guān)鍵幀(實心圓點),讓學(xué)生觀察每個關(guān)鍵幀中內(nèi)容是否相同(不同),制作吃掉蘋果的動畫同時介紹幀面板,并引入空白關(guān)鍵幀的概念,制作完畢后讓學(xué)生自己發(fā)現(xiàn)問題(吃的太快),此時引入普通幀,最后做一拓展:打字效果,讓學(xué)生思考打字效果用逐幀動畫怎樣制作出來。1

39、.3 多層動畫 教學(xué)重點  1、Flash中層的概念          2、Flash中層的作用          3、Flash中層的重要性教學(xué)難點  對Flash中層的理解教學(xué)目標(biāo)  1、了解Flash中層的概念          2、了解Flash中層的作用 &#

40、160;        3、掌握多層動畫的制作方法教學(xué)方法  演示法 任務(wù)驅(qū)動法 歸納小結(jié)法計劃課時  1課時教學(xué)過程  一、復(fù)習(xí)舊知              提問:怎樣制作逐幀動畫?              復(fù)習(xí):

41、逐幀動畫是指由位于同一圖層的許多連續(xù)關(guān)鍵幀組成的動畫,制作者需要在動  畫的每一幀中創(chuàng)建不同的內(nèi)容。當(dāng)動畫播放時,F(xiàn)lash就會一幀一幀地顯示每幀中的內(nèi)容。一個逐幀動畫,動畫中的每一幀都是關(guān)鍵幀。復(fù)習(xí)吃掉的蘋果的制作方法。         二、新課講授             1、什么是層        &#

42、160;    一個層,就好比是一張透明的薄紙,每張紙上面畫著一些圖形和文字而一幅畫就是由許多張這樣的薄紙疊合在一起而成的             2、為什么要使用層(層的作用)             最上面的一層看得到最下面的一層,而修改其中的任一層卻不會影響其余任何一層,這是層的概念的核心,又

43、是層的作用所在,較高的一層浮在較低的一層之上,卻又沒有完全擋住下面一層,這是因為:在每一層里,除了畫有圖形或文字的地方以外,畫布的其余部分是透明的。這就是層的一個特點:層的相互獨立性。當(dāng)我們只是修改其中的一個圖層,其余的層絲毫也不會受到影響。在Flash中我們?nèi)绻麑赢嬛心骋粋€層不滿意時,可以隨意地修改它而不必?fù)?dān)心會影響已做好的其他層,從而大大提高效率             3、插入圖層的方法【演示】     &#

44、160;          方法一:單擊時間軸底部的"插入圖層"按鈕               方法二:選擇"插入">"時間軸">"圖層"           

45、60;  方法三:右鍵單擊 時間軸中的一個層名稱,然后從上下文菜單中選擇"插入圖層"              4、圖層的重命名                方法一:雙擊時間軸中層或文件夾的名稱,然后輸入新名稱。       &

46、#160;       方法二:右鍵單擊層名稱,然后從上下文菜單中選擇"屬性"。在"名稱"文本框中輸入新名稱,然后單擊"確定"。              5、實例演示【蜜蜂采蜜】              (1)新建文

47、件并修改文檔的屬性                   使用“文件”->“新建”命令,設(shè)置文檔大小為300*300,背景顏色淺藍(lán)色              (2)繪制蜜蜂圖層        &

48、#160;          創(chuàng)建一個新圖層更名為“蜜蜂”                   【提問】觀察書第9頁圖2.1中的蜜蜂,回答應(yīng)該用哪幾種工具繪制蜜蜂?            &

49、#160;      分別使用“橢圓工具”、“直線工具”、“鉛筆工具”、“油漆桶工具”、“任意變形工具”、“選擇工具”進(jìn)行繪制                   【提問】曲線應(yīng)該怎樣繪制?             &#

50、160;     “直線工具”+“選擇工具”                   【提問】圓形如何繪制?                    shift鍵+橢圓繪圖工具

51、                   【提問】圖形大小如何調(diào)整?                    使用“任意變形工具”         

52、;      (3)繪制蜜蜂的翅膀                   插入兩個圖層分別用來繪制兩個翅膀                   兩個圖層依次命名為:“翅膀-

53、內(nèi)側(cè)”和“翅膀-外側(cè)”                   使用繪圖工具分別在兩個圖層中繪制內(nèi)側(cè)和外側(cè)翅膀             6、繪制云彩圖層           

54、        插入一個圖層,命名為“云彩”,在此圖層中繪制白色的云彩             7、繪制花朵圖層                   插入一個圖層,命名為“花朵”,在此圖層中繪制花朵 

55、                  繪制過程中可采用復(fù)制粘貼操作                           三、學(xué)生練習(xí) 

56、0;          制作書第9頁的圖2.1蜜蜂采蜜                    四、小結(jié)            今天我們學(xué)習(xí)了多層動畫,圖層的作用就像你整理一個堆滿東西的房間一樣。給房間

57、里面東西歸類有序擺放。一個區(qū)域就相當(dāng)于一個圖層,當(dāng)你要找某個東西的時候,可以很快的找到你要的東西,不至于雜亂無章。        五、課后反思             層的使用在Flash中起著至關(guān)重要的作用,本節(jié)課的目的就是要讓學(xué)生了解層的作用,并建立分層制作動畫的概念,漸漸養(yǎng)成分層制作動畫的習(xí)慣。       &#

58、160;    本節(jié)課不足之處:學(xué)生練習(xí)的內(nèi)容安排不是很好,學(xué)生剛接觸Flash制作蜜蜂采蜜有一定的困難,換成小飛俠會略微的簡單一些并且易于操作。             成功之處:用長方形、圓形和三角形同在一個圖層時和分層時移動長方形作對比,讓學(xué)生對層的作用一目了然并且很容易接受!1.4 導(dǎo)入圖像并修改 教學(xué)重點  1、圖像導(dǎo)入方法       

59、   2、分離圖形的方法          3、套索工具的使用教學(xué)難點  圖形分離的應(yīng)用教學(xué)目標(biāo)  1、會導(dǎo)入圖片素材          2、會分離圖形并進(jìn)行正確的編輯          3、會正確使用套索工具以及魔棒工具選取圖形計劃課時  1課時一、新課導(dǎo)入 

60、0;  在制作Flash動畫的過程中,常常需要用到不同類型的素材,如圖片、聲音、視頻文件等,學(xué)會利用已有的素材制作Flash動畫,不但可以節(jié)省手工繪圖的時間,提高工作效率,還可以提高動畫的質(zhì)量,導(dǎo)入素材是制作Flash動畫的基本操作,導(dǎo)入好的素材會使Flash作品更加生動,畫面更加美觀。二、新課講授   1、導(dǎo)入圖片素材    在Flash中不但可以手工繪制圖形,還可將外部的圖片導(dǎo)入。在Flash中,導(dǎo)入圖片的具體操作如下:    (1)選擇【文件】【導(dǎo)入】【導(dǎo)入到舞臺】命令,打開【導(dǎo)入】對話框。

61、0;   (2)在【查找范圍】下拉列表框中選擇要導(dǎo)入的圖片位置,再在列表框中選中要導(dǎo)入的圖片。    (3)單擊“打開”按鈕將圖片導(dǎo)入到Flash場景中。   2、編輯圖片素材   (1)在制作不同的動畫時,可能需要不同格式的素材,所以需要對素材進(jìn)行編輯。    轉(zhuǎn)換位圖為矢量圖    位圖通常比較復(fù)雜,而且文件較大,為了減小Flash動畫的大小或便于操作,常常需要將位圖轉(zhuǎn)換為矢量圖。選擇"修改'"位圖"&q

62、uot;轉(zhuǎn)換位圖為矢量圖"命令,可打開"轉(zhuǎn)換位圖為矢量圖"對話框。   (2)將圖片中多余的部分除去-分離        在Flash中許多操作(改變位圖的局部色彩或形狀,進(jìn)行位圖的變形過渡動畫制作)是針對矢量圖形進(jìn)行的,位圖就不可以操作了。位圖必須經(jīng)過分離也叫做打碎才能夠操作和編輯。        操作步驟:選中一個位圖再單擊“修改”->“分離”命令將位圖分離  

63、60; (3)套索工具的使用        套索工具是一種選取工具,使用的時候不是很多,主要用在處理位圖。選擇套索工具后,會在選項中出現(xiàn)魔術(shù)棒及其選項和多邊形模式,在場景里隨意畫一圖形,選擇套索工具,在選項里單擊多邊形模式,按你的需要單擊鼠標(biāo),當(dāng)?shù)玫侥阈枰倪x擇區(qū)域時,雙擊鼠標(biāo)自動封閉圖形。任意導(dǎo)入Flash中一個位圖圖像,執(zhí)行修改->分離命令,或者按快捷Ctrl+B,將位圖分離,用魔術(shù)棒單擊你需要選擇的色彩部分,利用上面敘述的方法可以將導(dǎo)入Flash中的位圖圖像的背景去掉。具體方法是,將位圖圖像打散,用魔術(shù)棒選取位圖

64、背景,然后按下Delete鍵將背景刪除。   3、實例演示:熊熊之家       修改文檔屬性:600*180       導(dǎo)入背景圖像         現(xiàn)將圖層1命名為:背景,執(zhí)行“文件”->“導(dǎo)入”->“導(dǎo)入到舞臺”命令,將藍(lán)色背景圖片導(dǎo)入,使用任意變形工具調(diào)整圖片大小       制作邊框&

65、#160;        首先新建圖層:邊框-深色,在使用長方形工具繪制一個橘紅色的長方形,使用選擇工具調(diào)整圖形形狀以及大小,再使用同樣方法制作邊框-淺色圖層       導(dǎo)入小熊圖像并去除背景圖像【重點演示】         執(zhí)行“文件”->“導(dǎo)入”->“導(dǎo)入到舞臺”命令,將小熊圖片導(dǎo)入,選中圖片,執(zhí)行“修改”->“分離”命令,使用套索工具將白云選中,按Delete鍵

66、刪除多余的部分(魔術(shù)棒工具也可以達(dá)到此效果)       錄入文字部分         熊熊之家制作要點提示:多個圖層,圖片的導(dǎo)入以及圖片的分離!補(bǔ)充:位圖和矢量圖何謂矢量圖像? 矢量圖像,也稱為面向?qū)ο蟮膱D像或繪圖圖像,矢量文件中的圖形元素稱為對象。每個對象都是一個自成一體的實體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。既然每個對象都是一個自成一體的實體,就可以在維持它原有清晰度和彎曲度的同時,多次移動和改變它的屬性,而不會影響圖例中的其它對象。這

67、意味著它們可以按最高分辨率顯示到輸出設(shè)備上。 何謂位圖圖像?      位圖圖像,亦稱為點陣圖像或繪制圖像,是由稱作像素(圖片元素)的單個點組成的。這些點可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。當(dāng)放大位圖時可以看見無數(shù)單個方塊。擴(kuò)大位圖尺寸時線條和形狀顯得參差不齊,縮小位圖尺寸也會使原圖變形,簡單的說位圖圖像是指放大后能看見鋸齒狀的邊緣,而矢量圖放大后看不見鋸齒狀的邊緣。三、學(xué)生練習(xí)    制作熊熊之家動畫,體會圖片導(dǎo)入及圖片分離效果的制作要點    注意:動畫分層制作并將每個圖層命名四、小結(jié)

68、60;   很多人在制作Flash的過程中都會遇到這樣的問題,把圖片導(dǎo)入FLASH后為什么都有背景的一塊白色?FLASH不支持透明圖層嗎?怎么去掉背景色啊?相信在學(xué)習(xí)了我們今天的內(nèi)容之后,大家再遇到這樣的問題就一定迎刃而解了!五、課后反思    在Flash中導(dǎo)入圖片在Flash動畫的制作中是一個很常用的操作,本節(jié)課在關(guān)鍵步驟的講解時放慢了速度,在最后進(jìn)行了學(xué)生作品展示講評進(jìn)一步加深了對易錯點的理解并提高了學(xué)習(xí)的興趣1.5 形狀補(bǔ)間動畫 教學(xué)重點    1、形狀補(bǔ)間動畫的概念   &#

69、160;                2、形狀補(bǔ)間動畫的制作方法教學(xué)難點    形狀補(bǔ)間動畫的應(yīng)用教學(xué)目標(biāo)    1、進(jìn)一步掌握關(guān)鍵幀和普通幀的使用                    2、會分析

70、簡單的形狀補(bǔ)間動畫的例子                    3、會正確制作簡單的形狀補(bǔ)間動畫計劃課時   1課時教學(xué)過程   一、新課導(dǎo)入    觀看形狀補(bǔ)間動畫實例(進(jìn)度條、禮花綻放)二、新授      1、什么是形狀補(bǔ)間動畫     

71、;  “形狀補(bǔ)間動畫”是補(bǔ)間動畫的一種。在改變一個矢量圖形的形狀、顏色、位置,或一個矢量圖變形成為另一個矢量圖的過程中,可以使用形狀補(bǔ)間動畫。在形狀補(bǔ)間動畫中,只需創(chuàng)建起始和結(jié)束兩個關(guān)鍵幀,中間幀則由Flash通過計算機(jī)自動完成。在創(chuàng)建形狀補(bǔ)間動畫時,如果需要對組、實例或位圖圖像應(yīng)用形狀補(bǔ)間,則必須首先將這些元素進(jìn)行分離    2、如何創(chuàng)建形狀補(bǔ)間動畫       創(chuàng)建形狀補(bǔ)間動畫方法:        在時間軸面板上

72、動畫開始播放的地方創(chuàng)建一個空白關(guān)鍵幀或選擇一個關(guān)鍵幀并繪制圖形,一般一幀中以一個對象為好,在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并繪制另外的圖形,再單擊開始幀,在“屬性”面板上單擊“補(bǔ)間”旁邊的小三角,在彈出的菜單中選擇“形狀”,此時,可以看到時間軸上發(fā)生了變化淡綠色背景和箭頭,一個形狀補(bǔ)間動畫即創(chuàng)建完成。如果出現(xiàn)虛線,看看前后兩個關(guān)鍵幀上是否存在非矢量圖或別的元素,將其刪除即可。     3、實例制作【演示】進(jìn)度條       (1)圖層1命名為“框”,編輯內(nèi)容:一個進(jìn)度條的框和文字loa

73、ding       (2)新建一個圖層“顏色”,內(nèi)容:畫一個顏色條長寬剛好和框的大小一致       (3)用鼠標(biāo)點顏色圖層在出現(xiàn)的屬性欄選項里選擇動畫效果為:形狀補(bǔ)間            并把顏色條的寬度在屬性面板里調(diào)整為:3       (4)在第50幀處插入關(guān)

74、鍵幀,將顏色跳的寬度在屬性面板里調(diào)整為:430       (5)測試整個動畫效果,保存文件 三、學(xué)生練習(xí)     練習(xí)1:制作進(jìn)度條     拓展練習(xí):制作禮花綻放效果四、小結(jié)    今天我們學(xué)習(xí)了形狀補(bǔ)間動畫中的圖形變形動畫,下節(jié)課我們要學(xué)習(xí)另外一種文字變形動畫,希望同學(xué)們在制作的過程中多總結(jié)多反思,制作出更多更好的動畫效果!五、效果反思     本節(jié)課

75、是學(xué)生第一次接觸補(bǔ)間動畫,總體效果不錯,禮花綻放效果極大的調(diào)動了學(xué)生的積極性,學(xué)生基本上全部都完成了動畫效果,但是還存在以下問題需要對學(xué)生再次強(qiáng)調(diào):    1、制作動畫是要動、靜分開制作,動的和不動的要放在不同的圖層上,這一點非常重要,并且一個圖層上只能放置一個動畫對象       例如:禮花綻放效果,炮筒放在圖層1,綻放的禮花效果放在圖層2    2、要充分激發(fā)學(xué)生思維,把前后所學(xué)的知識充分的結(jié)合起來     &#

76、160; 例如:在制作炮筒圖層時,如何使炮筒一直顯示到最后一幀?結(jié)合前面所學(xué)的內(nèi)容(吃掉的蘋果),應(yīng)該一直插入普通幀至最后一幀,可使用簡單的方法,不用一幀一幀的插,直接在最后一幀插入普通幀,中間會自動全部插入普通幀    3、補(bǔ)間動畫是在屬性面板里進(jìn)行選擇完成的1.6 文字變形動畫 教學(xué)目標(biāo)  1、學(xué)習(xí)變形動畫的制作方法         2、熟悉時間軸的功能         3、掌握幀,層的概念&

77、#160;        4、掌握文字變形動畫的制作教學(xué)重點  文字變形動畫的制作 教學(xué)難點  形狀提示點的應(yīng)用 計劃課時  1課時教學(xué)過程     一、新課導(dǎo)入    形狀補(bǔ)間動畫是在Flash的時間幀面板上,在一個關(guān)鍵幀上繪制一個形狀,然后在另一個關(guān)鍵幀上更改該形狀或繪制另一個形狀等,F(xiàn)lash將自動根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫,它可以實現(xiàn)兩個圖形之間顏色、形狀、大小、位置的相互變化。形狀補(bǔ)間

78、動畫建立后,時間幀面板的背景色變?yōu)榈G色,在起始幀和結(jié)束幀之間也有一個長長的箭頭;構(gòu)成形狀補(bǔ)間動畫的元素多為用鼠標(biāo)或壓感筆繪制出的形狀,而不能是圖形元件、按鈕、文字等,如果要使用圖形元件、按鈕、文字,則必先打散后才可以做形狀補(bǔ)間動畫。上節(jié)課我們講了對于圖形如何最形狀補(bǔ)間動畫,這節(jié)課我們來一起學(xué)習(xí)對文字做補(bǔ)間動畫?!狙菔緦嵗?#160;    二、新課講授        1、文字變形動畫文字在Flash中是一個組合的對象,不能直接設(shè)置變形動畫,首先必須將它“分離”,把它轉(zhuǎn)變?yōu)榉稚顟B(tài)后才能設(shè)置變形動畫,分離是通過【

79、修改】菜單->【分離】實現(xiàn)的。     2、實例制作(A->C->O)【演示】       制作過程:  (1)新建一個文件,在空白舞臺中輸入字母“A”,在屬性面板中設(shè)置好A的字體,顏色為橙色,大小為100。然后通過【修改】->【分離】將A打散  (2)然后在時間軸上的第10幀(此數(shù)值自定)的位置插入一個“空白關(guān)鍵幀”,用同樣的方法輸入第二個字母“C”,并將它分離掉。接下來我們就可以在時間軸上設(shè)置“形狀”動畫了。這樣就完成了由"A"變化為&q

80、uot;C"的動畫效果  (3)再在時間軸上的第20幀(此數(shù)值自定)的位置插入一個“空白關(guān)鍵幀”,用同樣的方法輸入第二個字母“O”,并將它分離掉。接下來我們就可以在時間軸上設(shè)置“形狀”動畫了。這樣就完成了由"C"變化為"O"的動畫效果  (4)測試動畫,保存注意:添加形狀提示的命令只針對一個起始幀和一個結(jié)束幀,如果下一個關(guān)鍵幀要和前面的結(jié)束幀產(chǎn)生添加形狀提示的形狀補(bǔ)間動畫,需要給前面的結(jié)束幀重新添加新的形狀提示才有效   三、學(xué)生練習(xí)   制作文字變形動畫:A->C-&

81、gt;O四、小結(jié)   文字變形動畫在我們?nèi)粘I钪泻艹S?,通過我們今天的學(xué)習(xí)相信同學(xué)們一定已經(jīng)掌握了文字變形動畫的制作方法,希望大家多思考多總結(jié)做出更多更好的文字變形動畫!五、課后反思    本節(jié)課在上節(jié)課的基礎(chǔ)上重點突出,較好的完成了教學(xué)目標(biāo),學(xué)生制作效果好,但在制作中學(xué)生也出現(xiàn)如下的問題:一、背景顏色的添加還是不準(zhǔn)確;二、沒有選擇相應(yīng)圖層的對應(yīng)的關(guān)鍵幀,而是憑感覺隨意制作,結(jié)果導(dǎo)致需要有關(guān)鍵幀的地方?jīng)]有對應(yīng)的內(nèi)容;三、個別同學(xué)總是忘記打碎相應(yīng)的文字    要解決以上的問題,除了教師在巡視過程中要給予指導(dǎo)外,教師

82、在講解時應(yīng)事先預(yù)料到學(xué)生可能遇到的問題而突出講解的重點,讓學(xué)生加深印象1.7 簡單的動作補(bǔ)間動畫 分類: 八年級電子教案 2010-10-12 11:18教學(xué)目標(biāo) 1、了解Flash中的三種元件及其和舞臺的關(guān)系          2、知道動作補(bǔ)間動畫的制作原理          3、會正確制作動作補(bǔ)間動畫教學(xué)重點  1、屬性面板中補(bǔ)間選項的設(shè)置     &#

83、160;    2、動作補(bǔ)間動畫的制作方法教學(xué)難點  正確制作動作補(bǔ)間動畫計劃課時  1課時教學(xué)過程一、新課導(dǎo)入    同學(xué)們在我們的Flash中場景相當(dāng)于一個舞臺,舞臺需要演員演出時,演員從后臺出來,這個后臺我們叫做庫,演員分工不同,在Flash中出現(xiàn)三種演員:圖形元件、影片剪輯元件和按鈕。【展示圖片】       那么我們今天開始我們就要依次就要讓這些演員出場了。二、新授    1、動畫的概念  

84、60;     動作補(bǔ)間動畫是在兩個關(guān)鍵幀上分別定義不同的屬性,如對象的大小、位置、角度等,然后在兩個關(guān)鍵幀之間建立一種運動漸變關(guān)系,這就是制作動作補(bǔ)間動畫的過程。    2、 動作補(bǔ)間動畫的特點      (1)不需要手工創(chuàng)建每個幀的內(nèi)容,只需要創(chuàng)建兩個關(guān)鍵幀的內(nèi)容,兩個關(guān)鍵幀之間的所有動畫都由Flash創(chuàng)建,制作更加簡便。     (2)由手工控制,幀與幀之間的過渡可能不自然、連貫;而補(bǔ)間動畫除兩個關(guān)鍵

85、幀由手工控制外,中間的幀都由Flash自動生成,因此漸變過程更為連貫。     (3)文件小,是一種應(yīng)用較多的動畫制作方式。     3、 動作補(bǔ)間動畫制作方法        動作補(bǔ)間動畫就是在兩個關(guān)鍵幀之間建立了一種運動補(bǔ)間關(guān)系。該類型動畫漸變過程很連貫,制作過程也比較簡單,只需建立動畫的第一個畫面和最后一個畫面。其具體操作如下:       (1)在動畫

86、的起始幀插入關(guān)鍵幀,并編輯起始幀中的內(nèi)容。       (2)選擇起始幀,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動畫】命令,或在【屬性】面板的【補(bǔ)間】下拉列表框中選擇【動作】選項。     4、 實例演示      (1)打開“快樂貓咪背景”文件      (2)插入新圖層,命名為“眼睛”,將“眼睛”元件拖動到舞臺上,調(diào)整第一幀處眼睛的位置   &#

87、160;  (3)再插入一個新圖層,命名為“蜻蜓”,將“蜻蜓”元件拖動到舞臺上,調(diào)整第一幀處眼睛的位置      (4)選中“眼睛”圖層,在第15幀處插入關(guān)鍵幀,調(diào)整眼睛的位置      (5)選中“蜻蜓”圖層,在第15幀處插入關(guān)鍵幀,調(diào)整蜻蜓的位置      (6)選中“眼睛”圖層,在第30幀處插入關(guān)鍵幀,調(diào)整眼睛的位置      (7)選中“蜻

88、蜓”圖層,在第30幀處插入關(guān)鍵幀,調(diào)整蜻蜓的位置      (8)選中“眼睛”圖層,在第40幀處插入關(guān)鍵幀,調(diào)整眼睛的位置      (9)選中“蜻蜓”圖層,在第40幀處插入關(guān)鍵幀,調(diào)整蜻蜓的位置      (10)創(chuàng)建補(bǔ)間動畫      (11)測試保存影片三、學(xué)生練習(xí)    制作書42頁的節(jié)約用水動畫效果    注意:分層制

89、作分為文字層、水龍頭層和水滴層四、作品互評,小結(jié)    今天我們學(xué)習(xí)了簡單的動作補(bǔ)間動畫,制作了第一動作補(bǔ)間動畫:節(jié)約用水,以后我們還會接觸到更多生活實例,可以通過我們的補(bǔ)間動畫來完成,希望同學(xué)們再接再厲充分應(yīng)用我們所學(xué)的知識,為我們的學(xué)習(xí)和生活服務(wù)!五、課后反思    本節(jié)課的內(nèi)容是動畫補(bǔ)間動畫,和前兩節(jié)課講的形狀補(bǔ)間動畫類似,只是補(bǔ)間選項的選取不同,學(xué)生掌握的很快,完成的效果也很好    需要改進(jìn)之處:    本節(jié)課的關(guān)鍵之處是要讓學(xué)生了解什么是動畫補(bǔ)間動畫,什么樣的動畫

90、可以用動畫補(bǔ)間去做,有些學(xué)生習(xí)慣性的在選擇補(bǔ)間類型時選擇了形狀,最終造成動畫效果的錯誤,因此最好把兩種補(bǔ)間動畫放在一起比較一下:形狀變形動畫是在動畫對象的形狀發(fā)生變化時使用的,而動作補(bǔ)間動畫是在對象的大小位置發(fā)生變化時候使用的1.8 多變的動畫補(bǔ)間動畫 教學(xué)目標(biāo) (1)理解動作補(bǔ)間動畫的工作原理及圖層的含義         (2)掌握動作補(bǔ)間動畫的制作方法;         (3)能夠靈活運用所學(xué)動畫制作技巧,創(chuàng)作動畫作品 

91、教學(xué)重點  動畫對象的分層,及不同圖層上補(bǔ)間動畫的制作 教學(xué)難點  多圖層補(bǔ)間動畫的實際制作 計劃課時  1課時 教學(xué)過程  一、導(dǎo)入    茂盛的樹林中,小熊駕車駛來,穿過樹林,他們這是要去哪里呢?【播放實例】,本節(jié)課,我們就通過制作由遠(yuǎn)及近的汽車快速行駛的動畫效果,鞏固動畫補(bǔ)間動畫的制作方法。二、新授  1、動畫補(bǔ)間動畫制作方法的再回顧   (1)在動畫的起始幀插入關(guān)鍵幀,并編輯起始幀中的內(nèi)容    (2)選擇起始幀,單擊

92、鼠標(biāo)右鍵,在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動畫】命令,或在【屬性】面板的【補(bǔ)間】下拉列表框中選擇【動作】選項  2、【提問】如果要制作小車行駛的動畫效果應(yīng)該從何處入口?      提示:(1)背景不動,小車由小至大變化            (2)小車不動,背景往后倒退            (3)背景后退,

93、小車由小至大前進(jìn)              3、實例演示:穿越森林    【制作重點】分層制作(共三層,背景、小車和文字)               背景圖層:用動作補(bǔ)間動畫制作背景后退效果       &#

94、160;       小車圖層:用動作補(bǔ)間動畫制作小車由小變大由近至遠(yuǎn)效果               文字圖層:用動作不見動畫制作文字漸變和旋轉(zhuǎn)效果     演示方法:     (1)將圖層1命名為“背景”,將背景元件拖至圖層中,調(diào)整大小及位置    

95、60;(2)在第60幀出插入關(guān)鍵幀,改變背景的大小和位置     (3)在“屬性”面板中的補(bǔ)間類型設(shè)置為“動畫”     (4)插入圖層2命名為“小車”,將汽車元件拖至圖層中,調(diào)整大小及位置    注意:遠(yuǎn)距離的物體看起來要比近距離的物體運動的慢一些,可以在“屬性”面板中設(shè)置緩動值為-80,補(bǔ)間動畫將由慢變快,以制作出汽車駛來的逼真效果     (5)第60幀處插入關(guān)鍵幀,調(diào)整汽車的大小以及位置 

96、    (6)在屬性面板中設(shè)置補(bǔ)間類型為“動畫”,緩動值設(shè)置為-80     (7)插入圖層3命名為“文字”,將文字元件拖至圖層中,調(diào)整文字的大小以及位置,在屬性面板中調(diào)整文字顏色     (8)在第45幀出插入關(guān)鍵幀,調(diào)整文字的大小以及位置     (9)在屬性面板中設(shè)置補(bǔ)間類型為“動畫”,并設(shè)置旋轉(zhuǎn)方向為順時針三、學(xué)生練習(xí)    制作穿越森林動畫,注意動畫的分層制作,以及補(bǔ)

97、間動畫類型的設(shè)置四、小結(jié)    經(jīng)過兩節(jié)課的學(xué)習(xí)和鞏固,我們已經(jīng)將補(bǔ)間動畫中的兩種動畫給大家介紹完畢,他們分別是:形狀變形動畫和動畫補(bǔ)間動畫,形狀變形動畫是動畫對象的形狀發(fā)生變形的動畫效果,而動畫補(bǔ)間動畫是指動畫對象的位置發(fā)生變化的動畫效果,同學(xué)們大家都學(xué)會了嗎?五、課后反思    汽車行駛的動畫乍一看十分復(fù)雜,但是制作起來確是十分簡單,本節(jié)課在看完了動畫演示后,采取讓學(xué)生分析的方法,如果要制作小車行駛的動畫效果應(yīng)該從何處入口,大部分學(xué)生對答如流,是背景后退,汽車由遠(yuǎn)及近由小變大,在制作的時候應(yīng)該使用動作補(bǔ)間動畫制作,這對后面的制作起

98、了至關(guān)重要的作用,在掌握了動畫原理之后制作起來就非常容易了,本節(jié)課順利完成了教學(xué)目標(biāo),學(xué)生掌握效果很好   但對在制作中個別學(xué)生出現(xiàn)的如下問題還應(yīng)再強(qiáng)調(diào)幾下幾點:1、背景在后退的過程中出現(xiàn)了向左或向右的偏移   以數(shù)軸的方式來看,路面一定是沿著y軸往后退的 ,x軸方向不能有任何的偏移2、不注意汽車起始行駛的位置導(dǎo)致小汽車從天而降   在制作汽車圖層時一定要注意汽車必須是放在路面上的3、在制作補(bǔ)間動畫時插入了多個關(guān)鍵幀   如果動畫對象是直線運動的,那么只需要首尾兩個關(guān)鍵幀即可1.9 影片剪輯元件的應(yīng)用 教

99、學(xué)目標(biāo)  1、讓學(xué)生掌握元件的一類-影片剪輯元件          2、明白何種對象要制作成影片剪輯元件          3、會制作簡單的影片剪輯元件教學(xué)重點  1、對影片剪輯元件的理解          2、影片剪輯元件的制作方法教學(xué)難點  如何正確應(yīng)用影片剪輯元件計劃課時  1課時教

100、學(xué)過程一、導(dǎo)入    提問:如果要制作成這樣的滿天星效果應(yīng)該怎么做呢?    生:一個圖層制作一個閃爍的星星。   師:要是有100顆星星呢?分100個圖層去做嗎?做100顆星星?       引出本節(jié)課的內(nèi)容:影片剪輯元件   師:譬如滿天星效果,我們就可以只制作一個影片剪輯元件-閃爍的星星,然后將它不斷的拖動到舞臺上改變位置和大小就可以完成滿天星的動畫,【演示操作】,大家說方便嗎?二、新授   1、如何制作影片剪輯元件?&

101、#160;      (1)執(zhí)行“插入->新建元件”命令,打開“新建元件”對話框    (2)在名稱后面輸入元件的名稱,在類型中選擇元件的類型為“影片剪輯”,最后單擊“確定”按鈕直接進(jìn)入到該元件的編輯區(qū)狀態(tài)   (3)在編輯區(qū)內(nèi)部創(chuàng)建動畫片段    (4)最后單擊時間軸左上角的場景按鈕返回到主場景的舞臺上面   2、如何使用影片剪輯元件      直接將影片剪輯元件從庫中拖動到舞臺上即可  

102、 3、【實例演示】滿天星    (1)新建一個圖形元件,起名為星星    (2)選擇多邊形工具,設(shè)置邊數(shù)為5,然后畫一個適當(dāng)大小的星形    (3)回到場景中,新建一個影片剪輯的元件,起名為“閃爍的星星”    (4)將剛才制作的“星星”元件加入到影片剪輯元件中,然后制作星星一閃一閃的動畫        第1幀星星變小變透明,第10幀的星星變半透明大一些,第20幀星星

103、變小變稍微透明些【透明度調(diào)整Alpha值】    (5)制作好后將“閃爍的星星”影片剪輯元件拖動到舞臺上,即可三、學(xué)生練習(xí)    任務(wù)一、制作“轉(zhuǎn)動的大風(fēng)車”       提示:風(fēng)車的扇葉應(yīng)做成影片剪輯元件,轉(zhuǎn)動效果在屬性面板里面旋轉(zhuǎn)項中進(jìn)行設(shè)置(順時針、逆時針均可)    拓展練習(xí)    任務(wù)二:制作滿天星動畫四、小結(jié)    提問:什么情況下我們需要制作影片剪輯元件?    當(dāng)有些動畫對象我們要重復(fù)使用需要把這個對象制作成影片剪輯元件,然后就可以無限次的使用它了!五、課后反思    觀看Flash動畫,結(jié)合之前講過的內(nèi)容動靜分開制作,要用6個圖層,5個圖層是重復(fù)操作,那么

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論