製作GIF好像挺簡單的，但能不能做得好看就是另一回事了。本篇文章教你如何生成並優化你的GIF動畫，喜歡的朋友往下看吧!
提示：原文最後有關於上面這個GIF動畫的快速教程，喜歡的朋友 可以點選原作者開啟看看，不過是英文的哦!
在InVision，GIF動畫可不僅僅是用來打發時間的。在我們的市場推廣和教育領域，GIF動畫扮演非常重要的角色。我們甚至會在網站主頁上使用GIF動畫，儘管這些動畫可以通過複雜的程式碼來實現。
那麼問題來了——這些GIF動畫都是怎麼做出來的呢?我覺得是時候洩露一些祕密了。
1.獨門祕方
這裡介紹我的一個小技巧：所有的GIF動畫都從一段視訊開始。這些視訊一般用ScreenFlow製作，而且我也經常用它製作一些產品視訊。這個軟體我認為很容易掌握，更重要的是它包含了一些很有用的動畫工具。將動畫以視訊格式匯出之後，將視訊匯入到Photoshop中(檔案>匯入>視訊幀到圖層)
提示：如果ScreenFlow和After Effect都不是你的菜，你也可以用Keynote做動畫，然後作為視訊格式匯出。
2.顏色越少越好
如果想要你的GIF動畫的'效果驚人，對顏色的選擇就要特別慎重。這個不僅僅會影響到最終檔案的大小，而且使用的顏色越少，在單位體積內可以容納的動畫就越多，這樣就可以做出足夠長的GIF動畫，同時又大小控制在很小的範圍內(對我來說，1MB以下才算是小動畫)
3.多使用運動模糊
ScreenFlow和After Effect都可以匯出帶有運動模糊的動畫。這不只會讓你的動畫看起來更專業，而且當你由於GIF的太大而不得不丟掉一些幀時，你可以丟掉一些模糊的幀而不影響效果。
4.學會偷懶——精簡你的動畫
想像一下如果我為文章開頭的Gif動畫新增一些其他的東西會怎麼樣?比如滑鼠滑過顯示使用者名稱，新增幾個按鈕什麼的，要不給游標來些特效。其實這些都最好不要出現，使用者沒有必要看到互動動畫的所有過程。所以，展示你最想展示的部分就好了——記住你的時間和容量是有限的。
匯出GIF動畫
如果你已經懶得看下面的內容了，試著匯出你的GIF動畫，如果檔案的大小沒有問題的話，那麼恭喜你，可以去幹別的事了。如果檔案太大，那我們來試試下面這些步驟。
5.丟掉重複的幀
你的動畫很多時候在一些時間點會停住。如果仔細觀察，你會發現這些時間點上有很多0.03秒的重複幀。刪掉這些重複的幀只留下一個，再將這個幀的持續時間修改長一點，像1秒這樣子。
