欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文

  1. <ul id="fwlom"></ul>

    <object id="fwlom"></object>

    <span id="fwlom"></span><dfn id="fwlom"></dfn>

      <object id="fwlom"></object>

      FLASH動(dòng)畫制作活動(dòng)教案(5篇范文)

      時(shí)間:2019-05-12 23:40:44下載本文作者:會(huì)員上傳
      簡(jiǎn)介:寫寫幫文庫(kù)小編為你整理了多篇相關(guān)的《FLASH動(dòng)畫制作活動(dòng)教案》,但愿對(duì)你工作學(xué)習(xí)有幫助,當(dāng)然你在寫寫幫文庫(kù)還可以找到更多《FLASH動(dòng)畫制作活動(dòng)教案》。

      第一篇:FLASH動(dòng)畫制作活動(dòng)教案

      FLASH動(dòng)畫制作小組活動(dòng)教案

      2013-2014年度第二學(xué)期

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

      第一節(jié) 初識(shí)FLASH

      第二節(jié) FLASH簡(jiǎn)單動(dòng)畫制作

      第三節(jié) 基本工具的使用

      第四節(jié) 直線運(yùn)動(dòng)和繪圖工具

      第五節(jié) 鞏固

      第六節(jié) 文字特效制作

      第七節(jié) 引導(dǎo)線的制作應(yīng)用

      第八節(jié) 按鈕的制作一

      第九節(jié) 按鈕的制作二

      第十節(jié) 測(cè)試與遮照一

      第十一節(jié) 基礎(chǔ)知識(shí)復(fù)習(xí)及遮照應(yīng)用二

      第十二節(jié) 遮照應(yīng)用三

      第十三周 遮照復(fù)習(xí)

      第十四節(jié) ActiontScript語(yǔ)句的使用

      第十五節(jié) 聲音處理和引導(dǎo)頁(yè)制作

      3課時(shí) 4課時(shí) 4課時(shí) 4課時(shí) 3課時(shí) 4課時(shí) 4課時(shí) 4課時(shí) 4課時(shí) 4課時(shí) 4課時(shí) 6課時(shí) 4課時(shí) 4課時(shí) 4課時(shí)

      第一節(jié) 初識(shí)FLASH 教學(xué)課時(shí):3課時(shí)

      教學(xué)目標(biāo):熟悉FLASH的工作環(huán)境,掌握最基本的概念 教學(xué)重難點(diǎn):層和元件的概念及簡(jiǎn)單運(yùn)用

      教學(xué)過程:

      一、FLASH特點(diǎn):

      使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量;流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載,通過使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(.swf)文件非常小,幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效果,把音樂,動(dòng)畫,聲效,交互方式融合在一起,越來越多的人已經(jīng)把Flash作為網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的首選工具。

      強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫,通過ACTION和FS COMMAND可以實(shí)現(xiàn)交互性,使Flash具有更大的設(shè)計(jì)自由度,另外,它與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver配合默契,可以直接嵌入網(wǎng)頁(yè)的任一位置,非常方便。

      總之,F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁(yè)動(dòng)畫的標(biāo)準(zhǔn),成為一種新興的技術(shù)發(fā)展方向。

      二、熟悉工作環(huán)境

      1、主要分為

      舞臺(tái) 就是工作區(qū),最主要的可編輯區(qū)域。在這里可以直接繪圖,或者導(dǎo)入外部圖形文件進(jìn)行安排編輯。就像演員表演的舞臺(tái),動(dòng)畫呈現(xiàn)在舞臺(tái)上,超出舞臺(tái)的區(qū)域就為不可見,也就是幕后,F(xiàn)LASH動(dòng)畫也要十分注重舞臺(tái)和幕后的共同設(shè)計(jì)。

      時(shí)間軸窗口 用它可以調(diào)整電影的播放速度,并把不同的圖形作品放在不同圖層的相應(yīng)幀里,以安排電影內(nèi)容播放的順序。

      繪圖工具欄 放置了可供圖形和文本編輯的各種工具,用這些工具可以繪圖,選取,噴涂,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時(shí),其所對(duì)應(yīng)的修改器(Modifier)也會(huì)在工具條下面的位置出現(xiàn),修改器的作用是改變相應(yīng)工具對(duì)圖形處理的效果。

      標(biāo)準(zhǔn)工具欄 列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺(tái)放大比例的圖標(biāo)和選項(xiàng),便于進(jìn)行更為快捷的操作。

      圖庫(kù)窗口 用以存放可以重復(fù)使用的稱為符號(hào)的元素。符號(hào)的類型包括有圖片(Graphics),按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L。學(xué)習(xí)FLASH也要養(yǎng)成良好的習(xí)慣,其中建立元件就是最基本也是最重要的,元件存放在圖庫(kù)中,這樣便與元件的重復(fù)使用以及統(tǒng)一修改。

      控制器面板 控制電影的播放操作的工具集合(包括影片的前進(jìn)后退暫停等),一般不大常用,處于隱藏狀態(tài)。

      2、逐步介紹各個(gè)區(qū)域(1)時(shí)間軸

      時(shí)間軸(Timeline)是Flash中最重要的工具之一。用它可以查看每一幀的情況,調(diào)整動(dòng)畫播放的速度,安排幀的內(nèi)容,改變幀與幀之間的關(guān)系,從而實(shí)現(xiàn)不同效果的動(dòng)畫。

      狀態(tài)欄中的 為洋蔥皮(Onion skin)按鈕,其作用是在顯示播放頭所在幀內(nèi)容的同時(shí)顯示其前后數(shù)幀的內(nèi)容。當(dāng)點(diǎn)擊該按鈕時(shí),播放頭周圍會(huì)出現(xiàn)方括號(hào)形狀的標(biāo)記,其中所包含的幀都會(huì)顯示出來,這將有利于我們觀察不同幀之間的圖形變化過程。

      和 的作用一樣,只不過它只顯示各幀圖形的輪廓線。當(dāng)我們需要同時(shí)編輯多個(gè)幀時(shí),按下按鈕就可以了,但要注意,它只對(duì)幀-幀動(dòng)畫有效,而對(duì)漸變動(dòng)畫無(wú)效,因?yàn)闈u變動(dòng)畫是通過定義關(guān)鍵幀再插值的方法實(shí)現(xiàn)的,所以其中內(nèi)插的幀是無(wú)法編輯的。是洋蔥皮修改器,用于改變洋蔥皮的狀態(tài)和設(shè)置。其后的三個(gè)數(shù)字分別為當(dāng)前播放頭所在幀號(hào),動(dòng)畫播放速度以及以此速度從頭播放到當(dāng)前幀所需的時(shí)間。時(shí)間軸窗口右上角的 可以用來調(diào)整時(shí)間每個(gè)單元格的寬窄大小,各人可根據(jù)自己的喜好,動(dòng)畫的長(zhǎng)短等因素進(jìn)行修改,以便于實(shí)際操作。

      (2)元件和層概念及運(yùn)用

      在講動(dòng)畫形式之前先講元件和庫(kù)的概念,教學(xué)生建立元件的方法及必要性。

      空心小圓圈表示空白的關(guān)鍵幀,沒有內(nèi)容,例如在新建一個(gè)動(dòng)畫文件時(shí)出現(xiàn)。先建立一個(gè)元件,然后在場(chǎng)景中拉入元件 拉入后成實(shí)心點(diǎn),有內(nèi)容就成了實(shí)心點(diǎn) 單獨(dú)的關(guān)鍵幀為一黑色圓點(diǎn),后面為灰色表明其后各幀的內(nèi)容與其一致,沒有變化。

      實(shí)例分析:背景色的設(shè)置;相同小球的組合繪制 要點(diǎn):選擇工具的使用(任意變形和整體選擇操作)圓形的繪制(shift畫正圓); 建立元件(元件的概念)組合 CTRL+G 打散 CTRL+B 直線工具的使用

      元件主要有兩個(gè)優(yōu)點(diǎn):可以重復(fù)使用和統(tǒng)一修改

      介紹元件建立的兩個(gè)方法:插入――建立新元件或者選擇對(duì)象轉(zhuǎn)換為元件。

      (3)圖層:通過實(shí)例ceng及clx掌握?qǐng)D層

      關(guān)于圖層(Layer)的概念,學(xué)過Photoshop的人都不會(huì)陌生。形象地說,圖層可以看成是疊放在一起的透明的膠片,如果層上沒有任何東西的話,你就可以透過它直接看到下一層。所以我們可以根據(jù)需要,在不同層上編輯不同的動(dòng)畫而互不影響,并在放映時(shí)得到合成的效果。使用圖層并不會(huì)增加動(dòng)畫文件的大小,相反它可以更好幫助我們安排和組織圖形,文字和動(dòng)畫。圖層是Flash中最基本而且重要的內(nèi)容,因而需要很好地掌握:

      在實(shí)例(ceng)中學(xué)習(xí)下面的知識(shí)。左圖是一個(gè)典型的圖層例子,圖中所示共有十一個(gè)層。其中用黑色標(biāo)識(shí)帶有一支鉛筆 標(biāo)志的層為當(dāng)前正在編輯的層。如果該層不能被編輯,則會(huì)顯示 圖標(biāo)。在這些層右上方有三個(gè)圖標(biāo),其中 可以控制該層是否被顯示,默認(rèn)狀態(tài)為正常顯示,在對(duì)應(yīng)下方用 表示,如果點(diǎn)擊這個(gè)黑點(diǎn),則會(huì)出現(xiàn),同時(shí)該層被隱藏,隱藏的層不能被編輯。用來控制是否鎖住該層,被鎖住的層可以正常顯示,但不能被編輯,這樣在你編輯其它層時(shí),可以利用這一層作參考,而不會(huì)誤改了這一層的內(nèi)容。可以控制是否將層以輪廓線方式顯示,點(diǎn)擊對(duì)應(yīng)的黑點(diǎn),會(huì)出現(xiàn),再點(diǎn)一次恢復(fù)正常。這幾個(gè)功能可以同時(shí)起作用。

      (4)動(dòng)畫形式 分為運(yùn)動(dòng)動(dòng)畫和漸變動(dòng)畫

      運(yùn)動(dòng)動(dòng)畫:例如一個(gè)小球從左邊運(yùn)動(dòng)到右邊 表示運(yùn)動(dòng)漸變動(dòng)畫,關(guān)鍵幀用黑色的圓點(diǎn)標(biāo)識(shí),內(nèi)插幀用黑色的實(shí)線表示,背景為淡紫色(淺藍(lán)色)。虛線說明中間的過渡存在錯(cuò)誤,無(wú)法正確實(shí)現(xiàn)內(nèi)插。

      兩個(gè)例子:一個(gè)是小球位置的改變,另一個(gè)是顏色透明度的改變。

      漸變動(dòng)畫:例如圓變方塊!表示變形過渡動(dòng)畫,關(guān)鍵幀用黑色的圓點(diǎn)標(biāo)識(shí),內(nèi)插幀用黑色的實(shí)線表示,背景為淡綠色。同樣如果中間出現(xiàn)錯(cuò)誤,也會(huì)出現(xiàn)虛線!主要是兩個(gè)例子,圓變方塊和英文字變中文

      其中要注意對(duì)象要打散,文字要打散兩次。比較和補(bǔ)間動(dòng)畫的區(qū)別。下面兩個(gè)略作了解

      字母a表示該幀已通過幀屬性對(duì)話框指定了action。關(guān)于action以后會(huì)詳細(xì)介紹。小紅旗表明該幀有標(biāo)簽或注解。

      三、小結(jié)

      通過本次課的學(xué)習(xí),學(xué)生要理解并掌握元件和層的概念及簡(jiǎn)單運(yùn)用。要注意以下幾點(diǎn):

      1.元件存在庫(kù)中,方便重復(fù)使用和統(tǒng)一修改 2.一個(gè)元件對(duì)應(yīng)一層

      3.層之間上下疊放,可改變順序

      4.動(dòng)畫的兩種形式,補(bǔ)間動(dòng)畫包括位置和顏色透明度的改變。形狀動(dòng)畫要注意對(duì)象要打散,其中文字的打散要用兩次CTRL+B。

      第二節(jié) FLASH簡(jiǎn)單動(dòng)畫制作

      教學(xué)課時(shí):4課時(shí)

      教學(xué)目標(biāo):

      1、復(fù)習(xí)鞏固FLASH中最基本的概念(元件、圖層)

      2、掌握兩種動(dòng)畫形式:補(bǔ)間動(dòng)畫和漸變動(dòng)畫

      3、掌握時(shí)間軸上幀的操作(插入、刪除等)教學(xué)重點(diǎn):應(yīng)用工具畫圖,并制作動(dòng)畫 教學(xué)過程:

      一、復(fù)習(xí)鞏固

      主要是在上節(jié)的基礎(chǔ)上完成進(jìn)一步動(dòng)畫 做完的同學(xué)可以進(jìn)一步練習(xí)兩種動(dòng)畫形式,主要為物體透明度的改變和文字的變形。

      記住三句口決:

      1、一個(gè)對(duì)象一層

      2、一般一個(gè)對(duì)象要轉(zhuǎn)換為元件

      3、在形狀動(dòng)畫中不要建立元件,對(duì)象要打散

      二、實(shí)例運(yùn)用1 上節(jié)課已經(jīng)學(xué)習(xí)了兩種最基本的動(dòng)畫形式,這次課我們就先來綜合運(yùn)用一下。實(shí)例1 哭臉變笑臉

      1、先給學(xué)生看最后的效果

      2、分析 要分為幾層?

      五層 臉、眼眶、嘴、左眼、右眼 為什么要用5層?

      嘴一層 要進(jìn)行動(dòng)畫制作,因此要單獨(dú)一層

      左右眼珠分兩層,眼睛看起來靈活些,也更方便些

      幾個(gè)注意的地方:

      線條的粗細(xì)可調(diào)整;對(duì)象的大小可調(diào)整(直接修改數(shù)值比較精確);對(duì)象要對(duì)齊可用吸附工具,也可以借輔助線用方向鍵進(jìn)行微調(diào)整;嘴是要變形的,打散狀態(tài)(右鍵-分離 弧線才可變形,選中的對(duì)象不能改動(dòng));F5普通幀(刪除幀),F(xiàn)6關(guān)鍵幀(清除關(guān)鍵幀),補(bǔ)間動(dòng)畫FLASH自動(dòng)生成。思考:眼睛怎么轉(zhuǎn)動(dòng)? ―――元件的運(yùn)動(dòng)。分析:眼珠要四周轉(zhuǎn)動(dòng),需要四個(gè)關(guān)鍵幀

      三、綜合實(shí)例

      1、看實(shí)例2

      進(jìn)行分析:主要是混色器的使用

      關(guān)鍵步驟:先畫一個(gè)圓,線條可調(diào)整;

      選擇漸變的圓,在混色器中進(jìn)行調(diào)整(小塊往下拉就刪除),調(diào)整到合適的效果(用顏料桶填充);

      要做圓環(huán),在大圓中再畫一個(gè)小圓,小圓在選中狀態(tài)下可以改變位置,調(diào)整大小等。(要注意,放開就不能改了)。改變大小時(shí),SHIFT是左上角調(diào)整,ALT則是以圓心調(diào)整;

      要做成補(bǔ)間動(dòng)畫(形狀動(dòng)畫也是成立的,但沒什么效果。自己要多試,可以意外發(fā)現(xiàn)一些效果)補(bǔ)間動(dòng)畫 順時(shí)針 40幀 循環(huán)3次(24幀為1秒)

      思考字母變形的做法(結(jié)合上次課的練習(xí))

      四、學(xué)生動(dòng)手創(chuàng)作教師節(jié)賀卡(有樣例3)(20’)要求學(xué)生充分發(fā)揮自己的想象力,動(dòng)手制作一張賀卡 主要包括幾方面的內(nèi)容:

      1、文字的移動(dòng)

      2、文字的旋轉(zhuǎn)移動(dòng)

      3、文字的漸隱(透明度的變化)

      4、簡(jiǎn)單的動(dòng)作設(shè)置(stop)

      五、小結(jié)

      通過本次課的學(xué)習(xí),我們復(fù)習(xí)并鞏固了FLASH的兩種基本動(dòng)畫形式,以及運(yùn)用了層來更好地表現(xiàn)動(dòng)畫。

      第三節(jié) 基本工具的使用

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具的使用。

      2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。

      3、掌握如何制作基本圖形:圓環(huán)、星星、月亮、太陽(yáng)、空心文字、門、窗、建筑物。

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

      教學(xué)重點(diǎn):基本圖形的制作;如何導(dǎo)入和轉(zhuǎn)換圖片。

      教學(xué)過程:

      一、復(fù)習(xí)鞏固

      1、完成上次的作業(yè)(哭臉變笑臉的的例子和轉(zhuǎn)動(dòng)的圓環(huán))

      上傳作業(yè)(新的作業(yè)平臺(tái)的使用,上傳原文件)。

      二、新課引入

      思考一下這個(gè)圓環(huán)是怎么做的?(實(shí)例)分析:

      1、我們可以用上節(jié)課講的大圓里畫小圓的方法來完成,不過可能覺得還是有些麻煩的,上節(jié)課是為了特殊的漸變效果才用那種方法的,現(xiàn)在再介紹另一種方法:

      2、關(guān)鍵步驟

      選擇圓形工具,邊線設(shè)置為七彩色,線條粗細(xì)調(diào)節(jié)好(要做成一個(gè)環(huán),數(shù)值比較大),填充色設(shè)為白色;

      選中圓環(huán),修改-形狀-線條轉(zhuǎn)為填充色; 墨水瓶工具填充線條;

      注意點(diǎn):修改-形狀-線條轉(zhuǎn)為填充色,否則無(wú)法實(shí)現(xiàn)(會(huì)把七彩色蓋掉)

      三、實(shí)例教學(xué)

      1、多邊形工具的使用

      太陽(yáng)的制作主要步驟:

      選擇矩形工具下面的小箭頭,選擇多邊形工具,在選項(xiàng)中進(jìn)行設(shè)置,樣式:星形 邊數(shù) 10 星形頂點(diǎn)大小 0.5(數(shù)量越小就越尖)可以具體演示兩種效果,讓學(xué)生比較掌握;

      填充色設(shè)為黃色漸變(漸變工具的再一次復(fù)習(xí)鞏固);

      畫一個(gè)深黃色的圓,在上面畫上眼睛和嘴(變形工具的使用)

      有時(shí)間的同學(xué)自己創(chuàng)作畫月亮(實(shí)例)

      幾點(diǎn)注意:月牙形的繪制;墨水瓶工具的填充線條

      3、綜合實(shí)例制作 分析:

      整個(gè)動(dòng)畫分為三個(gè)主要部分(星星、高樓和汽車),一個(gè)個(gè)來制作

      星星影片制作: 首先,繪制一個(gè)星星(圖形元件),主要步驟同多邊形的繪制;

      再建立一個(gè)影片元件,名為閃動(dòng)的星,注意區(qū)別影片元件和圖形元件(參看足球的轉(zhuǎn)動(dòng)),讓學(xué)生注意觀察標(biāo)記不一樣

      記住一句口訣:元件可改變顏色、透明度、大小等,都不會(huì)改變?cè)旧恚赏ㄟ^星星的制作具體演示)關(guān)鍵步驟:

      畫好星星后,新建一個(gè)影片元件,改變星星的透明度作一個(gè)補(bǔ)間動(dòng)畫,即為星星的閃爍;

      復(fù)制一個(gè)影片,然后在此基礎(chǔ)上修改,上一個(gè)是由亮到暗,這一個(gè)就是由暗到亮,這樣可心使星星看起來閃動(dòng)自然些;

      星星這個(gè)影片做好后,讓學(xué)生動(dòng)手做星星。

      建筑物的制作:

      新建一個(gè)元件,畫一個(gè)褐色填充黑框的房框

      再建一個(gè)元件,畫一個(gè)白色填充黑框的窗戶,通過復(fù)制粘貼,做成4個(gè)窗口。然后選中4個(gè)窗口運(yùn)用修改-對(duì)齊-頂端對(duì)齊和寬度均勻分布,使4個(gè)窗口排列整齊。通過復(fù)制(按CTRL拖動(dòng)),畫好多排多列窗口,一列選中調(diào)整對(duì)齊。其他幾列操作也同。

      選中所有窗口,按SHIFT,不選外框,然后把窗口設(shè)為灰色,再選幾個(gè)設(shè)為黃色(以上的修改都是元件的修改運(yùn)用)

      另外一幢樓也是復(fù)制,然后進(jìn)行修改,同樣用了元件的修改。這個(gè)制作要特別注意的是對(duì)齊工具的應(yīng)用。

      回到場(chǎng)景中,星星一層,高樓一層,再另?yè)Q一層,畫路基(直線工具)要注意視覺上的真實(shí)感,按照路基的傾斜度調(diào)整高樓的形狀。

      汽車的制作:

      主要是圖片的轉(zhuǎn)換

      新建一個(gè)元件,導(dǎo)入汽車的圖片,把位圖轉(zhuǎn)換為矢量圖; 對(duì)圖片進(jìn)行處理,刪掉白色的部分;

      回到場(chǎng)景中,汽車也新建一層,然后就做汽車的補(bǔ)間動(dòng)畫,使汽車開動(dòng)起來。

      小結(jié):

      1、多邊工具的使用

      2、元件的屬性修改應(yīng)用(包括大小、顏色和透明度等)

      3、對(duì)齊的使用

      4、位圖轉(zhuǎn)為矢量圖

      第四節(jié) 直線運(yùn)動(dòng)和繪圖工具

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      要求學(xué)生掌握直線運(yùn)動(dòng)的補(bǔ)間。

      2、掌握實(shí)例的編輯修改。

      3、掌握鉛筆工具及鋼筆工具。

      4、制作夜色中行駛的汽車、動(dòng)感片頭的制作 教學(xué)重點(diǎn):教學(xué)重點(diǎn):鉛筆、鋼筆工具的靈活使用 教學(xué)過程:

      一、復(fù)習(xí)鞏固

      實(shí)例――夜色中行進(jìn)的車 內(nèi)容回顧

      在上節(jié)課中已經(jīng)完成了動(dòng)畫的一部分,星星的制作相信大部分同學(xué)已經(jīng)學(xué)會(huì)了,接下來一部分同學(xué)還沒完成高樓的制作,我們說要注意對(duì)齊工具的運(yùn)用。

      出現(xiàn)的問題

      在畫樓的時(shí)候很多同學(xué)都出現(xiàn)這樣的問題,樓不能改變,這主要是元件沒建好,一般是要有三人元件,一個(gè)是窗戶,一個(gè)是房框,還要一個(gè)就是兩者結(jié)合的樓。這樣改變的時(shí)候其實(shí)是改變房框的形狀。

      二、進(jìn)一步完成實(shí)例

      1、汽車的運(yùn)動(dòng)

      這里主要掌握知識(shí)點(diǎn)是位圖轉(zhuǎn)化為矢量圖(修改-位圖-轉(zhuǎn)換位圖為矢量圖),把白色的部分刪掉,把汽車放到場(chǎng)景中,制作汽車的運(yùn)動(dòng)。主要要注意起點(diǎn)和終點(diǎn)關(guān)鍵幀的設(shè)置。

      2、路面、一些線的繪制

      主要掌握鋼筆、鉛筆工具等繪圖工具的使用

      方法有多種,老師教的只是其中一種,大家都可以根據(jù)自己對(duì)繪圖工具的使用,來完成各種繪制。路面的繪制

      可以先畫一個(gè)矩形(無(wú)邊,灰色填充),然后用部分選取工具改變,使成為自己想要的范圍 線的繪制

      主要是中間一條灰色的線,有兩種方法 方法一 由于并不要求很精確,可以先畫完直線,然后再用橡皮工具擦掉中間不要的部分

      方法二 可以把線條形式改為虛線,在自定義處可以進(jìn)行修改(前面一個(gè)數(shù)值代表實(shí)線的長(zhǎng)度,后面的表示中間空的地方的長(zhǎng)度,一般為35,8)

      3、畫完這些線后,我們可以來看一下汽車是否沿著線開,可以根據(jù)線的傾斜度,調(diào)整一下汽車的起點(diǎn)和終點(diǎn)位置。

      三、實(shí)例-標(biāo)志動(dòng)畫的制作

      1、先畫靜止的畫面(實(shí)例)分析:

      主要分為三部分 邊、文本和圖形

      邊的繪制比較簡(jiǎn)單,讓學(xué)生自己完成;

      字母的輸入也不難,主要是設(shè)置多種字體,這里為三種,可以根據(jù)自己的喜好,任意設(shè)置三種字體,同時(shí)可以調(diào)整其大小。主要是圖形的繪制

      菱形的繪制只要畫好一個(gè)矩形,然后旋轉(zhuǎn)一下就可以了 關(guān)于旁邊一個(gè)無(wú)規(guī)則圖形的繪制,主要應(yīng)用鋼筆工具,來畫出自己所想要的形狀

      2、讓標(biāo)志動(dòng)畫動(dòng)起來(實(shí)例)

      我們做每個(gè)動(dòng)畫之前先要對(duì)這個(gè)動(dòng)畫進(jìn)行分析,哪些是動(dòng)的,哪些是靜的,動(dòng)的又是怎么動(dòng)的?(回想一下以前學(xué)過的一些動(dòng)畫形式,到這里應(yīng)該怎么做)宗旨:不管用了什么方法,只要把效果做出來就好,同學(xué)們可以把自己所學(xué)的東西融會(huì)貫通,方法不是只有一種,老師介紹的方法是比較常用的,并不一定是最好的,大家可以通過多動(dòng)手,或許就會(huì)發(fā)現(xiàn)更好的方法。學(xué)多了就會(huì)靈活運(yùn)用,舉一反三了!

      我們仔細(xì)觀察動(dòng)畫有幾層,一般就是要做幾個(gè)運(yùn)動(dòng)

      第一,邊是靜止不動(dòng)的,因此我們只要畫好放在那里就行

      第二,按動(dòng)畫動(dòng)起來的順序來看,菱形是最先動(dòng)的,主要透明度的改變和旋轉(zhuǎn),這個(gè)并不難,學(xué)生應(yīng)該已經(jīng)掌握了,稍加分析即可。

      第三,第二個(gè)圖形在菱形還在動(dòng)的時(shí)候就出現(xiàn)了,所以要在菱形變化有中間過程中開始做動(dòng)畫,主要是透明度有改變,后階段是有和無(wú)之間的轉(zhuǎn)變,主要通過插空白幀來實(shí)現(xiàn)。

      第四,字母J是從上往下運(yùn)動(dòng)的,字符串esting,是從右往左運(yùn)動(dòng)的,還有co ltd則是和上面的圖形一樣,在有無(wú)之間的轉(zhuǎn)變,方法同上。

      到些,我們的動(dòng)畫基本就完成了,從中可以發(fā)現(xiàn)其實(shí)動(dòng)畫并不難,要通過我們的分析以及創(chuàng)造力來完成精彩的動(dòng)畫,我們?cè)谧龅臅r(shí)候可以充分發(fā)揮自己的創(chuàng)造力,比比看誰(shuí)的動(dòng)畫做得最精彩!

      四、小結(jié)

      1、學(xué)會(huì)繪圖工具的使用(直線和鋼筆等工具)

      2、運(yùn)動(dòng)的幾種基本形式的綜合運(yùn)用

      第五節(jié) 鞏固

      教學(xué)課時(shí):3課時(shí) 教學(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)畫。

      一、鞏固復(fù)習(xí)

      主要通過幾個(gè)具體的實(shí)例來復(fù)習(xí)相關(guān)知識(shí)點(diǎn)

      1、使用多邊形工具、鋼筆工具繪制(實(shí)例)

      通過月亮和星星的畫法,來鞏固多邊形工作和鋼筆工作等畫圖工作的使用 主要知識(shí)點(diǎn):月亮繪制(可用學(xué)過的多種方法,這里不再重復(fù))

      星星的繪制(多邊形工具的應(yīng)用。要注意設(shè)置,包括樣式、邊數(shù)、頂點(diǎn)大小等參數(shù)的設(shè)置)

      2、用矩形工具及變形工具制作一個(gè)立體建筑物,再用重復(fù)使用元件制作下列效果圖,制作中要注意使用多圖層,才能產(chǎn)生建筑之間的疊加效果。(實(shí)例)注意幾點(diǎn):一是元件的重復(fù)利用;二是要使用多層(一般一個(gè)樓一層)三是利用CTRL工具進(jìn)行樓房的形狀調(diào)整,使其更具立體感。主要步驟:

      先觀察樓房有兩種形狀,一種是普通的立方體,另一種是稍變形的,有透視效果,所以我們首先要建兩個(gè)元件。

      先建一個(gè)元件,分兩層,一層畫房框(用矩形工作),一層畫窗戶(請(qǐng)注意轉(zhuǎn)化為元件,以便于調(diào)整)。

      再在庫(kù)中直接復(fù)制元件,然后在新元件中用按CTRL進(jìn)行微調(diào)整 畫好路面(略)

      把兩個(gè)元件根據(jù)需要拖出來,并調(diào)整好顏色,同時(shí)要注意分為多層,以便于疊加(有前后順序)

      背景色填充(漸變工作的使用)

      3、用二個(gè)關(guān)鍵幀制作變形效果(實(shí)例)此實(shí)例主要鞏固學(xué)生對(duì)漸變填充工具的使用

      動(dòng)畫分為兩層,一層為背景,也是利用漸變填充(放射狀)

      另一層為變形動(dòng)畫的制作,即為星形變方形,要注意兩個(gè)關(guān)鍵幀(即由什么變?yōu)槭裁矗?,第一幀為星形。最后一幀為方形,中間創(chuàng)建形狀動(dòng)畫。

      4、有時(shí)間的同學(xué)自己動(dòng)手畫畫卡通煙囪(實(shí)例)

      二、檢測(cè)(兩節(jié)課時(shí)間進(jìn)行考試,一共三題,具體要求等詳見index.html)考試只是檢測(cè)這一階段的學(xué)習(xí)情況,老師根據(jù)同學(xué)中反映出來的問題,知道學(xué)生的掌握情況,對(duì)癥下藥,使大家盡快學(xué)會(huì)FLASH!創(chuàng)造出有自己特色的精彩動(dòng)畫!

      第六節(jié) 文字特效制作

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、復(fù)習(xí)鞏固測(cè)試題。

      2、掌握幾類文字特效的制作。教學(xué)重點(diǎn):各類文字效果的制作 教學(xué)過程:

      一、測(cè)試分析

      根據(jù)上次考試的具體情況進(jìn)行小結(jié)點(diǎn)評(píng)

      1、先說明一下這次考試的概況,總的來說大家完成得都還不錯(cuò),這次的題目并不難,基本上都是最基礎(chǔ)的,而且還都講過的,大部分同學(xué)都只可以獨(dú)立完成。大家起點(diǎn)都差不多,只要肯努力,一定可以學(xué)好的,入門很快,進(jìn)一步提高要靠自己,學(xué)得快的同學(xué)要不斷努力,一定能出成績(jī)。

      2、存在的一些問題:

      小部分同學(xué)形狀漸變還沒掌握,可個(gè)別提問;

      大部分同學(xué)側(cè)面的調(diào)整做得不夠好,細(xì)心調(diào)整即可;

      個(gè)別同學(xué)星形變形不自然,原因是星形的邊數(shù)問題,做的時(shí)候要看清要求,仔細(xì)研究;

      注意生成swf文件(CTRL+ENTER); 要注意層的命名,養(yǎng)成良好的習(xí)慣。

      3、表?yè)P(yáng)一些同學(xué),并展示一下他們的作品(實(shí)例四個(gè))

      二、文字特效制作實(shí)戰(zhàn)

      1、陰影字的制作(實(shí)例)

      技術(shù)分析:陰影字分析主要為兩層,一層是文字層,一層是陰影層,且陰影層在文字層下面一層;陰影層就是文字層的復(fù)制、變色及變形 主要步驟: 新建一層,打入文字FLASH; 再建一層,復(fù)制粘貼;(CTRL+SHIFT+V就是原位置的粘貼); 顏色和形狀的調(diào)整

      2、浮雕字的制作(實(shí)例)

      技術(shù)分析:原理同陰影字的制作,分幾層,通過顏色調(diào)整,做出浮雕效果

      3、打字效果的制作(實(shí)例)技術(shù)分析:文字要一個(gè)個(gè)出來,可以考慮用逐幀動(dòng)畫(請(qǐng)注意與補(bǔ)間動(dòng)畫的區(qū)別:補(bǔ)間動(dòng)畫是軟件自動(dòng)生成的)

      主要步驟:先新建一層,導(dǎo)入背景圖片;

      再建一層,一共有21個(gè)文字,插入21個(gè)關(guān)鍵幀(F6);

      在每一個(gè)關(guān)鍵幀處設(shè)置文字的個(gè)數(shù),根據(jù)字打出來的效果,每幀依次多一個(gè)字。

      4、五彩旋轉(zhuǎn)文字(實(shí)例)

      技術(shù)分析:文字的五彩填充,文字的旋轉(zhuǎn)與縮放

      主要步驟:新建一個(gè)元件,兩次打散后,用七彩色填充;

      建立一個(gè)動(dòng)畫,注意縮放和旋轉(zhuǎn)的設(shè)置

      學(xué)生可自己練習(xí)用中文字做五彩旋轉(zhuǎn)文字,效果更明顯些。

      5、光線字的制作(實(shí)例)主要適用于掌握程度較好的學(xué)生 技術(shù)分析:文字的光線效果的繪制和元件的透明度的變化效果 主要步驟:新建一個(gè)元件,一個(gè)打散狀態(tài)的字母和光線的效果,用直線繪制或者變形工具;

      在一層中設(shè)置透明度的變化(由淺到深再到淺的過程);

      其余做法同,為加強(qiáng)效果,要注意另外層的字母ABC的設(shè)置,一共有六層

      6、殘影文字的制作(知識(shí)拓展)主要是動(dòng)作快的學(xué)生自己探索制作 提示:主要要幾層文字的疊加效果,(每層文字的透明度設(shè)置不同,形成殘影效果)

      每層文字都設(shè)置成旋轉(zhuǎn)動(dòng)畫,只不過開始有先后順序,以致形成殘影效果

      三、小結(jié):

      文字的效果很大就是應(yīng)用幾層文字不同狀態(tài)的疊加效果以及動(dòng)畫的開始時(shí)間的不同來體現(xiàn)文字的變化,掌握了以上的要點(diǎn)同學(xué)們經(jīng)過自己的創(chuàng)造一定能制作出更精彩的動(dòng)畫!

      第七節(jié) 引導(dǎo)線的制作應(yīng)用

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、復(fù)習(xí)掌握幾類文字特效的制作(包括發(fā)光字和殘影效果)

      2、了解引導(dǎo)線的概念

      3、學(xué)會(huì)用引導(dǎo)線制作簡(jiǎn)單動(dòng)畫 教學(xué)過程:

      一、復(fù)習(xí)掌握文字特效

      1、大概說一下作業(yè)批改情況

      2、發(fā)光字體的制作

      大部分同學(xué)把發(fā)光字體的動(dòng)畫過程都做出來了,說明大家對(duì)這部分掌握得還可以,還有同學(xué)沒懂的及時(shí)問。大部分同學(xué)的共同點(diǎn)是字母沒做好,上次說的矩形工具的微調(diào)整是一種方法,我們也可以用直線工具來畫,然后用線性漸變填充。這樣做出來的效果比較好,不會(huì)出現(xiàn)一些陰影被遮蓋的現(xiàn)象,這是同學(xué)們最要注意的問題。當(dāng)然也有個(gè)別同學(xué)做得比較好。讓學(xué)生把發(fā)光字體做完并上傳。

      3、拓展題分析(實(shí)例)

      在講這前,先給學(xué)生10分鐘左右的時(shí)間自學(xué),看看自己動(dòng)手能否做出來,然后再講解,再讓學(xué)生完成!在預(yù)習(xí)方面,同學(xué)們可以先看我的例子,自己想想應(yīng)該怎么做,如果不會(huì)再仔細(xì)研究一下我的教案,不要急著問別的同學(xué),思考過后再問,再聽,效果會(huì)好不少。殘影效果的制作分析:影子有幾個(gè)就是有幾層,影子的出現(xiàn)就是每層元件的出現(xiàn)時(shí)間不同,即每層往后退一幀,殘影漸漸變淡,就是每層的元件透明度的逐漸降低。

      主要步驟:建立一個(gè)元件1,兩次打散后,用七彩色填充; 復(fù)制元件,命名為2,在原來的基礎(chǔ)上用墨水瓶工具描白邊; 第一層放入元件1,完成補(bǔ)間動(dòng)畫,順時(shí)針,1次左右; 第二層第二幀放入元件2,透明度設(shè)為85%,動(dòng)畫同上;

      同方法建層作動(dòng)畫,注意每層第一幀往后退一幀,元件透 度依次降低,一般10層左右;

      注:在做新一層的時(shí)候不用重新拖入元件,可以用原位置復(fù)制元件(CTRL+SHIFT+V),然后再修改元件的透明度即可!

      4、對(duì)于基礎(chǔ)比較好的同學(xué)在全部完成的基礎(chǔ)上,可以先預(yù)習(xí)下節(jié)課引導(dǎo)線的內(nèi)容,也可以做一些拓展練習(xí)!

      二、引導(dǎo)線的制作應(yīng)用:

      1、新課導(dǎo)入:(實(shí)例)先看實(shí)例,小球的 無(wú)規(guī)則運(yùn)動(dòng)

      分析,其實(shí)小球是按一定的路徑運(yùn)動(dòng)的,這個(gè)路徑是不可見的,但是能引導(dǎo)小球的運(yùn)動(dòng),這就叫做引導(dǎo)線,其所在的層叫引導(dǎo)層(在運(yùn)行時(shí)不可見)

      主要步驟:新建一層引導(dǎo)層,用鉛筆工具畫任意不封閉曲線,就是運(yùn)動(dòng)路徑

      新建一個(gè)元件,畫個(gè)小球,作為一個(gè)運(yùn)動(dòng)對(duì)象

      再建一層,把小球拖來,第一幀把小球的圓心放到曲線的起點(diǎn)(會(huì)自動(dòng)吸附),在30幀左右插關(guān)鍵幀,把小球的圓心放到曲線的終點(diǎn),這就是小球運(yùn)動(dòng)的起始點(diǎn)和終點(diǎn)

      注:要使小球沿著引導(dǎo)線運(yùn)動(dòng),一定要在起點(diǎn)和終點(diǎn)位置,使小球吸附在引導(dǎo)線上,否則不會(huì)按引導(dǎo)線運(yùn)動(dòng)!

      2、學(xué)生能力拓展

      完成快的同學(xué)可完成拓展練習(xí)1,層的原理類似于上次的殘影效果制作

      3、引導(dǎo)線的初步應(yīng)用(實(shí)例)技術(shù)分析:樹葉的自由飄落其實(shí)就是運(yùn)用了引導(dǎo)線的知識(shí),樹葉的飄落路徑就是引導(dǎo)線的路徑

      主要步驟同上一題,要注意樹葉的繪制可用直線工具加上任意變形即可。

      動(dòng)作快的同學(xué)可完成拓展練習(xí)2,注意:只要在上題的基礎(chǔ)上多加幾個(gè)層,作與上題一樣的引導(dǎo)層即可,當(dāng)然為了省時(shí)方便,可把樹葉飄落作為一個(gè)影片剪輯,然后一個(gè)個(gè)拖到場(chǎng)景中即可,當(dāng)然也要稍注意時(shí)間先后。

      三、引導(dǎo)線的進(jìn)一步應(yīng)用

      1、騎山車(實(shí)例)

      技術(shù)分析:車子的運(yùn)動(dòng)就是按路徑的運(yùn)動(dòng),山路就是路徑 主要步驟:新建一個(gè)元件,用畫圖工具畫好車和人

      畫好背景,包括山路

      畫引導(dǎo)線,只要復(fù)制已畫好的山路即可(同路就是白色的線條)

      把車的元件拖到場(chǎng)景中,起點(diǎn)和終點(diǎn)的設(shè)置對(duì)齊同上

      在動(dòng)畫設(shè)置中選中“調(diào)整到路徑”,車子才會(huì)比較自然地動(dòng),這是本例制作的關(guān)鍵!

      2、動(dòng)作快的同學(xué)可以進(jìn)一步制作山車,可以讓車輪動(dòng)起來?。ㄍ卣咕毩?xí))簡(jiǎn)單提示:畫好車輪動(dòng)畫設(shè)置為旋轉(zhuǎn)即可!

      四、引導(dǎo)線的提高應(yīng)用(拓展練習(xí))

      主要是針對(duì)基礎(chǔ)比較好的同學(xué),字母就是引導(dǎo)線,要注意中間要斷開,才能動(dòng)起來,文字層用逐幀動(dòng)畫做(原理類似于以前做過的打字效果),才有字是寫出來的感覺,以后我們學(xué)了遮照層就不會(huì)這么麻煩了!

      第八節(jié) 按鈕的制作一

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用

      2、介紹按鈕的作用

      3、學(xué)會(huì)按鈕的簡(jiǎn)單應(yīng)用 教學(xué)過程:

      一、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用

      1、復(fù)習(xí)上節(jié)課的例子,提出一些完成過程中的問題

      山坡的曲線的畫法可用鋼筆工具來畫,具體演示下畫法;

      多片樹葉下降,可用兩種方法,一是使用影片剪輯,原理類似于以前學(xué)過的閃動(dòng)的星星。還有一個(gè)方法是在引導(dǎo)層中可畫多條引導(dǎo)線,引導(dǎo)層下面的圖層只要在虛線中,均可被引導(dǎo)線引導(dǎo)。

      2、復(fù)習(xí)上次課的引導(dǎo)線,主要通過實(shí)例來鞏固(實(shí)例)

      技術(shù)分析:小球的跳動(dòng)就是引導(dǎo)線(當(dāng)然也可用以前的動(dòng)畫,多創(chuàng)建幾個(gè)補(bǔ)間也可),貓的變化就是兩張圖片的變化

      主要步驟:①先完成管的繪制,要注意前后面的分層,否則填充就會(huì)出問題,然后再完成陰影面的制作;

      ②畫好引導(dǎo)線,為折線形式,紅色小球沿引導(dǎo)線運(yùn)動(dòng);

      ③貓的兩種狀態(tài)(睜眼和閉眼)小球沒砸到時(shí)睜眼,快砸到時(shí)閉眼且后退(用交換元件做可保持位置不變)拓展練習(xí)蝴蝶飛舞(拓展練習(xí))提示:揮動(dòng)翅膀的蝴蝶作為一個(gè)影片剪輯,在這個(gè)影片剪輯中,把素材中的圖片導(dǎo)入,每張圖片一幀,表示蝴蝶的不同狀態(tài),其中要注意每張圖片位置要對(duì)齊,方法有兩個(gè),一個(gè)是打開時(shí)間軸的“查看多個(gè)幀”,另一個(gè)是交換元件

      3、圓環(huán)的制作(實(shí)例)

      為了進(jìn)一步鞏固引導(dǎo)線的動(dòng)畫,還要講一個(gè)新的知識(shí)點(diǎn),即小球繞圓環(huán)運(yùn)動(dòng) 技術(shù)分析:同樣應(yīng)用引導(dǎo)線做,關(guān)鍵是圓環(huán)的引導(dǎo)線是非閉合曲線,小球才能運(yùn)動(dòng),技巧就是用橡皮把圓環(huán)打開缺口。

      主要步驟:①先建一層,畫一個(gè)圓(無(wú)填充)

      ②添加一層引導(dǎo)層,把圓復(fù)制,然后把引導(dǎo)層中的圓用橡皮等工具打開缺口,使圓環(huán)成為一個(gè)非閉合曲線(物體的運(yùn)動(dòng)是遵循就近原則,如果不斷開,只會(huì)作就近小半圈的運(yùn)動(dòng))③小球的始末狀態(tài)的設(shè)置,第一幀在缺口的一端,最后一幀在缺口的另一端。思考:地球繞著太陽(yáng)轉(zhuǎn)(橢圓形軌道同上例)

      拓展練習(xí)中的玩具火車的運(yùn)動(dòng)(單軌和8字形軌道,有興趣的同學(xué)可以自己嘗試一下)

      二、按鈕的制作:

      1、基本按鈕的制作(實(shí)例)插入新元件,元件類型為按鈕,即可見如下界面

      一般在以上四種狀態(tài)下放置四個(gè)不同的元件,即可制作出一個(gè)按鈕效果。下面以變形按鈕為例介紹制作步驟。

      ①插入新元件,元件類型為按鈕,并命名該按鈕為“變形” ②單擊選中“彈起”,并繪制一個(gè)藍(lán)色長(zhǎng)方形 ③單擊選中“指針經(jīng)過”,按F6,并刪除藍(lán)色長(zhǎng)方形,繪制一個(gè)綠色長(zhǎng)方形 ④單擊選中“按下”,按F6,并刪除綠色長(zhǎng)方形,繪制一個(gè)紅色長(zhǎng)方形

      做完后查看效果,并據(jù)此講解四種狀態(tài)具體表現(xiàn),其中第四個(gè)“點(diǎn)擊”在此并不能體現(xiàn)出來,以后具體碰到再說,先掌握前面三種狀態(tài)設(shè)置

      2、用文字、圖片、圖形等作按鈕(實(shí)例)在實(shí)例3的基礎(chǔ)上演示文字作按鈕,即在上面藍(lán)色長(zhǎng)方形的位置替換成文字就是文字按鈕,演示一下即可,其中“點(diǎn)擊”如果是實(shí)心的區(qū)域,比較容易選中 實(shí)例4分析:主要原理同上例,其中的水晶球可以自己畫,也可以用提供的圖片,同時(shí)也說明了按鈕也可以用圖片來做!

      三、按鈕的進(jìn)一步制作應(yīng)用

      1、簡(jiǎn)單的動(dòng)態(tài)按鈕(實(shí)例)技術(shù)分析:小球是在鼠標(biāo)放在按鈕時(shí)下落的,所以動(dòng)作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過”狀態(tài),小球下落又是個(gè)運(yùn)動(dòng)狀態(tài),所以在“指針經(jīng)過”狀態(tài)放的不是圖片之類的,而是一個(gè)影片剪輯(相當(dāng)于一個(gè)小電影)

      主要步驟:①新建一個(gè)影片剪輯,在里面做小球下落并且透明度改變的動(dòng)畫

      ②新建一個(gè)按鈕元件,在“彈起”狀態(tài)中畫上一個(gè)紅色的長(zhǎng)方形,在“指針經(jīng)過”狀態(tài)中放入我們已經(jīng)做好的關(guān)于小球運(yùn)動(dòng)的影片剪輯

      2、動(dòng)態(tài)按鈕引申(實(shí)例)技術(shù)分析:這個(gè)動(dòng)態(tài)按鈕的制作基本原理同上例,只是按鈕元件的第一種狀態(tài)中是空幀,就是沒放上去時(shí)不顯示,也就是我們所說的隱形按鈕,拖入到場(chǎng)景中按鈕元件呈現(xiàn)出半透明狀態(tài)。

      3、動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用(拓展練習(xí)二)

      實(shí)例演示:禮花的綻放效果(鼠標(biāo)點(diǎn)擊,禮花綻放)

      技術(shù)分析:鼠標(biāo)點(diǎn)擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動(dòng)畫,就是禮花這個(gè)圖形的放大動(dòng)畫。然后在幀上及按鈕上加上簡(jiǎn)單代碼即可。

      主要步驟:①新建一個(gè)按鈕元件,在第四種狀態(tài)“點(diǎn)擊”中畫一個(gè)實(shí)心區(qū)域(這里可畫一個(gè)白色的長(zhǎng)方形)

      ②新建一個(gè)影片剪輯,第一幀放入剛做好的按鈕,因?yàn)椴稽c(diǎn)擊的時(shí)候事件(禮花綻放)不觸發(fā),第一幀加入動(dòng)作stop,同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動(dòng)作on(press){gotoandplay(2);}這個(gè)動(dòng)作語(yǔ)句可在動(dòng)作面板中選擇輸入,不用自己輸入(自己打入容易錯(cuò),可用腳本校對(duì))

      on(press){gotoandplay(2);} 意思是按下按鈕,開始第二幀動(dòng)作

      ③在第二幀開始禮花的變化,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,然后作放大的動(dòng)畫

      ④最后在場(chǎng)景中拖入已經(jīng)完成的影片剪輯,注意在鋪滿整個(gè)場(chǎng)景,點(diǎn)擊的時(shí)候才能保證無(wú)論點(diǎn)哪里都有禮花綻放,比較逼真些。鋪滿時(shí)可用多次復(fù)制粘貼。

      思考:鼠標(biāo)放上去禮花綻放怎么做?(拓展練習(xí))

      提示:即在按鈕的指針經(jīng)過中放入影片元件 小結(jié):

      這節(jié)復(fù)習(xí)了引導(dǎo)線,以及新學(xué)了按鈕的制作,在按鈕的制作中要掌握以下幾點(diǎn): 按鈕的四種狀態(tài)的設(shè)置,明白各個(gè)狀態(tài)的具體表現(xiàn)形式 學(xué)會(huì)用文字、圖片等作按鈕

      學(xué)會(huì)動(dòng)態(tài)按鈕的制作,主要是影片剪輯的應(yīng)用以及一些簡(jiǎn)單的動(dòng)作

      第九節(jié) 按鈕的制作二

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、復(fù)習(xí)掌握簡(jiǎn)單按鈕的應(yīng)用

      2、介紹一些簡(jiǎn)單的動(dòng)作語(yǔ)句

      3、學(xué)會(huì)按鈕上的一些簡(jiǎn)單語(yǔ)句的應(yīng)用 教學(xué)過程:

      一、復(fù)習(xí)掌握簡(jiǎn)單按鈕的應(yīng)用

      1、復(fù)習(xí)簡(jiǎn)單動(dòng)態(tài)按鈕的制作

      主要通過一些實(shí)例的制作來鞏固練習(xí)

      先講一下上節(jié)課存在的問題:在動(dòng)態(tài)按鈕中,我們說要制作一個(gè)影片剪輯,這個(gè)按鈕才會(huì)動(dòng)起來。有幾個(gè)同學(xué)另外的都完成了,但是還是不會(huì)動(dòng),原因就是大家在制作元件的時(shí)候選了圖形而不是影片剪輯,所以才使動(dòng)畫不動(dòng)。我們只要把元件的類型轉(zhuǎn)為影片剪輯就可以了,當(dāng)然要重新放入到相應(yīng)的地方才行,不然還是原來的那個(gè)。(可以通過實(shí)例來講解,以后學(xué)生在做的過程中碰到這類問題就不用重新做過了,在原來的基礎(chǔ)上稍作一下改動(dòng)就可以。)動(dòng)態(tài)按鈕鞏固實(shí)例

      技術(shù)分析:結(jié)合上周課講的動(dòng)畫和按鈕結(jié)合來完成

      第一個(gè)按鈕為按下去后動(dòng)畫(字向兩邊擴(kuò)散,并變淡)的出現(xiàn); 第二個(gè)按鈕是鼠標(biāo)放上去后動(dòng)畫(字變大并變淡的效果)的出現(xiàn)。大家可以根據(jù)平時(shí)所學(xué)的動(dòng)畫知識(shí),應(yīng)用到按鈕中,可以充分發(fā)揮大家的想象力,作出各類按鈕,這些按鈕在我們以后各式網(wǎng)站的制作,特別是一些比較有特色的網(wǎng)站的制作中用的較多。

      2、綜合按鈕的制作(實(shí)例)

      技術(shù)分析:主要是背景的繪制以及按鈕的動(dòng)畫(按鈕放上去擴(kuò)散效果)制作 主要步驟:①背景黑條的繪制,畫兩個(gè)圓角矩形疊加,刪除重疊部分即可;

      ②小球的繪制,黑球上放白球,上面再寫上字母e;

      ③按鈕的制作,擴(kuò)散效果的制作,小球填充效果第一幀用調(diào)色工具縮到最小,最后一幀用調(diào)色工具調(diào)到適當(dāng)效果,創(chuàng)建變形動(dòng)畫;

      ④按鈕的彈起狀態(tài)中放入元件大圓和小圓以及數(shù)字,在指針經(jīng)過中放上剛完成的擴(kuò)散效果動(dòng)畫。(動(dòng)畫只要一次,用stop動(dòng)作)在此要注意按鈕中的分層,原理同普通的分層,我們可以把擴(kuò)散動(dòng)畫放在下面一層,透過大圓展現(xiàn)出來。

      ⑤按鈕的小圓動(dòng)畫制作,綠色變色小球?yàn)楸尘埃S色的曲線作水平轉(zhuǎn)動(dòng)動(dòng)畫

      二、簡(jiǎn)單動(dòng)作介紹(按鈕制作實(shí)例 源文件)

      1、復(fù)習(xí)上節(jié)課的按鈕,做出禮花實(shí)例,比較發(fā)現(xiàn)問題,引入動(dòng)作語(yǔ)句的應(yīng)用

      2、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è)事件來制作游戲。

      4、rollOver鼠標(biāo)指針滑過按鈕區(qū)域。制作方法同上,完整的as語(yǔ)句為:

      on(rollover){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。

      play();//按鈕執(zhí)行播放動(dòng)作。}

      rollOver動(dòng)作

      當(dāng)鼠標(biāo)指針從按鈕上滑過的時(shí)候,動(dòng)畫就開始執(zhí)行播放動(dòng)作了,而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來制作一些圖示板,非常簡(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、dragOver 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕區(qū)域,再滑回此按鈕。完整的as是:

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

      dragOver動(dòng)作

      拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),再移回按鈕上觸發(fā)的事件。

      7、dragOut 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕。完整的as是:

      on(dragOut){ //當(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)左鍵。

      8、keyPress(“key”)按下指定的鍵。對(duì)于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量。

      我們?cè)冢ā発ey”)中鍵入“p”。完整地as語(yǔ)句為:

      on(keyPress “p”){ //當(dāng)按下鍵盤中的“p”健時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }

      3、結(jié)合動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用來說明上述的動(dòng)作語(yǔ)句(實(shí)例)實(shí)例演示:禮花的綻放效果(鼠標(biāo)點(diǎn)擊,禮花綻放)

      技術(shù)分析:鼠標(biāo)點(diǎn)擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動(dòng)畫,就是禮花這個(gè)圖形的放大動(dòng)畫。然后在幀上及按鈕上加上簡(jiǎn)單代碼即可。

      主要步驟:①新建一個(gè)按鈕元件,在第四種狀態(tài)“點(diǎn)擊”中畫一個(gè)實(shí)心區(qū)域(這里可畫一個(gè)白色的長(zhǎng)方形)

      ②新建一個(gè)影片剪輯,第一幀放入剛做好的按鈕,因?yàn)椴稽c(diǎn)擊的時(shí)候事件(禮花綻放)不觸發(fā),第一幀加入動(dòng)作stop,同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動(dòng)作on(press){gotoandplay(2);}這個(gè)動(dòng)作語(yǔ)句可在動(dòng)作面板中選擇輸入,不用自己輸入(自己打入容易錯(cuò),可用腳本校對(duì))

      on(press){gotoandplay(2);} 意思是按下按鈕,開始第二幀動(dòng)作

      ③在第二幀開始禮花的變化,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,然后作放大的動(dòng)畫

      ④最后在場(chǎng)景中拖入已經(jīng)完成的影片剪輯,注意在鋪滿整個(gè)場(chǎng)景,點(diǎn)擊的時(shí)候才能保證無(wú)論點(diǎn)哪里都有禮花綻放,比較逼真些。鋪滿時(shí)可用多次復(fù)制粘貼。

      三、小結(jié)

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

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

      技 巧 ——在一般flash作品中,大家不會(huì)有意區(qū)分這些on的功能的,一般采用默認(rèn)的語(yǔ)句。如果沒有特殊說明,你使用了拖離,滑離等事件來制作“replay”按鈕,會(huì)讓人們摸不著頭腦的。

      試一試 ——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,flash游戲里面的效果,大家不妨試一試。

      分 析——on語(yǔ)句的功能與按鈕息息相關(guān),有按鈕的地方一定會(huì)有on語(yǔ)句的使用。而有flash作品的地方,就會(huì)有按鈕的出現(xiàn),所以說on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能,我們就可以結(jié)合按鈕自身的特點(diǎn),發(fā)揮他們的功能。

      第十節(jié) 測(cè)試與遮照一

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、測(cè)試學(xué)生引導(dǎo)線與按鈕掌握情況

      2、介紹一遮照的基本概念

      3、學(xué)會(huì)一些簡(jiǎn)單遮照效果的制作 教學(xué)過程:

      一、十月份達(dá)標(biāo)測(cè)試

      1、主要內(nèi)容為引導(dǎo)線與按鈕的制作檢測(cè),考試題目當(dāng)堂下發(fā),時(shí)間是一節(jié)課(40分鐘)

      2、進(jìn)行簡(jiǎn)單分析

      二、課前熱身

      1、通過回想以前做過的一些動(dòng)畫,把動(dòng)畫形式歸納如下: ① 直線動(dòng)畫(位置的改變,即為補(bǔ)間動(dòng)畫)② 曲線動(dòng)畫(引導(dǎo)線)③ 逐幀動(dòng)畫

      ④ 旋轉(zhuǎn)動(dòng)畫(元件)

      ⑤ 透明度改變動(dòng)畫(元件)

      ⑥ 形狀動(dòng)畫(非元件,打散狀態(tài))⑦ 縮放動(dòng)畫(元件)

      2、幾種動(dòng)畫形式區(qū)分(實(shí)例)(用一些例子說明,讓學(xué)生鞏固基本的動(dòng)畫形式)一般來說,我們的FLASH動(dòng)畫就是分為這幾種形式,稍微復(fù)雜一點(diǎn)的動(dòng)畫無(wú)非就是這幾種動(dòng)畫的結(jié)合,只要掌握了這幾種基本動(dòng)畫,綜合應(yīng)用只要組合就可以了。

      三、遮照的制作

      1、新課的引入

      觀察教案上的TOP,思考:FLASH這幾個(gè)字是一個(gè)會(huì)動(dòng)的圖片填充字效果。怎樣才能動(dòng)起來呢?這就是我們今天要講的遮照。

      我們說的遮照又是一種新的層形式,以前是引導(dǎo)層,現(xiàn)在又有了遮照層。遮照層相當(dāng)于是一個(gè)窗口,遮照層下面的被遮照層上的內(nèi)容就是透過這個(gè)窗口顯現(xiàn)出來的。也就是說這個(gè)窗口是什么形狀的,能看到的內(nèi)容也是同窗口形狀,在窗口以外的部分就無(wú)法透出來。

      2、具體演示教案上的效果制作

      3、遮照的應(yīng)用:電影字幕的效果制作(實(shí)例)

      在看每個(gè)遮照動(dòng)畫時(shí)首先分析動(dòng)畫的是哪個(gè)層(遮照層還是被遮照層?)

      技術(shù)分析:文字透出彩色,即為彩色是背景,通過文字透出來,因此要做動(dòng)畫的文字上移是做窗口的,即為我們所說的遮照層,同時(shí)我們的背景就是被遮照層。主要步驟:①做好一個(gè)影片剪輯元件,內(nèi)容為文字的上移;

      ②做好一個(gè)圖形元件,內(nèi)容為漸變的一個(gè)填充色;

      ③在場(chǎng)景中建好兩個(gè)層,分別為遮照層和被遮照層(右鍵層,選擇遮照層,下面一層會(huì)自動(dòng)變?yōu)楸徽谡諏樱?/p>

      ④把各個(gè)元件放到相應(yīng)的位置:影片剪輯元件(文字上移)放在遮照層,圖形元件(漸變的填充色)放在被遮照層。思考:完成的同學(xué)完成練習(xí)一

      4、基礎(chǔ)較好的同學(xué)在完成上面遮照的例子后,可以思考下下面這些效果用遮照怎么做?作為下周課的預(yù)習(xí)思考。

      練習(xí)

      四、遮照應(yīng)用小結(jié):

      我們?cè)谧稣谡盏臅r(shí)候要學(xué)會(huì)分析,搞清楚以下幾個(gè)問題:

      ① 分析好哪一層是做“窗口”的,哪一層是通過窗口透出來的,哪一層是普通層,作為“底”而存在的?

      ② 動(dòng)畫是在遮照層還是被遮照層的? ③ 動(dòng)畫又是哪種動(dòng)畫?

      ④ 我們需要?jiǎng)?chuàng)建哪幾個(gè)元件?

      分析完后倒著做,先做好最基本的幾個(gè)元件,注意元件類型(圖形、按鈕還是影片剪輯?)再建好層,注意層類型(遮照、被遮照還是普通層?),最后把最好的元件拖入到相對(duì)應(yīng)的層中即可。第十一節(jié) 基礎(chǔ)知識(shí)復(fù)習(xí)及遮照應(yīng)用二

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、概括復(fù)習(xí)前面所學(xué)過的一些基礎(chǔ)知識(shí)

      2、按鈕鞏固練習(xí)

      3、遮照基本應(yīng)用復(fù)習(xí)

      4、學(xué)會(huì)一些稍復(fù)雜遮照效果的制作 教學(xué)過程:

      一、測(cè)試分析及新知識(shí)的補(bǔ)充學(xué)習(xí)

      1、每位同學(xué)可以根據(jù)測(cè)驗(yàn)的點(diǎn)評(píng),作好相應(yīng)的訂正工作

      2、主要存在問題(詳見點(diǎn)評(píng)信息)其中白色背景還可以通過分離后有套索工作的魔棒去掉

      3、詳細(xì)講一遍第二題按鈕的制作過程,要求每位同學(xué)完成,并上傳(實(shí)例)技術(shù)分析:按鈕兩種狀態(tài)指針經(jīng)過和按下,指針經(jīng)過處是小棒的旋轉(zhuǎn),按下是靜止的。

      主要步驟:①首先分析共有幾個(gè)元件(圓、有邊的圓、小棒、靜止的小棒組合、旋轉(zhuǎn)的小棒組、一個(gè)按鈕);

      ②靜止的小棒組合的畫法:變形中設(shè)好角度后運(yùn)用復(fù)制加以應(yīng)用,就畫好一周的小棒;

      ③在影片剪輯元件中做好小棒的旋轉(zhuǎn);

      ④把做好的元件拖到按鈕相應(yīng)的地方,旋轉(zhuǎn)的小棒放入經(jīng)過狀態(tài)中,靜止的放入按下狀態(tài)中。

      引導(dǎo)學(xué)生自己分析要做些哪些元件,包括哪些動(dòng)畫,然后按照學(xué)生的思路一步步做具體的操作演示。

      學(xué)生自己完成,教師個(gè)別交流

      4、按鈕實(shí)例完成后,補(bǔ)充一些按鈕上的簡(jiǎn)單動(dòng)作(實(shí)例)動(dòng)作主要分為兩種,一種是幀上的動(dòng)作,一種是按鈕的動(dòng)作,大家做的時(shí)候要想清楚要做的動(dòng)作是什么時(shí)候發(fā)生的,是在幀播放下去的過程發(fā)生的還是要對(duì)按鈕做動(dòng)作(比如按下)的時(shí)候發(fā)生的?搞清楚了這個(gè),兩種動(dòng)作就不會(huì)混淆了。按鈕動(dòng)作 超鏈接 on(press){geturl(“網(wǎng)址”)} 方法:①在按鈕上右鍵-動(dòng)作,打開動(dòng)作面板中,先設(shè)定按鈕動(dòng)作類型(on)在全局函數(shù)的影片剪輯控制中,選擇on,然后再選擇press,不需要自己寫語(yǔ)句②選好了動(dòng)作,接下去就選擇具體要激發(fā)的事件—鏈接到一個(gè)網(wǎng)站,選擇全局函數(shù)的瀏覽器/網(wǎng)絡(luò),其中的geturl,在括號(hào)中的打上雙引號(hào),在輸入要鏈接的網(wǎng)址即可。注:在本地打開swf文件時(shí)出現(xiàn)提示語(yǔ)句:“不能與本地網(wǎng)絡(luò)進(jìn)行通信”,放在具體的空間上就好了。

      循環(huán)一次的幀動(dòng)作 在動(dòng)畫的最后一幀上做動(dòng)作,讓動(dòng)畫播放一次就停下來,選中最后一幀,右鍵-動(dòng)作,打開動(dòng)作面板后,在全局函數(shù)中的時(shí)間軸控制中選擇stop,就表示動(dòng)畫播放到這里就停下來了。好就是使我們的動(dòng)畫只播放一次,不會(huì)循環(huán)播放,這都是根據(jù)具體的需要設(shè)定的。

      5、針對(duì)學(xué)生存在的問題進(jìn)行講解,可應(yīng)用選擇性廣播教學(xué),讓已經(jīng)懂的學(xué)生繼續(xù)進(jìn)行完成,或者做下面的練習(xí),還不明白的學(xué)生進(jìn)行第二次講解。

      二、基礎(chǔ)知識(shí)復(fù)習(xí)

      對(duì)照整理好的基礎(chǔ)知識(shí)點(diǎn)進(jìn)行講解,主要是第四部分,知識(shí)點(diǎn)和技巧,復(fù)習(xí)太多,學(xué)生一下子又難以全掌握,先復(fù)習(xí)前面五點(diǎn),并挑出一到二個(gè)知識(shí)點(diǎn)作為一節(jié)課前5-10分鐘的練習(xí)。下周的考點(diǎn):鋼筆工具的應(yīng)用

      三、遮照概念的復(fù)習(xí)

      上周我們第一次接觸了遮照,大部分學(xué)生已經(jīng)會(huì)做了最簡(jiǎn)單,最基本的遮照動(dòng)畫,但不一定是真正理解基礎(chǔ)上完成,這次課再來進(jìn)行進(jìn)一步的鞏固以及一些拓展。概念:遮照也就是分為“遮”和“照”兩個(gè)意思,在有文字或圖形等的地方是“照”,即可從這個(gè)窗口(文字或圖形)透出背景的內(nèi)容,其余沒有文字圖片的地方就是“遮”,就把后面背景上的內(nèi)容給遮起來了。

      記?。赫谡瞻瑑蓪?,遮照層和被遮照層,顯示的就是兩層的重疊部分,而具體內(nèi)容由被遮照層決定,即看到的是什么,那一層就是被遮照層。

      三、遮照實(shí)例制作

      1、光束掃射效果制作(實(shí)例)

      技術(shù)分析:文字是從光束中透過來的,因此光束在遮照層而文字是被遮照層,光束的掃射是一個(gè)旋轉(zhuǎn)動(dòng)畫。

      主要步驟:①做好一個(gè)圖形元件,內(nèi)容是一段白色的靜態(tài)文字;

      ②做好一個(gè)圖形元件,內(nèi)容為用漸變填充的光束;

      ③做好一個(gè)影片剪輯元件,內(nèi)容為光束的旋轉(zhuǎn)動(dòng)畫;

      ④把各個(gè)元件放到相應(yīng)位置:影片剪輯元件(光束轉(zhuǎn)動(dòng))放在遮照層,圖形元件(靜態(tài)文字)放在被遮照層。

      2、思考:完成練習(xí)一,比較和實(shí)例三的區(qū)別 從兩個(gè)例子的比較中有更好地理解遮照動(dòng)畫

      分析:第一個(gè)例子看到的是白色的靜態(tài)的文字,所以文字在被遮照層 第二個(gè)例子看到的似乎是由白到黑色漸變的文字,思考:我們到底看到的是不是文字?還是通過文字透過來的光束? 結(jié)論:看到的是光束,我們說過看到什么是由被遮照層決定的,文字仍是白色的,所以我們看到的不是文字,而是有黑白漸變的光束,只是通過文字這個(gè)窗口顯現(xiàn)出來的。因此光束在被遮照層,即把兩層交換即可。注:要真正理解意思,而不是簡(jiǎn)單的兩層互換!思考:完成練習(xí)

      四、拓展練習(xí)一點(diǎn)通

      本周拓展練習(xí)的內(nèi)容是“按鈕反應(yīng)”,主要運(yùn)用到按鈕上和幀上的動(dòng)作。

      分析:在鼠標(biāo)放上去時(shí)按鈕就往上移動(dòng),再放下去就往下,人們?cè)趫?chǎng)景中看到的是一個(gè)個(gè)包括有按鈕的影片剪輯。影片剪輯中按鈕有兩個(gè)動(dòng)畫(從下到上和從上到下),在第一幀 和中間一幀分別加動(dòng)作stop,表示鼠標(biāo)沒放上前,動(dòng)作不激發(fā)。按鈕上加動(dòng)作on(rollover),表示鼠標(biāo)經(jīng)過,play,就表示經(jīng)過后激發(fā)動(dòng)作,即按鈕從下到上運(yùn)動(dòng)。

      五、遮照應(yīng)用小結(jié):

      a)在做遮照時(shí)要分清楚什么是遮照,什么是被遮照的?

      關(guān)鍵記住顯示的是兩層的重疊部分,而具體顯示的內(nèi)容由被遮照層決定,即看到的是什么,那一層就是被遮照層。

      b)遮照層和被遮照層兩層都可做動(dòng)畫,我們的動(dòng)畫是在哪一層?

      c)很多時(shí)候遮照不只有兩層,還有兩個(gè)普通層,一個(gè)在被遮照層下,一般用作背景;還有一層在遮照層上,一般是做一些和遮照同步的動(dòng)畫,有些還可在遮照層的基礎(chǔ)上再作加工,比如說一些放大鏡的樣子等

      d)分清楚遮照的這些概念以后,就可以用以前學(xué)過的知識(shí)做各類元件放在相應(yīng)的層中,就可以做出我們需要的一些遮照效果。

      第十二節(jié) 遮照應(yīng)用三

      教學(xué)課時(shí):6課時(shí)

      教學(xué)目標(biāo):

      1、基本認(rèn)識(shí)點(diǎn)復(fù)習(xí)(鋼筆工具應(yīng)用)

      2、基本遮照動(dòng)畫鞏固練習(xí)

      3、多層遮照動(dòng)畫制作 教學(xué)過程:

      一、基本知識(shí)點(diǎn)鞏固練習(xí)

      1、本周考點(diǎn):運(yùn)用鋼筆工具畫正弦曲線 提示:可用顯示網(wǎng)格來較精確地定位

      根據(jù)學(xué)生完成的具體情況進(jìn)行適當(dāng)?shù)闹v解。

      2、復(fù)習(xí)知識(shí)點(diǎn)6到10,主要為元件的顏色改變及對(duì)齊工具的使用

      二、基本遮照動(dòng)畫鞏固練習(xí)

      1、MTV字幕效果(實(shí)例)

      比較上下兩個(gè)動(dòng)畫有什么區(qū)別?上面一個(gè)動(dòng)畫就是上節(jié)課我們已經(jīng)會(huì)做的只有兩個(gè)層(遮照層和被遮照層的動(dòng)畫),而下面一個(gè)動(dòng)畫除了白色的FLASH,還有一個(gè)藍(lán)色的FLASH作底。下面我們一起來分析下面一個(gè)遮照動(dòng)畫。

      技術(shù)分析:白色的FLASH是一點(diǎn)點(diǎn)顯現(xiàn)出來的,就像我們平日在看MTV時(shí)唱過的字顏色改變,(沒唱過的字是藍(lán)色的,唱過的字就是白色的),所以遮照是一個(gè)矩形漸漸變長(zhǎng)的一個(gè)縮放動(dòng)畫,在白色還沒顯現(xiàn)之前是一個(gè)藍(lán)色的FLASH,這個(gè)就是我們平時(shí)在做的普通層。要注意一點(diǎn),要把我們的遮照層和被遮照層看作一個(gè)整體。主要步驟:①做好兩個(gè)圖片元件,一個(gè)是白色的FLASH,另一個(gè)是藍(lán)色的FLASH。

      ②做好一個(gè)影片剪輯元件,內(nèi)容是一個(gè)長(zhǎng)方形的縮放動(dòng)畫

      ③建好遮照和被遮照層和普通層,注意普通層應(yīng)在被遮照層 下面,不然遮照效果不能體現(xiàn)。

      ④把各個(gè)元件放到相應(yīng)位置:影片剪輯元件(長(zhǎng)方形的縮放動(dòng)畫)放在遮照層,圖形元件(白色FLASH)放在被遮照層,圖形元件(藍(lán)色FLASH)放在普通層

      思考:我們把遮照層和被遮照層位置互換效果一樣嗎?為什么?

      2、光線照射效果制作(實(shí)例)

      技術(shù)分析:總共分幾層?哪層是遮照層,哪層是被遮照層?動(dòng)畫在哪層?

      總共分四層,遮照層、被遮照層、一個(gè)普通層用來放背景,在最下面。分析清楚這些后我們?cè)賮砜?,遮照的時(shí)候發(fā)生了哪些變化?我們可以看到藍(lán)色字變成了黃色,還有了白色的底(能更好地顯示光照效果)

      主要步驟:①先分析好要做幾個(gè)元件,先做好。一共有四個(gè)元件(藍(lán)色陰影字、白底黃色字陰影字、小圓、小圓動(dòng)畫影片剪輯)

      ②建好三層,遮照層、被遮照層、一個(gè)普通層,并分清楚各層的上下順序。

      ③把做好的元件放入到相應(yīng)的層中(藍(lán)色陰影字在底層、黃色陰影字在被遮照層、小圓動(dòng)畫影片剪輯在被遮照層)思考:①練習(xí)一,邊做邊比較和實(shí)例一有什么區(qū)別?要注意的是我們要看到遮照小圓,因此小圓動(dòng)畫影片剪輯在遮照層和最上面一層(普通層才能顯現(xiàn))都有,是為了兩層動(dòng)畫保持一致,且小圓應(yīng)該有透明度的調(diào)整,否則會(huì)把下面的文字擋住。同時(shí)調(diào)整最上面小圓的透明度,可使被遮照層中的對(duì)象改變顏色效果,以適合不同的需要。②練習(xí)二,動(dòng)作快的同學(xué)可自行完成,其中要注意的是背景層的黑白方塊轉(zhuǎn)動(dòng)的元件要和被遮照層中的黑白方塊轉(zhuǎn)動(dòng)旋轉(zhuǎn)90度,不要重合,否則正好被擋住,不能看到字的效果了。當(dāng)然,其實(shí)字是看不見的(在遮照層),只是通過方塊黑白看出來的。

      三、遮照進(jìn)一步應(yīng)用

      1、放大鏡效果(實(shí)例)技術(shù)分析:我們透過遮照看到的是放大的字,因此放大的字在被遮照層,看到的遮照范圍是個(gè)圓,因此遮照層就是個(gè)圓的移動(dòng)動(dòng)畫。而正常大小的字就放在底層,放大鏡沒經(jīng)過時(shí)顯現(xiàn)??勺龊糜捌糨?,再放到遮照層,也可直接在遮照層作動(dòng)畫,根據(jù)個(gè)人的習(xí)慣。不過,在場(chǎng)景的層中作動(dòng)畫比較直觀點(diǎn),不熟練的同學(xué)建議直接在場(chǎng)景中作動(dòng)畫。

      主要步驟:①分析好我們動(dòng)畫中一共要有幾個(gè)層后,先建好層,共四層(遮照層,被遮照層,兩個(gè)普通層)②在遮照層中作圓的移動(dòng)動(dòng)畫,在普通層中作放大鏡移動(dòng)動(dòng)畫,注意兩個(gè)動(dòng)畫保持統(tǒng)一

      ③在被遮照層放入文字,并適當(dāng)放大些,在最下面的普通層中放入文字,保持原來大小即可。

      我們前面所做的遮照動(dòng)畫都是一個(gè)遮照層對(duì)應(yīng)一個(gè)被遮照層,但有的時(shí)候我們要的效果不只是一層就可以做到的,這種情況下一個(gè)遮照層就要對(duì)應(yīng)幾個(gè)被遮照層,就像以前一個(gè)引導(dǎo)層可以引導(dǎo)多個(gè)被引導(dǎo)層一樣。通過下面這個(gè)例子我們就可以看到用多層遮照能達(dá)到的效果。

      2、多層遮照---地球轉(zhuǎn)動(dòng)(實(shí)例)技術(shù)分析:初一看好像是地球在轉(zhuǎn)動(dòng),仔細(xì)分析也就是用了我們的遮照知識(shí),只不過現(xiàn)在兩張地圖的移動(dòng)都要透過地球這個(gè)窗口顯現(xiàn)出來,還有兩張地圖是反方向移動(dòng),并且其中一張是水平翻轉(zhuǎn),這樣看起來才比較像是轉(zhuǎn)過去的。

      主要步驟:①分析好我們動(dòng)畫中一共要有幾個(gè)層后,先建好層,共四層(遮照層,兩個(gè)被遮照層,1個(gè)普通層)②在遮照層和普通層中都放入地球,并且保證重合 ③在兩個(gè)被遮照層中分別做兩張地圖的反方向移動(dòng),且在做兩張地圖的動(dòng)畫時(shí)要適當(dāng)改變透明度,且要記得水平翻轉(zhuǎn),看起來才逼真一點(diǎn),也符合邏輯。

      注:在做地圖移動(dòng)時(shí),可使始末兩幀的地圖圖案保持重合,這樣一次轉(zhuǎn)動(dòng)后才不會(huì)出現(xiàn)較大的跳躍。

      四、其他遮照介紹 例子1 2 我們?cè)诳吹搅硗獗容^精彩的遮照效果,大多都是在遮照層或被遮照層上作文章,做動(dòng)畫還是看以前積累的基礎(chǔ),現(xiàn)在都可以用到。用到較多的就是用多層遮照來做線的變化,寫字,圖片的切換(除了百葉窗外還有其他多種形式)等,這些就要求學(xué)生在邊學(xué)習(xí)邊創(chuàng)造了!

      五、拓展練習(xí)一點(diǎn)通

      這周要介紹的拓展練習(xí)內(nèi)容是百葉窗形式展示圖片,要點(diǎn):兩張圖片之間的轉(zhuǎn)換,其中一張?jiān)诒徽谡諏?,另一張?jiān)谧钕旅娴钠胀▽?,而百葉窗效果就是遮照層。分析清楚這點(diǎn)后,主要問題就是百葉窗的制作了,百葉窗就是由一個(gè)個(gè)從一條細(xì)線變形到一個(gè)矩形的影片剪輯組成的,直到鋪滿汽車圖片即可。若要顯示多張圖片只要被遮照層和普通層多幾幀,多放幾張圖片就可以了。

      六、遮照應(yīng)用小結(jié):

      通過前面幾次課的學(xué)習(xí),相信大家對(duì)遮照的原理應(yīng)該有點(diǎn)熟悉,我們以后在做FLASH動(dòng)畫時(shí)很多時(shí)候都要用到遮照效果,用的好可使作品增色不少。在制作時(shí)要注意的時(shí)遮照和被遮照的關(guān)系,是單層遮照還是多層遮照?還有可用不同的遮照方法顯示出相同的遮照效果,當(dāng)然是層越少越簡(jiǎn)單最好,大家可以多看一些效果多分析多創(chuàng)作,相信大家各憑本領(lǐng)都能用好遮照這個(gè)技巧做出好的動(dòng)畫!

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、復(fù)習(xí)遮照相關(guān)知識(shí)

      2、通過考試了解學(xué)生對(duì)遮照的掌握情況

      教學(xué)過程:

      一、復(fù)習(xí)與鞏固

      主要是通過幾個(gè)基本的例子復(fù)習(xí)遮照的相關(guān)知識(shí)

      1、直線變化

      提示:①有幾層?

      ②分清楚哪個(gè)是遮照層,哪個(gè)是被遮照層? ③動(dòng)畫又是哪種動(dòng)畫?

      思考:兩種動(dòng)畫有什么區(qū)別?

      不用遮照我們可以做這類直線動(dòng)畫,但對(duì)于曲線動(dòng)畫,用遮照就簡(jiǎn)單些了

      2、曲線變化

      提示:思路方法大致同上題,要注意做什么樣的簡(jiǎn)單動(dòng)畫能讓曲線一點(diǎn)點(diǎn)呈現(xiàn)?

      3、圖片的切換

      先看看我們一些學(xué)區(qū)、班級(jí)的網(wǎng)站,有些圖片的切換效果就是用FLASH做的,這里就用我們學(xué)過的知識(shí)也來試著做一做。先來學(xué)習(xí)下簡(jiǎn)單的只有兩張圖片切換效果的制作

      提示:①有幾層?

      ②哪張圖片是被遮照層,哪張是背景層?

      ③切換效果的動(dòng)畫是個(gè)什么樣的動(dòng)畫,怎么做? 思考:切換圖片不只兩張時(shí),又該怎么做?

      二、測(cè)試

      三種遮照郊果:

      1、字符遮照效果

      2、舞臺(tái)探照燈效果

      3、圖片切換效果

      注:測(cè)試時(shí)間為兩節(jié)課,可在測(cè)試前對(duì)部分學(xué)生進(jìn)行適當(dāng)?shù)奶崾?,?dāng)然也要適當(dāng)扣分。

      第十三周 遮照復(fù)習(xí)

      第十四節(jié) ActiontScript語(yǔ)句的使用

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、遮照考試分析

      2、ActiontScript語(yǔ)句的應(yīng)用實(shí)例

      一、試卷分析

      絕大部分同學(xué)這次考試都表現(xiàn)得較好,但還有一些問題存在:

      1、第一題,基本上同學(xué)都完成了,存在的問題是個(gè)別同學(xué)沒有做好三層字疊加,往往都只有兩層。

      2、第二題,一部分學(xué)生遮照都用了四層來做,其實(shí)只要三層就可以了。FLASH這個(gè)文字是遮照層,兩個(gè)被遮照層分別是紅綠兩個(gè)小球的移動(dòng)。而一部分學(xué)生都用了四層做,遮照層是圓,被遮照層是紅色FLASH,另一個(gè)遮照層是圓,被遮照層是綠色FLASH。其實(shí)用這種方法同樣也能把最終效果做出來,只要把字打散,填上漸變色即可!

      3、第三題和剛復(fù)習(xí)過題是一樣的,只要三層就能完成,當(dāng)然有些同學(xué)搞不清楚,可以用五層也可以完成。最重要的就是把握好被遮照層,遮照層以及背景層的設(shè)置。

      二、新課教學(xué)(ActionScript基本概念介紹)

      1、什么是ActionScript ActionScript是FLASH的動(dòng)作腳本語(yǔ)言??梢訟ctionScript使用控制FLASH影片中的對(duì)象,創(chuàng)建向?qū):徒换ピ兀部梢詳U(kuò)展FLASH,制作高級(jí)交互影片和FLASH交互網(wǎng)站。

      2、用ActionScript能做些什么?

      使用ActionScript,用戶不僅可以動(dòng)態(tài)地控制動(dòng)畫的進(jìn)行,而且能夠進(jìn)行各種運(yùn)算,甚至由各種方式獲取用戶的動(dòng)作并且即時(shí)作出回應(yīng)。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應(yīng)用及為廣泛。

      3、編輯ActionScript 動(dòng)作面版的介紹 ①動(dòng)作工具箱 ②腳本導(dǎo)航器 ③腳本助手 腳本窗口

      行為面版(窗口--行為)

      用戶可以使用行為來裝載和卸裁實(shí)例,播放,停播、復(fù)制或拖動(dòng)實(shí)例。添加腳本的對(duì)象(分清楚是動(dòng)作還是事件?)①在幀中添加,如:

      ②在按鈕中添加 ③在影片剪輯中添加

      4、ActionScript基本語(yǔ)法

      ①點(diǎn)語(yǔ)法:點(diǎn)(.)被用于指出與一個(gè)對(duì)象或影片剪輯相關(guān)聯(lián)的特性或方法,也是用于標(biāo)識(shí)指向一個(gè)影片剪輯或變量的目標(biāo)路徑。②括號(hào):用于定義函數(shù)中的相關(guān)參數(shù)

      ③大括號(hào):凡是用大括號(hào)結(jié)合在一起的是一個(gè)語(yǔ)句塊。④分號(hào):每一條語(yǔ)句都必須是以分號(hào)作為結(jié)束的。

      三、ActionScrip語(yǔ)句的應(yīng)用實(shí)例 實(shí)例 圖片動(dòng)畫效果

      動(dòng)畫分析:當(dāng)鼠標(biāo)移到按鈕上時(shí),圖片由淺變深,鼠標(biāo)移開時(shí),圖片由深變淺。即同一張圖片的兩個(gè)動(dòng)畫分別屬于兩個(gè)事件。提示:

      ① 先做好三張圖片的兩個(gè)動(dòng)畫效果(淡入和淡出)

      ② 把三個(gè)動(dòng)畫所在的層都后移一幀,在第一幀加入stop語(yǔ)句,每個(gè)動(dòng)畫的最后一幀加上stop(注:共有6個(gè)動(dòng)畫,三個(gè)層)

      ③ 為每個(gè)動(dòng)畫的第一幀設(shè)好標(biāo)簽b1、b11、b2、b22、b3、b33 選中第一個(gè)按鈕(menu1),添加以下語(yǔ)句:on(rollover){gotoAndPlay(“b1”);} on(rollover){gotoAndPlay(“b11”);} ④ 其它兩個(gè)按鈕也以此類推添加語(yǔ)句

      第十五節(jié) 聲音處理和引導(dǎo)頁(yè)制作

      教學(xué)課時(shí):4課時(shí) 教學(xué)目標(biāo):

      1、能導(dǎo)入各類聲音,并能處理一些聲音的疊加。

      2、制作網(wǎng)站的引導(dǎo)頁(yè)。教學(xué)過程:

      一、FLASH中聲音的加載

      1、文件--導(dǎo)入到庫(kù)--選擇聲音源

      2、新增一圖層(聲音層)--將庫(kù)中的聲音拖入即可,或者在屬性面板中選擇聲音也可以。

      3、注意:聲音可以加載因單幀上。例如聲音加載在按鈕上。

      4、聲音也可以中載在多層,這樣可以起到多種聲音疊加的效果,例如在某些背景音樂下,出現(xiàn)一些激光聲音等。

      二、聲音的處理

      當(dāng)聲音被加載到FLASH中后,可進(jìn)行如下處理:

      1、取部分聲音播放。

      2、控制聲音的淡入、淡出等。

      3、處理方法:在屬性面板上,單擊聲音編輯即可 通過實(shí)例來鞏固聲音的處理

      推薦網(wǎng)址:

      閃客帝國(guó)

      http://004km.cn/

      閃吧

      http://004km.cn/ydm.asp

      第二篇: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è)物體在這段幀之間作出來,漸變移動(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ù)的算法來自動(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ī)來完成。

      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”將它放大,然后再用“比例”功能,可縮得更?。?。在第80幀上“插入關(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è)圖層,看起來效果細(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í)間軸,讓雪花飄得連貫起來。見圖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)畫短片。大家一起來看一下。動(dòng)畫播放完了。昨天,我們已經(jīng)認(rèn)識(shí)了flash,這個(gè)小短片啊,就是用flash制作出來的。

      大家想不想也能做這樣的短片呀?非常想,好,那我們今天就來嘗試一下。剛剛小短片中有一個(gè)片段是小破孩把皮球踢向墻壁,結(jié)果皮球彈回來砸到了他自己。這一段很好玩。我們就來做這一段中那個(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é)課件的幫助來嘗試著做一下小球由左到右的滾動(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í)來回答一下?幀是某一個(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)建好了。接下來我們小球要在右邊,那就還需要一個(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)而得出信息是“用來減少不確定性的”。

      (二)梨子為媒,探究信息的本質(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)出來信息的什么特征?(載體依附性)問題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)的工具用來繪制圖形、輸入文字和編輯圖形。(2)“查看”欄:工具箱之“查看”欄內(nèi)的工具是用來調(diào)整舞臺(tái)編輯畫面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱與作用如表1-1-3所示。(3)“顏色”欄:工具箱之“顏色”欄的工具是用來確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。

      (筆觸顏色)按鈕:用于給線著色,也叫作描繪顏色。(填充色)按鈕:用于給填充著色。

      (從左到右分別是:黑白、沒有顏色和交換顏色)按鈕:?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)容的幀。用來定義動(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)鍵幀的透明度來設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。

      一般淡入淡出式動(dòng)畫是用二個(gè)關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,第二關(guān)鍵幀透明度為0。

      ②閃爍動(dòng)畫:一般用三個(gè)關(guān)鍵幀完成,即從淡入到淡出的過程,即全透明--不透明--全透明的設(shè)置過程。

      例如:以下例子中星星,就是用影片元件來完成的。

      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)出來,是學(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í)候看起來像是一系列連續(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)容都被隱藏起來了。如圖所示:

      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è)置等來操作)。主要通過一下幾個(gè)步驟來完成。

      使用文本工具在舞臺(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)行較為靈活的邊緣柔化,我們不妨利用混色器來完成。即在選中圖形后調(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ù)制出來了。

      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用來標(biāo)識(shí)提示點(diǎn)。看一看最后的一幀,可以發(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)。在小球下落的過程中,速度越來越快,所以我們把值改為負(fù)值,注意在值為-100時(shí),比較接近重力加速度。當(dāng)小球彈起時(shí),速度越來越慢,因此值為正。引申:(旋轉(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)的軌跡,一般使用鋼筆工具來制作)

      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)建:該層中專門用來放置物體運(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í)行“插入”-“新建元件”命令(或者按鍵),在創(chuàng)建新元件對(duì)話框中設(shè)置元件類型為按鈕,即可見如下界面

      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è)事件來制作游戲。

      (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)來制作一些圖示板,非常簡(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è)矩形來增加反映區(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ǔ)句。如果沒有特殊說明,你使用了拖離,滑離等事件來制作“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)不能是元件,如果繪制出來是對(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é)果的色彩由被遮罩層的色彩決定,即可通過辨別色彩的來源來確定哪一層為被遮罩層。

      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)新建或打開需要添加聲音的文件,在原來的動(dòng)畫上再增加一個(gè)“聲音層”的新層。需要在文件中多處有聲音時(shí),我們通常會(huì)把幾個(gè)聲音文件放置在不同的層中,這樣不但便于控制,而且還能達(dá)到混響效果。

      (2)導(dǎo)入所需要的聲音文件,然后從庫(kù)中將所需聲音文件拖拉到“聲音層”上即可。

      為按鈕添加提示聲音

      在原來的層上插入一新層,假設(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ā)生過程全部同步起來。如果觸發(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、行為面版(窗口--行為)

      用戶可以使用行為來裝載和卸裁實(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面板。現(xiàn)在如果也在按鈕上寫 stop();那么,輸出的時(shí)候就會(huì)提示錯(cuò)誤。正確的應(yīng)該這樣寫: 整個(gè)代碼翻譯過來就是: 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ù)制出來的影片剪輯都具有與目標(biāo)影片剪輯一樣的屬性并且每一個(gè)復(fù)制出來的影片剪輯其初始位置與目標(biāo)影片剪輯是疊加在一起的,因此為了區(qū)分每一個(gè)新復(fù)制的影片剪輯,防止后面復(fù)制的影片剪輯替換掉前面的影片剪輯,要設(shè)置每一個(gè)影片剪輯的深度參數(shù),來規(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ì)路徑,使“.”來連接后面的語(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)有了第一步,接下來我們就要對(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)作腳本的添加。

      第五篇:flash動(dòng)畫的制作教案

      flash動(dòng)畫的制作教案

      動(dòng)畫制作

      (一)本節(jié)的課程標(biāo)準(zhǔn)內(nèi)容:

      了解常見的多媒體信息,如聲音、圖形、圖像、動(dòng)畫、視頻的類型、格式及其存儲(chǔ)、呈現(xiàn)和傳遞的基本特征與基本方法;

      能選擇適當(dāng)?shù)墓ぞ?,分別對(duì)聲音、圖形、圖像、動(dòng)畫、視頻等信息進(jìn)行裁減;

      能根據(jù)信息呈現(xiàn)需求,選擇適當(dāng)?shù)墓ぞ吆头椒?,分別對(duì)聲音、圖形、圖像、動(dòng)畫、視頻等多媒體信息進(jìn)行適當(dāng)?shù)奶幚?。本?jié)課程標(biāo)準(zhǔn)分析:

      1、了解計(jì)算機(jī)動(dòng)畫的基本原理和制作中常用的方法;

      2、以flash動(dòng)畫制作工具為平臺(tái),初步掌握二維動(dòng)畫的制作 教材分析:

      【教學(xué)題目】二維動(dòng)畫FLASH制作 【主要內(nèi)容】

      本節(jié)課以介紹計(jì)算機(jī)動(dòng)畫基本原理和常見計(jì)算機(jī)動(dòng)畫的生成方式為主線,將簡(jiǎn)單動(dòng)畫制作中的對(duì)象移動(dòng)和變形的操作分別穿插在關(guān)鍵幀動(dòng)畫和變形動(dòng)畫中。本節(jié)課遇到的一些專用名詞將貫穿于flash動(dòng)畫制作過程,因此讓學(xué)生理解各種名詞將對(duì)以后的教學(xué)有很大好處。本節(jié)課主要包含以下知識(shí)點(diǎn):

      1、計(jì)算機(jī)動(dòng)畫的分類

      2、FLASH動(dòng)畫的啟動(dòng)及其界面和基本操作的介紹

      3、文檔屬性的設(shè)置及元件、庫(kù)、場(chǎng)景、時(shí)間軸的概念

      4、基本對(duì)象的畫法,用畫空心圓和實(shí)心圓的方法介紹描繪色和填充色的應(yīng)用

      5、關(guān)鍵幀、空白關(guān)鍵幀的概念及其創(chuàng)建方法

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

      7、文件的保存和導(dǎo)出影片 【重難點(diǎn)】

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

      難點(diǎn):計(jì)算機(jī)動(dòng)畫的分類;關(guān)鍵幀、空白關(guān)鍵幀的概念; 學(xué)情分析

      FLASH是當(dāng)前非常流行的二維動(dòng)畫制作軟件,在網(wǎng)絡(luò)上見到的動(dòng)畫大多由其生成,因此學(xué)生對(duì)flash動(dòng)畫并不陌生,并且學(xué)生對(duì)flash動(dòng)畫也抱有強(qiáng)烈的好奇心和學(xué)習(xí)興趣,這為我們的教學(xué)打下堅(jiān)實(shí)的基礎(chǔ);但制作flash的一些專用名詞在本節(jié)教學(xué)初可能會(huì)有學(xué)生不能很好的理解,應(yīng)講解細(xì)致些。教學(xué)目標(biāo):

      【知識(shí)與技能目標(biāo)】

      了解計(jì)算機(jī)動(dòng)畫制作原理和方法,掌握幾種簡(jiǎn)單動(dòng)畫的制作?!具^程與方法】

      通過一段flash動(dòng)畫,讓學(xué)生了解動(dòng)畫中的對(duì)象是怎樣移動(dòng)或變形的,引導(dǎo)出本節(jié)課要講解的內(nèi)容——對(duì)象的移動(dòng)和變形?!厩楦袘B(tài)度與價(jià)值觀】

      激勵(lì)學(xué)生進(jìn)一步掌握動(dòng)畫的制作,由淺入深,提高其制作動(dòng)畫和欣賞動(dòng)畫的水平; 培養(yǎng)學(xué)生的自主探索、協(xié)作研究的精神,實(shí)踐并總結(jié)動(dòng)畫制作的方法。教學(xué)方法:

      演示講授法、學(xué)生自主、合作學(xué)習(xí)教學(xué)過程: 【導(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)畫制作的激情。【講授新課】

      一、啟動(dòng)flash軟件,對(duì)其界面及基本操作進(jìn)行簡(jiǎn)單介紹。

      二、文檔屬性設(shè)置及元件、庫(kù)、場(chǎng)景、時(shí)間軸的概念。

      元件:一個(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)畫制作》教案 教學(xué)目標(biāo):

      1、知識(shí)與技能

      初步認(rèn)識(shí)FLASH軟件的啟動(dòng)和工具欄的組成和用法。并能運(yùn)用一些常用的工具來制作簡(jiǎn)單的動(dòng)畫。

      2、過程與方法

      激勵(lì)學(xué)生在學(xué)習(xí)過程中探究出其他小動(dòng)畫的制作方案,以此來激發(fā)同學(xué)們的學(xué)習(xí)興趣。

      3、情感、態(tài)度、價(jià)值觀

      在制作過程中使學(xué)生體會(huì)到創(chuàng)作的樂趣,激發(fā)他們的創(chuàng)作欲望。<教學(xué)重點(diǎn)和難點(diǎn)> 重點(diǎn)掌握動(dòng)畫的制作方法和步驟。難點(diǎn)是對(duì)幀的理解。教學(xué)過程

      一、導(dǎo)入:

      隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展,Internet逐漸成為人們學(xué)習(xí)、工作和娛樂的主要工具,承載網(wǎng)絡(luò)信息的網(wǎng)站也越來越多地使用交互式動(dòng)畫來吸引更多的觀眾。平時(shí)大家在上網(wǎng)時(shí)或多或少地接觸到一些FLASH動(dòng)畫,有的十分漂亮,這對(duì)我們的學(xué)習(xí)、生活增添不少樂趣。

      二、啟動(dòng)FLASH和關(guān)閉FLASH

      三、介紹常用的工具欄區(qū)、顏色區(qū)和選項(xiàng)區(qū)

      ⑴選擇工具:使用該工具可以選擇舞臺(tái)上的各種對(duì)象。(教師操作)⑵部分選取工具:使用該工具可以選擇路徑上的節(jié)點(diǎn)對(duì)象。⑶線條工具:使用該工具可以創(chuàng)建不規(guī)則的選區(qū)。(教師操作)⑷套索工具:使用該工具可以創(chuàng)建不規(guī)則的選區(qū)。⑸鋼筆工具:使用該工具可以創(chuàng)建各種形狀的路徑。

      ⑹文本工具:使用該工具可以添加文字對(duì)象。(教師操作)⑺橢圓工具:使用該工具可以繪制橢圓圓形對(duì)象。(教師操作)

      ⑻矩形工具/多角形工具:該工具按鈕右下角帶有一個(gè)黑色三角,代表一個(gè)按鈕組。(教師操作)

      ⑼鉛筆工具:使用該工具可以隨手繪圖。(教師操作)⑽刷子工具:使用該工具可以創(chuàng)建刷子刷過的畫面效果。

      ⑾任意變形工具:使用該工具可以對(duì)舞臺(tái)上的對(duì)象進(jìn)行任意變形(教師操作)。⑿填充變形工具:使用該工具來更改漸變填充效果。

      ⒀墨水瓶工具:使用該工具可以用指定顏色對(duì)對(duì)象進(jìn)行描邊。⒁顏料桶工具:使用該工具可以對(duì)對(duì)象內(nèi)部進(jìn)行填充。⒂滴管工具:使用該工具可以拾取顏色。

      ⒃橡皮擦工具:使用該工具可以擦除舞臺(tái)上的畫面。四:介紹時(shí)間軸:圖層和幀。

      圖層:圖層可以用透明的玻璃紙來比喻,當(dāng)上面圖層和下面圖層的內(nèi)容相重疊時(shí),上面圖層上的內(nèi)容將遮擋住下面圖層上的內(nèi)容。幀: Flash的幀就如同電影膠片,按時(shí)間軸窗格中每一幀畫面的順序播放就產(chǎn)生了動(dòng)畫效果。五:介紹舞臺(tái)和工作區(qū):是最主要的可編輯區(qū)域。

      六:介紹控制器面板:Flash的控制面板很多,常用的有屬性面板、行為面板、庫(kù)面板、混色器面板等。所有的面板都可在“窗口”菜單中找到相應(yīng)的命令來調(diào)出或隱藏。七:引入兩個(gè)FLASH動(dòng)畫。

      教師操作:讓學(xué)生觀看兩個(gè)FLASH動(dòng)畫。

      然后提出問題:怎樣制作這兩個(gè)FLASH動(dòng)畫呢? 八:簡(jiǎn)單的動(dòng)畫制作(先教師操作后學(xué)生操作)⑴圖形變化:

      要求:背景畫布大?。?50*400,背景顏色蘭色,從三角形變化到圓,圖形顏色紅色。學(xué)生:從矩形變化到圓,其它要求同上。

      然后讓學(xué)生展開想象的翅膀,創(chuàng)作不同的圖形變化,讓他們體會(huì)制作的樂趣。⑵動(dòng)態(tài)小鳥:(事先準(zhǔn)備好小鳥的圖片素材)

      要求:背景畫布大?。?00*200,背景顏色白色,小鳥能夠上下左右跳動(dòng)。學(xué)生練習(xí)。

      然后讓學(xué)生設(shè)計(jì)一個(gè)動(dòng)畫,利用集體智慧,通過師生合作得出制作方法。

      下載FLASH動(dòng)畫制作活動(dòng)教案(5篇范文)word格式文檔
      下載FLASH動(dòng)畫制作活動(dòng)教案(5篇范文).doc
      將本文檔下載到自己電腦,方便修改和收藏,請(qǐng)勿使用迅雷等下載。
      點(diǎn)此處下載文檔

      文檔為doc格式


      聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),未作人工編輯處理,也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容,歡迎發(fā)送郵件至:645879355@qq.com 進(jìn)行舉報(bào),并提供相關(guān)證據(jù),工作人員會(huì)在5個(gè)工作日內(nèi)聯(lián)系你,一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

      相關(guān)范文推薦

        制作Flash引導(dǎo)動(dòng)畫教案

        《制作Flash引導(dǎo)動(dòng)畫》教案設(shè)計(jì) 車家莊中學(xué)馮玉寶 教學(xué)目標(biāo): 1、知識(shí)目標(biāo): 使學(xué)生了解引導(dǎo)動(dòng)畫及引導(dǎo)層的的概念。 學(xué)生通過學(xué)習(xí)初步掌握FLASH引導(dǎo)層的使用。 掌握制作引導(dǎo)動(dòng)......

        flash動(dòng)畫制作蒲公英教案

        校本教材 學(xué)習(xí)補(bǔ)間動(dòng)畫的制作――隨風(fēng)飄落的蒲公英 教學(xué)目標(biāo) 1、知識(shí)與技能: (1)理解動(dòng)作補(bǔ)間動(dòng)畫的工作原理及圖形元件的制作方法。 (2)學(xué)會(huì)創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫。 (3)掌握動(dòng)畫補(bǔ)間動(dòng)......

        flash動(dòng)畫制作報(bào)告

        Flash 動(dòng) 畫 制 作 課 程 學(xué) 院 計(jì)算機(jī)學(xué)院 專業(yè)班級(jí) 網(wǎng)絡(luò)工程1101班 學(xué) 號(hào) 1108020104 姓 名 告 Flash動(dòng)畫制作 一、實(shí)驗(yàn)?zāi)康?掌握FLASH CS4的基本動(dòng)畫制作。 二、實(shí)驗(yàn)......

        《FLASH動(dòng)畫制作》教案八年級(jí)下冊(cè)

        第二單元 制作Flash動(dòng)畫 第一節(jié) 幀和逐幀動(dòng)畫 一、教學(xué)目標(biāo) 知識(shí)與技能: 1.掌握空白關(guān)鍵幀、關(guān)鍵幀和普通幀的概念; 2.掌握幀的基本操作; 3.掌握制作逐幀動(dòng)畫的方法并會(huì)進(jìn)行測(cè)試。......

        Flash MX 動(dòng)畫制作設(shè)計(jì)教案

        Flash MX 動(dòng)畫制作 ————物體移動(dòng) 【教材分析】 我們所選用的是教育科學(xué)出版社的教材,課本對(duì)于“計(jì)算機(jī)動(dòng)畫制作初步”這一部分其實(shí)是分成了兩個(gè)部分的。在第一節(jié)中制作出......

        《flash動(dòng)畫——按鈕的制作》教案

        《flash動(dòng)畫——按鈕的制作》教案 教學(xué)目標(biāo) 知識(shí)與技能 理解按鈕元的各種狀態(tài) 掌握創(chuàng)建按鈕的基本方法并制作有個(gè)人特色的按鈕 2過程與方法 通過親自體驗(yàn),理解按鈕的工作原理......

        flash動(dòng)畫按鈕的制作教案

        教學(xué)目標(biāo) 1.知識(shí)與技能 (1)理解按鈕元件的各種狀態(tài) (2)掌握創(chuàng)建按鈕的基本方法并制作有個(gè)人特色的按鈕 2.過程與方法 (1)通過親自體驗(yàn),理解按鈕的工作原理。 (2......

        flash簡(jiǎn)單動(dòng)畫教案

        小試身手——簡(jiǎn)單動(dòng)畫 第一節(jié) 步步為營(yíng)——逐幀動(dòng)畫 一、教學(xué)目標(biāo): 知識(shí)目標(biāo): 1.創(chuàng)建逐幀動(dòng)畫的幾種方法教學(xué) 2.簡(jiǎn)單動(dòng)畫的制作方法 能力目標(biāo) 學(xué)會(huì)用繪制的圖形來制作“逐幀......