- 相關(guān)推薦
PS制作GIF動(dòng)畫(huà)設計的技巧
制作GIF好像挺簡(jiǎn)單的，但能不能做得好看就是另一回事了。本篇文章教你如何生成并優(yōu)化你的GIF動(dòng)畫(huà)，喜歡的朋友往下看吧！
在InVision，GIF動(dòng)畫(huà)可不僅僅是用來(lái)打發(fā)時(shí)間的。在我們的市場(chǎng)推廣和教育領(lǐng)域，GIF動(dòng)畫(huà)扮演非常重要的角色。我們甚至會(huì )在網(wǎng)站主頁(yè)上使用GIF動(dòng)畫(huà)，盡管這些動(dòng)畫(huà)可以通過(guò)復雜的代碼來(lái)實(shí)現。
1.獨門(mén)秘方
這里介紹我的一個(gè)小技巧：所有的GIF動(dòng)畫(huà)都從一段視頻開(kāi)始。這些視頻一般用ScreenFlow制作，而且我也經(jīng)常用它制作一些產(chǎn)品視頻。這個(gè)軟件我認為很容易掌握，更重要的是它包含了一些很有用的動(dòng)畫(huà)工具。將動(dòng)畫(huà)以視頻格式導出之后，將視頻導入到Photoshop中（文件>導入>視頻幀到圖層）
提示：如果ScreenFlow和After Effect都不是你的菜，你也可以用Keynote做動(dòng)畫(huà)，然后作為視頻格式導出。
2.顏色越少越好
如果想要你的GIF動(dòng)畫(huà)的效果驚人，對顏色的選擇就要特別慎重。這個(gè)不僅僅會(huì )影響到最終文件的大小，而且使用的顏色越少，在單位體積內可以容納的動(dòng)畫(huà)就越多，這樣就可以做出足夠長(cháng)的GIF動(dòng)畫(huà)，同時(shí)又大小控制在很小的范圍內（對我來(lái)說(shuō)，1MB以下才算是小動(dòng)畫(huà)）
3.多使用運動(dòng)模糊
ScreenFlow和After Effect都可以導出帶有運動(dòng)模糊的動(dòng)畫(huà)。這不只會(huì )讓你的動(dòng)畫(huà)看起來(lái)更專(zhuān)業(yè)，而且當你由于GIF的太大而不得不丟掉一些幀時(shí)，你可以丟掉一些模糊的幀而不影響效果。
4.學(xué)會(huì )偷懶——精簡(jiǎn)你的動(dòng)畫(huà)
想像一下如果我為文章開(kāi)頭的Gif動(dòng)畫(huà)添加一些其他的東西會(huì )怎么樣？比如鼠標滑過(guò)顯示用戶(hù)名，添加幾個(gè)按鈕什么的，要不給光標來(lái)些特效。其實(shí)這些都最好不要出現，用戶(hù)沒(méi)有必要看到交互動(dòng)畫(huà)的所有過(guò)程。所以，展示你最想展示的部分就好了——記住你的時(shí)間和容量是有限的。
如果你已經(jīng)懶得看下面的內容了，試著(zhù)導出你的GIF動(dòng)畫(huà)，如果文件的大小沒(méi)有問(wèn)題的話(huà)，那么恭喜你，可以去干別的事了。如果文件太大，那我們來(lái)試試下面這些步驟。
5.丟掉重復的幀
你的動(dòng)畫(huà)很多時(shí)候在一些時(shí)間點(diǎn)會(huì )停住。如果仔細觀(guān)察，你會(huì )發(fā)現這些時(shí)間點(diǎn)上有很多0.03秒的重復幀。刪掉這些重復的幀只留下一個(gè)，再將這個(gè)幀的持續時(shí)間修改長(cháng)一點(diǎn)，像1秒這樣子。
如果上面的方法還不夠的話(huà)，重新導入你的視頻，但這一次勾選“限制到每2幀”。這次應該可以大大縮小動(dòng)畫(huà)的大小。
提示：這么做不是必須的，但如果你的GIF超過(guò)了150幀的話(huà)，不這樣很難控制文件的大小。
6.減少顏色值
當Photoshop保存GIF時(shí)，在你的右邊有一個(gè)“顏色”的選項，嘗試修改一下數值看看效果怎么樣。在不影響動(dòng)畫(huà)效果的條件下，可以盡量將這個(gè)值調小。
7.調整損耗值
老實(shí)說(shuō)，我真不知道“損耗”具體是什么意思。但我知道將它調到1—10之間是不會(huì )影響動(dòng)畫(huà)質(zhì)量的，還可以縮減一些字節的容量。
【PS制作GIF動(dòng)畫(huà)設計的技巧】相關(guān)文章：
ps圖層設計的技巧07-12
介紹ps如何畫(huà)口紅的技巧07-10
怎么制作小米主題：[4]用PS制作點(diǎn)九圖07-10
2016年P(guān)S制作新年賀卡07-04
簡(jiǎn)歷制作技巧05-26
wps表格制作技巧07-05
求職簡(jiǎn)歷制作技巧07-11
qq影音怎么gif截圖07-13
利用ps制作情人節特效字體教程07-04