發新話題

如何製作一個MSN表情動畫?

如何製作一個MSN表情動畫?

如何製作一個MSN表情動畫?

其實方法很多種,步驟也不是很困難,

今天就以 GIF Animator 5 這套網頁動畫軟體做一個簡單的示範。



首先你要先準備動畫的圖,最好是去掉背景(透明)的圖,

這次我先用一張圓圈圖來示範,為了在一般的MSN上可以完整呈現,

圖的尺寸請勿超出50*50像素,以免在MSN上使用時畫面會被裁掉,

因為是要做成GIF的動畫,所以請將圖存成GIF檔。



打開軟體,直接選取檔案中的動畫精靈。



調整尺寸大小,如果預設的沒有想要的尺寸規格,

可議在下方寬度跟高度欄的地方輸入尺寸。



點選加入圖像,選擇你圖像放置的檔案位置。



這個欄位先不管他,直接用預設的即可,按下一步。



按完成,跳到工作畫面。



由於動畫最少要有2格影格才能產生動作,

在工作畫面最下方有一個影格區,點選你的圖按右鍵,

出現選單,選擇複製畫格,產生第二張圖。



如果你的圖像是同一張,光有2張影格式無法產生動作的,

必須使他產生位移才會產生動作效果,

點選其中一張影格,並到工作區的地方,移動圖像位置。



一切調整完畢,回到檔案選項,選擇另存為.........選擇GIF檔,

輸入檔案名稱,就是你做的MSN動畫了。




多做幾次你就會發現很簡單的,有軟體的人趕快試試看吧。

TOP

但光有簡單的移動並無法滿足動畫表情的需求,

如果學會時間的長短控制,那就更可以加添你表情的靈活變化了。

以下就做一個簡單的示範......................

   
為了讓動畫更具變化,首先準備兩張不同的圖像(50*50),

因為不同的圖像組合,會產生更生動靈活的表演動畫。
一樣依據要領打開軟體,直接選取檔案中的動畫精靈,

依據步驟調整尺寸大小。



在加入圖像時,一次選擇兩張圖像。


打開圖像後,會在影格區顯示出來,

如果要調整前後順序,直接按住滑鼠左鍵拖曳即可。


點選影格的圖像,回到工作區上的圖像位置,

做位置的調整。


另一張圖像也依此步驟調整位置,

相鄰兩張影格的位置差距越大,則動畫動作的表現越明顯。




調整完畢,回到檔案選項,選擇另存為.........選擇GIF檔,

輸入檔案名稱,就是你做的MSN動畫了。

這時你會發現用預設的時間,動畫做起來會跳動太快,

該怎麼調整動作的時間呢?


其實很簡單,點選你要改變時間的影格圖像,按左鍵連點兩下,

就會出現更改時間的視窗選項,修改遲延的數值即可。


但要注意的是,遲延的數值是以100為一秒,

所以如果你要畫面停留1秒,就要輸入100,

停留0.5秒的話,就輸入50......以此類推。



數值越大,停留的時間越久。



我把原有兩張的時間都25的圖像,

第一張改成40,第二張改為80,

儲存後就產生如下的動畫速度。


很簡單吧, 趕快試試看囉!

TOP

當你學會使用 GIF Animator 5 這套網頁動畫軟體做一個簡單的動畫後,

可以試著自行繪製不同的圖像來做小動畫,






試著把這兩張圖像作一個組合,

你可以點選右鍵,把我的圖存到電腦自行練習看看,沒意外的話就會產生如下的動畫效果。







夠簡單吧,就像走路一樣的簡單。


但是動畫動作那麼多,自己又不知如何繪製圖像動作怎麼辦?

這時就要多多參考其他人作的MSN動畫了,


怎麼參考?如何把網路上抓下來的GIF檔拆解?

當然還是要利用訪客無法瀏覽此圖片或連結,請先 註冊登入會員 這套軟體來拆解!






趕快跟上老師我的腳步,現在我就來教教你囉.........





以上圖小跑步的曾老師MSN動畫為例,

你可以先把要參考的GIF動畫抓回到你的電腦,

然後開起訪客無法瀏覽此圖片或連結,請先 註冊登入會員 檔案選項中的開啟圖





點選要參考的GIF動畫檔。






檔案打開後,你就會發現下方的影格區出現這個GIF動畫的所有影格圖像,

你就可以很清楚的知道一個動作是由哪些像構成的,

甚至還可以重新組合編輯,夠方便了吧。




多看看高手們作的GIF動畫,

一定會對你有幫助的喔..........................下課!

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。