日誌2012-07-05 20:34

【教學】簡易GIF製作、修改

最近在下剛開始學習GIF製作，上網東找西找整合出來的簡易辦法
會需要用到的程式大概如下:
1.GOM Player(媒體撥放器、主要用其截圖功能)  ←可更改，只是目前在下還沒找到更好的
2.AnimateGif(簡易GIF製作)
3.Ulead GIF Animator 5(裁切部分已完成GIF的動畫、調整GIF大小)

步驟分成三大步

1.畫面截圖
  範例這邊使用的是GOM Player
  首先，先打開媒體檔案((廢話⊂彡☆))∀`)
  到達想要製作GIF那部分的畫面、按右鍵選取視頻→高級截圖


接下來選擇保存當前畫面，"要連續點選、點選至你希望製作出的GIF的結尾"


截好圖之後選取右上方的打開圖片資料夾


會看到以下很多張連續截圖，第一部分就大功告成啦QQ


2.GIF製成
  製成部分要請AnimateGif出來了，開啟之後畫面大概如下


從上圖所示的"放置圖片區"把剛剛截下來的素材全部圈選整團拉進去
接下來按下方的開始製作即可


製作出來的GIF可能會偏大(大概2MB不等)，畢竟是直接從原檔原汁原味的截下來
所以調整部分就要到下一步～
3.裁切、調整大小

  裁切、調整部分會用到Ulead GIF Animator 5
  程式打開後選取開啟一個已存在的圖像檔案，讀取第二步用AnimateGif製成的動畫


就如上述，因為是從原檔直接摳下來製作的，所以檔案都很大、網路上的空間有些會不支援
所以要修改一下整個GIF的大小
更改大小要先選取上方編輯→調整圖像大小


大小調整至需要的值之後，按確定即可(保持外觀比例記得勾選，不然會圖會扁掉ww)

但是如果我只想要整個畫面中一小部分怎麼辦?((好比說巴哈自訂的表情，這張是長方形要如何裁切成長方型呢?
裁切部分就要先選取畫面右方的選取區工具，圈選需要的部分

※如果是要製成自定表情，可以勾選符合寬度和高度，讓選取框固定成正方形


選取完需要部分之後選擇編輯→裁剪畫布 ((虛線部分就是選取部分




裁剪完就大功告成了XD
存檔的話需要選擇檔案→另存為→GIF檔案

____________________________________________________________________________
以上只是在下對GIF淺略的了解，對於其他大大來說可能只是班門弄斧
如果有更好的方法在下不吝指教QQ

最後附上本次教學的成品

在下絕對沒有收あかり廣告費XXD

265

73

LINE 分享

相關創作

【原神】買東西

動畫《孤獨搖滾！》劇場總集編 30秒CM公開！前編Re: 6月7日／後編Re:Re: 8月9日公開

【翻譯】Holo四格(ホロよん) 第554話

留言

• 2012-07-05 20:35幹你娘查三小廢渣：
  喔!!!收藏收藏 GPGP
  

  2012-07-05 20:46小紅帽：不枉在下剛剛辛苦整整半小時(つД`)

• 2012-07-05 20:37獄鬼：
  寫得很好 但個人還是覺得做GIF實在是真的很花時間

  2012-07-05 20:48小紅帽：上手了其實很簡單～而且看動畫的時候都會想暫停來截圖XD

• 2012-07-05 20:39小熊熊：
  [e19]

  2012-07-05 20:48小紅帽：感謝支持QQ

• 2012-07-05 20:40siwun：
  真的有點麻煩呢~[e29]

  2012-07-05 20:48小紅帽：不會啦～多練習ww

• 2012-07-05 20:40在黎明前甦醒乄：
  謝謝教學^^，辛苦了[e16]
  

  2012-07-05 20:47小紅帽：不會不會XD

• 2012-07-05 20:43瘋瘋貓：
  我好像是直接把圖放到Ulead GIF Animator 5 就好了...

  2012-07-05 20:47小紅帽：詳細希望Σ(°Д°;

• 2012-07-05 20:43小小小凱：
  大推

  2012-07-05 20:50小紅帽：其實是幫燈里宣傳ww

• 2012-07-05 20:44綠葉༼つ ◕_◕ つ：
  [e16]好教學!

  2012-07-05 20:49小紅帽：感謝支持[e16]

• 2012-07-05 20:47汐風：
  PhotoImpact這個程式可以做嘛!?

  2012-07-05 20:49小紅帽：我都用那個來改靜圖，詳細還要研究0w0"

• 2012-07-05 20:55瘋瘋貓：
  存成Ulead GIF Animator 5可以開的圖就好啦(? 大概

  2012-07-05 20:57小紅帽：我好像看到了...害我還特定另外找程式[e3]

• 2012-07-05 20:58幹你娘查三小廢渣：
  我剛做好了!! 我的小屋!! 創作那

  2012-07-05 21:00小紅帽：好快∑(￣□￣;)

• 2012-07-05 21:03鄰家大哥哥：
  很讚的教學!!!

  2012-07-05 21:26小紅帽：其實很簡單對吧XD

• 2012-07-05 21:30逆月：
  請問那裡载的到程式??

  2012-07-05 21:36小紅帽：去GOOGLE吧!!

• 2012-07-05 21:32トロ：
  很詳細唷 那我把裏番....!?[e16]

  2012-07-05 21:36小紅帽：記得要分在下就好⊂彡☆))∀`)

• 2012-07-05 21:50楓：
  [e16]燈里~[e19]恩恩~

  2012-07-05 21:52小紅帽：順便幫燈里打廣告～不然第二季燈里又要沒存在感了XD

• 2012-07-05 22:00阿筆的使魔-幽靈羽：
  先給你GP~
  順便收藏~
  可是改天再看@@

  2012-07-05 22:13小紅帽：好～白羽喵喵晚安(!?

• 2012-07-05 22:20阿筆的使魔-幽靈羽：
  恩?你要睡了啊??

  2012-07-05 22:31小紅帽：白羽喵說改天看，不就是你要睡了嗎0w0!!

• 2012-07-05 22:27糖兒♡：
  我記得我從13歲做過一次gif之後沒再做就忘了[e26]
  正好了XD

  2012-07-05 22:32小紅帽：在下13歲時還是小P孩[e3]

• 2012-07-05 22:31閒晃Chill：
  GOM的圖片保存...不是會有秒差?? @@
  試過很多次了...不如用影片剪輯 => 直接丟GIF製作軟體逐個刪除

  2012-07-05 22:33小紅帽：畫格越多容易檔案太大，所以就用這種方式QQ

• 2012-07-05 22:32閒晃Chill：
  恩， 瘋瘋貓 說的對，就像我說的剪掉開啟舊檔丟進去就好
• 2012-07-05 22:46呆楓月月：
  謝謝囉!
  想做gif很久了!!
  
  

  2012-07-05 22:49小紅帽：幾個程式就能輕鬆做出來哩QQ

• 2012-07-05 22:47阿筆的使魔-幽靈羽：
  沒有哇~我只是不想現在看而已阿~

  2012-07-05 22:49小紅帽：嗯...白羽喵喵你不是睡了嗎0口0...

• 2012-07-05 22:51阿筆的使魔-幽靈羽：
  你怎麼會有我去睡了的想法.......這麼討厭人家嘛......
  既然你不喜歡看到我......那我去睡好了~

  2012-07-05 22:53小紅帽：不對不對@@ 因為在下剛剛確實有跟白羽喵說晚安!! 你看這個O__Q
  http://home.gamer.com.tw/singleACMsg.php?sn=14965251

• 2012-07-05 22:56阿筆的使魔-幽靈羽：
  因為桌電被搶走了啊~
  現在是筆電~
  說晚安是因為我想掛著看小說而已~[e1]

  2012-07-05 23:02小紅帽：切～發在動態在下以為白羽喵要睡了～
  話說推一下"機巧少女不會受傷"，不錯0w0)/

• 2012-07-05 23:04阿筆的使魔-幽靈羽：
  沒有$$了~

  2012-07-05 23:09小紅帽：貓罐罐省著點吃吧[e25]

• 2012-07-05 23:08奈々喵：
  真是辛苦了
  做這一篇教學OAO
  推推!!

  2012-07-05 23:09小紅帽：能順便推廣一下輕鬆百合也不錯QQ

• 2012-07-05 23:12阿筆的使魔-幽靈羽：
  不洗版了~我真的要休息了掰掰~
  

  2012-07-06 07:34小紅帽：嗯嗯，昨晚沒看到..跟昨晚的白羽喵晚安0w0)/

• 2012-07-06 00:20天藍色緋紅：
  實用喔[e7]
  

  2012-07-06 07:34小紅帽：學起來很快呀～

• 2012-07-09 21:26SADFFFG：
  "要連續點選、點選至你希望製作出的GIF的結尾"
  我看不懂這個意思ˊˋ
  我開頭案一次就出現一張 那您要怎出現那麼多張的...
  連續點選是？

  2012-07-09 23:27小紅帽：就連續點保存，點到你要的取的那一小段的最後

• 2012-07-10 17:39SADFFFG：
  恩 謝謝我會了
  那請問要如何從網路電視(PPX)上的影片放到GOM Player裡...?
  一定要有影片檔在電腦?
  我有試過打開→地址 把網址貼上
  但不能播放...

  2012-07-10 21:14小紅帽：GOM應該沒有支援這個QQ

• 2012-07-10 21:18SADFFFG：
  所以一定要有影片檔在電腦....?
  

  2012-07-10 21:22小紅帽：嗯啊ww

• 2012-07-11 13:12SADFFFG：
  那請問可以調整GIF容量大小嗎?
  不調整圖寬高的條件

  2012-07-11 18:44小紅帽：那可能要往整體圖的數量下手(就是說截圖的間隔時間要拉長)

• 2012-07-13 21:29小泣愛吃燒：
  感覺好實用阿 GP加收藏囉~

  2012-07-13 21:30小紅帽：感謝支持XD

• 2012-07-14 21:34SADFFFG：
  請問一下要如何重複動作又不會很明顯？（可以的話不要看得出有重複）
  重複動作很明顯會很醜...
  （我是針對某些圖 大大您的重複很順暢）
  不好意思問題很多

  2012-07-14 22:30小紅帽：重複的話可以用前面幾張圖塞到後面使用，讓整個迴圈變完整

  2012-07-14 22:31小紅帽：不然就只好減短整個GIF的長度(提早結束這樣)

• 2012-08-14 18:57♥搖滾男孩♥：
  辛苦了阿 趕緊收藏下來^^

  2012-08-18 17:08小紅帽：不會不會QQ

• 2012-08-18 14:49塔塔洛斯VS蘭姆將軍：
  放到 簽名板上 跟 留言區 都只顯示字幕 ??C:\Documents and Settings\PC\桌面\77784.gif

  2012-08-18 17:08小紅帽：因為你要先上傳到網路空間才行

• 2012-08-18 17:29塔塔洛斯VS蘭姆將軍：
  請問要怎摸上傳網路空間
  

  2012-08-18 17:37小紅帽：http://imgur.com/ 這邊大家滿常用的QQ

• 2012-08-18 17:51塔塔洛斯VS蘭姆將軍：
  副檔名 要把GIF 換成 JPG嗎
  GIF 案上傳 會出紅字
  JPG 上傳到imgur 圖片沒有動作
  

  2012-08-18 18:35小紅帽：不能亂改副檔名，GIF會紅字應該是因為檔案太大
  能把紅字PO給我嗎QQ

• 2012-08-18 18:53塔塔洛斯VS蘭姆將軍：
  我剛剛試著 降低MB 刪掉 幾個鏡頭 現在OK了 感謝 大大 的教學
  

  2012-08-18 23:54小紅帽：不會不會0w0"

• 2012-08-20 13:39「星降る火龍廟」：
  Bandicam似乎也可以 圖像->重複擷取畫面

  2012-08-23 18:49小紅帽：噢噢!! 會研究看看0w0)/

• 2012-08-23 12:07塔塔洛斯VS蘭姆將軍：
  如果 影像 超過2MB 不響剪掉 段落開怎摸半 ??

  2012-08-23 18:50小紅帽：我只知道減少畫格這個比較攏統的辦法QQ
  不然就只能把整體圖縮小了

• 2012-08-29 12:39阿晏：
  雖然會了 還是給GP 以後試看看=ˇ=

  2012-08-29 12:39小紅帽：感謝QQ

• 2012-08-30 13:23看免費揪4爽啦：
  AnimateGif開不起來QQ
• 2012-12-04 20:59saki❖：
  感謝分享[e25]
• 2012-12-19 19:35衛生所要來噴藥了嗎？：
  有機會來弄弄 好棒的文XD
• 2013-03-21 11:15甘藷一號：
  感謝教學!!
• 2013-06-23 18:06熊警察：
  這一定收藏的^_^感謝教學正好需要GIF裁圖..
• 2013-07-02 19:31Vincen：
  你好~請問一下喔~我將圖片丟到你說的AnimateGif程式的圖片放置區，按製作(Animate鍵)他要我存檔，我就存在桌面，點開來卻沒跑動畫><，只有展開圖片(檔案大小1.09MB)，是需要做到3.Ulead GIF Animator 5 這個步驟嗎?@@?

  2013-09-09 13:26小紅帽：你的電腦系統是不是Win7? 你試試看用IE瀏覽器打開那個檔案看看

• 2013-08-05 17:06日復一日：
  你好 請問我只有一張動態圖片
  要怎麼放入簽名檔內 我放過了 沒出現動態
  我的類型:GIF影響 大小1.16B 放入圖片小屋 也沒有出現動態

  2013-09-09 13:25小紅帽：巴哈裡面貌似不支援太大的GIF，你可能要另外上傳到免費的網路圖片空間

• 2013-08-20 14:16零用錢：
  請問一下改變畫面大小是要一張一張調嗎?
  怎麼有辦法切的每張一模一樣?
  有沒有一次調整全部的方法?
  改得太小會出現空白
  自己手切又不可能剛好符合"高125像素"
  救命~~

  2013-09-09 13:25小紅帽：我是先把他製作成GIF之後再改變畫面大小

• 2013-08-25 19:21最近很倒楣的療髒髒G：
  本人是做了幾個非常成功，感謝!
  http://i.imgur.com/SdcoN5T.gif
• 2013-09-08 16:00773：
  讚讚讚!![e16]
• 2013-09-08 17:15天然ボケのMio：
  已收藏 已GP https://truth.bahamut.com.tw/s01/201309/74a38d94e0bae1657b88269330e79352.PNG?w=300
• 2013-09-09 09:27蒼燕：
  謝謝教學~已GP
• 2013-09-09 13:37零用錢：
  已摸索出來了~感謝您的回覆[e12]

  2013-09-09 13:59小紅帽：抱歉這麼晚回，前陣子沒什麼經營...w

• 2013-09-09 13:50Lewis：
  先收藏!
• 2013-09-13 18:47A2B無意義のㄠつ：
  收藏比GP多 這不科學!!
  來補一發!
• 2013-09-23 22:30この女兒大好の弧度：
  已收藏><
• 2013-10-22 23:26沒是多休息：
  想問動畫是另外下載在放上去軟體嗎?
• 2013-11-30 20:31摘希：
  已收藏 あかり表示終於有他出場的機會(?)了[e16]
• 2014-02-24 19:11揶揄諷刺-翔：
  我是用bandicam截圖然後用PhotoScape用成gif
• 2014-04-22 01:16桂花：
  https://truth.bahamut.com.tw/s01/201404/2b6bfacf1f9ae2c8fac4bee43016e2da.GIF
  不好意思問一下 為什麼我做出來會有白白的?
• 2014-06-15 08:11☆Libra天秤★：
  看來可以製作出很多不同又有趣的GIF檔了030
  
• 2014-06-15 12:16變米家遊戲粉絲的剎那：
  這個方法真的超級好用的感謝大大教學(跪
• 2015-04-03 19:17Swat-豹豹模式：
  已收藏
• 2015-06-07 11:14DGC：
  以收藏XDD太實用拉~
  以前都笨笨的用網頁版 每次都有浮水印和網址˙˙
• 2015-11-14 18:49z：
  我愛妳~
• 2016-04-18 17:24亞伯：
  感謝教學！受益良多！GP!
• 2017-01-11 09:02凜兒：
  收藏!![e12]
• 2019-03-08 16:21東邪黃藥濕：
  請問一下，如果原本就是gif，想要修改成循環撥放的GIF要怎麼弄呢?
• 2019-03-08 16:31小紅帽：
  哇 好久之前的文給你挖出來
  這個方法我也好多年沒有研究惹
  我自己要溫習一下QQ
• 2019-03-08 18:29東邪黃藥濕：
  哈哈哈，沒注意看發文時間，你知道現在可以直接回覆了嗎XD

  2019-03-08 19:10小紅帽：我按錯惹QQQ

• 2019-03-15 20:13fallsnow小翔：
  那我也來推個w

  2019-03-15 20:20小紅帽：這個我字也沒用很多年了，不知道還有沒有用w

• 送出