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

下載本文檔

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

文檔簡介

1、1.1 初識Flash 教學(xué)重點(diǎn) 1、了解Flash軟件 2、了解Flash的工作環(huán)境教學(xué)難點(diǎn) Flash工具箱的使用教學(xué)目標(biāo) 1、初步了解Flash,并對Flash動(dòng)畫產(chǎn)生興趣 2、掌握Flash軟件啟動(dòng)與退出的方法3、熟悉Flash的工作環(huán)境4、會(huì)正確使用Flash工具箱繪制簡單的動(dòng)畫對象計(jì)劃課時(shí) 1課時(shí)教學(xué)過程 一、新課導(dǎo)入 展示幾個(gè)非常有趣的Flash動(dòng)畫,激發(fā)學(xué)生興趣同學(xué)們我們本學(xué)期要學(xué)習(xí)的就是Flash動(dòng)畫,剛才這幾個(gè)有趣的動(dòng)畫就是通過Flash軟件制作出來的,那么首先我們就一起先來熟悉一下Flash軟件。二、新授1、Flash軟件簡介Flash是一款矢量動(dòng)畫制作軟件,該軟件的應(yīng)用

2、領(lǐng)域相當(dāng)廣泛,它與Macromedia公司的另外兩個(gè)產(chǎn)品Dreamweaver和Fireworks并稱為“網(wǎng)頁設(shè)計(jì)三劍客”,足見它在網(wǎng)絡(luò)中的重要地位。目前,幾乎所有網(wǎng)站上都可以看到Flash動(dòng)畫的身影。作為一種頗受歡迎的新興行業(yè),其技術(shù)發(fā)展一日千里,也給許多人帶來了實(shí)際利益。目前,一個(gè)優(yōu)秀的商業(yè)Flash動(dòng)畫價(jià)格可達(dá)300元/秒,面對這樣的前景,成為一名優(yōu)秀的“閃客”便成為許多人奮斗的目標(biāo)。學(xué)會(huì)Flash動(dòng)畫的制作后,你可以在以下行業(yè)中發(fā)揮一技之長。 廣告業(yè):手機(jī)廣告、化妝品廣告、房地產(chǎn)廣告、汽車廣告 動(dòng)態(tài)網(wǎng)頁制作:企業(yè)網(wǎng)站、學(xué)校網(wǎng)站、個(gè)人網(wǎng)站 MTV制作:為網(wǎng)上流行歌曲制作動(dòng)畫場景 游戲開發(fā)

3、:益智類游戲、戰(zhàn)略類游戲?qū)Ш綏l:Flash的按鈕功能非常強(qiáng)大,是制作菜單的首選 小游戲:利用Flash開發(fā)“迷你”小游戲,在國外一些大公司比較流行,他們把網(wǎng)絡(luò)廣告和網(wǎng)絡(luò)游戲結(jié)合起來,讓觀眾參與其中大大增強(qiáng)了廣告效果產(chǎn)品展示:由于Flash有強(qiáng)大的交互功能,所以一些大公司,如Dell、三星等,都喜歡利用它來展示產(chǎn)品??梢酝ㄟ^方向鍵選擇產(chǎn)品,再控制觀看產(chǎn)品的功能、外觀等,互動(dòng)的展示比傳統(tǒng)的展示方式更勝一籌 2、啟動(dòng)與退出Flash軟件 (1)啟動(dòng) 開始菜單選擇程序再選擇“Flash 8.0”,或者雙擊桌面上的快捷方式圖標(biāo)(2)退出 選擇【文件】【關(guān)閉】命令。 按【Ctrl+W】鍵。 單擊舞臺(tái)右上方

4、的“關(guān)閉”按鈕。 3、Flash的工作環(huán)境 (1)與其它軟件相同的部分 標(biāo)題欄、菜單欄、工具欄 (2)與其它軟件不同的地方 時(shí)間軸面板 左側(cè):圖層控制區(qū) 右側(cè):幀控制區(qū) 屬性面板 舞臺(tái) 庫面板 工具箱重點(diǎn)工具介紹: 鉛筆工具:勾畫圖形的輪廓 線條工具:繪制不同角度的直線 橢圓工具:繪制正圓和橢圓 矩形工具:繪制正方形、矩形和圓角矩形 文本工具:為Flash添加文字油漆桶工具:設(shè)置對象的填充色4、示范制作(小蜜蜂)(1)設(shè)置文檔屬性 屬性面板:大小 400*300背景色 藍(lán)色(2)繪制小蜜蜂 使用工具:圓形工具、選擇工具、油漆桶工具曲線的繪制:直線工具+選擇工具任意變形工具和放大鏡工具三、學(xué)生練

5、習(xí) (1)運(yùn)用工具箱繪制書第二頁圖1.1左邊的熊貓圖(2)文檔大?。?00*350(3)正確保存文件至自己的作業(yè)文件夾中四、小結(jié) Flash動(dòng)畫中的對象都要使用工具箱進(jìn)行繪制請同學(xué)們多聯(lián)系多實(shí)踐多總結(jié)五、課后反思 本節(jié)課引課部分效果非常好,通過幾個(gè)Flash動(dòng)畫的欣賞極大的調(diào)動(dòng)了學(xué)生的興趣,介紹Flash工具箱時(shí)與photoshop的工具箱相聯(lián)系相對比,讓學(xué)生在第一次接觸Flash軟件時(shí)有時(shí)曾相識的感覺,掌握起來很快,本節(jié)課的不足之處在學(xué)生練習(xí)時(shí)還應(yīng)進(jìn)一步的加強(qiáng)指導(dǎo),告訴學(xué)生操作的要點(diǎn)和易范的錯(cuò)誤,在繪制大熊貓時(shí)要讓學(xué)生多一些耐心,細(xì)致的去繪制大熊貓而不能匆匆了事或者比例不對稱。1.2 逐幀動(dòng)

6、畫 教學(xué)重點(diǎn) 1、逐幀動(dòng)畫概念 2、對關(guān)鍵幀的理解教學(xué)難點(diǎn) 逐幀動(dòng)畫制作過程教學(xué)目標(biāo) 1、了解Flash中幀的類型 清楚在什么情況下使用什么樣的幀計(jì)劃課時(shí) 1課時(shí)教學(xué)過程 一、新課導(dǎo)入 上節(jié)課大家制作了可愛的大熊貓,那么有沒有同學(xué)能夠告訴我大熊貓喜歡吃什么呢?【觀看Flash動(dòng)畫】二、新授 1、逐幀動(dòng)畫概念 逐幀動(dòng)畫是指位于同一圖層的多個(gè)連續(xù)關(guān)鍵幀組成的動(dòng)畫,制作者需要在動(dòng)畫的每一幀中創(chuàng)建不同的內(nèi)容2、逐幀動(dòng)畫的制作方法 每個(gè)幀都定義為關(guān)鍵幀,然后給每個(gè)幀創(chuàng)建不同的圖像 3、Flash中的動(dòng)畫類型分為以下兩種:逐幀動(dòng)畫和補(bǔ)間動(dòng)畫 4、Flash中幀的類型1、普通幀:【實(shí)例演示】 (1)位置:往

7、往跟在一個(gè)關(guān)鍵幀之后。 (2)作用:起到延長關(guān)鍵幀的播放時(shí)間的效果。普通幀里的對象是靜態(tài)的。 (3)插入方法:點(diǎn)擊關(guān)鍵幀之后的幀,在不松開左鍵的前提下,向后拉。這一步是想設(shè)置想插入普通幀的區(qū)域。松開左鍵,點(diǎn)擊右鍵,在快捷菜單中點(diǎn)擊“插入幀”。 (4)討論要想讓一個(gè)畫面保持一段時(shí)間而不是一閃即逝,就采用普通幀。插入的普通幀越多,在主時(shí)間軸上占用的時(shí)間越長,播放的時(shí)間也越長。 2、關(guān)鍵幀: 【實(shí)例演示】 (1)插入方法:構(gòu)思好要希望插入關(guān)鍵幀的位置,右鍵點(diǎn)擊。在彈出的下拉菜單中點(diǎn)選“插入關(guān)鍵幀”。 (2)作用:關(guān)鍵幀是制作動(dòng)畫的基本元素。任何一段動(dòng)畫,都是在兩個(gè)關(guān)鍵幀之間進(jìn)行的。 (3)應(yīng)用:插入

8、關(guān)鍵幀,目的就是創(chuàng)建動(dòng)畫。要想在兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)畫,可以在兩個(gè)關(guān)鍵幀中間的任意一個(gè)幀上,點(diǎn)擊右鍵,在彈出的下拉菜單中,選“創(chuàng)建補(bǔ)間動(dòng)畫”,這時(shí)創(chuàng)建的是動(dòng)作類的動(dòng)畫。如果想創(chuàng)建“移動(dòng)補(bǔ)間動(dòng)畫”即“變形動(dòng)畫”,必須在幀屬性面板中的“補(bǔ)間”選項(xiàng)中,點(diǎn)向下的箭頭,在彈出的類型中選“移動(dòng)”。 3、空白關(guān)鍵幀【實(shí)例演示】(1)插入方法:構(gòu)思好要希望插入空白關(guān)鍵幀的位置,右鍵點(diǎn)擊。在彈出的下拉菜單中點(diǎn)選“插入空白關(guān)鍵幀”。 (2)作用:與“關(guān)鍵幀”剛好相反。通過空白關(guān)鍵幀,可以結(jié)束前面的關(guān)鍵幀,以便重打鑼鼓另開張,為創(chuàng)建下一段新的動(dòng)畫打基礎(chǔ)。 (3)應(yīng)用:空白關(guān)鍵幀是一張白紙,需要畫上新的圖形或插入新的

9、元件實(shí)例,才能發(fā)光。當(dāng)在它上面創(chuàng)建了一些對象之后,其實(shí)它又變成“關(guān)鍵幀”了,又可以創(chuàng)建新的動(dòng)畫了。5、實(shí)例演示(一只吃掉的蘋果)(1)在第一幀繪制一只完整的蘋果(2)在第二幀插入關(guān)鍵幀 使用橡皮擦工具擦去蘋果的一部分(3)再次使用橡皮擦工具在原來的基礎(chǔ)上再擦去一部分【提問】注意觀察此動(dòng)畫有什么不妥之處? 提示:吃的速度太快了解決方法:在相鄰兩幀間插入普通幀!插入幀可保持與前一幀一致的內(nèi)容! (4)調(diào)試完畢測試影片 按回車鍵預(yù)覽動(dòng)畫效果(5)測試完畢,保存動(dòng)畫 “文件”選項(xiàng)選擇另存為,將文件保存三、學(xué)生練習(xí)制作逐幀動(dòng)畫:熊貓喜愛竹子注意調(diào)整幀見的變換時(shí)長 四、小結(jié) 我們奇妙的Flash之旅就從逐

10、幀動(dòng)畫處拉開了序曲,這將是一次新奇愉快的學(xué)習(xí)之旅,期待你的加入,讓我們來一同感受Flash動(dòng)畫為我們帶來的樂趣吧!五、課后反思本節(jié)課內(nèi)容有趣,學(xué)生興趣很高,順利的完成了本節(jié)課的教學(xué)目標(biāo),效果很好!這節(jié)課最成功的地方是整個(gè)教學(xué)過程的安排,記錄如下: 先觀看蘋果吃掉的效果讓學(xué)生產(chǎn)生興趣,再介紹制作此動(dòng)畫的動(dòng)畫類型也是本節(jié)課學(xué)習(xí)的內(nèi)容-逐幀動(dòng)畫,講解逐幀動(dòng)畫概念觀看形象的翻書效果,在打開蘋果源文件給學(xué)生講哪個(gè)是關(guān)鍵幀(實(shí)心圓點(diǎn)),讓學(xué)生觀察每個(gè)關(guān)鍵幀中內(nèi)容是否相同(不同),制作吃掉蘋果的動(dòng)畫同時(shí)介紹幀面板,并引入空白關(guān)鍵幀的概念,制作完畢后讓學(xué)生自己發(fā)現(xiàn)問題(吃的太快),此時(shí)引入普通幀,最后做一拓展

11、:打字效果,讓學(xué)生思考打字效果用逐幀動(dòng)畫怎樣制作出來。1.3 多層動(dòng)畫 教學(xué)重點(diǎn) 1、Flash中層的概念2、Flash中層的作用3、Flash中層的重要性教學(xué)難點(diǎn) 對Flash中層的理解教學(xué)目標(biāo) 1、了解Flash中層的概念 2、了解Flash中層的作用3、掌握多層動(dòng)畫的制作方法教學(xué)方法 演示法 任務(wù)驅(qū)動(dòng)法 歸納小結(jié)法計(jì)劃課時(shí) 1課時(shí)教學(xué)過程 一、復(fù)習(xí)舊知 提問:怎樣制作逐幀動(dòng)畫?復(fù)習(xí):逐幀動(dòng)畫是指由位于同一圖層的許多連續(xù)關(guān)鍵幀組成的動(dòng)畫,制作者需要在動(dòng) 畫的每一幀中創(chuàng)建不同的內(nèi)容。當(dāng)動(dòng)畫播放時(shí),F(xiàn)lash就會(huì)一幀一幀地顯示每幀中的內(nèi)容。一個(gè)逐幀動(dòng)畫,動(dòng)畫中的每一幀都是關(guān)鍵幀。復(fù)習(xí)吃掉的蘋果

12、的制作方法。 二、新課講授 1、什么是層一個(gè)層,就好比是一張透明的薄紙,每張紙上面畫著一些圖形和文字而一幅畫就是由許多張這樣的薄紙疊合在一起而成的2、為什么要使用層(層的作用)最上面的一層看得到最下面的一層,而修改其中的任一層卻不會(huì)影響其余任何一層,這是層的概念的核心,又是層的作用所在,較高的一層浮在較低的一層之上,卻又沒有完全擋住下面一層,這是因?yàn)椋涸诿恳粚永铮水嬘袌D形或文字的地方以外,畫布的其余部分是透明的。這就是層的一個(gè)特點(diǎn):層的相互獨(dú)立性。當(dāng)我們只是修改其中的一個(gè)圖層,其余的層絲毫也不會(huì)受到影響。在Flash中我們?nèi)绻麑?dòng)畫中某一個(gè)層不滿意時(shí),可以隨意地修改它而不必?fù)?dān)心會(huì)影響已做好

13、的其他層,從而大大提高效率3、插入圖層的方法【演示】 方法一:單擊時(shí)間軸底部的插入圖層按鈕 方法二:選擇插入時(shí)間軸圖層方法三:右鍵單擊 時(shí)間軸中的一個(gè)層名稱,然后從上下文菜單中選擇插入圖層 4、圖層的重命名 方法一:雙擊時(shí)間軸中層或文件夾的名稱,然后輸入新名稱。 方法二:右鍵單擊層名稱,然后從上下文菜單中選擇屬性。在名稱文本框中輸入新名稱,然后單擊確定。 5、實(shí)例演示【蜜蜂采蜜】(1)新建文件并修改文檔的屬性 使用“文件”-“新建”命令,設(shè)置文檔大小為300*300,背景顏色淺藍(lán)色(2)繪制蜜蜂圖層創(chuàng)建一個(gè)新圖層更名為“蜜蜂”【提問】觀察書第9頁圖2.1中的蜜蜂,回答應(yīng)該用哪幾種工具繪制蜜蜂?

14、分別使用“橢圓工具”、“直線工具”、“鉛筆工具”、“油漆桶工具”、“任意變形工具”、“選擇工具”進(jìn)行繪制【提問】曲線應(yīng)該怎樣繪制?“直線工具”+“選擇工具”【提問】圓形如何繪制? shift鍵+橢圓繪圖工具 【提問】圖形大小如何調(diào)整? 使用“任意變形工具”(3)繪制蜜蜂的翅膀 插入兩個(gè)圖層分別用來繪制兩個(gè)翅膀兩個(gè)圖層依次命名為:“翅膀-內(nèi)側(cè)”和“翅膀-外側(cè)”使用繪圖工具分別在兩個(gè)圖層中繪制內(nèi)側(cè)和外側(cè)翅膀6、繪制云彩圖層插入一個(gè)圖層,命名為“云彩”,在此圖層中繪制白色的云彩7、繪制花朵圖層 插入一個(gè)圖層,命名為“花朵”,在此圖層中繪制花朵繪制過程中可采用復(fù)制粘貼操作三、學(xué)生練習(xí) 制作書第9頁的圖

15、2.1蜜蜂采蜜四、小結(jié) 今天我們學(xué)習(xí)了多層動(dòng)畫,圖層的作用就像你整理一個(gè)堆滿東西的房間一樣。給房間里面東西歸類有序擺放。一個(gè)區(qū)域就相當(dāng)于一個(gè)圖層,當(dāng)你要找某個(gè)東西的時(shí)候,可以很快的找到你要的東西,不至于雜亂無章。五、課后反思層的使用在Flash中起著至關(guān)重要的作用,本節(jié)課的目的就是要讓學(xué)生了解層的作用,并建立分層制作動(dòng)畫的概念,漸漸養(yǎng)成分層制作動(dòng)畫的習(xí)慣。 本節(jié)課不足之處:學(xué)生練習(xí)的內(nèi)容安排不是很好,學(xué)生剛接觸Flash制作蜜蜂采蜜有一定的困難,換成小飛俠會(huì)略微的簡單一些并且易于操作。成功之處:用長方形、圓形和三角形同在一個(gè)圖層時(shí)和分層時(shí)移動(dòng)長方形作對比,讓學(xué)生對層的作用一目了然并且很容易接受

16、!1.4 導(dǎo)入圖像并修改 教學(xué)重點(diǎn)1、圖像導(dǎo)入方法 2、分離圖形的方法 3、套索工具的使用教學(xué)難點(diǎn) 圖形分離的應(yīng)用教學(xué)目標(biāo) 1、會(huì)導(dǎo)入圖片素材 2、會(huì)分離圖形并進(jìn)行正確的編輯 3、會(huì)正確使用套索工具以及魔棒工具選取圖形計(jì)劃課時(shí) 1課時(shí)一、新課導(dǎo)入 在制作Flash動(dòng)畫的過程中,常常需要用到不同類型的素材,如圖片、聲音、視頻文件等,學(xué)會(huì)利用已有的素材制作Flash動(dòng)畫,不但可以節(jié)省手工繪圖的時(shí)間,提高工作效率,還可以提高動(dòng)畫的質(zhì)量,導(dǎo)入素材是制作Flash動(dòng)畫的基本操作,導(dǎo)入好的素材會(huì)使Flash作品更加生動(dòng),畫面更加美觀。二、新課講授 1、導(dǎo)入圖片素材 在Flash中不但可以手工繪制圖形,還可

17、將外部的圖片導(dǎo)入。在Flash中,導(dǎo)入圖片的具體操作如下: (1)選擇【文件】【導(dǎo)入】【導(dǎo)入到舞臺(tái)】命令,打開【導(dǎo)入】對話框。 (2)在【查找范圍】下拉列表框中選擇要導(dǎo)入的圖片位置,再在列表框中選中要導(dǎo)入的圖片。 (3)單擊“打開”按鈕將圖片導(dǎo)入到Flash場景中。 2、編輯圖片素材 (1)在制作不同的動(dòng)畫時(shí),可能需要不同格式的素材,所以需要對素材進(jìn)行編輯。 轉(zhuǎn)換位圖為矢量圖 位圖通常比較復(fù)雜,而且文件較大,為了減小Flash動(dòng)畫的大小或便于操作,常常需要將位圖轉(zhuǎn)換為矢量圖。選擇修改位圖轉(zhuǎn)換位圖為矢量圖命令,可打開轉(zhuǎn)換位圖為矢量圖對話框。(2)將圖片中多余的部分除去-分離 在Flash中許多操

18、作(改變位圖的局部色彩或形狀,進(jìn)行位圖的變形過渡動(dòng)畫制作)是針對矢量圖形進(jìn)行的,位圖就不可以操作了。位圖必須經(jīng)過分離也叫做打碎才能夠操作和編輯。 操作步驟:選中一個(gè)位圖再單擊“修改”-“分離”命令將位圖分離 (3)套索工具的使用 套索工具是一種選取工具,使用的時(shí)候不是很多,主要用在處理位圖。選擇套索工具后,會(huì)在選項(xiàng)中出現(xiàn)魔術(shù)棒及其選項(xiàng)和多邊形模式,在場景里隨意畫一圖形,選擇套索工具,在選項(xiàng)里單擊多邊形模式,按你的需要單擊鼠標(biāo),當(dāng)?shù)玫侥阈枰倪x擇區(qū)域時(shí),雙擊鼠標(biāo)自動(dòng)封閉圖形。任意導(dǎo)入Flash中一個(gè)位圖圖像,執(zhí)行修改-分離命令,或者按快捷Ctrl+B,將位圖分離,用魔術(shù)棒單擊你需要選擇的色彩部分

19、,利用上面敘述的方法可以將導(dǎo)入Flash中的位圖圖像的背景去掉。具體方法是,將位圖圖像打散,用魔術(shù)棒選取位圖背景,然后按下Delete鍵將背景刪除。3、實(shí)例演示:熊熊之家 修改文檔屬性:600*180 導(dǎo)入背景圖像 現(xiàn)將圖層1命名為:背景,執(zhí)行“文件”-“導(dǎo)入”-“導(dǎo)入到舞臺(tái)”命令,將藍(lán)色背景圖片導(dǎo)入,使用任意變形工具調(diào)整圖片大小 制作邊框 首先新建圖層:邊框-深色,在使用長方形工具繪制一個(gè)橘紅色的長方形,使用選擇工具調(diào)整圖形形狀以及大小,再使用同樣方法制作邊框-淺色圖層 導(dǎo)入小熊圖像并去除背景圖像【重點(diǎn)演示】 執(zhí)行“文件”-“導(dǎo)入”-“導(dǎo)入到舞臺(tái)”命令,將小熊圖片導(dǎo)入,選中圖片,執(zhí)行“修改”

20、-“分離”命令,使用套索工具將白云選中,按Delete鍵刪除多余的部分(魔術(shù)棒工具也可以達(dá)到此效果) 錄入文字部分 熊熊之家制作要點(diǎn)提示:多個(gè)圖層,圖片的導(dǎo)入以及圖片的分離!補(bǔ)充:位圖和矢量圖何謂矢量圖像? 矢量圖像,也稱為面向?qū)ο蟮膱D像或繪圖圖像,矢量文件中的圖形元素稱為對象。每個(gè)對象都是一個(gè)自成一體的實(shí)體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。既然每個(gè)對象都是一個(gè)自成一體的實(shí)體,就可以在維持它原有清晰度和彎曲度的同時(shí),多次移動(dòng)和改變它的屬性,而不會(huì)影響圖例中的其它對象。這意味著它們可以按最高分辨率顯示到輸出設(shè)備上。 何謂位圖圖像? 位圖圖像,亦稱為點(diǎn)陣圖像或繪制圖像,是由稱作像素(

21、圖片元素)的單個(gè)點(diǎn)組成的。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。當(dāng)放大位圖時(shí)可以看見無數(shù)單個(gè)方塊。擴(kuò)大位圖尺寸時(shí)線條和形狀顯得參差不齊,縮小位圖尺寸也會(huì)使原圖變形,簡單的說位圖圖像是指放大后能看見鋸齒狀的邊緣,而矢量圖放大后看不見鋸齒狀的邊緣。三、學(xué)生練習(xí) 制作熊熊之家動(dòng)畫,體會(huì)圖片導(dǎo)入及圖片分離效果的制作要點(diǎn) 注意:動(dòng)畫分層制作并將每個(gè)圖層命名四、小結(jié) 很多人在制作Flash的過程中都會(huì)遇到這樣的問題,把圖片導(dǎo)入FLASH后為什么都有背景的一塊白色?FLASH不支持透明圖層嗎?怎么去掉背景色???相信在學(xué)習(xí)了我們今天的內(nèi)容之后,大家再遇到這樣的問題就一定迎刃而解了!五、課后反思 在Flas

22、h中導(dǎo)入圖片在Flash動(dòng)畫的制作中是一個(gè)很常用的操作,本節(jié)課在關(guān)鍵步驟的講解時(shí)放慢了速度,在最后進(jìn)行了學(xué)生作品展示講評進(jìn)一步加深了對易錯(cuò)點(diǎn)的理解并提高了學(xué)習(xí)的興趣1.5 形狀補(bǔ)間動(dòng)畫 教學(xué)重點(diǎn) 1、形狀補(bǔ)間動(dòng)畫的概念 2、形狀補(bǔ)間動(dòng)畫的制作方法教學(xué)難點(diǎn) 形狀補(bǔ)間動(dòng)畫的應(yīng)用教學(xué)目標(biāo) 1、進(jìn)一步掌握關(guān)鍵幀和普通幀的使用 2、會(huì)分析簡單的形狀補(bǔ)間動(dòng)畫的例子 3、會(huì)正確制作簡單的形狀補(bǔ)間動(dòng)畫計(jì)劃課時(shí) 1課時(shí)教學(xué)過程 一、新課導(dǎo)入觀看形狀補(bǔ)間動(dòng)畫實(shí)例(進(jìn)度條、禮花綻放)二、新授 1、什么是形狀補(bǔ)間動(dòng)畫 “形狀補(bǔ)間動(dòng)畫”是補(bǔ)間動(dòng)畫的一種。在改變一個(gè)矢量圖形的形狀、顏色、位置,或一個(gè)矢量圖變形成為另一個(gè)矢

23、量圖的過程中,可以使用形狀補(bǔ)間動(dòng)畫。在形狀補(bǔ)間動(dòng)畫中,只需創(chuàng)建起始和結(jié)束兩個(gè)關(guān)鍵幀,中間幀則由Flash通過計(jì)算機(jī)自動(dòng)完成。在創(chuàng)建形狀補(bǔ)間動(dòng)畫時(shí),如果需要對組、實(shí)例或位圖圖像應(yīng)用形狀補(bǔ)間,則必須首先將這些元素進(jìn)行分離2、如何創(chuàng)建形狀補(bǔ)間動(dòng)畫創(chuàng)建形狀補(bǔ)間動(dòng)畫方法: 在時(shí)間軸面板上動(dòng)畫開始播放的地方創(chuàng)建一個(gè)空白關(guān)鍵幀或選擇一個(gè)關(guān)鍵幀并繪制圖形,一般一幀中以一個(gè)對象為好,在動(dòng)畫結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并繪制另外的圖形,再單擊開始幀,在“屬性”面板上單擊“補(bǔ)間”旁邊的小三角,在彈出的菜單中選擇“形狀”,此時(shí),可以看到時(shí)間軸上發(fā)生了變化淡綠色背景和箭頭,一個(gè)形狀補(bǔ)間動(dòng)畫即創(chuàng)建完成。如果出現(xiàn)虛線,看看前

24、后兩個(gè)關(guān)鍵幀上是否存在非矢量圖或別的元素,將其刪除即可。 3、實(shí)例制作【演示】進(jìn)度條(1)圖層1命名為“框”,編輯內(nèi)容:一個(gè)進(jìn)度條的框和文字loading(2)新建一個(gè)圖層“顏色”,內(nèi)容:畫一個(gè)顏色條長寬剛好和框的大小一致(3)用鼠標(biāo)點(diǎn)顏色圖層在出現(xiàn)的屬性欄選項(xiàng)里選擇動(dòng)畫效果為:形狀補(bǔ)間并把顏色條的寬度在屬性面板里調(diào)整為:3(4)在第50幀處插入關(guān)鍵幀,將顏色跳的寬度在屬性面板里調(diào)整為:430 (5)測試整個(gè)動(dòng)畫效果,保存文件三、學(xué)生練習(xí) 練習(xí)1:制作進(jìn)度條拓展練習(xí):制作禮花綻放效果四、小結(jié) 今天我們學(xué)習(xí)了形狀補(bǔ)間動(dòng)畫中的圖形變形動(dòng)畫,下節(jié)課我們要學(xué)習(xí)另外一種文字變形動(dòng)畫,希望同學(xué)們在制作的過

25、程中多總結(jié)多反思,制作出更多更好的動(dòng)畫效果!五、效果反思本節(jié)課是學(xué)生第一次接觸補(bǔ)間動(dòng)畫,總體效果不錯(cuò),禮花綻放效果極大的調(diào)動(dòng)了學(xué)生的積極性,學(xué)生基本上全部都完成了動(dòng)畫效果,但是還存在以下問題需要對學(xué)生再次強(qiáng)調(diào): 1、制作動(dòng)畫是要?jiǎng)?、靜分開制作,動(dòng)的和不動(dòng)的要放在不同的圖層上,這一點(diǎn)非常重要,并且一個(gè)圖層上只能放置一個(gè)動(dòng)畫對象例如:禮花綻放效果,炮筒放在圖層1,綻放的禮花效果放在圖層2 2、要充分激發(fā)學(xué)生思維,把前后所學(xué)的知識充分的結(jié)合起來 例如:在制作炮筒圖層時(shí),如何使炮筒一直顯示到最后一幀?結(jié)合前面所學(xué)的內(nèi)容(吃掉的蘋果),應(yīng)該一直插入普通幀至最后一幀,可使用簡單的方法,不用一幀一幀的插,直

26、接在最后一幀插入普通幀,中間會(huì)自動(dòng)全部插入普通幀 3、補(bǔ)間動(dòng)畫是在屬性面板里進(jìn)行選擇完成的1.6 文字變形動(dòng)畫 教學(xué)目標(biāo) 1、學(xué)習(xí)變形動(dòng)畫的制作方法 2、熟悉時(shí)間軸的功能 3、掌握幀,層的概念 4、掌握文字變形動(dòng)畫的制作教學(xué)重點(diǎn) 文字變形動(dòng)畫的制作教學(xué)難點(diǎn) 形狀提示點(diǎn)的應(yīng)用計(jì)劃課時(shí) 1課時(shí)教學(xué)過程 一、新課導(dǎo)入 形狀補(bǔ)間動(dòng)畫是在Flash的時(shí)間幀面板上,在一個(gè)關(guān)鍵幀上繪制一個(gè)形狀,然后在另一個(gè)關(guān)鍵幀上更改該形狀或繪制另一個(gè)形狀等,F(xiàn)lash將自動(dòng)根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫,它可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化。形狀補(bǔ)間動(dòng)畫建立后,時(shí)間幀面板的背景色變?yōu)榈G色,在起

27、始幀和結(jié)束幀之間也有一個(gè)長長的箭頭;構(gòu)成形狀補(bǔ)間動(dòng)畫的元素多為用鼠標(biāo)或壓感筆繪制出的形狀,而不能是圖形元件、按鈕、文字等,如果要使用圖形元件、按鈕、文字,則必先打散后才可以做形狀補(bǔ)間動(dòng)畫。上節(jié)課我們講了對于圖形如何最形狀補(bǔ)間動(dòng)畫,這節(jié)課我們來一起學(xué)習(xí)對文字做補(bǔ)間動(dòng)畫?!狙菔緦?shí)例】 二、新課講授 1、文字變形動(dòng)畫文字在Flash中是一個(gè)組合的對象,不能直接設(shè)置變形動(dòng)畫,首先必須將它“分離”,把它轉(zhuǎn)變?yōu)榉稚顟B(tài)后才能設(shè)置變形動(dòng)畫,分離是通過【修改】菜單-【分離】實(shí)現(xiàn)的。 2、實(shí)例制作(A-C-O)【演示】 制作過程: (1)新建一個(gè)文件,在空白舞臺(tái)中輸入字母“A”,在屬性面板中設(shè)置好A的字體,顏色

28、為橙色,大小為100。然后通過【修改】-【分離】將A打散 (2)然后在時(shí)間軸上的第10幀(此數(shù)值自定)的位置插入一個(gè)“空白關(guān)鍵幀”,用同樣的方法輸入第二個(gè)字母“C”,并將它分離掉。接下來我們就可以在時(shí)間軸上設(shè)置“形狀”動(dòng)畫了。這樣就完成了由A變化為C的動(dòng)畫效果 (3)再在時(shí)間軸上的第20幀(此數(shù)值自定)的位置插入一個(gè)“空白關(guān)鍵幀”,用同樣的方法輸入第二個(gè)字母“O”,并將它分離掉。接下來我們就可以在時(shí)間軸上設(shè)置“形狀”動(dòng)畫了。這樣就完成了由C變化為O的動(dòng)畫效果(4)測試動(dòng)畫,保存注意:添加形狀提示的命令只針對一個(gè)起始幀和一個(gè)結(jié)束幀,如果下一個(gè)關(guān)鍵幀要和前面的結(jié)束幀產(chǎn)生添加形狀提示的形狀補(bǔ)間動(dòng)畫,

29、需要給前面的結(jié)束幀重新添加新的形狀提示才有效 三、學(xué)生練習(xí) 制作文字變形動(dòng)畫:A-C-O四、小結(jié) 文字變形動(dòng)畫在我們?nèi)粘I钪泻艹S?,通過我們今天的學(xué)習(xí)相信同學(xué)們一定已經(jīng)掌握了文字變形動(dòng)畫的制作方法,希望大家多思考多總結(jié)做出更多更好的文字變形動(dòng)畫!五、課后反思 本節(jié)課在上節(jié)課的基礎(chǔ)上重點(diǎn)突出,較好的完成了教學(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)容;三、個(gè)別同學(xué)總是忘記打碎相應(yīng)的文字 要解決以上的問題,除了教師在巡視過程中要給予指導(dǎo)外,教師在講解時(shí)應(yīng)事先預(yù)

30、料到學(xué)生可能遇到的問題而突出講解的重點(diǎn),讓學(xué)生加深印象1.7 簡單的動(dòng)作補(bǔ)間動(dòng)畫 分類: 八年級電子教案 2010-10-12 11:18教學(xué)目標(biāo) 1、了解Flash中的三種元件及其和舞臺(tái)的關(guān)系 2、知道動(dòng)作補(bǔ)間動(dòng)畫的制作原理 3、會(huì)正確制作動(dòng)作補(bǔ)間動(dòng)畫教學(xué)重點(diǎn) 1、屬性面板中補(bǔ)間選項(xiàng)的設(shè)置 2、動(dòng)作補(bǔ)間動(dòng)畫的制作方法教學(xué)難點(diǎn) 正確制作動(dòng)作補(bǔ)間動(dòng)畫計(jì)劃課時(shí) 1課時(shí)教學(xué)過程一、新課導(dǎo)入 同學(xué)們在我們的Flash中場景相當(dāng)于一個(gè)舞臺(tái),舞臺(tái)需要演員演出時(shí),演員從后臺(tái)出來,這個(gè)后臺(tái)我們叫做庫,演員分工不同,在Flash中出現(xiàn)三種演員:圖形元件、影片剪輯元件和按鈕?!菊故緢D片】 那么我們今天開始我們就要

31、依次就要讓這些演員出場了。二、新授1、動(dòng)畫的概念 動(dòng)作補(bǔ)間動(dòng)畫是在兩個(gè)關(guān)鍵幀上分別定義不同的屬性,如對象的大小、位置、角度等,然后在兩個(gè)關(guān)鍵幀之間建立一種運(yùn)動(dòng)漸變關(guān)系,這就是制作動(dòng)作補(bǔ)間動(dòng)畫的過程。2、 動(dòng)作補(bǔ)間動(dòng)畫的特點(diǎn) (1)不需要手工創(chuàng)建每個(gè)幀的內(nèi)容,只需要?jiǎng)?chuàng)建兩個(gè)關(guān)鍵幀的內(nèi)容,兩個(gè)關(guān)鍵幀之間的所有動(dòng)畫都由Flash創(chuàng)建,制作更加簡便。(2)由手工控制,幀與幀之間的過渡可能不自然、連貫;而補(bǔ)間動(dòng)畫除兩個(gè)關(guān)鍵幀由手工控制外,中間的幀都由Flash自動(dòng)生成,因此漸變過程更為連貫。(3)文件小,是一種應(yīng)用較多的動(dòng)畫制作方式。3、 動(dòng)作補(bǔ)間動(dòng)畫制作方法 動(dòng)作補(bǔ)間動(dòng)畫就是在兩個(gè)關(guān)鍵幀之間建立了一種

32、運(yùn)動(dòng)補(bǔ)間關(guān)系。該類型動(dòng)畫漸變過程很連貫,制作過程也比較簡單,只需建立動(dòng)畫的第一個(gè)畫面和最后一個(gè)畫面。其具體操作如下:(1)在動(dòng)畫的起始幀插入關(guān)鍵幀,并編輯起始幀中的內(nèi)容。(2)選擇起始幀,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫】命令,或在【屬性】面板的【補(bǔ)間】下拉列表框中選擇【動(dòng)作】選項(xiàng)。 4、 實(shí)例演示 (1)打開“快樂貓咪背景”文件 (2)插入新圖層,命名為“眼睛”,將“眼睛”元件拖動(dòng)到舞臺(tái)上,調(diào)整第一幀處眼睛的位置(3)再插入一個(gè)新圖層,命名為“蜻蜓”,將“蜻蜓”元件拖動(dòng)到舞臺(tái)上,調(diào)整第一幀處眼睛的位置 (4)選中“眼睛”圖層,在第15幀處插入關(guān)鍵幀,調(diào)整眼睛的位置(5)選中

33、“蜻蜓”圖層,在第15幀處插入關(guān)鍵幀,調(diào)整蜻蜓的位置(6)選中“眼睛”圖層,在第30幀處插入關(guān)鍵幀,調(diào)整眼睛的位置(7)選中“蜻蜓”圖層,在第30幀處插入關(guān)鍵幀,調(diào)整蜻蜓的位置 (8)選中“眼睛”圖層,在第40幀處插入關(guān)鍵幀,調(diào)整眼睛的位置(9)選中“蜻蜓”圖層,在第40幀處插入關(guān)鍵幀,調(diào)整蜻蜓的位置 (10)創(chuàng)建補(bǔ)間動(dòng)畫 (11)測試保存影片三、學(xué)生練習(xí) 制作書42頁的節(jié)約用水動(dòng)畫效果 注意:分層制作分為文字層、水龍頭層和水滴層四、作品互評,小結(jié) 今天我們學(xué)習(xí)了簡單的動(dòng)作補(bǔ)間動(dòng)畫,制作了第一動(dòng)作補(bǔ)間動(dòng)畫:節(jié)約用水,以后我們還會(huì)接觸到更多生活實(shí)例,可以通過我們的補(bǔ)間動(dòng)畫來完成,希望同學(xué)們再接再

34、厲充分應(yīng)用我們所學(xué)的知識,為我們的學(xué)習(xí)和生活服務(wù)!五、課后反思 本節(jié)課的內(nèi)容是動(dòng)畫補(bǔ)間動(dòng)畫,和前兩節(jié)課講的形狀補(bǔ)間動(dòng)畫類似,只是補(bǔ)間選項(xiàng)的選取不同,學(xué)生掌握的很快,完成的效果也很好 需要改進(jìn)之處: 本節(jié)課的關(guān)鍵之處是要讓學(xué)生了解什么是動(dòng)畫補(bǔ)間動(dòng)畫,什么樣的動(dòng)畫可以用動(dòng)畫補(bǔ)間去做,有些學(xué)生習(xí)慣性的在選擇補(bǔ)間類型時(shí)選擇了形狀,最終造成動(dòng)畫效果的錯(cuò)誤,因此最好把兩種補(bǔ)間動(dòng)畫放在一起比較一下:形狀變形動(dòng)畫是在動(dòng)畫對象的形狀發(fā)生變化時(shí)使用的,而動(dòng)作補(bǔ)間動(dòng)畫是在對象的大小位置發(fā)生變化時(shí)候使用的1.8 多變的動(dòng)畫補(bǔ)間動(dòng)畫 教學(xué)目標(biāo) (1)理解動(dòng)作補(bǔ)間動(dòng)畫的工作原理及圖層的含義 (2)掌握動(dòng)作補(bǔ)間動(dòng)畫的制作方

35、法; (3)能夠靈活運(yùn)用所學(xué)動(dòng)畫制作技巧,創(chuàng)作動(dòng)畫作品 教學(xué)重點(diǎn) 動(dòng)畫對象的分層,及不同圖層上補(bǔ)間動(dòng)畫的制作教學(xué)難點(diǎn) 多圖層補(bǔ)間動(dòng)畫的實(shí)際制作計(jì)劃課時(shí) 1課時(shí)教學(xué)過程 一、導(dǎo)入 茂盛的樹林中,小熊駕車駛來,穿過樹林,他們這是要去哪里呢?【播放實(shí)例】,本節(jié)課,我們就通過制作由遠(yuǎn)及近的汽車快速行駛的動(dòng)畫效果,鞏固動(dòng)畫補(bǔ)間動(dòng)畫的制作方法。二、新授1、動(dòng)畫補(bǔ)間動(dòng)畫制作方法的再回顧 (1)在動(dòng)畫的起始幀插入關(guān)鍵幀,并編輯起始幀中的內(nèi)容 (2)選擇起始幀,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫】命令,或在【屬性】面板的【補(bǔ)間】下拉列表框中選擇【動(dòng)作】選項(xiàng) 2、【提問】如果要制作小車行駛的動(dòng)畫效

36、果應(yīng)該從何處入口? 提示:(1)背景不動(dòng),小車由小至大變化 (2)小車不動(dòng),背景往后倒退(3)背景后退,小車由小至大前進(jìn)3、實(shí)例演示:穿越森林【制作重點(diǎn)】分層制作(共三層,背景、小車和文字) 背景圖層:用動(dòng)作補(bǔ)間動(dòng)畫制作背景后退效果 小車圖層:用動(dòng)作補(bǔ)間動(dòng)畫制作小車由小變大由近至遠(yuǎn)效果 文字圖層:用動(dòng)作不見動(dòng)畫制作文字漸變和旋轉(zhuǎn)效果演示方法:(1)將圖層1命名為“背景”,將背景元件拖至圖層中,調(diào)整大小及位置(2)在第60幀出插入關(guān)鍵幀,改變背景的大小和位置(3)在“屬性”面板中的補(bǔ)間類型設(shè)置為“動(dòng)畫”(4)插入圖層2命名為“小車”,將汽車元件拖至圖層中,調(diào)整大小及位置注意:遠(yuǎn)距離的物體看起來要

37、比近距離的物體運(yùn)動(dòng)的慢一些,可以在“屬性”面板中設(shè)置緩動(dòng)值為-80,補(bǔ)間動(dòng)畫將由慢變快,以制作出汽車駛來的逼真效果(5)第60幀處插入關(guān)鍵幀,調(diào)整汽車的大小以及位置(6)在屬性面板中設(shè)置補(bǔ)間類型為“動(dòng)畫”,緩動(dòng)值設(shè)置為-80(7)插入圖層3命名為“文字”,將文字元件拖至圖層中,調(diào)整文字的大小以及位置,在屬性面板中調(diào)整文字顏色(8)在第45幀出插入關(guān)鍵幀,調(diào)整文字的大小以及位置(9)在屬性面板中設(shè)置補(bǔ)間類型為“動(dòng)畫”,并設(shè)置旋轉(zhuǎn)方向?yàn)轫槙r(shí)針三、學(xué)生練習(xí) 制作穿越森林動(dòng)畫,注意動(dòng)畫的分層制作,以及補(bǔ)間動(dòng)畫類型的設(shè)置四、小結(jié) 經(jīng)過兩節(jié)課的學(xué)習(xí)和鞏固,我們已經(jīng)將補(bǔ)間動(dòng)畫中的兩種動(dòng)畫給大家介紹完畢,他們

38、分別是:形狀變形動(dòng)畫和動(dòng)畫補(bǔ)間動(dòng)畫,形狀變形動(dòng)畫是動(dòng)畫對象的形狀發(fā)生變形的動(dòng)畫效果,而動(dòng)畫補(bǔ)間動(dòng)畫是指動(dòng)畫對象的位置發(fā)生變化的動(dòng)畫效果,同學(xué)們大家都學(xué)會(huì)了嗎?五、課后反思 汽車行駛的動(dòng)畫乍一看十分復(fù)雜,但是制作起來確是十分簡單,本節(jié)課在看完了動(dòng)畫演示后,采取讓學(xué)生分析的方法,如果要制作小車行駛的動(dòng)畫效果應(yīng)該從何處入口,大部分學(xué)生對答如流,是背景后退,汽車由遠(yuǎn)及近由小變大,在制作的時(shí)候應(yīng)該使用動(dòng)作補(bǔ)間動(dòng)畫制作,這對后面的制作起了至關(guān)重要的作用,在掌握了動(dòng)畫原理之后制作起來就非常容易了,本節(jié)課順利完成了教學(xué)目標(biāo),學(xué)生掌握效果很好 但對在制作中個(gè)別學(xué)生出現(xiàn)的如下問題還應(yīng)再強(qiáng)調(diào)幾下幾點(diǎn):1、背景在后退

39、的過程中出現(xiàn)了向左或向右的偏移 以數(shù)軸的方式來看,路面一定是沿著y軸往后退的,x軸方向不能有任何的偏移2、不注意汽車起始行駛的位置導(dǎo)致小汽車從天而降 在制作汽車圖層時(shí)一定要注意汽車必須是放在路面上的3、在制作補(bǔ)間動(dòng)畫時(shí)插入了多個(gè)關(guān)鍵幀 如果動(dòng)畫對象是直線運(yùn)動(dòng)的,那么只需要首尾兩個(gè)關(guān)鍵幀即可1.9 影片剪輯元件的應(yīng)用 教學(xué)目標(biāo) 1、讓學(xué)生掌握元件的一類-影片剪輯元件 2、明白何種對象要制作成影片剪輯元件 3、會(huì)制作簡單的影片剪輯元件教學(xué)重點(diǎn) 1、對影片剪輯元件的理解 2、影片剪輯元件的制作方法教學(xué)難點(diǎn) 如何正確應(yīng)用影片剪輯元件計(jì)劃課時(shí) 1課時(shí)教學(xué)過程一、導(dǎo)入 提問:如果要制作成這樣的滿天星效果應(yīng)

40、該怎么做呢? 生:一個(gè)圖層制作一個(gè)閃爍的星星。 師:要是有100顆星星呢?分100個(gè)圖層去做嗎?做100顆星星? 引出本節(jié)課的內(nèi)容:影片剪輯元件 師:譬如滿天星效果,我們就可以只制作一個(gè)影片剪輯元件-閃爍的星星,然后將它不斷的拖動(dòng)到舞臺(tái)上改變位置和大小就可以完成滿天星的動(dòng)畫,【演示操作】,大家說方便嗎?二、新授 1、如何制作影片剪輯元件? (1)執(zhí)行“插入-新建元件”命令,打開“新建元件”對話框 (2)在名稱后面輸入元件的名稱,在類型中選擇元件的類型為“影片剪輯”,最后單擊“確定”按鈕直接進(jìn)入到該元件的編輯區(qū)狀態(tài) (3)在編輯區(qū)內(nèi)部創(chuàng)建動(dòng)畫片段 (4)最后單擊時(shí)間軸左上角的場景按鈕返回到主場景

41、的舞臺(tái)上面2、如何使用影片剪輯元件 直接將影片剪輯元件從庫中拖動(dòng)到舞臺(tái)上即可3、【實(shí)例演示】滿天星 (1)新建一個(gè)圖形元件,起名為星星(2)選擇多邊形工具,設(shè)置邊數(shù)為5,然后畫一個(gè)適當(dāng)大小的星形(3)回到場景中,新建一個(gè)影片剪輯的元件,起名為“閃爍的星星”(4)將剛才制作的“星星”元件加入到影片剪輯元件中,然后制作星星一閃一閃的動(dòng)畫 第1幀星星變小變透明,第10幀的星星變半透明大一些,第20幀星星變小變稍微透明些【透明度調(diào)整Alpha值】(5)制作好后將“閃爍的星星”影片剪輯元件拖動(dòng)到舞臺(tái)上,即可三、學(xué)生練習(xí) 任務(wù)一、制作“轉(zhuǎn)動(dòng)的大風(fēng)車”提示:風(fēng)車的扇葉應(yīng)做成影片剪輯元件,轉(zhuǎn)動(dòng)效果在屬性面板里

42、面旋轉(zhuǎn)項(xiàng)中進(jìn)行設(shè)置(順時(shí)針、逆時(shí)針均可)拓展練習(xí) 任務(wù)二:制作滿天星動(dòng)畫四、小結(jié) 提問:什么情況下我們需要制作影片剪輯元件? 當(dāng)有些動(dòng)畫對象我們要重復(fù)使用需要把這個(gè)對象制作成影片剪輯元件,然后就可以無限次的使用它了!五、課后反思 觀看Flash動(dòng)畫,結(jié)合之前講過的內(nèi)容動(dòng)靜分開制作,要用6個(gè)圖層,5個(gè)圖層是重復(fù)操作,那么有沒有什么簡單的方法不做這么多重復(fù)的工作呢?使用元件! 備注:在制作之前應(yīng)最好先復(fù)習(xí)一下動(dòng)作補(bǔ)間動(dòng)畫的基本操作步驟,明確一下我們這節(jié)課主要是制作元件,在元件里用動(dòng)作補(bǔ)間動(dòng)畫將扇葉轉(zhuǎn)動(dòng)起來! 制作時(shí)還應(yīng)多讓學(xué)生觀察,場景1里只有1幀,2個(gè)圖層,減少不必要的錯(cuò)誤1.10 引導(dǎo)層動(dòng)畫

43、教學(xué)目標(biāo)知識與技能:1、理解引導(dǎo)層、引導(dǎo)線的作用2、掌握制作運(yùn)動(dòng)對象沿任意指定路徑運(yùn)動(dòng)的動(dòng)畫3、增強(qiáng)學(xué)生的觀察、總結(jié)能力方法與過程:學(xué)生通過觀察思考,交流合作,探索操作完成對知識的理解和掌握情感態(tài)度價(jià)值觀:1、體驗(yàn)動(dòng)畫制作的樂趣,養(yǎng)成自主學(xué)習(xí)的習(xí)慣2、感受動(dòng)畫制作的奇妙,培養(yǎng)學(xué)生的合作、探究精神教學(xué)重點(diǎn):1、將外部素材導(dǎo)入到舞臺(tái)、庫2、引導(dǎo)層動(dòng)畫的創(chuàng)建3、圖層的編輯教學(xué)難點(diǎn):1、運(yùn)用引導(dǎo)層,制作曲線運(yùn)動(dòng)動(dòng)畫2、運(yùn)動(dòng)對象與引導(dǎo)線的吸附操作計(jì)劃課時(shí) 1課時(shí)教學(xué)過程一、導(dǎo)入展示兩個(gè)動(dòng)畫效果(普通動(dòng)作補(bǔ)間動(dòng)畫和引導(dǎo)層動(dòng)畫),請學(xué)生說出兩個(gè)運(yùn)動(dòng)對象運(yùn)動(dòng)效果的異同(一個(gè)是點(diǎn)到點(diǎn)的直線運(yùn)動(dòng),一個(gè)是曲線運(yùn)動(dòng))

44、,引出本節(jié)課的內(nèi)容:引導(dǎo)層動(dòng)畫二、新授1、 什么是引導(dǎo)層動(dòng)畫引導(dǎo)層動(dòng)畫又叫軌跡動(dòng)畫,是讓我們的動(dòng)畫對象按照一定的運(yùn)動(dòng)路徑即軌跡進(jìn)行運(yùn)動(dòng)的動(dòng)畫效果2、 引導(dǎo)層動(dòng)畫的組構(gòu)成師:比較引導(dǎo)層動(dòng)畫和普通的動(dòng)作補(bǔ)間動(dòng)畫有什么不同?【展示源文件】生:多了一個(gè)圖層并且畫有動(dòng)畫對象運(yùn)動(dòng)的軌跡師:軌跡動(dòng)畫由引導(dǎo)層和被引導(dǎo)層組成,引導(dǎo)層用于放置對象運(yùn)動(dòng)的路徑,被引導(dǎo)層用于放置運(yùn)動(dòng)的對象3、引導(dǎo)層動(dòng)畫的制作方法:(1)在普通層中創(chuàng)建一個(gè)對象。 (2)單擊按鈕,在普通層上層新建一個(gè)引導(dǎo)層,普通層自動(dòng)變?yōu)楸灰龑?dǎo)層。 (3)在引導(dǎo)層中繪制一條路徑,然后將引導(dǎo)層中的路徑沿用到某一幀。 (4)在被引導(dǎo)層中將對象的中心控制點(diǎn)移動(dòng)

45、到路徑的起點(diǎn)。 (5)在被引導(dǎo)層的某一幀插入關(guān)鍵幀,并將對象移動(dòng)到引導(dǎo)層中路徑的終點(diǎn)。 (6)在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫,引導(dǎo)動(dòng)畫制作完成。引導(dǎo)層動(dòng)畫制作要點(diǎn):(1)一般將要移動(dòng)的對象單獨(dú)放在一個(gè)層,作為被引導(dǎo)層,在此層上面添加引導(dǎo)層。(2)引導(dǎo)層一定要在被引導(dǎo)層的上方。(3)引導(dǎo)層中只繪制運(yùn)動(dòng)路徑,在被引導(dǎo)層中設(shè)置動(dòng)作補(bǔ)間動(dòng)畫。(4)啟用“緊貼至對象”工具指向元件的中心點(diǎn),拖動(dòng)對象吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)(5)要使對象沿著路徑旋轉(zhuǎn),需在被引導(dǎo)層的起始幀屬性中,設(shè)置“調(diào)整到路徑”。制作引導(dǎo)線的注意事項(xiàng):(1)引導(dǎo)線不能是封閉的曲線,要有起點(diǎn)和終點(diǎn) (2)起點(diǎn)和終點(diǎn)之間的線條必須

46、是連續(xù)的,不能間斷,可以是任何形狀 (3)引導(dǎo)線轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過急、過多,否則Flash無法準(zhǔn)確判定對象的運(yùn)動(dòng)路徑 (4)被引導(dǎo)對象必須準(zhǔn)確吸附到引導(dǎo)線上,也就是元件編輯區(qū)中心必須位于引導(dǎo)線上,否則被引導(dǎo)對象將無法沿引導(dǎo)路徑運(yùn)動(dòng) (5)引導(dǎo)線在最終生成動(dòng)畫時(shí)是不可見的4、制作蝴蝶飛舞動(dòng)畫【演示】(1)打開背景文件(2)在風(fēng)車扇葉圖層上插入新圖層,重命名為“蝴蝶”,將影片剪輯元件“蝴蝶”拖放到舞臺(tái)上(3)在時(shí)間軸上單擊“添加運(yùn)動(dòng)引導(dǎo)層”按鈕,在圖層“蝴蝶”上新建一個(gè)運(yùn)動(dòng)引導(dǎo)層(4)使用“鉛筆工具”在引導(dǎo)層上繪制出“蝴蝶”運(yùn)動(dòng)的平滑曲線(5)選中圖層“蝴蝶”,分別在第20、35、50幀插入關(guān)

47、鍵幀,改變蝴蝶在舞臺(tái)上的位置(注意是蝴蝶緊貼引導(dǎo)線)(6)按Ctrl+Enter鍵測試影片三、學(xué)生練習(xí) 制作蝴蝶飛舞動(dòng)畫,至少有三只蝴蝶對象 提示:在制作完第一只蝴蝶的引導(dǎo)動(dòng)畫后在其上插入新圖層做第二只蝴蝶的引導(dǎo)動(dòng)畫,在插入圖層做第三只蝴蝶的引導(dǎo)動(dòng)畫四、小結(jié)通過今天的學(xué)習(xí)大家對引導(dǎo)層動(dòng)畫都有了很深刻的認(rèn)識,今后如果再遇到這樣的例子大家都會(huì)做嗎?譬如說樹葉飄落、小鳥飛翔、形體運(yùn)動(dòng)等五、課后反思 本課內(nèi)容對學(xué)生的要求較高,結(jié)合了之前講過的多種動(dòng)畫類型,雖然大部分學(xué)生都成功制作出了引導(dǎo)層動(dòng)畫,但在具體操作過程中仍然出現(xiàn)了一些問題:比如部分學(xué)生對知識理解不透徹,把引導(dǎo)層和被引導(dǎo)層做反了,還有動(dòng)畫對象沒有按

溫馨提示

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

最新文檔

評論

0/150

提交評論