動畫技巧，七個GIF動畫的小提示

<點圖片看大圖>theoat.com.cn

在InVision，Gif動畫不僅僅只是為了增加畫面效果，他們起到了很關(guān)鍵的宣傳和教育意義。我們甚至把這些Gif動畫放在我們官網(wǎng)主頁上，而不是用代碼做出的小動畫。

最終，人們會好奇“如何做出這些高質(zhì)量的Gif動畫呢？”，因此我們有必要在這里和大家講下了。

設(shè)計GIFs動畫

<點圖片看大圖>

這是我的小訣竅，我所有的Gifs都以視頻開始。我經(jīng)常在一些錄屏軟件里制作它們，我的一些制作產(chǎn)品視頻也是這樣做的。它學(xué)起來很容易而且很快，但是它們卻包含有些很有用的動畫制作工具。

當(dāng)我把它們按視頻格式出后，我通過文件—導(dǎo)入—視頻幀到圖層。

專業(yè)技巧：假如你們有安裝錄屏軟件或者AE，你也可以在Keynote里創(chuàng)建，然后導(dǎo)出視頻。當(dāng)然還有最后一步導(dǎo)入到PS中。 2.少一點顏色，多一些歡樂。

如果你想創(chuàng)作出令人振奮的GIF動畫，你需要非常嚴格的控制顏色的運用。不僅僅是因為它增加文件容量大小，而且運用更少的顏色可以使你GIF更長，當(dāng)然文件大小相對來說也會更小。（對我來說不大于1MB）。

3. 必要的話，運用動態(tài)模糊

<點圖片看大圖>

<點圖片看大圖>

錄屏軟件和AE允許你的項目帶有動態(tài)模糊。這不僅使你的動畫更加專業(yè)，也可以幫助你修飾一些不足如果你的動畫導(dǎo)入到PS中丟失了一些幀數(shù)。

4.學(xué)會偷懶

想象一下你把所有其他的信息全部加入到文章頂部的GIF中，一些細小的帶有名字的工具提示、可點擊的按鈕，鼠標經(jīng)過他們的浮動效果，更多的工具條提示和浮動狀態(tài)提示。人們不需要從這個圖片中看到一切，因此只需要把有用的信息展示給用戶，時間和文件大小都是制約這些的因素。

導(dǎo)出GIF動畫

在你仔細閱讀下面的提示之前，先嘗試導(dǎo)出你的GIF，假如文件大小很合理，那么表示你做的很好！繼續(xù)做你想做的。假如文件很大，嘗試下下面的提示。

5.丟掉那些重復(fù)的幀數(shù)

有時候你的動畫特別喜歡停頓或停止。如果你仔細觀察，你會注意到這些時刻包含有大量重復(fù)的關(guān)鍵幀在這0.03秒時間內(nèi)，假如有10個關(guān)鍵幀，那么刪掉9個，然后設(shè)置剩下的一個關(guān)鍵幀時間更長一些，比如1秒鐘。

<點圖片看大圖>

如果還是沒有用，嘗試下重新導(dǎo)入視頻，但是這次選擇每兩幀導(dǎo)入一次。會很顯著的降低你文件的大小。

<點圖片看大圖>

專業(yè)技巧提示：如果你的GIF超過150幀，那么將會很難把你文件大小降下來，但是這不是一個硬性的規(guī)則。

6.減少顏色

當(dāng)你在PS中保存你的GIF時，你會在右邊看到一個關(guān)于顏色的下拉菜單，盡量設(shè)置低一點但是不要你的GIF變成一團垃圾。

<點圖片看大圖>

7. 調(diào)整你的損耗

老實說吧，我不知道你會損耗什么。但是我確定如果你設(shè)置它為1到10之間，你會扔掉很多無用的字節(jié)，對你GIF質(zhì)量卻沒有任何影響。

<點圖片看大圖>