LV. 22
GP 436

【心得】【動態 GIF 簽名檔 教學】新增原圖

樓主 惡魔之吻 eviljuny
120 -
此篇文章是小弟昨晚,熬夜打出來的,因為有些人滿好奇我的簽名檔怎麼做出來的,所以我就將製做過程以文字加上圖檔,來進行詳細的解說,希望各位大大看完之後,也能夠自己做出心目中,最完美的動態 GIF 簽名檔 唷。


使用軟體 Ulead PhotoImpact 10 & Ulead GIF Animator 5.05

教學說明:簽名檔大小為 570x125 像素,此教學以三張圖檔為範例,利用 連續漸變來交換三張圖檔,做出換裝的效果。

步驟1:
打開 Photoimpact 軟體 再 打開 放想要做成簽名檔的資料夾

步驟2:
將圖檔三張從資料夾中,以滑鼠左鍵按住,直接托曳至 Photoimpact 中,後面兩張都放到第一張圖檔的位置,需使用鍵盤上下左右的方向鍵,來輕推至圖像上下左右都出現虛線,使一個圖檔變為三個圖層,這樣在進行切割時,才能方便取出相同位置的圖像。

步驟3:
使用 "剪裁工具" 以滑鼠左鍵框選所需圖像,盡量以 570x125 的像素做標準,以免圖片變形太嚴重,圈選完成後,按下 Enter 鍵,即可完成剪裁。




步驟4:
因為接下來要調整圖片大小,而在調整時只會將已鎖定畫面的基底圖層,調整出所須的正確圖像,所以接下來,我們就要先將圖片右方的上面兩圖層中的 "眼睛" (紅色雙方框圈選處),各以滑鼠單擊一次,便可暫時隱藏那兩個圖層。


步驟5:
接下來選擇 "調整" 內的 "調整大小" 功能,將 "百分比" 改為 "像素" 再將 "寬度" 750 改為 570 ,此時 "高度" 同時更新為148 ,是因為左下角的 "維持寬高比" 有打勾,所以現在進行調整大小的作業,就會維持原本的比例,這時就在 "維持寬高比" 打勾處,單擊一次滑鼠左鍵,取消它的打勾,然後再將 寬度 148 ,更改成為125 ,然後按下確定。


步驟6:
選擇 "檔案" > "另存新檔" ,目前因為教學關係,所以暫時先存於桌面,方便搜尋以及製做,檔名設為teach,將 "檔案類型" 設為 (JPEG檔案交換格式),再按下 "儲存"
,就完成了第一張所需圖檔。



步驟7:
接著再做第二張圖片,先以滑鼠 單擊 "復原" 鍵,或是按一次 CTRL+Z ,將圖片大小復原為剛裁切完的尺寸,然後在剛剛做好的第三張基底圖層眼睛處,單擊滑鼠,將第三張圖層隱藏起來,再以滑鼠單擊第二張圖層的眼睛圖案方格處,把剛剛我們隱藏起來的第二張圖層顯示出來。



步驟8:
然後以滑鼠右鍵,單擊圖層二的地方,再點選全部合併,這麼做就會把三個圖檔,全部合併只留下圖層二,不用怕,只要不存檔,不當機,我們將圖層二做好之後,都能再按 "復原" 來回復的。



步驟9:
接下來就再重覆一次,步驟5"調整大小" 跟步驟6"另存新檔",千萬別按成 "儲存檔案" 喔,如果按錯了,可就麻煩嚕,會沒辦法復原呢,此檔案則設為 teach2。



步驟10:
接著再做第三張圖片,先以滑鼠 雙擊 "復原" 鍵,或是按兩次 CTRL+Z ,將圖片大小復原為剛裁切完的尺寸,並復原剛剛合併的三個圖層,然後在剛剛做好的第二張基底圖層眼睛處,單擊滑鼠,將第二張圖層隱藏起來,再以滑鼠單擊最上方圖層的眼睛圖案方格處,把剛剛我們隱藏起來的最上方圖層顯示出來。


步驟11:
再來一樣是重覆 步驟8 以滑鼠右鍵單擊最上方圖層,再選取 "全部合併" ,然後一樣再重覆一次,步驟5"調整大小" 跟步驟6"另存新檔" 此檔案則設為 teach3,終於我們將三張圖片都完成嚕^Q^。




步驟12:
現在,終於進入了重頭戲的部份,讓我們將 Ulead GIF Animator 程式打開來,會出現一個視窗 裡面有"動畫精靈" 選項,這時以滑鼠左鍵單擊 "動畫精靈",就會開啟 "動畫精靈" 視窗,然後將寬度設為 570 像素,高度則設為 125 像素,然後按 "下一步" ,再點選 "新增影像",接著按住 CTRL,再以滑鼠左鍵點選剛剛做好的三張圖檔、teach、teach2、teach3,此時三張圖檔將會呈現藍底反白字樣,按下 "開始" 鈕。




步驟13:
跳出 "動畫精靈" > "畫格期間" ,這時我們要調整的是圖片變換的速度,所以請將 "每秒畫格數" 4,改為2,此速度為各人喜好可自由更改,接著按 "下一步",再按下 "完成"。




步驟14:
我們先將圖層先後順序以滑鼠左鍵按住畫格來拖曳至想要的順序位置,然後以滑數左鍵單擊畫格1,選取 ~"再製畫格",接著以滑鼠左鍵按住剛複製的新畫格,將其拖曳至最右方,以利後面要做漸變效果時才有畫格能變,不然在漸變時,第三張會接不上第一張的圖片。




步驟15:
以滑鼠左鍵單擊下方 "連續漸變" 鈕,開啟 "連續漸變" 視窗,將起始畫格處填入1,結束畫格填入2,然後以滑鼠左鍵單擊 "確定" 鈕,便會在畫格1與畫格2的中間出現五個畫格,讓畫格1與畫格2的變化銜接更加協調,如果想要讓它中間的銜接畫格數更多,可以更改 "插入畫格" 處的攔位,輸入您想新增的畫格數,不過我通常都不會去動它,覺得 5 是最剛好的。




步驟16:
重覆步驟15,以滑鼠左鍵單擊下方 "連續漸變" 鈕,開啟 "連續漸變" 視窗,將起始畫格處填入7,結束畫格填入8,然後以滑鼠左鍵單擊 "確定" 鈕。



步驟17:
重覆步驟15,以滑鼠左鍵單擊下方 "連續漸變" 鈕,開啟 "連續漸變" 視窗,將起始畫格處填入13,結束畫格填入14,然後以滑鼠左鍵單擊 "確定" 鈕。



步驟18:
最後選擇 "檔案" >"另存新檔" > "GIF檔",輸入檔案名稱 " teach " ,按下 "確定",就大功告成嚕,感謝各位不辭辛苦的收看此篇長文教學



※以上如有錯誤,歡迎指正>"<,另外還有不懂的,非常歡迎各位巴友來詢問唷^^,如果完全沒辦法自己做的人呢,也可以在此回應文章,將圖檔以及想要的文字PO出,小弟有空時就幫您製做一個專屬您的簽名檔嚕,謝謝大家,下台一鞠躬

原圖 連結 請自取 → 請點選觀看圖片請點選觀看圖片請點選觀看圖片
【火星時代】裡面各種繪圖軟體的教學     (eviljuny 版權所有 翻印必究)
      
120
-
未登入的勇者,要加入討論嗎?
板務人員:

7518 筆精華,今天 更新
一個月內新增 17
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】