釣蝦釣魚降龍會

標題: 製作會動的頭像(GIF製作) [打印本頁]

作者: 關西胖虎 時間: 2010-2-24 16:00
標題: 製作會動的頭像(GIF製作)
今天來分享GIF檔簡易的製作
GIF是什麼？
GIF是以圖片8位元或256色儲存點陣影像或是以多重點陣影像儲存
這些學術的東西大家不用去記，只要記住，副檔名是「GIF」的，就是「動畫圖片」!!

那動畫圖片能幹嘛？
常見的就是「頭像」囉
所以今天我們就來做「頭像」

製作GIF需要2個軟體：1. Ulead GIF Animator；2.修圖軟體(小畫家或光影魔術手…等都可以)
能製作GIF的軟體很多，在這我以最大眾的「Ulead GIF Animator 5與小畫家」做示範
軟體請自行上網搜尋，很好捉的~

首先在製作前有幾個要領要注意：
1. 照片不宜過少或過多(張數最好在5~10之間)
2. 照片必須選擇有「主題性」、「背景單純」，過度複雜或沒有特色的照片是不具吸引力的唷!!
3. 原則上照片的拍攝角度儘量一均，例如：選用直拍的照片時，儘量清一色都是直拍的，不然動畫呈現出來時會不協調，但這非一定唷!!

接下來我們就實做吧!!

PS：照片如果不清楚，請將滑鼠移到照片處，點左鍵一下，就會跳出完整的照片連結了!!

美樂哥~麻煩你當「麻豆」一下唷

步驟1：
1.1 挑選照片
1.2 為了方便製作，請將照片檔名編碼(以流水號001為佳)

登錄/註冊後可看大圖

步驟2：
2.1 將照片縮小成適合「降龍會」頭像大小→「120px*90px」；縮放步驟如下：
2.1.1 開啟「小畫家」→選取照片→點選「影像」→選取「延展/扭曲」

登錄/註冊後可看大圖

2.1.2 在「延展/扭曲」介面中，將「水平」與「垂直」欄位內key上照片縮放比率
注意1：「水平」與「垂直」的縮放比率必須一致，不然照片會變型唷!!
注意2：原則上照片縮放後最好是「120px*90px」，若照片大小實在太難調整，至少寬度或高度其中一項的尺寸要一致(例如：第1張照片=120*80、第2張照片=120*85、第3張照片=120*90…等)
小技巧：一般是先以50%縮放，看照片縮小後的尺寸，若不行就「復原」，再重新key in %數，直到調出適合的尺寸為止

登錄/註冊後可看大圖

2.1.3 比率調好後，點選「影像」→選取「屬性」，來看縮放後的尺寸

登錄/註冊後可看大圖

2.1.4 紅色框框內的資訊就是該照片縮放後的尺寸，恩…還太大，所以我們要重做一次

登錄/註冊後可看大圖

2.1.5 要重新縮放時，請點選「編輯」→「復原」，復原後再按「步驟2.1.1~2.1.4」調整即可

登錄/註冊後可看大圖

2.2 調整好的照片如下

登錄/註冊後可看大圖

步驟3：
3.1 照片尺寸調整好後，我們正式製作動畫圖片了，首先我們先來做最簡單的動畫圖片，開啟「Ulead GIF Animator 5」吧

登錄/註冊後可看大圖

3.2開啟「Ulead GIF Animator 5」會自動跳出一個介面，點選「動畫精靈」
小技巧：如果介面沒有自動跳出來，請點選左上角的「檔案」→點選「動畫精靈」即可

登錄/註冊後可看大圖

3.3 在「大小」的欄位”下拉”，選取「120*90像素」

登錄/註冊後可看大圖

3.4 點選「下一步」

登錄/註冊後可看大圖

3.5 點選「新增影像」

登錄/註冊後可看大圖

3.6 選取你要做的照片檔(可以一次選取多張)

登錄/註冊後可看大圖

3.7 點選「下一步」

登錄/註冊後可看大圖

3.8 在「延遲時間」的欄位裡key上速率，在「展示」欄位裡的數字所呈現的變化，就是動畫翻頁的速率，請自己調整你想要的速率!!

登錄/註冊後可看大圖

3.9 點選「完成」

登錄/註冊後可看大圖

3.10 接下來我們來預覽成果!!

登錄/註冊後可看大圖

3.11 點選「預覽」

登錄/註冊後可看大圖

3.12 翻頁的速率太快或太慢嗎？沒關係~不需要重做，我們來細部微調吧!!在左下角點選你要修改的照片(點二下)，這時會跳出一個介面，在介面中的「延遲」欄位中key上你想調整的速率後，按「確定」即可

登錄/註冊後可看大圖

3.13 動畫照片完成後，點選「檔案」→「另存新檔」→「GIF檔」即可

登錄/註冊後可看大圖

第一個簡易GIF完成

登錄/註冊後可看大圖

步驟4：
4.1 大家會不會覺得只有翻頁實在太單調了，想要多點變化嗎？簡單~在下面的畫面裡，我們點選左下角己編輯好的照片

登錄/註冊後可看大圖

4.2 然後點選「視訊特效」→接著選取你想要的特效即可(我以「漸進-底片」為示範)

登錄/註冊後可看大圖

4.3 點選後會跳出一個介面，都是中文很簡單，就一個一個去試就可以了!!
注意：照片的變化、漸變張數設定與速率設定會影響到視覺，請自己調整，儘量以協調為主，太過複雜會讓人看不懂你的動畫主題是什麼唷!!

登錄/註冊後可看大圖

4.4 完成後就如下圖所示，如果速率不滿意，請按「3.12」調整即可

登錄/註冊後可看大圖

4.5 接下來其它的照片變化就按上述的步驟做就可以了，聰明的你，應該不用我再說明了吧

登錄/註冊後可看大圖

第二個GIF檔

登錄/註冊後可看大圖

怎麼上傳做好的GIF檔呢？
請參考「Jipelec(硬梆幫水昆兄)」大大的教學：http://vanquishloong.com/vanquishloong/thread-39-1-1.html

怎麼改頭像呢？
請參考「Jipelec(硬梆幫水昆兄)」大大的教學：http://vanquishloong.com/vanquishloong/thread-28-1-1.html

完成!!

此篇文章內容與圖片說明等，均為「關西胖虎」原創，若要轉貼或轉PO至自己部落格，煩請載明引用原處!!

[cc=製作會動的頭像(GIF製作)]關西胖虎[/cc]

[ 本帖最後由關西胖虎於 2010-2-24 16:16 編輯 ]

作者: 迷迷糊糊 時間: 2010-2-24 17:51
又學到一個寶貴的技巧
謝謝虎哥～～

作者: 滿腦子蝦 時間: 2010-2-24 17:52
標題: 回復 #1 關西胖虎的帖子
感謝虎哥詳細解說~相信對大家有很大的幫助!!

作者: 北縣阿宏 時間: 2010-2-24 21:20
酷唷~~感謝非常詳細的教導

有空小弟要來學學看

歡迎光臨釣蝦釣魚降龍會 (https://vanquishloong.com/vanquishloong/)