動畫圖片教學

很多朋友都跟甜心 説想自己學制圖 這真是很棒的一件事情喔 其實製圖不難 要看自己如何去發揮創意 作出自己的風格

想了好久 決定嘗試做了一篇教學文章 希望大家都能學會 如果教學做的不好 請別笑甜心喔

首先 甜心最愛用的製圖軟體為:Ulead GIF Animator5甜心發表Ulead GIF Animator 5註冊版+中文化下載：點這裡

帕大家沒有這種軟體 甜心有在部落格發表過分享此軟體的文章 資源來自網路上 但是還是請大家支持正版喔

準備好軟體還不夠 你準備好素材了嗎?相信大家想製圖的朋友們 應該都已經有底想做怎樣的作品 素材應該都準備好嚕

甜心在製作過程如下

首先我門進入Ulead GIF Animator5的軟體介面

出現一個對話方塊 選擇你準備好的素材底圖 如果你不想使用底圖 請直接按關閉

因為甜心作這教學是想讓大家簡單易懂 所以其他的教學暫且不多說 怕會太複雜 反而越看越難明白

想到要做什麼東西了嗎 今天甜心就教一個 有點難又不會太難的

連結目錄 你門說好不好阿 0.0 好~~~~~~~!! 哈哈哈

甜心就選擇這次部落格版型新活動 不給糖就搗蛋 來做自訂欄位的連結目錄

這是甜心在網路上收集的可愛中國娃娃萬聖節的動態圖片 接下來 點開啟

開啟後會出現以下畫面 中間就是你發揮的地方喽

接下來 作目錄 怎麼能那麼小 當然我門要將它放大嘍

請點 左上工具欄內的編輯→畫布大小 因為很多人會搞錯 常常改變畫格的大小 都會點到調整圖象大小 造成圖片變形 所以甜心把教學圖示附上

記得!!是畫布大小

因為是要製作目錄 所以甜心調整的地方為圖案的下方寬度也會做調整 第一條指示紅點是調整畫格的寬度

第二條指示紅點是調整畫格的高度 依自己的需求來調整吧

第三條指示紅點 說明的是畫格要調整的地方 也就是甜心剛剛說的下方

看到了嗎 畫格已經調整好了

接下來就加上自己喜歡的小素材 或是發揮自己的想像喽

若要加上自己的素材 點左上工具列的檔案內的[加入圖像]也就是你自己收集的素材

若要自己發揮繪畫創意 本身軟體也附有一些小製圖工具在左列

因為甜心的不給糖就搗蛋這項活動本身製作的底圖就是黑色的 不想破壞整體感 所以也是使用黑色

因為教學圖示太大 這裡的流程就以 圖一 圖二說明

圖一 就是左列的工具 先點選圖片 會出現虛線的矩形方塊

圖二 左列工具裏的油漆桶 點選後 點在矩形的圖片裡

接下來 把你想要的連結目錄 內容輸入

第一條指示紅線為文字輸入

文字輸入框出現後 第二條指示紅線為 字型選擇 相對應的文字輸入框

第三條指示紅線為 文字顏色選擇

當前面的動作做完後請按第四條指示紅線確定

我門不一定要按照文字輸入框的文字大小來去調整字 當前步驟確定後可點紅色指示線1所指示的[變形工具]來調整

字的大小 不太建議此工具調整圖片 因為會跟原先的圖片有滿大的落差 此工具可以調整大小或是旋轉也就是紅色指示線2所在位置

當你調整好文字後 可依所需來複製到其他畫格內 依你想製作的動態圖樣來調整字的顏色或是特效

若是你想要改變每個畫格的秒數 請點你想改變的那個畫格右鍵內的[畫格內容] 10秒等於0.1秒100秒等於1秒以此類推

建議製作好的成品 一定要用預覽檢查一遍 不然存檔後 關掉視窗要再修改就很麻煩嚕

因為只是製作教學 所以甜心只是做各樣品圖示來參考 相信你自己只要常常練習一定會做出非常棒的作品來分享給大家

好了 不囉唆 當你認為作品已經完整呈現在你眼前 接下來我們做最後幾各動作

因為要製作成目錄 但是想呈現整張圖片的完整 使用的工具就是左方工具列 紅色指示線所指的矩形工具

圖1 畫出你要分割的部份 後點 編輯→裁剪畫布

圖2 就是你裁剪後分割出來的圖片

先將目前分割出的圖片 另存

也就是點右上角的檔案→另存為→GIF檔案[動畫檔] 存檔後

請點工具欄的[復原]鍵 紅色指示圖所指的位置 就會變回原來製作好的圖片 矩形工具在沿著原來的虛線分割你的圖 重複著上述的動作直到你所有圖案內的項目都分割完整後 就完成了 接下來 只差將圖片上傳到網路 以及語法方面的問題了

語法方面

示範一

<IMG src="圖片網址"><A href="最新文章"><IMG src="最新文章圖片網址"></A><A href="最新回應"><IMG src="最新回應圖片網址"></A><A href="留言版網址"><IMG src="留言板圖片網址"></A>

示範二 貼上圖片網址後

<IMG src="http://i027.radikal.ru/0710/3e/b90972411599.gif"><A href="最新文章"><IMG src="http://i044.radikal.ru/0710/50/1cad80a66d3f.gif"></A><A href="最新回應"><IMG src="http://i010.radikal.ru/0710/44/40c71709e938.gif"></A><A href="留言版網址"><IMG src="http://i010.radikal.ru/0710/e7/e16adbef6860.gif"></A>

 

完成了 接下來就是把示範一語法貼在自訂欄位中

甜心作此教學 花了快一整天的時間 作的頭昏眼花 很有可能有不清楚的地方

目的只希望能多點製作達人 來分享給更多的人