PS制作GIF動(dòng)畫(huà)的七個(gè)技巧

　　動(dòng)畫(huà)設計好像挺簡(jiǎn)單的，但能不能做得好看就是另一回事了。本篇文章教你如何生成并優(yōu)化你的GIF動(dòng)畫(huà)，喜歡的朋友往下看吧。

　　一、導入視頻

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

　　二、顏色越少越好

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

　　三、多使用運動(dòng)模糊

　　ScreenFlow和After Effect都可以導出帶有運動(dòng)模糊的動(dòng)畫(huà)。這不只會(huì )讓你的動(dòng)畫(huà)看起來(lái)更專(zhuān)業(yè)，而且當你由于GIF的太大而不得不丟掉一些幀時(shí)，你可以丟掉一些模糊的幀而不影響效果。

　　四、精簡(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í)間和容量是有限的。

　　五、丟掉重復的幀

　　你的動(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秒這樣子。

　　六、減少顏色值

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

　　七、調整損耗值

　　老實(shí)說(shuō)，我真不知道“損耗”具體是什么意思。但我知道將它調到1—10之間是不會(huì )影響動(dòng)畫(huà)質(zhì)量的，還可以縮減一些字節的容量。

　　七個(gè)技巧

　　1. 秘密武器

　　這就是我不可告人的小秘密：所有的GIF是從視頻文件開(kāi)始的。我通常在ScreenFlow(www.telestream.net)里制作，我們也用它來(lái)制作產(chǎn)品視頻。它足夠簡(jiǎn)單，學(xué)起來(lái)很快，內置了一些非常有用的動(dòng)畫(huà)工具。

　　將動(dòng)畫(huà)導出成視頻文件后，我通過(guò)文件>導入>視頻幀作為圖層將它導入到Photoshop里。

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

　　2. 更少的顏色，更多的樂(lè )趣

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

　　3. 可能的話(huà)，使用運動(dòng)模糊

　　像ScreenFlow和After Effects這樣的軟件，能輸出帶有運動(dòng)模糊效果的視頻。這不僅使你的動(dòng)畫(huà)看起來(lái)更專(zhuān)業(yè)，而且為了壓縮文件尺寸，要從Photoshop中的GIF里刪掉一些幀，還能幫你蒙混過(guò)關(guān)。

　　4. 懶

　　想像一下，本文開(kāi)頭的那個(gè)GIF，我本來(lái)還能加很多東西進(jìn)去。帶有用戶(hù)名的小提示、一個(gè)鼠標指針點(diǎn)擊加號按鈕、鼠標滑過(guò)頭像觸發(fā)更多提示和懸停狀態(tài)。人們不用看到每個(gè)細節就能了解情況，所以就只展示需要展示的部分——時(shí)間和文件大小是有限的。

　　導出GIF

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

　　5. 刪除重復的幀

　　你的動(dòng)畫(huà)很可能在某處會(huì )暫時(shí)停止。仔細觀(guān)察，你會(huì )發(fā)現這些片段包含了一大堆重復的幀，每個(gè)0.03秒。如果有10個(gè)重復幀，刪掉9個(gè)，把剩下的那個(gè)時(shí)間設長(cháng)一些，比如說(shuō)1秒。

　　如果這沒(méi)用，嘗試重新導入視頻，但這次要選間隔幀。它會(huì )顯著(zhù)縮減文件大小。

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

　　6. 縮減色彩

　　在Photoshop中保存GIF時(shí)，右邊能看到一個(gè)下拉菜單寫(xiě)著(zhù)“顏色”。隨便調調。只要GIF不會(huì )變成一團糟，設得越低越好。

　　7. 調整失真率

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

【PS制作GIF動(dòng)畫(huà)的七個(gè)技巧】相關(guān)文章：

PS制作GIF動(dòng)畫(huà)設計的小技巧03-03

動(dòng)畫(huà)制作經(jīng)驗和技巧12-27

PS圖像處理的技巧10-21

動(dòng)畫(huà)的制作流程10-13

利用PS處理照片的使用技巧06-19

動(dòng)畫(huà)制作流程詳解11-25

廣告動(dòng)畫(huà)的制作流程04-18

PS自由變換工具使用技巧07-19

PS圖像處理的規范流程和技巧12-22