第一周 初識FLASH
教學(xué)時間:第一周
教學(xué)目標:熟悉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)頁動畫的標準,成為一種新興的技術(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)工具對圖形處理的效果。
標準工具欄 列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺放大比例的圖標和選項,便于進行更為快捷的操作。
圖庫窗口 用以存放可以重復(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)方括號形狀的標記,其中所包含的幀都會顯示出來,這將有利于我們觀察不同幀之間的圖形變化過程。
和 的作用一樣,只不過它只顯示各幀圖形的輪廓線。當(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í)下面的知識。左圖是一個典型的圖層例子,圖中所示共有十一個層。其中用黑色標識帶有一支鉛筆標志的層為當(dāng)前正在編輯的層。如果該層不能被編輯,則會顯示 圖標。在這些層右上方有三個圖標,其中 可以控制該層是否被顯示,默認狀態(tài)為正常顯示,在對應(yīng)下方用 表示,如果點擊這個黑點,則會出現(xiàn),同時該層被隱藏,隱藏的層不能被編輯。 用來控制是否鎖住該層,被鎖住的層可以正常顯示,但不能被編輯,這樣在你編輯其它層時,可以利用這一層作參考,而不會誤改了這一層的內(nèi)容??梢钥刂剖欠駥右暂喞€方式顯示,點擊對應(yīng)的黑點,會出現(xiàn) ,再點一次恢復(fù)正常。這幾個功能可以同時起作用。
(4)動畫形式 分為運動動畫和漸變動畫
運動動畫:例如一個小球從左邊運動到右邊 表示運動漸變動畫,關(guān)鍵幀用黑色的圓點標識,內(nèi)插幀用黑色的實線表示,背景為淡紫色(淺藍色)。
虛線說明中間的過渡存在錯誤,無法正確實現(xiàn)內(nèi)插。
兩個例子:一個是小球位置的改變,另一個是顏色透明度的改變。
漸變動畫:例如圓變方塊! 表示變形過渡動畫,關(guān)鍵幀用黑色的圓點標識,內(nèi)插幀用黑色的實線表示,背景為淡綠色。
同樣如果中間出現(xiàn)錯誤,也會出現(xiàn)虛線!
主要是兩個例子,圓變方塊和英文字變中文
其中要注意對象要打散,文字要打散兩次。比較和補間動畫的區(qū)別。
下面兩個略作了解
字母a表示該幀已通過幀屬性對話框指定了action。關(guān)于action以后會詳細介紹。
小紅旗表明該幀有標簽或注解。
三、小結(jié)
通過本次課的學(xué)習(xí),學(xué)生要理解并掌握元件和層的概念及簡單運用。要注意以下幾點:
1. 元件存在庫中,方便重復(fù)使用和統(tǒng)一修改
2. 一個元件對應(yīng)一層
3. 層之間上下疊放,可改變順序
4. 動畫的兩種形式,補間動畫包括位置和顏色透明度的改變。形狀動畫要注意對象要打散,其中文字的打散要用兩次CTRL+B。
教學(xué)時間: 第2周
教學(xué)目標: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)動畫。
教學(xué)時間: 第3周
教學(xué)目標:
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é)生注意觀察標記不一樣
記住一句口訣:元件可改變顏色、透明度、大小等,都不會改變元件本身(可通過星星的制作具體演示)
關(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é)目標:
要求學(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)整一下汽車的起點和終點位置。
三、 實例-標志動畫的制作
1、 先畫靜止的畫面(實例)
分析:
主要分為三部分 邊、文本和圖形
邊的繪制比較簡單,讓學(xué)生自己完成;
字母的輸入也不難,主要是設(shè)置多種字體,這里為三種,可以根據(jù)自己的喜好,任意設(shè)置三種字體,同時可以調(diào)整其大小。
主要是圖形的繪制
菱形的繪制只要畫好一個矩形,然后旋轉(zhuǎn)一下就可以了
關(guān)于旁邊一個無規(guī)則圖形的繪制,主要應(yīng)用鋼筆工具,來畫出自己所想要的形狀
2、 讓標志動畫動起來(實例)
我們做每個動畫之前先要對這個動畫進行分析,哪些是動的,哪些是靜的,動的又是怎么動的?(回想一下以前學(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é)目標:
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é)目標:
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é)目標:
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é)可以進一步制作山車,可以讓車輪動起來?。?a target="_blank" >拓展練習(xí)3)
簡單提示:畫好車輪動畫設(shè)置為旋轉(zhuǎn)即可!
四、 引導(dǎo)線的提高應(yīng)用(拓展練習(xí)4)
主要是針對基礎(chǔ)比較好的同學(xué),字母就是引導(dǎo)線,要注意中間要斷開,才能動起來,文字層用逐幀動畫做(原理類似于以前做過的打字效果),才有字是寫出來的感覺,以后我們學(xué)了遮照層就不會這么麻煩了!
第九周 按鈕的制作一
教學(xué)時間:第9周
教學(xué)目標:
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)成為一個非閉合曲線(物體的運動是遵循就近原則,如果不斷開,只會作就近小半圈的運動)
③小球的始末狀態(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ù)分析:小球是在鼠標放在按鈕時下落的,所以動作發(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í)二)
實例演示:禮花的綻放效果(鼠標點擊,禮花綻放)
技術(shù)分析:鼠標點擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動作就在這個熱區(qū)觸發(fā)。由于是鼠標點擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動畫,就是禮花這個圖形的放大動畫。然后在幀上及按鈕上加上簡單代碼即可。
主要步驟:①新建一個按鈕元件,在第四種狀態(tài)“點擊”中畫一個實心區(qū)域(這里可畫一個白色的長方形)
?、谛陆ㄒ粋€影片剪輯,第一幀放入剛做好的按鈕,因為不點擊的時候事件(禮花綻放)不觸發(fā),第一幀加入動作stop,同時按鈕的動作是點擊就觸發(fā)禮花綻放的事件,因此在按鈕上加上動作on(press){gotoandplay(2);}這個動作語句可在動作面板中選擇輸入,不用自己輸入(自己打入容易錯,可用腳本校對)
on(press){gotoandplay(2);} 意思是按下按鈕,開始第二幀動作
?、墼诘诙_始禮花的變化,導(dǎo)入禮花圖片并轉(zhuǎn)化為元件,然后作放大的動畫
④最后在場景中拖入已經(jīng)完成的影片剪輯,注意在鋪滿整個場景,點擊的時候才能保證無論點哪里都有禮花綻放,比較逼真些。鋪滿時可用多次復(fù)制粘貼。
思考:鼠標放上去禮花綻放怎么做?(拓展練習(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é)目標:
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);
第二個按鈕是鼠標放上去后動畫(字變大并變淡的效果)的出現(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 在鼠標指針經(jīng)過按鈕時按下鼠標按鈕。單擊press,然后選擇動作語句,雙擊【全局函數(shù)】|【時間軸控制】中的play 命令。
完整的action是:
on(press){ //設(shè)定鼠標事件為按下,然后執(zhí)行大括號里面的語句。 play(); //按鈕響應(yīng)后執(zhí)行play(播放)動作 }
press動作
當(dāng)然,在大括號里面還可以用其他的語句,比如說,gotoAndPlay(yourframe); //點擊按鈕后,就會從你設(shè)置的幀播放。
2、 release 在鼠標指針經(jīng)過按鈕時釋放鼠標按鈕。單擊選擇release然后與第一個事件相同加入play命令。完成的語句如下:
on(release){ //當(dāng)鼠標按下釋放的時候,執(zhí)行下面的語句動作。
play(); //按鈕響應(yīng)后執(zhí)行play(播放)動作。
}
release動作
可以看到,當(dāng)鼠標左鍵按下按鈕的時候,并沒有激發(fā)播放動作,而是當(dāng)鼠標左鍵放開的時候,執(zhí)行了播放動作。這也是與“press”事件不同的地方。
3、releaseOutside 當(dāng)鼠標指針在按鈕之內(nèi)時按下按鈕后,將鼠標指針移到按鈕之外,此時釋放鼠標按鈕。添加語句的方法同上。完整的語句如下:
on (releaseOutside) { //當(dāng)鼠標在按鈕外部釋放的時候執(zhí)行下面的語句。 play(); //按鈕響應(yīng)后執(zhí)行播放動作。 }
releaseOutside動作
通過這個例子我們知道,當(dāng)鼠標左鍵在按鈕上按住并移動到按鈕以外的地方放開后,觸發(fā)了按鈕的動作。這是一個具有非常想象力的事件,大家可以利用on的這個事件來制作游戲。
4、rollOver鼠標指針滑過按鈕區(qū)域。制作方法同上,完整的as語句為:
on(rollover){ //當(dāng)鼠標滑動到按鈕上時執(zhí)行下面的動作。
play(); //按鈕執(zhí)行播放動作。 }
rollOver動作
當(dāng)鼠標指針從按鈕上滑過的時候,動畫就開始執(zhí)行播放動作了,而不需要點擊它。我們可以利用on的這個特點來制作一些圖示板,非常簡單有效。
5、rollOut 鼠標指針滑出按鈕區(qū)域。制作方法同上,完整的as語句為:
on(rollOut){ //當(dāng)鼠標滑動到按鈕上并離開時執(zhí)行下面動作。
Play(): //按鈕響應(yīng)播放動作。 }
rollOut動作
滑離與滑過并不是相同的,滑離是指鼠標滑動到按鈕上并離開以后開始響應(yīng),而滑過是指只要鼠標滑到按鈕上,就開始執(zhí)行動作。
6、dragOver 在鼠標指針滑過按鈕時按下鼠標按鈕,然后滑出此按鈕區(qū)域,再滑回此按鈕。完整的as是:
on(Drag Over){ //當(dāng)鼠標拖過的時候執(zhí)行下面的動作。 play(); //執(zhí)行播放動作。 }
dragOver動作
拖過的效果是在按鈕上點擊并按住鼠標不放,移出按扭區(qū),再移回按鈕上觸發(fā)的事件。
7、dragOut 在鼠標指針滑過按鈕時按下鼠標按鈕,然后滑出此按鈕。完整的as是:
on (dragOut) { //當(dāng)鼠標拖離按鈕時執(zhí)行下面的動作。
play(); //執(zhí)行播放動作 }
dragOut動作
拖離與拖過有所不同,只要在按鈕上按住鼠標左鍵然后移動到按鈕外就會響應(yīng)。與滑離的區(qū)別在于拖離需要按住鼠標左鍵。
8、keyPress ("key") 按下指定的鍵。對于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量。
我們在(“key”)中鍵入“p”。完整地as語句為:
on (keyPress "p") { //當(dāng)按下鍵盤中的“p”健時執(zhí)行下面的動作。 play(); //執(zhí)行播放動作 }
3、結(jié)合動態(tài)按鈕綜合實例應(yīng)用來說明上述的動作語句(實例四)
實例演示:禮花的綻放效果(鼠標點擊,禮花綻放)
技術(shù)分析:鼠標點擊引發(fā)的事件,即在按鈕的,即為熱區(qū),按鈕的動作就在這個熱區(qū)觸發(fā)。由于是鼠標點擊下去才有禮花綻放的效果,所以在禮花綻放的影片剪輯中,第一幀是放入已做好熱區(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é)目標:
1、測試學(xué)生引導(dǎo)線與按鈕掌握情況
2、介紹一遮照的基本概念
3、學(xué)會一些簡單遮照效果的制作
教學(xué)過程:
一、 十月份達標測試
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é)目標: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í)的內(nèi)容是“按鈕反應(yīng)”,主要運用到按鈕上和幀上的動作。
分析:在鼠標放上去時按鈕就往上移動,再放下去就往下,人們在場景中看到的是一個個包括有按鈕的影片剪輯。影片剪輯中按鈕有兩個動畫(從下到上和從上到下),在第一幀 和中間一幀分別加動作stop,表示鼠標沒放上前,動作不激發(fā)。按鈕上加動作on(rollover),表示鼠標經(jīng)過,play,就表示經(jīng)過后激發(fā)動作,即按鈕從下到上運動。
五、 遮照應(yīng)用小結(jié):
a) 在做遮照時要分清楚什么是遮照,什么是被遮照的?
關(guān)鍵記住顯示的是兩層的重疊部分,而具體顯示的內(nèi)容由被遮照層決定,即看到的是什么,那一層就是被遮照層。
b) 遮照層和被遮照層兩層都可做動畫,我們的動畫是在哪一層?
c) 很多時候遮照不只有兩層,還有兩個普通層,一個在被遮照層下,一般用作背景;還有一層在遮照層上,一般是做一些和遮照同步的動畫,有些還可在遮照層的基礎(chǔ)上再作加工,比如說一些放大鏡的樣子等
d) 分清楚遮照的這些概念以后,就可以用以前學(xué)過的知識做各類元件放在相應(yīng)的層中,就可以做出我們需要的一些遮照效果。