創作內容

47 GP

[教學文]教你如何擷取動畫和影片 製作GIF動圖

作者:紅荳│2013-07-03 15:55:35│贊助:200│人氣:13518



暑假來做做動圖吧!

以下將會為您介紹製作軟體以及製作過程

分成兩個部分

第一部份說明如何擷取影片和動畫的圖檔

第二部份說明如何將他製作成你想要的GIF




會使用到的軟體:
Extra movie to  gif Ulead GIF Animator 5.05




我先來介紹  
Extra movie to  gif  這個軟體
Extra movie to  gif  這套軟體是免費的
所以不必擔心付費問題
它的功能是使影片播放、截圖與轉檔為動態GIF圖檔的軟體
也可以分解GIF檔,與系列圖檔轉動態GIF檔

但是這軟體有個缺點直接擷取片段做成GIF畫質會很差
因此在這裡不推薦直接做成GIF,而是擷取圖片JPG檔




以下是截圖示範:


1、開啟檔案




2、按來源檔案 選擇JPG檔接著找你要的影片






來源檔案  ->  選擇某個影片,或動態GIF  ->  轉成:系列JPG圖檔


3、按 目標檔案選擇所擷取圖的存放位置
(建議新增資料夾 不然擷取下來的圖片都會放在桌面上)




4、按 轉檔設定會跳出以下畫面我將會替各位詳細介紹它的功能




那黑色的大框框正是你所選取的影片畫面所在接著下面一開始會看到兩個黃色的按鈕標記開始顧名思義 他就是你要擷取圖的開始點標記結束則是擷取圖的終點左半部的部份你可以自行調整亮度色彩等右邊框框第一個選項可以讓你知道擷取的畫面有幾秒鐘每秒抓圖數是看你要抓一秒幾張可以增加畫面流暢度在來這個選項是你的畫面擷取大小 [注意]這個大小改變的是整個圖片而不是擷取某部份認為可以的時候 按下確定  便會開始轉檔接著開啟你所儲存的jpg檔資料夾位置就可以看到你所擷取的畫面圖 (建議設定目標畫面大小為400X300) 這樣剛剛好

5、之後按 開始轉檔 就完成截圖囉




截圖到此結束
,接著要說明製作高畫質GIF以及它的應用



再來介紹Ulead GIF Animator 5.05這個軟體

製作動畫的超強威力
Ulead GIF Animator 5 為業界最完整也最經濟的GIF動畫工具
可以製作動圖和閃字的好用軟體
非常好用 強力推薦
只要安裝好
Ulead PhotoImpact 12
裡面就會有
Ulead GIF Animator 5.05




1、開起軟體



( 因為它的功能很多 所以只會介紹製作動圖的步驟 )


2、點選   檔案-> 動畫精靈



3、接著設定所要的底框大小 可以直接按下一步
後面會在為您說明 如何讓圖片跟底框的大小一樣




4、
下一步之後請按新增影像加入圖片,選擇剛剛擷取圖片
然後全選 CTRL+A  這樣順序就不會亂掉





開啟舊檔 -> 下一步


5、接著調整圖片速度素質越小速度越快(建議延遲時間改成10) 然後按下一步




6、按下完成






此時會發現圖檔跟底框大小不依 點選圖片後 按編輯 -> 裁剪底框







將將,這樣圖片跟底框大小都一樣囉





如果想調整圖片某片段的速度,請點該圖片兩下,更改百分之幾的秒數
覺得整體動圖太快或太慢可以點選第一張 shift + 滑鼠左鍵 至最後一張圖
在畫格上 右鍵滑鼠->畫格內容 來調整速度



7、最後按檔案儲存為GIF檔就大功告成了




最後在把做好的圖檔上傳到網頁圖片空間(有支援GIF的)

附上網址:傳送門

成品

(艾倫Q__Q)

不過由於畫質很高不建議太長或者圖格式太大,控制在2MB以下


以上是製作動圖過程 希望大家可以玩玩看
祝大家製作GIF圖愉快

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2069270
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 26 篇留言

Hii
不錯喔 滿實用的

07-03 15:57

紅荳
可以玩玩看喔!
ㄏ勝07-03 16:01
聰明熊
感穴大大無私分享!!!!

但這ㄍ窩網頁設計丙級就教ㄌ ㄏㄏ

07-03 15:57

紅荳
不客氣

我記得網頁設計沒學得那麼詳細

雖然我有考到[e12]07-03 16:00
洨矮熊
這篇好棒喔!

不過Ulead GIF Animator 5的部分,第二點檔案的案打錯字囉!

07-03 17:27

紅荳
好喔! 已更正 謝謝[e12]07-03 17:40
陸仁
厲害!原來是這樣用的啊![e19]

07-04 09:19

紅荳
好用喔 可以試試看~
[e12]07-05 12:52
阿朋
貝爾的桌面是帥哥

07-06 13:35

紅荳
那是捲毛 很久以前的實況主[e12]07-06 13:41
聰明熊
欸3張圖掛ㄌ

07-07 01:55

紅荳
哪裡?[e18]07-07 12:09
聰明熊
今天變14張圖掛ㄌ ??

ㄋ4傳到哪裡

07-07 13:37

紅荳
小屋呀 我看沒掛掉呀
[e18]07-07 13:44
聰明熊
ㄋ看沒掛 ㄎ是窩看就掛ㄖ 好ㄅ 應該4窩ㄉ問題 ㄋ再請人幫ㄋ看一下好ㄖ

07-07 13:46

紅荳
好der[e12]07-09 23:35
壽司犬
蠻實用ㄉ 窩還有一招更快ㄉ 叫做格式工廠 這超好用ㄉ 推薦給你

07-14 12:30

紅荳
好der 我google一下 謝謝分享[e12]07-14 13:19
壽司犬
貝爾圖片有些掛掉ㄌ 我想看你這篇來做做看gif

08-02 20:47

紅荳
哪邊有掛掉 我看都沒有餒 [e15]08-02 22:02
壽司犬
第2第5第7 和還有一些 都掛ㄌ 抱歉麻煩你ㄌ

08-02 22:06

紅荳
我剛剛發現 那不是壞掉 應該是其他原因 總共17張圖+1張動圖 每張圖前面都會有一格是黑的 除非中間沒有文字說明 才會這樣的吧 幫我卻認一下[e12]08-03 14:24
壽司犬
嗯嗯 應該是照你講的那樣 不過我靠你這教學 終於做好了gif xd 謝謝你了

08-03 14:30

紅荳
不會 有成功就好 [e19]08-03 14:32
Evile
這不錯,GP奉上。

09-23 23:59

紅荳
感恩 [e16]09-24 00:07
絕對「變態伸士」
好詳細啊!GP奉上

10-19 23:58


請問為什麼我的影片叫不出來...有限制影片格式跟大小嗎??

01-04 11:20

紅荳
影片檔的副檔名有很多種 例如: avi mov mpg 等
01-04 12:28
紅荳
請查看你影片的副檔名
有什麼不了解的 可以繼續發問01-04 12:30
紅荳
謝謝 [e1]01-04 12:30

副檔名是.mp4的

01-04 12:50

紅荳
你是試試看轉檔 把它轉成副檔名為.mov 或者把你的影片給我 我幫你處裡...01-04 12:53

我先自己轉看看…謝謝囉♡

01-04 13:01

紅荳
好喔! 還有什麼不懂的 可以繼續發問 謝謝支持01-04 13:14

我發覺是我自己搞錯了,因為我下載的是壓縮檔忘了要解壓縮才執行,現在已經轉成圖片成功了[e16]

01-05 01:32

紅荳
哈哈 恭喜你成功囉01-05 01:57
紅荳
有機會還會分享其它教學文 有空來看看喔 [e12]01-05 01:59

哇……我不小心刪掉留言了…那個縮放效果是怎麼做的呢?

01-13 18:16

紅荳
縮放效果?01-13 18:36

對啊!!就是你上面做的例子...

01-13 19:45

紅荳
點選圖片後 按編輯 -> 裁剪底框
01-13 20:04
紅荳
可以讓框框大小跟圖片大小一樣01-13 20:05

裁剪底框我知道了啊!!我說的是怎麼做出你上面例子的效果??

01-13 21:30

紅荳
第幾點呢?01-14 17:27

成品裡的縮放是影片下載的圖嗎?能不能自己縮放呢?可是我自己拉近後解析度會變差…

01-16 12:29

紅荳
影片轉成圖片.gif 畫質都不會太好喔! 01-16 12:53
紅荳
妳可以把圖片私信給我 我幫妳用 用好在為妳po相關文章 如何?[e41]01-16 12:56
黃曷
很實用的教學,感謝分享!

07-16 22:25

御斯伊斯
感謝大大無私分享

07-19 11:00

潮潮熊(๑• ڡ •๑)♥
樓主一生平安

03-18 01:27

阿喵 ❖ 協奏曲
原來有免費軟體可以製作,有空我也來玩玩看好了[e19]

07-02 21:10

我要留言提醒:您尚未登入,請先登入再留言

47喜歡★z9343042002 可決定是否刪除您的留言,請勿發表違反站規文字。

後一篇:[教學文]教你如何製作閃...

追蹤私訊

作品資料夾

GeminiRose大家
來我的小屋看看吧!這是最特別的小屋喔!看更多我要大聲說28分前


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

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