不權威動態圖片創作指南。
來自專欄 Topbook
6 人贊了文章
毋庸置疑,GIF 動圖已經變成了一種全新的敘事媒介,雖然它本身已經存在了 31 年。如果只是和周圍人斗圖時用用表情包,我們大概不會知道,這種新型敘事媒介可以帶來多少驚喜。



以上是屬於四種完全不同的表現形式,但它們都可以用 GIF 表達出來。其中第一種是美國運動設計師 Marcus Martinez 所創作的彩虹色 GIF ;圖二的表現形式稱為 Cinemagraph ,也就是動態攝影;圖三稱為 Plotagraph ,粗略被稱為靜態動圖,但遠不止如此;圖四,是裸眼 3D 動圖,這幅圖由 Topbook 小夥伴自己製作。
如果你看過之前 Topbook 的視頻教程,以上的形式,我們都有過教學視頻。
如何製作動態攝影圖片( Cinemagraph )?
如何製作靜態動圖 ( Plotagraph ) ?
如何製作裸眼 3D 動圖?
一張幾秒鐘的動態圖片中,到底可以承載多少東西?我們相信,是無窮盡的。因為它的本質,是給了我們一種敘事媒介。除了剛才的創作外,它可以完成我們在微信公眾號頂部簡單的 LOGO 演繹,也可以做成一張圖形動畫,還可以在一些教學操作中發揮更大的作用。

而且,像可口可樂、香奈兒這樣的公司,以及我們國家的工商銀行,也都使用過 GIF 來進行廣告創作。如果你不止是想做一兩個表情包鬥鬥圖,也明白做一個好的 GIF 作品不是一蹴而就的事情,那麼,這個創作指南才算有意義。
關於 GIF 動圖的簡史
確切地說,現存最早的電影片段中,在 1888 年由發明家 Louis Le Price 拍攝的《Roundhay Garden Scene》,時長大概只有 2.11 秒。還不及如今的動圖。

不過,真正的 GIF 圖片,產生於100 年後的 1987 年。是一種基於 LZW 演算法的連續色調的無損壓縮格式。這種格式可以存儲多幅彩色圖像,動圖也是源自於此。由於非常不錯的壓縮技術。在撥號網路情景下,這種圖片依然能夠顯示。
然而火遍全球的,卻是另外一張動圖,一個嬰兒跳舞的圖片——它的爆紅似乎預示了,當下 GIF 動圖能夠自帶表情包的天生屬性。
本來,世界上第一張動圖由一家叫做 CompuServe 的公司所創作。後來,一家名為Unisys 的公司跳出來說, LZW 技術當中的 W 部分屬於他們,凡事需要使用該技術的,都需要支付費用。於是,在 2006 年版權失效以前,GIF 被主流的其他圖片格式所取代。
互聯網時代的到來,讓 GIF 重歸人們視野,加上它本身對於軟體、平台、網路的不依賴,以及自身的魔性基因,更是被大眾所接受。
你可以在一個很老土的電腦中播放它,可以在任意一個瀏覽器、郵件當中播放它……更不用提現在的高速網路、智能手機、社交平台了。
哲學家路德維希·維特根斯坦曾說,書本語言過於複雜,留下太多需要解釋的空白。唐代高蟾也說 「世間無限丹青手,一片傷心畫不成」,但 GIF 不同於文字,也不同於普通的圖片,似乎用有一種天生的魔力,這種魔力大概可以概括為四個字 —— 會心一笑。
這也是為什麼我們能夠從最初的 emoji 發展到現在隨處可見的表情包。而這種魔力了也讓一家公司 —— GIPHY 連續獲得上億美元融資,成為當下動圖搜索界的谷歌,擁有不可限量的商業價值 。

GIF 動圖的製作
在專業領域,從來不會說,如何能夠通過一個簡短過程,製作一個高大上的動圖。作為一種敘事媒介,它和其他的表達形式並無二致,沒有過於複雜的地方。當你問,「 如何製作一個 GIF 圖 」,其實就相當於問,「 如何製作一張 JPEG 圖 」 ,這毫無意義。
拍一張照片、PS 做一份設計、從網上下載一張、從視頻里截取一張……自然你就擁有了一張 JPEG 圖;同樣的,隨著技術的革新,你可以拍一張動圖、從視頻截取或錄製一張動圖、自己製作一張動圖,又或者下載一張動圖。
① 動圖下載
在一些優質的動圖網站上直接下載,是獲得好動圖的不錯選擇,比如我們之前推薦過的動圖下載站:
五個不錯的動圖下載網站;
② 動圖的截取和錄製
截取和錄製是針對不同的內容。截取主要是從視頻當中截取相應的段落,錄製包括視頻錄製在內,可以錄製軟體界面、系統窗口等等內容。關於這個,我們之前也推薦過五個不錯的錄製工具:
五個不錯的動圖製作工具;
這其中,我們最常用的是 GIFCAM 以及 Screen to Gif 。如果選擇困難,可以直接使用後者,學習成本並不高。
特別需要強調的是對版權的尊重,動圖版權這一塊的的版權意識和圖片一樣薄弱,但需要我們自己去維護。
③ 動圖的拍攝
現在的很多智能手機都能夠直接拍攝動圖,比如我們目前使用的 iPhone 系列,以及華為榮耀系列;不過要擁有 GIF 格式的動圖,可以使用一些專門的動圖拍攝軟體,如 BIU 這樣的動圖拍攝軟體,並且還可以製作相應的表情包。我們剛才提到的 Giphy 也出了一款 Giphy Cam ,用於拍攝和製作;
拍攝的另一種,是直接拍攝連續多張圖片。這些拍攝的圖片最終將用於後期合成。拍攝幾張,後期合成即可做成表情。

拍攝足夠數量並拼接起來,即可做成延時攝影,輸出格式為 GIF 就是動圖,輸入為視頻,最終就成為延時攝影視頻。
對延時攝影感興趣的話,可以去相關論壇或者微信上自己搜索查看。如上圖的攝影方式,自己有一個手機也可以做到。在地鐵車頭或車尾,打開手機的延時攝影選項,框選出合適的景別,保持手位置不動,越穩定越好。
④ 動圖的製作
回到剛才說的問題,當我們問 「如何製作一個好的動圖 」,其實和問 「 如何拍一張好的照片 」、「 如何做一個好的視頻 」、「 如何做一份好的平面設計 」 是一個道理。可以這樣子打比方:
優秀的手繪師 +動圖工具=優質的手繪動圖;
優秀的平面設計師 +動圖工具=優質的平面動圖;優秀的 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 .
推薦閱讀:
※「藝術之家」之吳元奎吳靜一倪蓓蓓篇、李嘯李楷凡篇
※《賢者臨風——倫傑賢書畫藝術展》明日開展(組圖)
※天地之靈 華貴雍容——晉國玉器藝術與賞析
※攝影作品《盆景藝術》
※男女通吃的天界種馬——宙斯情史



