PS制作GIF動畫的七個技巧

時間：2024-01-06 08:46:54 志杰動畫設計我要投稿

相關推薦

PS制作GIF動畫的七個技巧

　　動畫設計好像挺簡單的，但能不能做得好看就是另一回事了。本篇文章教你如何生成并優化你的GIF動畫，喜歡的朋友往下看吧。

　　一、導入視頻

　　這里介紹我的一個小技巧：所有的GIF動畫都從一段視頻開始。這些視頻一般用ScreenFlow制作，而且我也經常用它制作一些產品視頻。這個軟件我認為很容易掌握，更重要的是它包含了一些很有用的動畫工具。將動畫以視頻格式導出之后，將視頻導入到Photoshop中(文件>導入>視頻幀到圖層)

　　二、顏色越少越好

　　如果想要你的GIF動畫的效果驚人，對顏色的選擇就要特別慎重。這個不僅僅會影響到最終文件的大小，而且使用的顏色越少，在單位體積內可以容納的動畫就越多，這樣就可以做出足夠長的GIF動畫，同時又大小控制在很小的范圍內(對我來說，1MB以下才算是小動畫)

　　三、多使用運動模糊

　　ScreenFlow和After Effect都可以導出帶有運動模糊的動畫。這不只會讓你的動畫看起來更專業，而且當你由于GIF的太大而不得不丟掉一些幀時，你可以丟掉一些模糊的幀而不影響效果。

　　四、精簡你的動畫

　　想像一下如果我為文章開頭的Gif動畫添加一些其他的東西會怎么樣?比如鼠標滑過顯示用戶名，添加幾個按鈕什么的，要不給光標來些特效。其實這些都最好不要出現，用戶沒有必要看到交互動畫的所有過程。所以，展示你最想展示的部分就好了——記住你的時間和容量是有限的。

　　五、丟掉重復的幀

　　你的動畫很多時候在一些時間點會停住。如果仔細觀察，你會發現這些時間點上有很多0.03秒的重復幀。刪掉這些重復的幀只留下一個，再將這個幀的持續時間修改長一點，像1秒這樣子。

　　六、減少顏色值

　　當Photoshop保存GIF時，在你的右邊有一個“顏色”的選項，嘗試修改一下數值看看效果怎么樣。在不影響動畫效果的條件下，可以盡量將這個值調小。

　　七、調整損耗值

　　老實說，我真不知道“損耗”具體是什么意思。但我知道將它調到1—10之間是不會影響動畫質量的，還可以縮減一些字節的容量。

　　七個技巧

　　1. 秘密武器

　　這就是我不可告人的小秘密：所有的GIF是從視頻文件開始的。我通常在ScreenFlow(www.telestream.net)里制作，我們也用它來制作產品視頻。它足夠簡單，學起來很快，內置了一些非常有用的動畫工具。

　　將動畫導出成視頻文件后，我通過文件>導入>視頻幀作為圖層將它導入到Photoshop里。

　　高級技巧：如果ScreenFlow或After Effects超出你的預算，可以在Keynote里創作你的動畫，然后導出成視頻。是的，最后有這個選項。

　　2. 更少的顏色，更多的樂趣

　　如果想要驚艷的GIF，你得精挑細選地使用顏色。它不僅會使文件大小激增，使用更少的顏色也能讓你制作更長、更復雜的GIF，而且文件仍然可以相對較小。

　　3. 可能的話，使用運動模糊

　　像ScreenFlow和After Effects這樣的軟件，能輸出帶有運動模糊效果的視頻。這不僅使你的動畫看起來更專業，而且為了壓縮文件尺寸，要從Photoshop中的GIF里刪掉一些幀，還能幫你蒙混過關。

　　4. 懶

　　想像一下，本文開頭的那個GIF，我本來還能加很多東西進去。帶有用戶名的小提示、一個鼠標指針點擊加號按鈕、鼠標滑過頭像觸發更多提示和懸停狀態。人們不用看到每個細節就能了解情況，所以就只展示需要展示的部分——時間和文件大小是有限的。

　　導出GIF

　　下面這些訣竅可能會讓你有些緊張，在這之前，先嘗試直接導出GIF。如果文件大小可以接受，那么很好!繼續這么做。如果它太大了，繼續往下看。

　　5. 刪除重復的幀

　　你的動畫很可能在某處會暫時停止。仔細觀察，你會發現這些片段包含了一大堆重復的幀，每個0.03秒。如果有10個重復幀，刪掉9個，把剩下的那個時間設長一些，比如說1秒。

　　如果這沒用，嘗試重新導入視頻，但這次要選間隔幀。它會顯著縮減文件大小。

　　高級技巧：這不是一條鐵律，但如果你的GIF有超過150幀，你就得花好一陣子來削減文件大小。

　　6. 縮減色彩

　　在Photoshop中保存GIF時，右邊能看到一個下拉菜單寫著“顏色”。隨便調調。只要GIF不會變成一團糟，設得越低越好。

　　7. 調整失真率

　　老實說，我甚至不知道失真率是什么意思。但我的確知道，如果你把它設置成1和10之間的某個數，就能在不降低畫質的情況下剔除很多kb。

【PS制作GIF動畫的七個技巧】相關文章：