第一周 初識FLASH 教學(xué)時間:第一周 教學(xué)目標(biāo):熟悉FLASH的工作環(huán)境,掌握最基本的概念 教學(xué)重難點:層和元件的概念及簡單運用 教學(xué)過程: 一、FLASH特點: 使用矢量圖形和流式播放技術(shù),。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量,;流式播放技術(shù)使得動畫可以邊播放邊下載, 通過使用關(guān)鍵幀和圖符使得所生成的動畫(.swf)文件非常小,,幾K字節(jié)的動畫文件已經(jīng)可以實現(xiàn)許多令人心動的動畫效果,, 把音樂,動畫,聲效,,交互方式融合在一起,,越來越多的人已經(jīng)把Flash作為網(wǎng)頁動畫設(shè)計的首選工具。 強大的動畫編輯功能使得設(shè)計者可以隨心所欲地設(shè)計出高品質(zhì)的動畫,,通過ACTION和FS COMMAND可以實現(xiàn)交互性,使Flash具有更大的設(shè)計自由度,,另外,,它與當(dāng)今最流行的網(wǎng)頁設(shè)計工具Dreamweaver配合默契,可以直接嵌入網(wǎng)頁的任一位置,,非常方便,。 總之,F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁動畫的標(biāo)準(zhǔn),,成為一種新興的技術(shù)發(fā)展方向,。 二、熟悉工作環(huán)境 1,、主要分為 舞臺 就是工作區(qū),,最主要的可編輯區(qū)域。在這里可以直接繪圖,,或者導(dǎo)入外部圖形文件進行安排編輯,。就像演員表演的舞臺,動畫呈現(xiàn)在舞臺上,,超出舞臺的區(qū)域就為不可見,,也就是幕后,F(xiàn)LASH動畫也要十分注重舞臺和幕后的共同設(shè)計,。 時間軸窗口 用它可以調(diào)整電影的播放速度,,并把不同的圖形作品放在不同圖層的相應(yīng)幀里,以安排電影內(nèi)容播放的順序,。 繪圖工具欄 放置了可供圖形和文本編輯的各種工具,,用這些工具可以繪圖,選取,,噴涂,,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式,。在選擇了某一工具時,,其所對應(yīng)的修改器(Modifier)也會在工具條下面的位置出現(xiàn),修改器的作用是改變相應(yīng)工具對圖形處理的效果,。 標(biāo)準(zhǔn)工具欄 列出了大部分最常用的文件操作,,打印,剪貼板,,撤消和重做,,修改器以及控制舞臺放大比例的圖標(biāo)和選項,,便于進行更為快捷的操作。 圖庫窗口 用以存放可以重復(fù)使用的稱為符號的元素,。符號的類型包括有圖片(Graphics),,按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L,。學(xué)習(xí)FLASH也要養(yǎng)成良好的習(xí)慣,,其中建立元件就是最基本也是最重要的,元件存放在圖庫中,,這樣便與元件的重復(fù)使用以及統(tǒng)一修改,。 控制器面板 控制電影的播放操作的工具集合(包括影片的前進后退暫停等),一般不大常用,,處于隱藏狀態(tài),。 2、逐步介紹各個區(qū)域 (1) 時間軸 時間軸(Timeline)是Flash中最重要的工具之一,。用它可以查看每一幀的情況,,調(diào)整動畫播放的速度,安排幀的內(nèi)容,,改變幀與幀之間的關(guān)系,,從而實現(xiàn)不同效果的動畫。 狀態(tài)欄中的 為洋蔥皮(Onion skin)按鈕,,其作用是在顯示播放頭所在幀內(nèi)容的同時顯示其前后數(shù)幀的內(nèi)容,。當(dāng)點擊該按鈕時,播放頭周圍會出現(xiàn)方括號形狀的標(biāo)記,,其中所包含的幀都會顯示出來,,這將有利于我們觀察不同幀之間的圖形變化過程。 和 的作用一樣,,只不過它只顯示各幀圖形的輪廓線,。當(dāng)我們需要同時編輯多個幀時,按下按鈕就可以了,,但要注意,,它只對幀-幀動畫有效,而對漸變動畫無效,,因為漸變動畫是通過定義關(guān)鍵幀再插值的方法實現(xiàn)的,,所以其中內(nèi)插的幀是無法編輯的。 是洋蔥皮修改器,,用于改變洋蔥皮的狀態(tài)和設(shè)置,。其后的三個數(shù)字分別為當(dāng)前播放頭所在幀號,動畫播放速度以及以此速度從頭播放到當(dāng)前幀所需的時間。 時間軸窗口右上角的 可以用來調(diào)整時間每個單元格的寬窄大小,,各人可根據(jù)自己的喜好,,動畫的長短等因素進行修改,以便于實際操作,。 (2)元件和層概念及運用 在講動畫形式之前先講元件和庫的概念,,教學(xué)生建立元件的方法及必要性。(實例yuanjian) 空心小圓圈表示空白的關(guān)鍵幀,,沒有內(nèi)容,,例如在新建一個動畫文件時出現(xiàn)。 先建立一個元件,,然后在場景中拉入元件 拉入后成實心點,有內(nèi)容就成了實心點 單獨的關(guān)鍵幀為一黑色圓點,,后面為灰色表明其后各幀的內(nèi)容與其一致,,沒有變化。 實例分析:背景色的設(shè)置,;相同小球的組合繪制 要點:選擇工具的使用(任意變形和整體選擇操作) 圓形的繪制(shift畫正圓),; 建立元件(元件的概念)組合 CTRL+G 打散 CTRL+B 直線工具的使用 元件主要有兩個優(yōu)點:可以重復(fù)使用和統(tǒng)一修改 介紹元件建立的兩個方法:插入――建立新元件或者選擇對象轉(zhuǎn)換為元件。 (3)圖層:通過實例ceng及clx掌握圖層 關(guān)于圖層(Layer)的概念,,學(xué)過Photoshop的人都不會陌生,。形象地說,圖層可以看成是疊放在一起的透明的膠片,,如果層上沒有任何東西的話,,你就可以透過它直接看到下一層。所以我們可以根據(jù)需要,,在不同層上編輯不同的動畫而互不影響,,并在放映時得到合成的效果。使用圖層并不會增加動畫文件的大小,,相反它可以更好幫助我們安排和組織圖形,,文字和動畫。圖層是Flash中最基本而且重要的內(nèi)容,,因而需要很好地掌握: 在實例(ceng)中學(xué)習(xí)下面的知識,。左圖是一個典型的圖層例子,圖中所示共有十一個層,。其中用黑色標(biāo)識帶有一支鉛筆標(biāo)志的層為當(dāng)前正在編輯的層,。如果該層不能被編輯,則會顯示 圖標(biāo),。在這些層右上方有三個圖標(biāo),,其中 可以控制該層是否被顯示,默認狀態(tài)為正常顯示,在對應(yīng)下方用 表示,,如果點擊這個黑點,,則會出現(xiàn),同時該層被隱藏,,隱藏的層不能被編輯,。 用來控制是否鎖住該層,被鎖住的層可以正常顯示,,但不能被編輯,,這樣在你編輯其它層時,可以利用這一層作參考,,而不會誤改了這一層的內(nèi)容,。可以控制是否將層以輪廓線方式顯示,,點擊對應(yīng)的黑點,,會出現(xiàn) ,再點一次恢復(fù)正常,。這幾個功能可以同時起作用,。 (4)動畫形式 分為運動動畫和漸變動畫 運動動畫:例如一個小球從左邊運動到右邊 表示運動漸變動畫,關(guān)鍵幀用黑色的圓點標(biāo)識,,內(nèi)插幀用黑色的實線表示,,背景為淡紫色(淺藍色)。 虛線說明中間的過渡存在錯誤,,無法正確實現(xiàn)內(nèi)插,。 兩個例子:一個是小球位置的改變,另一個是顏色透明度的改變,。 漸變動畫:例如圓變方塊,! 表示變形過渡動畫,關(guān)鍵幀用黑色的圓點標(biāo)識,,內(nèi)插幀用黑色的實線表示,,背景為淡綠色。 同樣如果中間出現(xiàn)錯誤,,也會出現(xiàn)虛線,! 主要是兩個例子,圓變方塊和英文字變中文 其中要注意對象要打散,,文字要打散兩次,。比較和補間動畫的區(qū)別。 下面兩個略作了解 字母a表示該幀已通過幀屬性對話框指定了action,。關(guān)于action以后會詳細介紹,。 小紅旗表明該幀有標(biāo)簽或注解,。 三、小結(jié) 通過本次課的學(xué)習(xí),,學(xué)生要理解并掌握元件和層的概念及簡單運用,。要注意以下幾點: 1. 元件存在庫中,方便重復(fù)使用和統(tǒng)一修改 2. 一個元件對應(yīng)一層 3. 層之間上下疊放,,可改變順序 4. 動畫的兩種形式,,補間動畫包括位置和顏色透明度的改變。形狀動畫要注意對象要打散,,其中文字的打散要用兩次CTRL+B,。 教學(xué)時間: 第2周 教學(xué)目標(biāo):1、復(fù)習(xí)鞏固FLASH中最基本的概念(元件,、圖層) 2,、掌握兩種動畫形式:補間動畫和漸變動畫 3、掌握時間軸上幀的操作(插入,、刪除等) 教學(xué)重點:應(yīng)用工具畫圖,,并制作動畫 教學(xué)過程: 一、 復(fù)習(xí)鞏固 主要是在上周的基礎(chǔ)上完成進一步動畫 做完的同學(xué)可以進一步練習(xí)兩種動畫形式,,主要為物體透明度的改變和文字的變形。 記住三句口決: 1,、 一個對象一層 2,、 一般一個對象要轉(zhuǎn)換為元件 3、 在形狀動畫中不要建立元件,,對象要打散 二,、 實例運用1 上節(jié)課已經(jīng)學(xué)習(xí)了兩種最基本的動畫形式,這次課我們就先來綜合運用一下,。 實例1 哭臉變笑臉 1,、 先給學(xué)生看最后的效果 2、 分析 要分為幾層,? 五層 臉,、眼眶、嘴,、左眼,、右眼 為什么要用5層? 嘴一層 要進行動畫制作,,因此要單獨一層 左右眼珠分兩層,,眼睛看起來靈活些,也更方便些 幾個注意的地方: 線條的粗細可調(diào)整,;對象的大小可調(diào)整(直接修改數(shù)值比較精確),;對象要對齊可用吸附工具,,也可以借輔助線用方向鍵進行微調(diào)整;嘴是要變形的,,打散狀態(tài)(右鍵-分離 弧線才可變形,,選中的對象不能改動);F5普通幀(刪除幀),,F(xiàn)6關(guān)鍵幀(清除關(guān)鍵幀),,補間動畫FLASH自動生成。 思考:眼睛怎么轉(zhuǎn)動,? ―――元件的運動,。 分析:眼珠要四周轉(zhuǎn)動,需要四個關(guān)鍵幀 三,、 綜合實例 1,、 看實例2 進行分析:主要是混色器的使用 關(guān)鍵步驟:先畫一個圓,線條可調(diào)整,; 選擇漸變的圓,,在混色器中進行調(diào)整(小塊往下拉就刪除),調(diào)整到合適的效果(用顏料桶填充),; 要做圓環(huán),,在大圓中再畫一個小圓,小圓在選中狀態(tài)下可以改變位置,,調(diào)整大小等,。(要注意,放開就不能改了),。改變大小時,,SHIFT是左上角調(diào)整,ALT則是以圓心調(diào)整,; 要做成補間動畫(形狀動畫也是成立的,,但沒什么效果。自己要多試,,可以意外發(fā)現(xiàn)一些效果) 補間動畫 順時針 40幀 循環(huán)3次(24幀為1秒) 思考字母變形的做法(結(jié)合上次課的練習(xí)) 四,、 學(xué)生動手創(chuàng)作教師節(jié)賀卡(有樣例3)(20’) 要求學(xué)生充分發(fā)揮自己的想象力,動手制作一張賀卡 主要包括幾方面的內(nèi)容: 1,、 文字的移動 2,、 文字的旋轉(zhuǎn)移動 3、 文字的漸隱(透明度的變化) 4,、 簡單的動作設(shè)置(stop) 五,、 小結(jié) 通過本次課的學(xué)習(xí),我們復(fù)習(xí)并鞏固了FLASH的兩種基本動畫形式,,以及運用了層來更好地表現(xiàn)動畫,。 基本工具的應(yīng)用 教學(xué)時間: 第3周 教學(xué)目標(biāo): 1,、要求學(xué)生掌握漸變工具、多角星形工具,、墨水瓶工具,、文字工具的使用。 2,、要求學(xué)生掌握修改菜單中的位圖,、元件、形狀的菜單項,。 3,、掌握如何制作基本圖形:圓環(huán)、星星,、月亮,、太陽、空心文字,、門,、窗、建筑物,。 4,、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。 教學(xué)重點:基本圖形的制作,;如何導(dǎo)入和轉(zhuǎn)換圖片,。 教學(xué)過程: 一、 復(fù)習(xí)鞏固 1,、 完成上次的作業(yè)(哭臉變笑臉的的例子和轉(zhuǎn)動的圓環(huán)) 上傳作業(yè)(新的FTP賬號的使用,要求上傳原文件),。 二,、 新課引入 思考一下這個圓環(huán)是怎么做的?(實例1) 分析: 1,、 我們可以用上節(jié)課講的大圓里畫小圓的方法來完成,,不過可能覺得還是有些麻煩的,上節(jié)課是為了特殊的漸變效果才用那種方法的,,現(xiàn)在再介紹另一種方法: 2,、 關(guān)鍵步驟 選擇圓形工具,邊線設(shè)置為七彩色,,線條粗細調(diào)節(jié)好(要做成一個環(huán),,數(shù)值比較大),填充色設(shè)為白色,; 選中圓環(huán),,修改-形狀-線條轉(zhuǎn)為填充色,; 墨水瓶工具填充線條; 注意點:修改-形狀-線條轉(zhuǎn)為填充色,,否則無法實現(xiàn)(會把七彩色蓋掉) 三,、 實例教學(xué) 1、多邊形工具的使用(實例2) 太陽的制作主要步驟: 選擇矩形工具下面的小箭頭,,選擇多邊形工具,,在選項中進行設(shè)置,樣式:星形 邊數(shù) 10 星形頂點大小 0.5(數(shù)量越小就越尖) 可以具體演示兩種效果,,讓學(xué)生比較掌握,; 填充色設(shè)為黃色漸變(漸變工具的再一次復(fù)習(xí)鞏固); 畫一個深黃色的圓,,在上面畫上眼睛和嘴(變形工具的使用復(fù)習(xí)) 有時間的同學(xué)自己創(chuàng)作畫月亮(實例3) 幾點注意:月牙形的繪制,;墨水瓶工具的填充線條 3、 綜合實例制作(實例4) 分析: 整個動畫分為三個主要部分(星星,、高樓和汽車),,一個個來制作 星星影片制作: 首先,繪制一個星星(圖形元件),,主要步驟同多邊形的繪制,; 再建立一個影片元件,名為閃動的星,,注意區(qū)別影片元件和圖形元件(參看足球的轉(zhuǎn)動),,讓學(xué)生注意觀察標(biāo)記不一樣 記住一句口訣:元件可改變顏色、透明度,、大小等,,都不會改變元件本身(可通過星星的制作具體演示) 關(guān)鍵步驟: 畫好星星后,新建一個影片元件,,改變星星的透明度作一個補間動畫,,即為星星的閃爍; 復(fù)制一個影片,,然后在此基礎(chǔ)上修改,,上一個是由亮到暗,這一個就是由暗到亮,,這樣可心使星星看起來閃動自然些,; 星星這個影片做好后,讓學(xué)生動手做星星,。 建筑物的制作: 新建一個元件,,畫一個褐色填充黑框的房框 再建一個元件,畫一個白色填充黑框的窗戶,,通過復(fù)制粘貼,,做成4個窗口,。然后選中4個窗口運用修改-對齊-頂端對齊和寬度均勻分布,使4個窗口排列整齊,。通過復(fù)制(按CTRL拖動),,畫好多排多列窗口,一列選中調(diào)整對齊,。其他幾列操作也同,。 選中所有窗口,按SHIFT,,不選外框,,然后把窗口設(shè)為灰色,再選幾個設(shè)為黃色(以上的修改都是元件的修改運用) 另外一幢樓也是復(fù)制,,然后進行修改,,同樣用了元件的修改。 這個制作要特別注意的是對齊工具的應(yīng)用,。 回到場景中,,星星一層,高樓一層,,再另換一層,,畫路基(直線工具) 要注意視覺上的真實感,按照路基的傾斜度調(diào)整高樓的形狀,。 汽車的制作: 主要是圖片的轉(zhuǎn)換 新建一個元件,,導(dǎo)入汽車的圖片,把位圖轉(zhuǎn)換為矢量圖,; 對圖片進行處理,,刪掉白色的部分; 回到場景中,,汽車也新建一層,,然后就做汽車的補間動畫,使汽車開動起來,。 小結(jié): 1、 多邊工具的使用 2,、 元件的屬性修改應(yīng)用(包括大小,、顏色和透明度等) 3、 對齊的使用 4,、 位圖轉(zhuǎn)為矢量圖 第四周 直線運動和繪圖工具 教學(xué)時間: 第4周 教學(xué)目標(biāo): 要求學(xué)生掌握直線運動的補間,。 2、掌握實例的編輯修改,。 3,、掌握鉛筆工具及鋼筆工具,。 4、制作夜色中行駛的汽車,、動感片頭的制作 教學(xué)重點:教學(xué)重點:鉛筆,、鋼筆工具的靈活使用 教學(xué)過程: 一、 復(fù)習(xí)鞏固 實例――夜色中行進的車 內(nèi)容回顧 在上節(jié)課中已經(jīng)完成了動畫的一部分,,星星的制作相信大部分同學(xué)已經(jīng)學(xué)會了,,接下來一部分同學(xué)還沒完成高樓的制作,我們說要注意對齊工具的運用,。 出現(xiàn)的問題 在畫樓的時候很多同學(xué)都出現(xiàn)這樣的問題,,樓不能改變,這主要是元件沒建好,,一般是要有三人元件,,一個是窗戶,一個是房框,,還要一個就是兩者結(jié)合的樓,。這樣改變的時候其實是改變房框的形狀。 二,、 進一步完成實例 1,、 汽車的運動 這里主要掌握知識點是位圖轉(zhuǎn)化為矢量圖(修改-位圖-轉(zhuǎn)換位圖為矢量圖),把白色的部分刪掉,,把汽車放到場景中,,制作汽車的運動。主要要注意起點和終點關(guān)鍵幀的設(shè)置,。 2,、 路面、一些線的繪制 主要掌握鋼筆,、鉛筆工具等繪圖工具的使用 方法有多種,,老師教的只是其中一種,大家都可以根據(jù)自己對繪圖工具的使用,,來完成各種繪制,。 路面的繪制 可以先畫一個矩形(無邊,灰色填充),,然后用部分選取工具改變,,使成為自己想要的范圍 線的繪制 主要是中間一條灰色的線,有兩種方法 方法一 由于并不要求很精確,,可以先畫完直線,,然后再用橡皮工具擦掉中間不要的部分 方法二 可以把線條形式改為虛線,在自定義處可以進行修改(前面一個數(shù)值代表實線的長度,后面的表示中間空的地方的長度,,一般為35,,8) 3、 畫完這些線后,,我們可以來看一下汽車是否沿著線開,,可以根據(jù)線的傾斜度,調(diào)整一下汽車的起點和終點位置,。 三,、 實例-標(biāo)志動畫的制作 1、 先畫靜止的畫面(實例) 分析: 主要分為三部分 邊,、文本和圖形 邊的繪制比較簡單,,讓學(xué)生自己完成; 字母的輸入也不難,,主要是設(shè)置多種字體,,這里為三種,可以根據(jù)自己的喜好,,任意設(shè)置三種字體,,同時可以調(diào)整其大小。 主要是圖形的繪制 菱形的繪制只要畫好一個矩形,,然后旋轉(zhuǎn)一下就可以了 關(guān)于旁邊一個無規(guī)則圖形的繪制,,主要應(yīng)用鋼筆工具,來畫出自己所想要的形狀 2,、 讓標(biāo)志動畫動起來(實例) 我們做每個動畫之前先要對這個動畫進行分析,,哪些是動的,哪些是靜的,,動的又是怎么動的,?(回想一下以前學(xué)過的一些動畫形式,到這里應(yīng)該怎么做) 宗旨:不管用了什么方法,,只要把效果做出來就好,,同學(xué)們可以把自己所學(xué)的東西融會貫通,方法不是只有一種,,老師介紹的方法是比較常用的,,并不一定是最好的,大家可以通過多動手,,或許就會發(fā)現(xiàn)更好的方法,。學(xué)多了就會靈活運用,舉一反三了,! 我們仔細觀察動畫有幾層,,一般就是要做幾個運動 第一,, 邊是靜止不動的,,因此我們只要畫好放在那里就行 第二,, 按動畫動起來的順序來看,菱形是最先動的,,主要透明度的改變和旋轉(zhuǎn),,這個并不難,學(xué)生應(yīng)該已經(jīng)掌握了,,稍加分析即可,。 第三, 第二個圖形在菱形還在動的時候就出現(xiàn)了,,所以要在菱形變化有中間過程中開始做動畫,,主要是透明度有改變,后階段是有和無之間的轉(zhuǎn)變,,主要通過插空白幀來實現(xiàn),。 第四, 字母J是從上往下運動的,,字符串esting,是從右往左運動的,,還有co ltd則是和上面的圖形一樣,在有無之間的轉(zhuǎn)變,,方法同上,。 到些,我們的動畫基本就完成了,,從中可以發(fā)現(xiàn)其實動畫并不難,,要通過我們的分析以及創(chuàng)造力來完成精彩的動畫,我們在做的時候可以充分發(fā)揮自己的創(chuàng)造力,,比比看誰的動畫做得最精彩,! 四、 小結(jié) 1,、學(xué)會繪圖工具的使用(直線和鋼筆等工具) 2,、運動的幾種基本形式的綜合運用 教學(xué)時間:2006年9月29日 第5周 教學(xué)課時:3節(jié) 教案序號:10-12 教學(xué)目標(biāo): 1、要求學(xué)生鞏固橢圓工具,、直線工具,、填充工具、鋼筆工具,、變形工具,、選取工具、墨水瓶工具,、矩形工具的使用,。 2、鞏固圖形元件、影片元件的創(chuàng)建,。 3,、鞏固二類補間動畫的特點。 4,、鞏固二類動畫:變形動畫,、直線運動動畫。 第五周 鞏固與檢測 一,、 鞏固復(fù)習(xí) 主要通過幾個具體的實例來復(fù)習(xí)相關(guān)知識點 1,、 使用多邊形工具、鋼筆工具繪制(實例1) 通過月亮和星星的畫法,,來鞏固多邊形工作和鋼筆工作等畫圖工作的使用 主要知識點:月亮繪制(可用學(xué)過的多種方法,,這里不再重復(fù)) 星星的繪制(多邊形工具的應(yīng)用。要注意設(shè)置,,包括樣式,、邊數(shù)、頂點大小等參數(shù)的設(shè)置) 2,、 用矩形工具及變形工具制作一個立體建筑物,,再用重復(fù)使用元件制作下列效果圖,制作中要注意使用多圖層,,才能產(chǎn)生建筑之間的疊加效果,。(實例2) 注意幾點:一是元件的重復(fù)利用;二是要使用多層(一般一個樓一層) 三是利用CTRL工具進行樓房的形狀調(diào)整,,使其更具立體感,。 主要步驟: 先觀察樓房有兩種形狀,一種是普通的立方體,,另一種是稍變形的,,有透視效果,所以我們首先要建兩個元件,。 先建一個元件,,分兩層,一層畫房框(用矩形工作),,一層畫窗戶(請注意轉(zhuǎn)化為元件,,以便于調(diào)整)。 再在庫中直接復(fù)制元件,,然后在新元件中用按CTRL進行微調(diào)整 畫好路面(略) 把兩個元件根據(jù)需要拖出來,,并調(diào)整好顏色,同時要注意分為多層,,以便于疊加(有前后順序) 背景色填充(漸變工作的使用) 3,、 用二個關(guān)鍵幀制作變形效果(實例3) 此實例主要鞏固學(xué)生對漸變填充工具的使用 動畫分為兩層,,一層為背景,也是利用漸變填充(放射狀) 另一層為變形動畫的制作,,即為星形變方形,,要注意兩個關(guān)鍵幀(即由什么變?yōu)槭裁矗谝粠瑸樾切?。最后一幀為方形,中間創(chuàng)建形狀動畫,。 4,、 有時間的同學(xué)自己動手畫畫卡通煙囪(實例4) 二、 檢測(兩節(jié)課時間進行考試,,一共三題,,具體要求等詳見index.html) 考試只是檢測這一階段的學(xué)習(xí)情況,老師根據(jù)同學(xué)中反映出來的問題,,知道學(xué)生的掌握情況,,對癥下藥,使大家盡快學(xué)會FLASH,!創(chuàng)造出有自己特色的精彩動畫! 第七周 文字特效制作 教學(xué)時間:第7周 教學(xué)目標(biāo): 1,、復(fù)習(xí)鞏固測試題。 2,、掌握幾類文字特效的制作,。 教學(xué)重點:各類文字效果的制作 教學(xué)過程: 一、 測試分析 根據(jù)上次考試的具體情況進行小結(jié)點評 1,、 先說明一下這次考試的概況,,總的來說大家完成得都還不錯,這次的題目并不難,,基本上都是最基礎(chǔ)的,,而且還都講過的,大部分同學(xué)都只可以獨立完成,。大家起點都差不多,,只要肯努力,一定可以學(xué)好的,,入門很快,,進一步提高要靠自己,學(xué)得快的同學(xué)要不斷努力,,一定能出成績,。 2、 存在的一些問題: 小部分同學(xué)形狀漸變還沒掌握,,可個別提問,; 大部分同學(xué)側(cè)面的調(diào)整做得不夠好,,細心調(diào)整即可; 個別同學(xué)星形變形不自然,,原因是星形的邊數(shù)問題,,做的時候要看清要求,仔細研究,; 注意生成swf文件(CTRL+ENTER),; 要注意層的命名,養(yǎng)成良好的習(xí)慣 ,。 3,、 表揚一些同學(xué),并展示一下他們的作品(實例四個) 二,、 文字特效制作實戰(zhàn) 1,、 陰影字的制作(實例1) 技術(shù)分析:陰影字分析主要為兩層,一層是文字層,,一層是陰影層,,且陰影層在文字層下面一層;陰影層就是文字層的復(fù)制,、變色及變形 主要步驟: 新建一層,,打入文字FLASH; 再建一層,,復(fù)制粘貼,;(CTRL+SHIFT+V就是原位置的粘貼); 顏色和形狀的調(diào)整 2,、 浮雕字的制作(實例2) 技術(shù)分析:原理同陰影字的制作,,分幾層,通過顏色調(diào)整,,做出浮雕效果 3,、 打字效果的制作(實例3) 技術(shù)分析:文字要一個個出來,可以考慮用逐幀動畫(請注意與補間動畫的區(qū)別:補間動畫是軟件自動生成的) 主要步驟:先新建一層,,導(dǎo)入背景圖片,; 再建一層,一共有21個文字,,插入21個關(guān)鍵幀(F6),; 在每一個關(guān)鍵幀處設(shè)置文字的個數(shù),根據(jù)字打出來的效果,,每幀依次多一個字,。 4、 五彩旋轉(zhuǎn)文字(實例4) 技術(shù)分析:文字的五彩填充,,文字的旋轉(zhuǎn)與縮放 主要步驟:新建一個元件,,兩次打散后,,用七彩色填充; 建立一個動畫,,注意縮放和旋轉(zhuǎn)的設(shè)置 學(xué)生可自己練習(xí)用中文字做五彩旋轉(zhuǎn)文字,,效果更明顯些。 5,、 光線字的制作(實例5)主要適用于掌握程度較好的學(xué)生 技術(shù)分析:文字的光線效果的繪制和元件的透明度的變化效果 主要步驟:新建一個元件,,一個打散狀態(tài)的字母和光線的效果,用直線繪制或者變形工具,; 在一層中設(shè)置透明度的變化(由淺到深再到淺的過程),; 其余做法同,為加強效果,,要注意另外層的字母ABC的設(shè)置,一共有六層 6,、 殘影文字的制作(知識拓展) 主要是動作快的學(xué)生自己探索制作 提示:主要要幾層文字的疊加效果,,(每層文字的透明度設(shè)置不同,形成殘影效果) 每層文字都設(shè)置成旋轉(zhuǎn)動畫,,只不過開始有先后順序,,以致形成殘影效果 三、 小結(jié): 文字的效果很大就是應(yīng)用幾層文字不同狀態(tài)的疊加效果以及動畫的開始時間的不同來體現(xiàn)文字的變化,,掌握了以上的要點同學(xué)們經(jīng)過自己的創(chuàng)造一定能制作出更精彩的動畫,! 第八周 引導(dǎo)線的制作應(yīng)用 教學(xué)時間:第8周 教學(xué)目標(biāo): 1、復(fù)習(xí)掌握幾類文字特效的制作(包括發(fā)光字和殘影效果) 2,、了解引導(dǎo)線的概念 3,、學(xué)會用引導(dǎo)線制作簡單動畫 教學(xué)過程: 一、 復(fù)習(xí)掌握文字特效 1,、 大概說一下作業(yè)批改情況 2,、 發(fā)光字體的制作 大部分同學(xué)把發(fā)光字體的動畫過程都做出來了,說明大家對這部分掌握得還可以,,還有同學(xué)沒懂的及時問,。大部分同學(xué)的共同點是字母沒做好,上次說的矩形工具的微調(diào)整是一種方法,,我們也可以用直線工具來畫,,然后用線性漸變填充。這樣做出來的效果比較好,,不會出現(xiàn)一些陰影被遮蓋的現(xiàn)象,,這是同學(xué)們最要注意的問題。當(dāng)然也有個別同學(xué)做得比較好,。 讓學(xué)生把發(fā)光字體做完并上傳,。 3,、 拓展題分析(實例) 在講這前,先給學(xué)生10分鐘左右的時間自學(xué),,看看自己動手能否做出來,,然后再講解,再讓學(xué)生完成!在預(yù)習(xí)方面,,同學(xué)們可以先看我的例子,,自己想想應(yīng)該怎么做,如果不會再仔細研究一下我的教案,,不要急著問別的同學(xué),,思考過后再問,再聽,,效果會好不少,。 殘影效果的制作分析:影子有幾個就是有幾層,影子的出現(xiàn)就是每層元件的出現(xiàn)時間不同,,即每層往后退一幀,,殘影漸漸變淡,就是每層的元件透明度的逐漸降低,。 主要步驟:建立一個元件1,,兩次打散后,用七彩色填充,; 復(fù)制元件,,命名為2,在原來的基礎(chǔ)上用墨水瓶工具描白邊,; 第一層放入元件1,,完成補間動畫,順時針,,1次左右,; 第二層第二幀放入元件2,透明度設(shè)為85%,, 動畫同上,; 同方法建層作動畫,注意每層第一幀往后退一幀,,元件透 度依次降低,,一般10層左右; 注:在做新一層的時候不用重新拖入元件,,可以用原位置復(fù)制元件(CTRL+SHIFT+V),,然后再修改元件的透明度即可! 4、 對于基礎(chǔ)比較好的同學(xué)在全部完成的基礎(chǔ)上,,可以先預(yù)習(xí)下節(jié)課引導(dǎo)線的內(nèi)容,,也可以做一些拓展練習(xí)! 二,、 引導(dǎo)線的制作應(yīng)用: 1、 新課導(dǎo)入:(實例1) 先看實例,,小球的 無規(guī)則運動 分析,,其實小球是按一定的路徑運動的,這個路徑是不可見的,,但是能引導(dǎo)小球的運動,,這就叫做引導(dǎo)線,其所在的層叫引導(dǎo)層(在運行時不可見) 主要步驟:新建一層引導(dǎo)層,,用鉛筆工具畫任意不封閉曲線,,就是運動路徑 新建一個元件,畫個小球,,作為一個運動對象 再建一層,,把小球拖來,第一幀把小球的圓心放到曲線的起點(會自動吸附),,在30幀左右插關(guān)鍵幀,,把小球的圓心放到曲線的終點,這就是小球運動的起始點和終點 注:要使小球沿著引導(dǎo)線運動,,一定要在起點和終點位置,,使小球吸附在引導(dǎo)線上,,否則不會按引導(dǎo)線運動,! 2、 學(xué)生能力拓展 完成快的同學(xué)可完成拓展練習(xí)1,,層的原理類似于上次的殘影效果制作 3,、 引導(dǎo)線的初步應(yīng)用(實例2) 技術(shù)分析:樹葉的自由飄落其實就是運用了引導(dǎo)線的知識,樹葉的飄落路徑就是引導(dǎo)線的路徑 主要步驟同上一題,,要注意樹葉的繪制可用直線工具加上任意變形即可,。 動作快的同學(xué)可完成拓展練習(xí)2,注意:只要在上題的基礎(chǔ)上多加幾個層,,作與上題一樣的引導(dǎo)層即可,,當(dāng)然為了省時方便,可把樹葉飄落作為一個影片剪輯,,然后一個個拖到場景中即可,,當(dāng)然也要稍注意時間先后。 三,、 引導(dǎo)線的進一步應(yīng)用 1,、 騎山車(實例3) 技術(shù)分析:車子的運動就是按路徑的運動,山路就是路徑 主要步驟:新建一個元件,,用畫圖工具畫好車和人 畫好背景,,包括山路 畫引導(dǎo)線,,只要復(fù)制已畫好的山路即可(同路就是白色的線條) 把車的元件拖到場景中,起點和終點的設(shè)置對齊同上 在動畫設(shè)置中選中“調(diào)整到路徑”,,車子才會比較自然地動,,這是本例制作的關(guān)鍵! 2,、 動作快的同學(xué)可以進一步制作山車,,可以讓車輪動起來!(拓展練習(xí)3) 簡單提示:畫好車輪動畫設(shè)置為旋轉(zhuǎn)即可,! 四,、 引導(dǎo)線的提高應(yīng)用(拓展練習(xí)4) 主要是針對基礎(chǔ)比較好的同學(xué),字母就是引導(dǎo)線,,要注意中間要斷開,,才能動起來,文字層用逐幀動畫做(原理類似于以前做過的打字效果),,才有字是寫出來的感覺,,以后我們學(xué)了遮照層就不會這么麻煩了! 第九周 按鈕的制作一 教學(xué)時間:第9周 教學(xué)目標(biāo): 1,、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用 2,、介紹按鈕的作用 3、學(xué)會按鈕的簡單應(yīng)用 教學(xué)過程: 一,、 復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用 1,、復(fù)習(xí)上節(jié)課的例子,提出一些完成過程中的問題 山坡的曲線的畫法可用鋼筆工具來畫,,具體演示下畫法,; 多片樹葉下降,可用兩種方法,,一是使用影片剪輯,,原理類似于以前學(xué)過的閃動的星星。還有一個方法是在引導(dǎo)層中可畫多條引導(dǎo)線,,引導(dǎo)層下面的圖層只要在虛線中,,均可被引導(dǎo)線引導(dǎo)。 2,、復(fù)習(xí)上次課的引導(dǎo)線,主要通過實例來鞏固(實例1) 技術(shù)分析:小球的跳動就是引導(dǎo)線(當(dāng)然也可用以前的動畫,,多創(chuàng)建幾個補間也可),,貓的變化就是兩張圖片的變化 主要步驟:①先完成管的繪制,要注意前后面的分層,否則填充就會出問題,,然后再完成陰影面的制作,; ②畫好引導(dǎo)線,,為折線形式,,紅色小球沿引導(dǎo)線運動; ?、圬埖膬煞N狀態(tài)(睜眼和閉眼)小球沒砸到時睜眼,,快砸到時閉眼且后退(用交換元件做可保持位置不變) 拓展練習(xí) 蝴蝶飛舞(拓展練習(xí)1) 提示:揮動翅膀的蝴蝶作為一個影片剪輯,在這個影片剪輯中,,把素材中的圖片導(dǎo)入,,每張圖片一幀,表示蝴蝶的不同狀態(tài),,其中要注意每張圖片位置要對齊,,方法有兩個,一個是打開時間軸的“查看多個幀”,,另一個是交換元件 3,、圓環(huán)的制作(實例2) 為了進一步鞏固引導(dǎo)線的動畫,還要講一個新的知識點,,即小球繞圓環(huán)運動 技術(shù)分析:同樣應(yīng)用引導(dǎo)線做,關(guān)鍵是圓環(huán)的引導(dǎo)線是非閉合曲線,,小球才能運動,,技巧就是用橡皮把圓環(huán)打開缺口。 主要步驟:①先建一層,,畫一個圓(無填充) ②添加一層引導(dǎo)層,,把圓復(fù)制,然后把引導(dǎo)層中的圓用橡皮等工具打開缺口,,使圓環(huán)成為一個非閉合曲線(物體的運動是遵循就近原則,如果不斷開,,只會作就近小半圈的運動) ?、坌∏虻氖寄顟B(tài)的設(shè)置,第一幀在缺口的一端,,最后一幀在缺口的另一端,。 思考:地球繞著太陽轉(zhuǎn)(橢圓形軌道同上例) 拓展練習(xí)中的玩具火車的運動(單軌和8字形軌道,有興趣的同學(xué)可以自己嘗試一下) 二,、 按鈕的制作: 1,、基本按鈕的制作(實例3) 插入新元件,元件類型為按鈕,,即可見如下界面 一般在以上四種狀態(tài)下放置四個不同的元件,,即可制作出一個按鈕效果。 下面以變形按鈕為例介紹制作步驟,。 ①插入新元件,,元件類型為按鈕,并命名該按鈕為“變形” ②單擊選中“彈起”,,并繪制一個藍色長方形 ③單擊選中“指針經(jīng)過”,,按F6,并刪除藍色長方形,,繪制一個綠色長方形 ④單擊選中“按下”,,按F6,并刪除綠色長方形,,繪制一個紅色長方形 做完后查看效果,并據(jù)此講解四種狀態(tài)具體表現(xiàn),,其中第四個“點擊”在此并不能體現(xiàn)出來,,以后具體碰到再說,先掌握前面三種狀態(tài)設(shè)置 2,、用文字,、圖片、圖形等作按鈕(實例4) 在實例3的基礎(chǔ)上演示文字作按鈕,,即在上面藍色長方形的位置替換成文字就是文字按鈕,,演示一下即可,其中“點擊”如果是實心的區(qū)域,,比較容易選中 實例4分析:主要原理同上例,,其中的水晶球可以自己畫,也可以用提供的圖片,,同時也說明了按鈕也可以用圖片來做,! 三、按鈕的進一步制作應(yīng)用 1,、 簡單的動態(tài)按鈕(實例5) 技術(shù)分析:小球是在鼠標(biāo)放在按鈕時下落的,,所以動作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過”狀態(tài),小球下落又是個運動狀態(tài),,所以在“指針經(jīng)過”狀態(tài)放的不是圖片之類的,,而是一個影片剪輯(相當(dāng)于一個小電影) 主要步驟:①新建一個影片剪輯,在里面做小球下落并且透明度改變的動畫 ②新建一個按鈕元件,,在“彈起”狀態(tài)中畫上一個紅色的長方形,,在“指針經(jīng)過”狀態(tài)中放入我們已經(jīng)做好的關(guān)于小球運動的影片剪輯 2、 動態(tài)按鈕引申(實例6) 技術(shù)分析:這個動態(tài)按鈕的制作基本原理同上例,,只是按鈕元件的第一種狀態(tài)中是空幀,,就是沒放上去時不顯示,也就是我們所說的隱形按鈕,,拖入到場景中按鈕元件呈現(xiàn)出半透明狀態(tài),。 3、 動態(tài)按鈕綜合實例應(yīng)用(拓展練習(xí)二) 實例演示:禮花的綻放效果(鼠標(biāo)點擊,,禮花綻放) 技術(shù)分析:鼠標(biāo)點擊引發(fā)的事件,,即在按鈕的,即為熱區(qū),,按鈕的動作就在這個熱區(qū)觸發(fā),。由于是鼠標(biāo)點擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,,第一幀是放入已做好熱區(qū)的按鈕,。第二幀開始才是禮花綻放的動畫,就是禮花這個圖形的放大動畫,。然后在幀上及按鈕上加上簡單代碼即可,。 主要步驟:①新建一個按鈕元件,在第四種狀態(tài)“點擊”中畫一個實心區(qū)域(這里可畫一個白色的長方形) ?、谛陆ㄒ粋€影片剪輯,,第一幀放入剛做好的按鈕,因為不點擊的時候事件(禮花綻放)不觸發(fā),,第一幀加入動作stop,,同時按鈕的動作是點擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動作on(press){gotoandplay(2);}這個動作語句可在動作面板中選擇輸入,,不用自己輸入(自己打入容易錯,,可用腳本校對) on(press){gotoandplay(2);} 意思是按下按鈕,開始第二幀動作 ?、墼诘诙_始禮花的變化,,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,,然后作放大的動畫 ?、茏詈笤趫鼍爸型先胍呀?jīng)完成的影片剪輯,注意在鋪滿整個場景,,點擊的時候才能保證無論點哪里都有禮花綻放,,比較逼真些。鋪滿時可用多次復(fù)制粘貼。 思考:鼠標(biāo)放上去禮花綻放怎么做,?(拓展練習(xí)三) 提示:即在按鈕的指針經(jīng)過中放入影片元件 小結(jié): 這節(jié)復(fù)習(xí)了引導(dǎo)線,,以及新學(xué)了按鈕的制作,在按鈕的制作中要掌握以下幾點: 按鈕的四種狀態(tài)的設(shè)置,,明白各個狀態(tài)的具體表現(xiàn)形式 學(xué)會用文字,、圖片等作按鈕 學(xué)會動態(tài)按鈕的制作,主要是影片剪輯的應(yīng)用以及一些簡單的動作 第十周 按鈕的制作二 教學(xué)時間: 第10周 教學(xué)目標(biāo): 1,、復(fù)習(xí)掌握簡單按鈕的應(yīng)用 2,、介紹一些簡單的動作語句 3、學(xué)會按鈕上的一些簡單語句的應(yīng)用 教學(xué)過程: 一,、 復(fù)習(xí)掌握簡單按鈕的應(yīng)用 1,、 復(fù)習(xí)簡單動態(tài)按鈕的制作 主要通過一些實例的制作來鞏固練習(xí) 先講一下上節(jié)課存在的問題:在動態(tài)按鈕中,我們說要制作一個影片剪輯,,這個按鈕才會動起來,。有幾個同學(xué)另外的都完成了,但是還是不會動,,原因就是大家在制作元件的時候選了圖形而不是影片剪輯,,所以才使動畫不動。我們只要把元件的類型轉(zhuǎn)為影片剪輯就可以了,,當(dāng)然要重新放入到相應(yīng)的地方才行,,不然還是原來的那個。(可以通過實例來講解,,以后學(xué)生在做的過程中碰到這類問題就不用重新做過了,,在原來的基礎(chǔ)上稍作一下改動就可以。) 動態(tài)按鈕鞏固實例一 技術(shù)分析:結(jié)合上周課講的動畫和按鈕結(jié)合來完成 第一個按鈕為按下去后動畫(字向兩邊擴散,,并變淡)的出現(xiàn),; 第二個按鈕是鼠標(biāo)放上去后動畫(字變大并變淡的效果)的出現(xiàn)。 大家可以根據(jù)平時所學(xué)的動畫知識,,應(yīng)用到按鈕中,,可以充分發(fā)揮大家的想象力,作出各類按鈕,,這些按鈕在我們以后各式網(wǎng)站的制作,,特別是一些比較有特色的網(wǎng)站的制作中用的較多。 2,、 綜合按鈕的制作(實例二) 技術(shù)分析:主要是背景的繪制以及按鈕的動畫(按鈕放上去擴散效果)制作 主要步驟:①背景黑條的繪制,,畫兩個圓角矩形疊加,刪除重疊部分即可,; ?、谛∏虻睦L制,,黑球上放白球,上面再寫上字母e,; ③按鈕的制作,,擴散效果的制作,小球填充效果第一幀用調(diào)色工具縮到最小,,最后一幀用調(diào)色工具調(diào)到適當(dāng)效果,,創(chuàng)建變形動畫; ?、馨粹o的彈起狀態(tài)中放入元件大圓和小圓以及數(shù)字,,在指針經(jīng)過中放上剛完成的擴散效果動畫。(動畫只要一次,,用stop動作)在此要注意按鈕中的分層,,原理同普通的分層,我們可以把擴散動畫放在下面一層,,透過大圓展現(xiàn)出來,。 ⑤按鈕的小圓動畫制作,綠色變色小球為背景,,黃色的曲線作水平轉(zhuǎn)動動畫 二,、簡單動作介紹(按鈕制作實例 源文件) 1、復(fù)習(xí)上節(jié)課的按鈕,,做出禮花實例三,,比較發(fā)現(xiàn)問題,引入動作語句的應(yīng)用 2,、on動作命令 下面我們就詳細地向大家介紹一下這八種事件的使用,。 1、press 在鼠標(biāo)指針經(jīng)過按鈕時按下鼠標(biāo)按鈕,。單擊press,,然后選擇動作語句,雙擊【全局函數(shù)】|【時間軸控制】中的play 命令,。 完整的action是: on(press){ //設(shè)定鼠標(biāo)事件為按下,,然后執(zhí)行大括號里面的語句。 play(); //按鈕響應(yīng)后執(zhí)行play(播放)動作 } press動作 當(dāng)然,,在大括號里面還可以用其他的語句,,比如說,gotoAndPlay(yourframe); //點擊按鈕后,,就會從你設(shè)置的幀播放,。 2、 release 在鼠標(biāo)指針經(jīng)過按鈕時釋放鼠標(biāo)按鈕,。單擊選擇release然后與第一個事件相同加入play命令,。完成的語句如下: on(release){ //當(dāng)鼠標(biāo)按下釋放的時候,,執(zhí)行下面的語句動作,。 play(); //按鈕響應(yīng)后執(zhí)行play(播放)動作,。 } release動作 可以看到,當(dāng)鼠標(biāo)左鍵按下按鈕的時候,,并沒有激發(fā)播放動作,,而是當(dāng)鼠標(biāo)左鍵放開的時候,執(zhí)行了播放動作,。這也是與“press”事件不同的地方,。 3、releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時按下按鈕后,,將鼠標(biāo)指針移到按鈕之外,,此時釋放鼠標(biāo)按鈕。添加語句的方法同上,。完整的語句如下: on (releaseOutside) { //當(dāng)鼠標(biāo)在按鈕外部釋放的時候執(zhí)行下面的語句,。 play(); //按鈕響應(yīng)后執(zhí)行播放動作。 } releaseOutside動作 通過這個例子我們知道,,當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動到按鈕以外的地方放開后,,觸發(fā)了按鈕的動作。這是一個具有非常想象力的事件,,大家可以利用on的這個事件來制作游戲,。 4、rollOver鼠標(biāo)指針滑過按鈕區(qū)域,。制作方法同上,,完整的as語句為: on(rollover){ //當(dāng)鼠標(biāo)滑動到按鈕上時執(zhí)行下面的動作。 play(); //按鈕執(zhí)行播放動作,。 } rollOver動作 當(dāng)鼠標(biāo)指針從按鈕上滑過的時候,,動畫就開始執(zhí)行播放動作了,而不需要點擊它,。我們可以利用on的這個特點來制作一些圖示板,,非常簡單有效。 5,、rollOut 鼠標(biāo)指針滑出按鈕區(qū)域,。制作方法同上,完整的as語句為: on(rollOut){ //當(dāng)鼠標(biāo)滑動到按鈕上并離開時執(zhí)行下面動作,。 Play(): //按鈕響應(yīng)播放動作,。 } rollOut動作 滑離與滑過并不是相同的,滑離是指鼠標(biāo)滑動到按鈕上并離開以后開始響應(yīng),,而滑過是指只要鼠標(biāo)滑到按鈕上,,就開始執(zhí)行動作,。 6、dragOver 在鼠標(biāo)指針滑過按鈕時按下鼠標(biāo)按鈕,,然后滑出此按鈕區(qū)域,,再滑回此按鈕。完整的as是: on(Drag Over){ //當(dāng)鼠標(biāo)拖過的時候執(zhí)行下面的動作,。 play(); //執(zhí)行播放動作,。 } dragOver動作 拖過的效果是在按鈕上點擊并按住鼠標(biāo)不放,移出按扭區(qū),,再移回按鈕上觸發(fā)的事件,。 7、dragOut 在鼠標(biāo)指針滑過按鈕時按下鼠標(biāo)按鈕,,然后滑出此按鈕,。完整的as是: on (dragOut) { //當(dāng)鼠標(biāo)拖離按鈕時執(zhí)行下面的動作。 play(); //執(zhí)行播放動作 } dragOut動作 拖離與拖過有所不同,,只要在按鈕上按住鼠標(biāo)左鍵然后移動到按鈕外就會響應(yīng),。與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。 8,、keyPress ("key") 按下指定的鍵,。對于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量,。 我們在(“key”)中鍵入“p”,。完整地as語句為: on (keyPress "p") { //當(dāng)按下鍵盤中的“p”健時執(zhí)行下面的動作。 play(); //執(zhí)行播放動作 } 3,、結(jié)合動態(tài)按鈕綜合實例應(yīng)用來說明上述的動作語句(實例四) 實例演示:禮花的綻放效果(鼠標(biāo)點擊,,禮花綻放) 技術(shù)分析:鼠標(biāo)點擊引發(fā)的事件,即在按鈕的,,即為熱區(qū),,按鈕的動作就在這個熱區(qū)觸發(fā)。由于是鼠標(biāo)點擊下去才有禮花綻放的效果,,所以在禮花綻放的影片剪輯中,,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動畫,,就是禮花這個圖形的放大動畫,。然后在幀上及按鈕上加上簡單代碼即可。 主要步驟:①新建一個按鈕元件,,在第四種狀態(tài)“點擊”中畫一個實心區(qū)域(這里可畫一個白色的長方形) ?、谛陆ㄒ粋€影片剪輯,第一幀放入剛做好的按鈕,,因為不點擊的時候事件(禮花綻放)不觸發(fā),,第一幀加入動作stop,,同時按鈕的動作是點擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動作on(press){gotoandplay(2);}這個動作語句可在動作面板中選擇輸入,,不用自己輸入(自己打入容易錯,,可用腳本校對) on(press){gotoandplay(2);} 意思是按下按鈕,開始第二幀動作 ?、墼诘诙_始禮花的變化,,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,,然后作放大的動畫 ?、茏詈笤趫鼍爸型先胍呀?jīng)完成的影片剪輯,注意在鋪滿整個場景,,點擊的時候才能保證無論點哪里都有禮花綻放,,比較逼真些。鋪滿時可用多次復(fù)制粘貼,。 三,、小結(jié) 注 意 ——在給動畫作品添加按鈕的時候應(yīng)該放到單獨一層,這樣便于修改,。 提 示 ——on為按鈕上的動作,,所以我們必須首先要選中按鈕,以后才可以添加on語句,。有的朋友在論壇里面提問,,“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕,。 技 巧 ——在一般flash作品中,,大家不會有意區(qū)分這些on的功能的,一般采用默認的語句,。如果沒有特殊說明,,你使用了拖離,滑離等事件來制作“replay”按鈕,,會讓人們摸不著頭腦的,。 試一試 ——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,,flash游戲里面的效果,,大家不妨試一試。 分 析——on語句的功能與按鈕息息相關(guān),,有按鈕的地方一定會有on語句的使用,。而有flash作品的地方,就會有按鈕的出現(xiàn),,所以說on的重要作用不可忽視,。今天向大家詳細地介紹了on的各種功能,,我們就可以結(jié)合按鈕自身的特點,發(fā)揮他們的功能,。 第十一周 測試與遮照一 教學(xué)時間: 第11周 教學(xué)目標(biāo): 1,、測試學(xué)生引導(dǎo)線與按鈕掌握情況 2、介紹一遮照的基本概念 3,、學(xué)會一些簡單遮照效果的制作 教學(xué)過程: 一,、 十月份達標(biāo)測試 1、 主要內(nèi)容為引導(dǎo)線與按鈕的制作檢測,,考試題目當(dāng)堂下發(fā),,時間是一節(jié)課(40分鐘) 2、 進行簡單分析 二,、 課前熱身 1,、 通過回想以前做過的一些動畫,把動畫形式歸納如下: ① 直線動畫(位置的改變,,即為補間動畫) ② 曲線動畫(引導(dǎo)線) ③ 逐幀動畫 ④ 旋轉(zhuǎn)動畫(元件) ⑤ 透明度改變動畫(元件) ⑥ 形狀動畫(非元件,,打散狀態(tài)) ⑦ 縮放動畫(元件) 2、 幾種動畫形式區(qū)分(實例)(用一些例子說明,,讓學(xué)生鞏固基本的動畫形式) 一般來說,,我們的FLASH動畫就是分為這幾種形式,稍微復(fù)雜一點的動畫無非就是這幾種動畫的結(jié)合,,只要掌握了這幾種基本動畫,,綜合應(yīng)用只要組合就可以了。 三,、 遮照的制作 1,、 新課的引入 觀察教案上的TOP,思考:FLASH這幾個字是一個會動的圖片填充字效果,。怎樣才能動起來呢,?這就是我們今天要講的遮照。 我們說的遮照又是一種新的層形式,,以前是引導(dǎo)層,,現(xiàn)在又有了遮照層。遮照層相當(dāng)于是一個窗口,,遮照層下面的被遮照層上的內(nèi)容就是透過這個窗口顯現(xiàn)出來的,。也就是說這個窗口是什么形狀的,能看到的內(nèi)容也是同窗口形狀,,在窗口以外的部分就無法透出來,。 2、 具體演示教案上的效果制作 3、 遮照的應(yīng)用:電影字幕的效果制作(實例一) 在看每個遮照動畫時首先分析動畫的是哪個層(遮照層還是被遮照層,?) 技術(shù)分析:文字透出彩色,,即為彩色是背景,通過文字透出來,,因此要做動畫的文字上移是做窗口的,,即為我們所說的遮照層,同時我們的背景就是被遮照層,。 主要步驟:①做好一個影片剪輯元件,,內(nèi)容為文字的上移; ?、谧龊靡粋€圖形元件,,內(nèi)容為漸變的一個填充色; ?、墼趫鼍爸薪ê脙蓚€層,,分別為遮照層和被遮照層(右鍵層,,選擇遮照層,,下面一層會自動變?yōu)楸徽谡諏樱?br> ④把各個元件放到相應(yīng)的位置:影片剪輯元件(文字上移)放在遮照層,,圖形元件(漸變的填充色)放在被遮照層,。 思考:完成的同學(xué)完成練習(xí)一 4、基礎(chǔ)較好的同學(xué)在完成上面遮照的例子后,,可以思考下下面這些效果用遮照怎么做,?作為下周課的預(yù)習(xí)思考。 練習(xí)1 練習(xí) 2 練習(xí)3 四,、 遮照應(yīng)用小結(jié): 我們在做遮照的時候要學(xué)會分析,,搞清楚以下幾個問題: ① 分析好哪一層是做“窗口”的,哪一層是通過窗口透出來的,,哪一層是普通層,,作為“底”而存在的? ② 動畫是在遮照層還是被遮照層的,? ③ 動畫又是哪種動畫,? ④ 我們需要創(chuàng)建哪幾個元件? 分析完后倒著做,,先做好最基本的幾個元件,,注意元件類型(圖形、按鈕還是影片剪輯,?)再建好層,,注意層類型(遮照、被遮照還是普通層?),,最后把最好的元件拖入到相對應(yīng)的層中即可,。 第十二周 基礎(chǔ)知識復(fù)習(xí)及遮照應(yīng)用二 教學(xué)時間: 第12周 教學(xué)目標(biāo):1、概括復(fù)習(xí)前面所學(xué)過的一些基礎(chǔ)知識 2,、按鈕鞏固練習(xí) 3,、遮照基本應(yīng)用復(fù)習(xí) 4、學(xué)會一些稍復(fù)雜遮照效果的制作 教學(xué)過程: 一,、 測試分析及新知識的補充學(xué)習(xí) 1,、 每位同學(xué)可以根據(jù)測驗的點評,作好相應(yīng)的訂正工作 2,、 主要存在問題(詳見點評信息)其中白色背景還可以通過分離后有套索工作的魔棒去掉 3,、 詳細講一遍第二題按鈕的制作過程,要求每位同學(xué)完成,,并上傳(實例一) 技術(shù)分析:按鈕兩種狀態(tài)指針經(jīng)過和按下,,指針經(jīng)過處是小棒的旋轉(zhuǎn),按下是靜止的,。 主要步驟:①首先分析共有幾個元件(圓,、有邊的圓、小棒,、靜止的小棒組合,、旋轉(zhuǎn)的小棒組、一個按鈕),; ?、陟o止的小棒組合的畫法:變形中設(shè)好角度后運用復(fù)制加以應(yīng)用,就畫好一周的小棒,; ?、墼谟捌糨嬙凶龊眯“舻男D(zhuǎn); ?、馨炎龊玫脑系桨粹o相應(yīng)的地方,,旋轉(zhuǎn)的小棒放入經(jīng)過狀態(tài)中,靜止的放入按下狀態(tài)中,。 引導(dǎo)學(xué)生自己分析要做些哪些元件,,包括哪些動畫,然后按照學(xué)生的思路一步步做具體的操作演示,。 學(xué)生自己完成,,教師個別交流 4、 按鈕實例完成后,,補充一些按鈕上的簡單動作(實例二) 動作主要分為兩種,,一種是幀上的動作,,一種是按鈕的動作,大家做的時候要想清楚要做的動作是什么時候發(fā)生的,,是在幀播放下去的過程發(fā)生的還是要對按鈕做動作(比如按下)的時候發(fā)生的,?搞清楚了這個,兩種動作就不會混淆了,。 按鈕動作 超鏈接 on (press) {geturl(“網(wǎng)址”)} 方法:①在按鈕上右鍵-動作,,打開動作面板中,先設(shè)定按鈕動作類型(on) 在全局函數(shù)的影片剪輯控制中,,選擇on,,然后再選擇press,不需要自己寫語句②選好了動作,,接下去就選擇具體要激發(fā)的事件—鏈接到一個網(wǎng)站,,選擇全局函數(shù)的瀏覽器/網(wǎng)絡(luò),其中的geturl,,在括號中的打上雙引號,,在輸入要鏈接的網(wǎng)址即可。注:在本地打開swf文件時出現(xiàn)提示語句:“不能與本地網(wǎng)絡(luò)進行通信”,,放在具體的空間上就好了,。 循環(huán)一次的幀動作 在動畫的最后一幀上做動作,讓動畫播放一次就停下來,,選中最后一幀 ,,右鍵-動作,打開動作面板后,,在全局函數(shù)中的時間軸控制中選擇stop,就表示動畫播放到這里就停下來了,。好就是使我們的動畫只播放一次,,不會循環(huán)播放,這都是根據(jù)具體的需要設(shè)定的,。 5,、針對學(xué)生存在的問題進行講解,可應(yīng)用選擇性廣播教學(xué),,讓已經(jīng)懂的學(xué)生繼續(xù)進行完成,,或者做下面的練習(xí),還不明白的學(xué)生進行第二次講解,。 二,、基礎(chǔ)知識復(fù)習(xí) 對照整理好的基礎(chǔ)知識點進行講解,主要是第四部分,,知識點和技巧,,復(fù)習(xí)太多,學(xué)生一下子又難以全掌握,先復(fù)習(xí)前面五點,,并挑出一到二個知識點作為一節(jié)課前5-10分鐘的練習(xí),。下周的考點:鋼筆工具的應(yīng)用 三、遮照概念的復(fù)習(xí) 上周我們第一次接觸了遮照,,大部分學(xué)生已經(jīng)會做了最簡單,,最基本的遮照動畫,但不一定是真正理解的基礎(chǔ)上完成的,,這次課再來進行進一步的鞏固以及一些拓展,。 概念:遮照也就是分為“遮”和“照”兩個意思,在有文字或圖形等的地方是“照”,,即可從這個窗口(文字或圖形)透出背景的內(nèi)容,其余沒有文字圖片的地方就是“遮”,,就把后面背景上的內(nèi)容給遮起來了。 記?。赫谡瞻瑑蓪?,遮照層和被遮照層,顯示的就是兩層的重疊部分,,而具體顯示的內(nèi)容由被遮照層決定,,即看到的是什么,那一層就是被遮照層,。兩層上均可做動畫,。 三、 遮照實例制作 1,、光束掃射效果制作(實例三) 技術(shù)分析:文字是從光束中透過來的,,因此光束在遮照層而文字是被遮照層,光束的掃射是一個旋轉(zhuǎn)動畫,。 主要步驟:①做好一個圖形元件,,內(nèi)容是一段白色的靜態(tài)文字; ?、谧龊靡粋€圖形元件,,內(nèi)容為用漸變填充的光束; ?、圩龊靡粋€影片剪輯元件,,內(nèi)容為光束的旋轉(zhuǎn)動畫; ?、馨迅鱾€元件放到相應(yīng)位置:影片剪輯元件(光束轉(zhuǎn)動)放在遮照層,,圖形元件(靜態(tài)文字)放在被遮照層。 2,、思考:完成練習(xí)一,,比較和實例三的區(qū)別 從兩個例子的比較中有更好地理解遮照動畫 分析:第一個例子看到的是白色的靜態(tài)的文字,,所以文字在被遮照層 第二個例子看到的似乎是由白到黑色漸變的文字, 思考:我們到底看到的是不是文字,?還是通過文字透過來的光束,? 結(jié)論:看到的是光束,我們說過看到什么是由被遮照層決定的,,文字仍是白色的,,所以我們看到的不是文字,而是有黑白漸變的光束,,只是通過文字這個窗口顯現(xiàn)出來的,。因此光束在被遮照層,即把兩層交換即可,。 注:要真正理解意思,,而不是簡單的兩層互換! 思考:完成練習(xí)二 練習(xí)三 四、 拓展練習(xí)一點通 本周拓展練習(xí)的內(nèi)容是“按鈕反應(yīng)”,,主要運用到按鈕上和幀上的動作,。 分析:在鼠標(biāo)放上去時按鈕就往上移動,再放下去就往下,,人們在場景中看到的是一個個包括有按鈕的影片剪輯,。影片剪輯中按鈕有兩個動畫(從下到上和從上到下),在第一幀 和中間一幀分別加動作stop,,表示鼠標(biāo)沒放上前,,動作不激發(fā)。按鈕上加動作on(rollover),,表示鼠標(biāo)經(jīng)過,,play,就表示經(jīng)過后激發(fā)動作,,即按鈕從下到上運動,。 五、 遮照應(yīng)用小結(jié): a) 在做遮照時要分清楚什么是遮照,,什么是被遮照的? 關(guān)鍵記住顯示的是兩層的重疊部分,,而具體顯示的內(nèi)容由被遮照層決定,,即看到的是什么,那一層就是被遮照層,。 b) 遮照層和被遮照層兩層都可做動畫,,我們的動畫是在哪一層? c) 很多時候遮照不只有兩層,,還有兩個普通層,,一個在被遮照層下,,一般用作背景;還有一層在遮照層上,,一般是做一些和遮照同步的動畫,,有些還可在遮照層的基礎(chǔ)上再作加工,比如說一些放大鏡的樣子等 d) 分清楚遮照的這些概念以后,,就可以用以前學(xué)過的知識做各類元件放在相應(yīng)的層中,,就可以做出我們需要的一些遮照效果。
|