GIF動圖全攻略,5個方法教你做出高清動圖!

2021-02-07 一周進步


文 / 大夢 首發於大夢Power


GIF全稱Graphics Interchange Format,是大家都非常熟悉的一種圖片格式。往往它是動態的,比如各種表情包。


從1987年到如今,GIF已經走過了30個年頭,深入到網際網路的每一個角落,在微信公眾號中也非常常見。



01. 為什麼人們喜歡Gif圖


GIF的原理其實也很簡單,我們可以用定格動畫的原理來理解,快速連續播放圖片從而形成一種連續的動態感覺。而每一張圖片,又可以稱之為幀。


如果給GIF下一個定義:那就是一種由一幀幀圖片組合而成的圖片類型


所以GIF的修改都是一幀一幀進行的,GIF圖的大小也會受到幀數的影響,當然還有畫面顏色等,這篇文章也會詳細講到。


相比普通的靜態圖片,GIF的區別就是在於會動,而會動這件事則帶來了本質的變化。


① 可以傳遞更多信息


普通的靜態圖片不會動,可以理解為1幀。而GIF圖一般都需要2幀以上甚至更多,所以自然攜帶的信息量就更多。


相比於視頻笨拙的體積,GIF打開速度更快,適合在網頁瀏覽,也更適合當下流量資費還比較貴的今天。


圖片來自giphy.com


而最近微信公眾號後臺也提高了GIF的上限,以往只能上傳2M以內的GIF,現在則支持5M以內。這對於新媒體運營也是一個非常利好的消息。


② 強烈表達情緒


表情包幾乎都以GIF的形式出現,這也是為什麼GIF圖能廣泛在聊天軟體中傳播的原因。


不論是搞怪、好玩,還是憤怒的情緒,被濃縮在短短幾秒中,然後不斷重複。一種魔性的感覺,會讓表達的程度更強烈。



02. 如何製作GIF圖


寫這篇文章的目的是為了探討與GIF製作一切相關的知識,所以部分內容會比較硬核,但還是希望能把這些問題都闡述清楚。


如果從最後的呈現角度來分,GIF的製作就分成兩個環節:素材獲取、後期壓縮



素材獲取就是GIF圖的素材來源,包括:圖片合成、屏幕錄製等,後期壓縮是因為不同平臺對GIF的尺寸、大小要求都不相同,一個科學的壓制方法也非常重要。



03. 如何把手機照片轉成GIF


把手機照片轉成GIF,其實就把多張靜態圖片拼接在一起,用Photoshop可以完成,而如果是在手機上則可以使用:一閃。



① 拍攝定格動畫


一閃App有一個定格動畫功能,可以把多張圖片合併在一起連續重複播放,並生成視頻和GIF,默認播放的間隔時間為0.1s。


把圖片合在一起是最基礎的用法。這個功能如果活用就會非常好玩,比如如果你想拍攝一個好玩的定格動畫就可以用這個來完成。


利用一閃定格動畫完成


② 把Live Photo轉GIF


如果你用的是iPhone的話,一定知道Live Photo這個功能。Live Photo是iOS的特有功能,它就是一段長度為3秒並包含聲音的短視頻。


如果直接發送給別人,Live Photo就會變成靜態的圖片。而如果你想讓它以GIF形式出現,就可以用「一閃」來處理。


在一閃App中選擇「動圖」,然後導入你想要編輯的Live Photo,就可以在App中添加濾鏡,編輯飽和度、對比度、旋轉等參數。



Bonus:如果你是iPhone和Mac的用戶,想要錄製自己的屏幕,可以使用QuickTime自帶的影片錄製功能。

 


③ 靜態圖片變成GIF

 

如果你用的是Android,多數可能沒有Live Photo功能,但我們同樣有辦法可以把單張照片轉成GIF動圖。

 

需要使用:Enlight Pixaloop,iOS和安卓都可以使用這款工具,它可以把照片進行動畫處理,生成動態效果。

 


使用方法也很簡單。Pixaloop比較適合的場景是:水面、天空等,把照片導入之後我們選擇相應的模板動效和方向就可以了。

 



04. 如何把視頻轉成GIF


不論是手機拍攝的視頻還是網絡下載,如果你想把視頻中的部分內容轉成GIF。比較推薦的工具是Photoshop。


PS是可以打開mp4文件的,打開速度、是否卡頓與電腦性能等有關。所以如果你的視頻是mov或者其他少見格式,建議先使用Premiere或者格式工廠等工具轉換成mp4,減少不兼容出現的可能。


一般來說用PS做GIF,建議時間在10S以內。如果GIF的時間太長,體積容易變大的同時信息量也很冗餘。


PS打開視頻後會跳出時間軸,和常見的剪輯軟體相同,你可以裁切想要保留或刪去的部分。



確定好需要保留的部分後,在「文件」中選擇「導出」再「存儲為Web所用格式」。



如果預覽的大小超過了限制,可以通過調節尺寸來進行。每一個都可以嘗試調節,最終得到一個最合適的大小和效果。



在文章的後部分會重點講解如何科學系統地去控制GIF圖的大小,以及影響的因素。



05. 如何錄製屏幕為GIF


還有一種情況是,我們經常需要錄製電腦屏幕的操作轉製成GIF,用於網頁或者微信公眾號。一說到錄屏,就要分Windows和Mac來說。


① Windows錄製


Windows的錄屏工具很多,就錄製GIF來說最好用的還是:Screen To GIF。而如果你想要一個更為綜合的軟體,平時還想用來錄視頻的話,推薦使用:Camtasia。



Screen To GIF的使用並不複雜,具體的使用方法可以參照我們往期的推送,裡面詳細講解操作技巧:


如何用Screen to Gif快速錄製動圖 # Windows


Camtasia主要用來錄製視頻,但也可以選擇輸出格式為GIF,而且輸出的時候可以對視頻進行編輯,比如:添加淡入淡出、加強滑鼠效果等,所以也是一款不錯的錄製軟體。


而它的使用,可以參考我在B站錄製的視頻教程,詳細講解了Camtasia的使用方法,視頻地址:https://www.bilibili.com/video/av55540814


② Mac OS錄製


在蘋果電腦中錄製GIF的工具也很多,嘗試了十幾款之後,發現最好的是:GIPHY CAPTURE,AppStore就可以直接下載。


使用方法和多數錄製軟體一樣,拉動錄製框選擇錄製的屏幕範圍,錄製完成後可以控制解析度、質量等。如果錄製太大,建議輸出為mp4格式,然後用PS進行壓縮。




06. 如何科學地壓縮GIF


討論如何壓縮GIF的問題,我們需要先知道GIF圖的大小是由哪些因素控制的。一張GIF圖包含多張圖片,所以它的大小一般由四個因素來決定:幀數、幀率、尺寸、色彩。


① 幀數


幀數就是GIF圖裡的圖片數量。前面我們說過一張GIF圖包含多張圖片,而圖片數量一多,自然體積就大了。


所以第一個壓縮GIF的方法就是減少幀數。用PS打開GIF圖後,每一幀都會以一個獨立圖層的形式呈現,你可以直接刪除不想要的幀。



② 幀率


幀率就是每秒錄製的數量。10fps的意思就是,一秒鐘可以錄製10張圖片,幀率越高自然體積也越大。


而幀率主要影響GIF圖的流暢度。比如下圖,就是幀率過低會出現的情況,原本應該流暢的滑鼠平移看起來非常卡頓。相反幀率足夠高時,就很流暢。



一般來說,幀率可以選擇在10-15fps以內,這樣可以有效的減少體積。但如果你想保留更多的操作細節、動畫的流暢度,建議把幀率設為25fps或以上。


③ 尺寸


很多GIF工具都會通過改變尺寸來控制大小,這的確是一個非常有效的辦法,但缺點就是會損失清晰度,而且往往無法補救。


如果你想通過改變尺寸來控制大小,直接在PS中調節百分比就可以。操作路徑:「文件」「導出」「存儲為Web所用格式」。


另外在PS中,你還可以對GIF圖進行裁剪,也能有效控制大小。但缺點也很明顯,會丟失畫面信息。


④ 色彩


如果GIF裡圖片差異很大,色彩變化很明顯,那麼體積也會很大。這個時候就需要通過控制色彩來壓縮大小。


但色彩卻是最難控制的參數之一,因為它對畫質的影響最直接的,稍有不慎就會失真,整個GIF圖變得非常糟糕。


推薦使用PP鴨。這是一款非常好用的圖片壓縮軟體,Windows和Mac都可以用。特點在於,PP鴨壓縮圖片卻不改變尺寸和幀率,只在畫質、色彩上進行壓縮


左右滑動查看對比效果


所以PP鴨的壓縮效果非常好,在不改變尺寸和幀率的情況,依然能做到壓縮50%左右。公眾號又把GIF上限提到了5M,所以非常好用。


不過PP鴨是一款付費軟體,價格69.9元,支持支持寶支付。免費版可以壓縮10張圖片,大家可以根據自己的需求決定是否購買。



07. 到哪裡下載GIF


如果你是一位新媒體相關的從業人員,平時需要下載一些電影相關的GIF圖或者表情包,可以在下面幾個網站搜索。


www.soogif.com


soogif是一個不錯的GIF圖片下載網站。內容運營也做得不錯,會根據當下流行的綜藝、電影做相關主題的GIF呈現。比如:樂隊的夏天、千與千尋。


除此外soogif還提供了個GIF相關的編輯功能,比如:壓縮、裁剪、編輯、視頻轉GIF等。



glander.co


這個網站的GIF圖色彩比較獨特,而且比較抽象。你可以在這裡下載到一些看上去比較沙雕,但卻非常有趣的GIF動圖。



一個國外非常好用的GIF網站,素材涵蓋面非常廣。但也有缺點,就是打開速度比較煩,如果不番羽土嗇使用的話。




08. 寫在最後


之所以想寫這篇文章的原因還是來自公眾號後臺的更新,支持了上次5M以內的GIF圖片。對於經常編輯文字的我們來說,是一個巨大的好消息。


公眾號的改版一直都在進行,從一開始的只支持300K以下圖片、不能連續上傳圖片,慢慢到現在,界面也發生很多改變。


好的吧,我承認在最後打的字就是為了湊字數der。如果這篇文章對你有幫助,記得點一個在看呀。


下次見。




點「在看」的你,又變好看了 ▽

相關焦點

  • gif動圖太大怎麼縮小?gif動圖如何在線裁剪?
    一般想要縮小圖片的尺寸或者文件大小,常用的方法就是修改圖片尺寸或者使用圖片裁剪功能對圖片進行裁剪。那麼,在使用gif動圖的時候,怎樣能夠快速的裁剪gif圖片大小呢?下面教大家使用裁剪工具,快速完成在線裁剪gif尺寸,一起來看一下具體的操作步驟。
  • 如何在線製作gif引導動圖?
    在編輯推廣文章內容的時候,經常會使用gif動圖的形式來做引導關注,與靜態圖片相比,gif動圖更能夠對用戶產生吸引力。那麼怎樣才能快速完成引導關注gif在線製作呢?下面教大家套用模板,自製引導關注gif動圖的操作方法,只需簡單的幾步操作就可以輕鬆製作出不同類型的引導動圖,一起來學習一下吧!點擊宣傳動圖功能,在分類中點擊gif引導關注,查看所屬分類下的模板,其他分類下的模板也可以製作,根據所需類型。點擊合適的模板,然後點擊立即製作,以下圖模板為例。
  • 別再問怎麼做GIF動圖了,這篇文章教你搞定!
    但經常有人問我,PPT怎麼導出視頻,怎麼做成動圖?今天,我就讓有樂老師來教大家一招!其實想要把 PPT 動畫轉成 gif 並不難,只需以下兩步就可以搞定:❶ 將 PPT 動畫導出為視頻❷ 然後將視頻轉換為 gif 動圖(安利一個在線網站給你哦~)接下來,我們就一起操作一下吧!
  • GIF圖怎麼做?gif動圖電腦製作的操作技巧
    在與好友聊天的時候,經常會使用各種類型的動圖表情包,除了使用系統提供的動圖表情之外,還可以收藏好友發的動圖添加到收藏中使用,那麼如果想要自制gif動圖表情包的話該怎樣來進行操作呢?下面教大家在線製作gif動態圖片的操作方法,感興趣的小夥伴接著往下看吧。
  • 電腦如何製作gif文字動圖?文字GIF動畫生成的方法
    gif動圖的類型有很多種,比如在公眾號中常見的一種類型就是文字類型的引導動圖。那麼大家知道使用電腦怎樣才能快速的完成文字gif在線製作嗎,文字gif動畫生成的方法有哪些呢?下面教大家gif在線製作的操作方法,幫助大家快速完成文字gif動態圖片製作,大家一起來看一下如何操作吧。
  • 不翻牆高清無碼Gif動圖網,文案專用你懂得
    曾經我也這樣問過別人可別人給了我一堆外國的網站找個圖還讓別人翻牆如果不是為了那點事情誰願意翻牆還能不能好好做內容了而且翻牆速度慢到便秘啊5分鐘寫文章,2小時找圖片所以小明整理了7個超級好用的動圖網不用翻牆速度不錯高清無碼
  • 怎麼製作動圖gif?給表情包增添多一點樂趣
    平時看GIF動圖的時候,有沒有想過在此基礎上添加一些效果,用來做微信表情包?GIF動圖相相對比較靜態圖片更有趣生動,現在大多數人在聊天的試試都會給另一方發一些gif動態的表情包,只不過大多數人都是在網絡上下載他人製做好的動圖,假如自個還能夠親手製作,除了有滿足感之外,還能更強的表述自個的想法。今天就來學習學習,gif的製作方法,本文就教你如何在gif動圖上添加文字內容,方法很簡單,快來看看吧!
  • 如何將視頻動畫在線製作為gif動圖?
    不管是電視劇,電影,還是動畫等視頻類型中,有很多的畫面非常的有趣,可以將這些能夠製作gif動圖,作為表情包,在與好友聊天互動的時候進行使用,更好的表達自己的情緒,營造良好的氛圍。那麼,大家知道怎樣才能夠將視頻轉化gif動圖嗎?
  • 怎樣將png和jpg格式圖片合成gif動圖?
    jpg和png格式的圖片在日常生活中是使用廣泛的兩種圖片,那麼如果想將這兩種不同格式的靜態圖片合成一張gif動態圖片的話,該如何來進行操作呢?下面教大家使用gif合成工具,輕鬆在線合成png和jpg圖片動圖製作的方法,有需求的小夥伴一定要認真閱讀下面講述的操作步驟,一起來看一下。
  • gif圖片如何裁剪?怎麼裁剪動圖的大小?
    gif動圖在日常生活中是常用的圖片展現方式,但是有時候從網上下載的gif動圖會出現有水印或者圖片太大的情況,影響正常的使用。想要解決這個問題,大家可以使用gif裁剪功能,將所需使用的gif動圖部分裁剪出來,從而去掉無需使用的部分以及修改gif動圖的大小,下面給大家分享一下裁剪工具的使用方法。點擊導航欄中的gif工具,選擇gif裁剪功能,如下圖所示。
  • 怎樣用Python製作好玩的GIF動圖
    作者: 景略集智        https://jizhi.im/blog/post/pytogif程式設計師共讀整理髮布,轉載請聯繫作者獲得授權之前我們分享過用Python進行可視化的假如電腦上沒有安裝ImageMagick,先去這裡按照自己的電腦系統下載對應版本,如果我們想用matplotlib的save方法渲染GIF動圖,就需要安裝ImageMagick。下圖是我們製作的一個動圖示例:
  • 從動圖中導出圖片GIF轉幀圖片的方法
    大家平時肯定會遇到一些有趣的GIF動圖,這種動態圖片是由很多靜態的圖片組合處理而成的,將它放到gif製作工具上看,就能看到一幀幀靜態圖片。網上不乏有意思的GIF動畫內容,如果想要提取動圖中的其中一幀圖片,應該如何實現呢?
  • 手機動圖gif製作器
    手機動圖gif製作器今晚給大家分享的是一款每天都要用到的工具,GIF動圖製作神器,作為最潮流的圖片格式;GIF動圖深受大眾的喜愛,GIF形式的圖片不僅體積較小,而且簡單的動畫形式能夠生動形象的表現出圖片中的內容,而且現在不論是媒體還是日常鬥圖,都會出現
  • 電腦在線製作宣傳gif動圖的方法
    圖片是一種宣傳推廣常用的方式,那麼製作動態宣傳圖片的方法大家知道嗎,下面教大家套用模板,快速完成宣傳圖片製作的操作技巧,根據自己的需求,選擇合適的分類,找到所需的模板套用,只需要修改文字和logo圖片就可以快速完成宣傳gif製作,具體操作步驟如下,快學習一下吧。
  • GIF動圖製作工具大全,讓小白秒變PS大神!
    如果沒有一些與文章相符的動圖那麼我們的文章就會顯得想要找到自己心儀的動圖該怎麼破最簡單粗暴的方法就是去百度、微博小豬動圖GIF搜索網站等途徑尋找最優雅的方法是你可以自己製作啊!畢竟,自己動手,豐衣足食下面豬小妹將會介紹10種GIF動圖製作的工具本次將不會詳細介紹製作的教程畢竟咋們來日方長畢竟教程在接下來的日子裡總會有的
  • 【Photoshop教程】教你做GIF動圖
    今天來詳細講一講GIF動圖的製作。
  • 如何製作gif格式動態圖片?如何把短視頻做成gif動圖?
    gif動圖一般帶給大家都是比較愉悅好玩的感覺,而且動圖的類型也有很多種,比如閃圖,動畫,電視劇或者電影片段等等,都是非常常見的動圖類型。如果想要親自動手製作這種視頻類型的動圖該怎樣來進行操作呢?下面給大家分享一下gif動態圖片製作的方法,通過截取視頻轉gif動圖,一起來看一下具體的操作過程。點擊導航欄中的gif工具,選擇視頻轉gif功能。點擊選擇視頻,將想要截取片段的視頻上傳到網站。找到視頻截取的第一個畫面,選擇為開始時間,選擇截取的時長,最大支持15秒視頻截取,根據使用需求來選擇尺寸,點擊生成gif按鈕。
  • 怎樣把多張圖片合成GIF?如何製作gif動圖?
    GIF圖片比起靜態圖,它的展示效果會更好,視覺效果更具有衝擊性,所以在很多宣傳活動中經常會見到這種動圖。那麼怎樣才能簡單的製作出GIF,會不會很複雜?很多朋友表示根本不會製作,其實製作GIF很簡單的,只要藉助第三方軟體就能輕鬆搞定。至於怎麼實現呢?
  • 自製gif表情包,如何在gif動圖中繪製內容?
    最近,很多人在學習製作GIF動態圖片的時候,想要直接在gif原有的基礎上繪製點內容,那麼應該如何繪製呢?接下來,小編就將方法整理如下,希望能幫到大家哦!製作gif最簡單的方法,肯定是將生活中拍攝的好玩有趣的圖片直接製作成GIF動圖,比如配個文字,在上面塗鴉等。
  • 視頻製作Gif免費怎麼做?視頻製作動圖免費工具推薦!
    相信不少人都會對視頻製作Gif有興趣,有時候看到愛豆參加綜藝後的搞怪表情想作為Gif表情包的話,掌握方法後就能第一時間輸出了!以下介紹兩個視頻製作Gif的方法, 超級簡單快學起來吧!視頻製作Gif方法免費在線視頻製作Gif這是一個非常好用的在線視頻制Gif動圖的工具,你不用下載任何軟體,只需打開網站,然後上傳你的視頻就可以馬上製作了!跟著以下步驟試試:1.百度搜索「在線視頻轉Gif」,打開第一個頁面。