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

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

　　一、導(dǎo)入視頻

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

　　二、顏色越少越好

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

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

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

　　四、精簡(jiǎn)你的動(dòng)畫

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

　　五、丟掉重復(fù)的幀

　　你的動(dòng)畫很多時(shí)候在一些時(shí)間點(diǎn)會(huì)停住。如果仔細(xì)觀察，你會(huì)發(fā)現(xiàn)這些時(shí)間點(diǎn)上有很多0.03秒的重復(fù)幀。刪掉這些重復(fù)的幀只留下一個(gè)，再將這個(gè)幀的持續(xù)時(shí)間修改長(zhǎng)一點(diǎn)，像1秒這樣子。

　　六、減少顏色值

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

　　七、調(diào)整損耗值

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

　　七個(gè)技巧

　　1. 秘密武器

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

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

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

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

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

　　3. 可能的話，使用運(yùn)動(dòng)模糊

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

　　4. 懶

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

　　導(dǎo)出GIF

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

　　5. 刪除重復(fù)的幀

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

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

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

　　6. 縮減色彩

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

　　7. 調(diào)整失真率

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

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

PS制作GIF動(dòng)畫設(shè)計(jì)的小技巧03-03

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

PS圖像處理的技巧10-21

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

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

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

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

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

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