淺談gif動畫設(shè)計教學(xué)

1、淺談gif動畫設(shè)計教學(xué)永安三中張雄英提起做動畫，人們就會想到flasho但是很多年前，我們機(jī)房的硬件配置還不能運行flash 軟件，就算是現(xiàn)在的無盤系統(tǒng)，運行flash也有一定難度，更不要說條件比較井的地區(qū)了。 在這種情況下就不能進(jìn)行動畫制作教學(xué)嗎？那樣的話豈不是剝奪了孩子們對動i田i世界的渴 望！俗話說“世上無難事，只怕有心人”，我在那條件艱苦的幾年里就找到了一個教學(xué)生制作 動畫的方法，并且編制了一套教程，總結(jié)了一些經(jīng)驗，現(xiàn)把它寫出來，與大家一起交流，如 果碰到gif動畫制作大師，請原諒我班門弄斧，并請不吝賜教。在很多年前，我有學(xué)生問我：老師，我也想學(xué)做動畫，你看那網(wǎng)頁上的動來動去的動畫 超

2、可愛，耍是我也能做就好了。我反復(fù)思考，難道不能運行flash軟件就不能做動i田i了嗎？ 網(wǎng)頁上的動畫在多年前少數(shù)是flash大動畫，絕大多數(shù)是gif動態(tài)圖片呀！就連那可愛的qq 表情，也是gif動畫居多呢！想到就做，我馬上去網(wǎng)上找能做gif動畫的軟件來，一找，制 作gif動畫的軟件還真多，像能兼做gif動畫的大軟件咱就不考慮了，總之咱那樣的無盤系 統(tǒng)20mb以上的軟件都最好不考慮，找來找去，終于找到一個14. 7mb的乂可以免安裝免注冊 的，叫uleadgtfanimator ,而且還是中文版（注：ulead公司研發(fā)的一款gif動畫制作軟件, 1992年發(fā)布ulead gif animator

3、 1.0以來，ulead gif animator 直是制作gif動畫的工具中 功能強大、操作使用最簡單的動畫制作軟件z ，現(xiàn)在至少到5.05版本了 ）, 一拷到服務(wù)器 上，學(xué)生就能打開使用，所有學(xué)生同時啟動這個軟件并制作動畫都暢通無阻，真是太好了！接下來，我就開始苦學(xué)gif動畫制作，買書學(xué)，上網(wǎng)學(xué)。從網(wǎng)上到處尋找gif動畫制作 的實例，熟悉ulead gif animator軟件的界面菜單和各命令的用法，研究gi f動i田i制作原理, 熟練制作gif動畫實例，領(lǐng)悟它的制作方法和原理，就這樣我就開始教學(xué)生制作動畫了。在 這里要說明一點，我可不是要宣傳ulead gif animator這個軟件

4、，我只是想借助ulead gif animator這個軟件在硬件不允許的條件下教學(xué)生做點小動畫，明白一點動畫的原理，就好像 后來有了較好的硬件條件和閩教版專門的flash動畫制作教科書一樣。與flash制作動畫的繁復(fù)不同,ulead gif animator制作gif動畫比較容易入門。下面就 舉一個最簡單的例子，讓學(xué)生明口動畫的原理：如果把現(xiàn)實生活中的一個運動狀態(tài)連拍幾張 照片，在電腦里把這些靜止的照片快速播放，看起來就成了動畫了，因為人的眼睛有“視覺 暫留”效應(yīng)，當(dāng)連續(xù)、快速地顯示這些靜止圖片時就會產(chǎn)生它在運動的錯覺。如下圖中，在 ulead gif animator軟件中的幀面板中每幀中放

5、入一張青蛙動畫的圖片，當(dāng)運行這個動畫時, 誰看它都是非常逼真的青蛙在跳呢！當(dāng)然，我們不可能什么動畫都事先用照相機(jī)去照這些照片，但是我們可以畫、可以稍加 改變、可以創(chuàng)作，再加上ulead gif animator軟件本身具有的動畫輔助制作工具、命令，就 能制作出比較好看的動畫了。我把它歸納為如下兒種gif動畫制作方法：一、逐幀動畫像剛才上面的青蛙跳，就是逐幀動畫，每一幀一個場景或圖片，特別適合做網(wǎng)頁上的滾 屏新聞動畫。也可以自己畫，下而就舉一個自己畫的：3/3»卅£|也x爆霎乞圉這就亙二個簡單的自己創(chuàng)作的“火柴人”手上下?lián)]舞的動冊i,學(xué)生做完這個動i田i時，不 知多興奮呢，我

6、不斷鼓勵學(xué)生多創(chuàng)作一些類似動畫，學(xué)生比我們想像的聰明，特別是初 屮學(xué)生，比高小學(xué)生更有想彖力，創(chuàng)作出例如“武打動作”，“花z生長”，“旭h東升”“化 繭為蝶”等動畫來，真是很不錯。二、利用已有素材加工制作動畫比如：在第一幀中導(dǎo)入一個犬眼睛卡通圖，在第2幀中用吸管工具吸取眼睛周圍的膚色, 用畫筆工具把眼睛涂抹掉只剩睫毛，這樣兩幅圖片以適當(dāng)速度播放，就像一個人在眨眼 睛。許« *2/2» hi | & 亡1 )<又如：模仿人用筆寫字的過程制作的動畫，素材是一支筆的圖片，加以巧妙的橡皮擦 工具的使用，關(guān)鍵是巧妙的動畫構(gòu)思，最后以每幀04秒的速度播放，就像-個人在寫

7、“十”字：三、利用ulead gif animator軟件本身提供的“視頻f/x”特效工具制作動畫：女th對前一張圖片加以“視頻f/x”里的“星狀擦除”特效，軟件自動會幫你制作出中 間過程，慢慢過渡到下一幀，我們要做的就是點兩下鼠標(biāo)，一個特效動畫就做好了！這 種特別適合做簡單的廣告，放在網(wǎng)頁里，也能增色不少。ulead gif animator軟件本身提 供的“視頻f/x”特效有百來種！可以制作出“發(fā)光賀卡”，“字變色”，各種特效漸變等 動冊i效果，中間過程都是軟件幫我們生成，非常方便！特效前：特效后:四、利用ulead gif animator軟件提供的“進(jìn)入場景”和“退出場景”效果，可以制

8、作文 字動畫效果。如下圖，就是利用“進(jìn)入場景”和“退岀場景”設(shè)置讓“條幅文本” “桿杯"號模擬雪花飄 舞，是不是很像呢？ “進(jìn)入場景”和“退出場景”設(shè)置各有十兒種，也可以制作出不少 效果。五、制作原創(chuàng)動畫如下圖是著名的“閃圖”娃娃動畫實例，原理是對第一幀里的頭發(fā)用魔術(shù)棒選擇工具巧 妙的把它經(jīng)過三次換三種不同的星光底圖，以0.1秒的快速播放，這個娃娃就因為頭發(fā) 不斷變換閃爍的背景色而閃閃發(fā)光。同樣的原理，可以制作出閃字和t奇百怪的閃圖來。類似這樣巧妙構(gòu)思的原創(chuàng)動畫，才是真正只引人的動畫。最后，說說我的教學(xué)方法吧,我在第一節(jié)課給學(xué)生介紹這個軟件，因為ulead gif animator

9、這個軟件的工具界面不復(fù)雜，第一節(jié)課學(xué)生掌握界面后，從第二節(jié)課開始，我就每節(jié)課從簡 單到復(fù)雜選擇一個實例，課前編寫好它的教程，上課時把所要用到的素材和教程發(fā)給學(xué)生， 讓學(xué)生邊看教程邊做。一學(xué)期下來，我的學(xué)生的自學(xué)能力得到了很大的提高，他們從剛開始 的不適應(yīng)（因為以前都是老師先教），到后來最復(fù)雜的動畫效果都能自學(xué)完成。當(dāng)學(xué)完基本的 動畫制作方法后，我會安排一些綜合創(chuàng)作，或動畫制作比賽。比如在講制作“眨眼睛”動畫 時，我編寫的教程如下（我把這個教程和要用到的索材課前準(zhǔn)備好，上課時用廣播軟件發(fā)送 到學(xué)生機(jī)桌面）：眨眼睛動畫教程同學(xué)們，今天我們學(xué)習(xí)制作“眨眼睛動畫”，素材為卡通圖像若干，做完后用“文件”

10、菜 單下的一一“另存為” 一一“gif文件”，把這個gif文件提交到教師機(jī)。同學(xué)們可獨立完成，也可互相請教或問老師。方法如下: 第1步新建一個400*300,透明背景的文件第2步|：在第1幀用魚工具添加 文件夾里的“眼睛”圖片（可以再用“編輯”菜單里的 “修整畫布”，可以讓畫布縮小為剛好容下圖片）：第3步|:用工具添加一個空白幀（如下左圖），同樣用蘭工具添加同樣的一幅“眼睛” 圖片（如下右圖）：第4步：點擊第2幀，用選擇工具小 點擊一下工作區(qū)里的圖片（以確保對象被選中）再用工具箱中的顏色選取工具/在圖像的眼睛上眼皮點擊一下（吸取上眼皮的膚色）第5步|:點擊工具箱中的畫筆工具'，在第2幀

11、工作區(qū)里圖像的眼睛處涂抹，只剩下下睫 毛，最后成下左圖樣：第6步|:雙擊第1幀，在彈出的對話框里（如上右圖）延遲設(shè)置為50,雙擊第2幀，設(shè)置 延遲為20,預(yù)覽動畫，預(yù)覽動畫，一個眨眼睛的動畫就制作好了！同學(xué)們利用這個原理還可以做出別的動畫效果嗎？試試吧？如果有創(chuàng)作出自己滿意的動 畫，別忘了發(fā)給老師，讓老師同學(xué)們一起欣賞你的奇思妙想吧！一學(xué)期下來，積累了一木口己編寫的gif動畫制作教程。為什么要口己編寫教程呢？雖 然網(wǎng)上教程很多，但大部分都太簡略，不詳細(xì)，宜接拷貝給學(xué)生做，學(xué)生經(jīng)常做不出來；有 的呢就是錯誤的，照它的方法根本做不出來；還有的呢沒圖片，光文字?jǐn)⑹?，對初學(xué)者來說 也是相當(dāng)?shù)睦щy。在接

12、下來的教學(xué)屮，在講到“網(wǎng)頁制作”時，我就讓同學(xué)們把自己制作的gif動畫應(yīng)用 到網(wǎng)頁中，學(xué)生看到口己做的動畫也在網(wǎng)頁中點綴，和當(dāng)?shù)母吲d。在講到power point軟件制 作幻燈片吋，gif動畫可肓接插入到多媒體作品中。再后來有了上網(wǎng)，就止學(xué)生把自己的作 品添加為qq表情圖像，學(xué)生感覺到非常的有成就感，對學(xué)習(xí)制作動畫更加的有興趣，有的甚 至自己開始在家里學(xué)習(xí)flash動畫制作。后來，我們機(jī)房硬件更新了，可以運行40mb左右的flashmx軟件了，就沒有再上gif 動畫制作了。但是在講初二的“平面素材的加工”時，因為當(dāng)時系統(tǒng)里沒有那個office的 photoeditor工具,時又下載不到,我又找了一個acdseephotoedi tor軟件替代，功能包 含office的photoedito