不權威動態圖片創作指南。

毋庸置疑，GIF 動圖已經變成了一種全新的敘事媒介，雖然它本身已經存在了 31 年。如果只是和周圍人鬥圖時用用表情包，我們大概不會知道，這種新型敘事媒介可以帶來多少驚喜。

圖片@colossal

圖片@cinemagraphs

圖片@plotaverse

圖片@topbook

以上是屬於四種完全不同的表現形式，但它們都可以用 GIF 表達出來。其中第一種是美國運動設計師 Marcus Martinez 所創作的彩虹色 GIF ；圖二的表現形式稱為 Cinemagraph ，也就是動態攝影；圖三稱為 Plotagraph ，粗略被稱為靜態動圖，但遠不止如此；圖四，是裸眼 3D 動圖，這幅圖由 Topbook 小夥伴自己製作。

如果你看過之前 Topbook 的影片教程，以上的形式，我們都有過教學影片。

如何製作動態攝影圖片（ Cinemagraph ）？

如何製作靜態動圖 ( Plotagraph ) ？

如何製作裸眼 3D 動圖？

一張幾秒鐘的動態圖片中，到底可以承載多少東西？我們相信，是無窮盡的。因為它的本質，是給了我們一種敘事媒介。除了剛才的創作外，它可以完成我們在微信公眾號頂部簡單的 LOGO 演繹，也可以做成一張圖形動畫，還可以在一些教學操作中發揮更大的作用。

圖片@giphy。com

而且，像可口可樂、香奈兒這樣的公司，以及我們國家的工商銀行，也都使用過 GIF 來進行廣告創作。如果你不止是想做一兩個表情包鬥鬥圖，也明白做一個好的 GIF 作品不是一蹴而就的事情，那麼，這個創作指南才算有意義。

關於 GIF 動圖的簡史

確切地說，現存最早的電影片段中，在 1888 年由發明家 Louis Le Price 拍攝的《Roundhay Garden Scene》，時長大概只有 2。11 秒。還不及如今的動圖。

Roundhay Garden Scene

不過，真正的 GIF 圖片，產生於100 年後的 1987 年。是一種基於 LZW 演算法的連續色調的無失真壓縮格式。這種格式可以儲存多幅彩色影象，動圖也是源自於此。由於非常不錯的壓縮技術。在撥號網路情景下，這種圖片依然能夠顯示。

然而火遍全球的，卻是另外一張動圖，一個嬰兒跳舞的圖片——它的爆紅似乎預示了，當下 GIF 動圖能夠自帶表情包的天生屬性。

嬰兒跳舞@《連線》

本來，世界上第一張動圖由一家叫做 CompuServe 的公司所創作。後來，一家名為Unisys 的公司跳出來說， LZW 技術當中的 W 部分屬於他們，凡事需要使用該技術的，都需要支付費用。於是，在 2006 年版權失效以前，GIF 被主流的其他圖片格式所取代。

網際網路時代的到來，讓 GIF 重歸人們視野，加上它本身對於軟體、平臺、網路的不依賴，以及自身的魔性基因，更是被大眾所接受。

你可以在一個很老土的電腦中播放它，可以在任意一個瀏覽器、郵件當中播放它……更不用提現在的高速網路、智慧手機、社交平臺了。

哲學家路德維希·維特根斯坦曾說，書本語言過於複雜，留下太多需要解釋的空白。唐代高蟾也說 “世間無限丹青手，一片傷心畫不成”，但 GIF 不同於文字，也不同於普通的圖片，似乎用有一種天生的魔力，這種魔力大概可以概括為四個字 —— 會心一笑。

這也是為什麼我們能夠從最初的 emoji 發展到現在隨處可見的表情包。而這種魔力了也讓一家公司 —— GIPHY 連續獲得上億美元融資，成為當下動圖搜尋界的谷歌，擁有不可限量的商業價值 。

giphy。com

GIF 動圖的製作

在專業領域，從來不會說，如何能夠透過一個簡短過程，製作一個高大上的動圖。作為一種敘事媒介，它和其他的表達形式並無二致，沒有過於複雜的地方。當你問，“ 如何製作一個 GIF 圖 ”，其實就相當於問，“ 如何製作一張 JPEG 圖 ” ，這毫無意義。

拍一張照片、PS 做一份設計、從網上下載一張、從影片裡擷取一張……自然你就擁有了一張 JPEG 圖；同樣的，隨著技術的革新，你可以拍一張動圖、從影片擷取或錄製一張動圖、自己製作一張動圖，又或者下載一張動圖。

① 動圖下載

在一些優質的動圖網站上直接下載，是獲得好動圖的不錯選擇，比如我們之前推薦過的動圖下載站：

五個不錯的動圖下載網站；

② 動圖的擷取和錄製

擷取和錄製是針對不同的內容。擷取主要是從影片當中擷取相應的段落，錄製包括影片錄製在內，可以錄製軟體介面、系統視窗等等內容。關於這個，我們之前也推薦過五個不錯的錄製工具：

五個不錯的動圖製作工具；

這其中，我們最常用的是 GIFCAM 以及 Screen to Gif 。如果選擇困難，可以直接使用後者，學習成本並不高。

特別需要強調的是對版權的尊重，動圖版權這一塊的的版權意識和圖片一樣薄弱，但需要我們自己去維護。

③ 動圖的拍攝

現在的很多智慧手機都能夠直接拍攝動圖，比如我們目前使用的 iPhone 系列，以及華為榮耀系列；不過要擁有 GIF 格式的動圖，可以使用一些專門的動圖拍攝軟體，如 BIU 這樣的動圖拍攝軟體，並且還可以製作相應的表情包。我們剛才提到的 Giphy 也出了一款 Giphy Cam ，用於拍攝和製作；

拍攝的另一種，是直接拍攝連續多張圖片。這些拍攝的圖片最終將用於後期合成。拍攝幾張，後期合成即可做成表情。

圖片@giphy。com

拍攝足夠數量並拼接起來，即可做成延時攝影，輸出格式為 GIF 就是動圖，輸入為影片，最終就成為延時攝影影片。

圖片@giphy。com

對延時攝影感興趣的話，可以去相關論壇或者微信上自己搜尋檢視。如上圖的攝影方式，自己有一個手機也可以做到。在地鐵車頭或車尾，開啟手機的延時攝影選項，框選出合適的景別，保持手位置不動，越穩定越好。

④ 動圖的製作

回到剛才說的問題，當我們問 “如何製作一個好的動圖 ”，其實和問 “ 如何拍一張好的照片 ”、“ 如何做一個好的影片 ”、“ 如何做一份好的平面設計 ” 是一個道理。可以這樣子打比方：

優秀的手繪師 +動圖工具=優質的手繪動圖；

優秀的平面設計師 +動圖工具=優質的平面動圖；

優秀的 AE 動畫師 +動圖工具=優質的特效動圖；

優秀的攝影師 +動圖工具=微動攝影 / 裸眼 3D …

比如我們的 LOGO 演繹被問了無數遍，其實是透過 AE 特效軟體製作，然後轉換成 GIF 格式。這其中，從影片錄製成 GIF ，還是直接生成 GIF ，還是生成一張張圖片，再合成 GIF ，都不重要，重要的是，你在 AE 設計上，花費過心思和時間；

Topbook的片頭是如何製作的

https：//www。zhihu。com/video/1020697698663432192

如果你願意學習 AE ，不用等我們的付費課程，因為特效軟體的操作已經不在高效生活的範疇，至少近期不會有這個計劃。我們推薦隔壁 doyoudo 的小夥伴。

然後其他的，你應該瞭然於心了，學平面設計、學手繪、學攝影，都是做好這些的出路。不過現在就想開始做 GIF 動圖，怎麼辦呢？

首先，透過搜尋引擎搜尋 ［ 動圖製作工具 ］ ，可以找到無數的平臺、軟體，大多工具的製作方式主要為：幫你把幾張不同的照片拼合在一起。實際上，這樣的工具算不得從零開始製作，並且能夠用到這些工具的，大多也做不出多好的成品；

用這樣的工具，不如用我們剛剛推薦的動圖擷取工具 Screen to Gif，它同時也是一款編輯器。把幾張圖片匯入到其中，同時可以畫圖、寫字、做水印，設定時間，匯出即可。你所拍攝的連續圖片，就可以透過這樣的方式直接處理，得到需要的動圖；

而從零開始製作一張好的動圖，最好的工具，依然建議 PS ，我們此前也做過類似的操作影片，不過也許有些過時了，有機會我們會再更新。

使用 PS 製作動圖（一）；

使用 PS 製作動圖（二）；

好了，以上是關於 GIF 動圖創作，我們所有的心得。

如果你讀到這個地方，相信已經心裡有了一定的認知。至於為什麼要說那麼多關於歷史方面的的內容，而不直接了講技術。

事實上，懂技術的人遍地都是，會思考的人屈指可數。

更多資源技能歡迎前往我們的官網檢視：topbook.cc

收藏也要點贊，可不敢白嫖！

Copyright.

轉載&商務合作請聯絡微信 yanghuaua 。