淺談gif動(dòng)畫設(shè)計(jì)教學(xué)

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

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

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

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

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

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

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

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

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

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

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

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