這次的作業是利用"免費動畫製作軟體: Microsoft GIF Animator"做動畫
所以我就到網路繪圖作家四小折的相簿裡去找了六張圖片
載下來的圖片本來是400*400像素的大小 而且是JPEG檔
因為有限定要使用GIF圖片格式而且圖片400*400做出來的動畫會太大
所以就利用PhotoImpact先把圖片縮小再存成GIF檔
但是存成GIF檔會造成圖片品質變差
而且轉好後的感覺就沒有原本作者畫出來那麼好看
↓ 這是最原始從網路上下載的圖片 沒有改變大小且為JPEG檔
↓ 這是改變大小為 200*200像素且存成GIF檔後的圖片
(六張都是 但是因為要放在一起顯示 所以這也不是真正200*200的大小@@)
↓ 這是動畫製作過程
↓ 這是成品1(有六張圖片的，但不會動~"~)
↓ 這是第二個 從gif分割下來的兩張圖片
↓ 這是成品2
心得：
其實圖片動畫常常在 MSN 中看到，這個軟體以前也有看過，只是都沒有
自己動手下去試著做做看，這次有這個機會當然要好好利用一下。
尋找圖片的時候幾乎通篇一律全是 JPEG 檔的圖片，所以只好多一個改變
圖片格式的步驟。有比較麻煩而且品質真的會變差很多，都會有一點一點白白
的，但是第二個作品可能是因為只有黑白線條的關係，感覺就沒有那麼明顯。
而之所以有兩個成品是因為第一個六張的動畫可能因為檔案太大所以不會
動，問了同學的結果好像很多人也都是這樣，但為了讓它能動只好再另外找一
個只有兩張圖片拼湊而成的動畫。結果這次動畫傳好後在撰寫的時候就已經會
動了，感覺真好 :)
二個圖不同的地方還有就是第一個是好幾張拼湊的，第二個是從gif檔分割
後變成bmp檔，再轉成gif檔製作而成的動畫。不過好像有點多此一舉，因為四
小折(部落格作者)給的動畫本來就是gif檔了，我還轉半天= =
但可以確定的是bmp檔轉gif檔還是會失真。所以重製出來的動畫顏色還是
有些微不同。 (不過後來在上傳之前試著把第一個六張的圖片刪成兩張之後再
做一次動畫後也可以動了!!!可是只要動畫的圖片超過兩張就又不會動了，不知
道是為什麼??)
坦白說這次的作業不算太難，只是一直在想到底要用哪些圖片??因為發覺
有些人好像是先載gif的動畫檔再去分割成單一的圖片再製作成動畫檔，可是有
些人卻是利用好幾張圖片直接製作出動畫檔，讓我在寫作業的時候一直擔心自
己做錯，最後索性兩種都做比較乾脆XD
還好最後的成品連自己看了都很開心，只不過第一個動畫六張圖不能動的
問題還沒解決，有些遺憾。發表文章之前看到喬立的不只兩張而且又可以動，
之後會再去請教他，看他怎麼做的，希望問完後能做出跟他一樣看起來比較豐
富的動畫 :)
超開心YA! 也感謝喬立的不藏私 :)
(但是事後再回來看，發現其實用這種方式放動畫好像蠻容易掛掉的，
所以應該還是要找其他的方法才對! by 2010.12.10) (試了很多次都沒辦法順利放上圖片，這次利用 Plurk 放連結希望永遠
不會掛掉XD by 2010.12.22)
Part2 用PSPad軟體解析所創造出來的GIF動畫檔案
並將解析結果報告完整呈現
↓ 這是從PSPad所讀出來的檔案(只擷取部分PSPad檔)
4749 4638 3961 -> 為GIF簽章:GIF89a
C800 C800 F50A 00 -> 為電腦螢幕描述:C800 C800 是此張圖片的長寬
計算方式為00C8=200
F5 -> 為16進位 將其轉為2進位以後 其值為:11110101
m=1 -> 螢幕描述元後接著的是整體色彩對應圖
cr+1 -> 顏色解析的位元數目(調色盤中每個顏色為8位元 3色共為24位元)
c=101 -> 轉成10進位之後為5,則c+1=6,因此顏色解析度位元數目為6
pixel+1 -> 影像的位元/像素(pixel)數目
從(00000,0D)開始到(00300,0C) -> 為gif顏色描述=色彩對應圖
從(00320,08)開始 -> 為影像描述元
而影像描述元到局部色彩對應圖到螢幕掃描區域 會重複1-n次 而n就是畫面個數
心得：
說實在，沒做這項作業之前根本就不知道一張圖片後面有這麼大的學問，一
些標頭檔及顏色儲存、圖片長寬等等，每個都有自己的分析檔以及存檔的位置及
格式，平常用電腦時就只是看到喜歡的圖片就把它存取下來（當然是合法的範圍
內），完全沒有在思考其背後做的事情是什麼。藉由這次作業，讓我了解到這些
平常想都不會去想的事情，感覺又多理解了一些身為資訊人應該去在意且清楚明
瞭的知識。
Part3 用C++ Builder 將GIF動畫檔案中的基本資料,調色盤等顯示出來
↓ 這是作品二 Cold的調色盤圖檔
心得：
總算是把這個作業的最後一部分做完了，其實上課的當下聽都覺得不會
很難，可是實際去做是真的不如想像中容易，在老師給的範例程式碼之中，
其實有幾個是之前做小畫家這個作業時裡面有寫過的，所以理解過後才發現
原來程式碼本身也有很大的學問，不能只是瞄過一下程式碼然後在把它貼在
程式裡就可以敷衍了事的!! 印象中上星期在做這個作業時就有遇上瓶頸，後
來摸索好久也看不出個所以然，直到這個星期大家上課有把這個程式之所以
不能 run的問題找出來，才真的覺得有清楚的了解到這整個程式。其實說起
來應該是要自己去測試才對的，畢竟從錯誤中才能學習到更多，但到最後還
是請同學直接教我一遍感覺比較快也比較清楚。
程式編譯成功以後，剛開始放圖片進去，還以為是我的程式有問題，因
為只有跑出前面幾行顏色，而不是整個都是完整的正方體調色盤，後來才發
現好像很多人都這樣，於是我就再利用另一個作品的動畫檔去解析它的色彩
，結果竟然全部都是彩色的，可是在電腦上顯示出來的動畫檔圖片一直都很
單純的只有灰階色彩值，我還一直以為跑出來的調色盤也會是灰階色彩拼湊
的，沒想到顏色這麼豐富。如果當初在做的時候只是貼上程式碼然後隨便把
圖片解析出來而沒有去探討其中一些內容的話是不會有其他收穫的
其實這個成品做出來以後我自己看了還滿喜歡的，雖然只是色塊拼出來
的調色盤，可是就會覺得這個調色盤整個色彩很繽紛看了心情很不錯XD
沒有留言:
張貼留言