PS制作GIF動畫設(shè)計的小技巧

　　制作GIF好像挺簡單的，但能不能做得好看就是另一回事了。本篇文章教你如何PS制作GIF動畫設(shè)計的小技巧，喜歡的朋友往下看吧!

　　在InVision，GIF動畫可不僅僅是用來打發(fā)時間的。在我們的市場推廣和教育領(lǐng)域，GIF動畫扮演非常重要的角色。我們甚至?xí)�在網(wǎng)站主頁上使用GIF動畫，盡管這些動畫可以通過復(fù)雜的代碼來實現(xiàn)。那么問題來了——這些GIF動畫都是怎么做出來的呢?我覺得是時候泄露一些秘密了。

　　設(shè)計GIF動畫

　　1.獨門秘方

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

　　提示：如果ScreenFlow和After Effect都不是你的菜，你也可以用Keynote做動畫，然后作為視頻格式導(dǎo)出。

　　2.顏色越少越好

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

　　3.多使用運動模糊

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

　　4.學(xué)會偷懶——精簡你的動畫

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

　　導(dǎo)出GIF動畫

　　如果你已經(jīng)懶得看下面的內(nèi)容了，試著導(dǎo)出你的GIF動畫，如果文件的大小沒有問題的話，那么恭喜你，可以去干別的事了。如果文件太大，那我們來試試下面這些步驟。

　　5.丟掉重復(fù)的幀

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

　　如果上面的方法還不夠的話，重新導(dǎo)入你的視頻，但這一次勾選“限制到每2幀”。這次應(yīng)該可以大大縮小動畫的大小。

　　提示：這么做不是必須的，但如果你的GIF超過了150幀的話，不這樣很難控制文件的大小。

　　6.減少顏色值

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

　　7.調(diào)整損耗值

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

　　如果嘗試了上面所有方法，但還是不能很好的壓縮GIF的體積，怎么辦?這時你就要重新審視你的動畫，是不是東西太多了，有沒有其他更好的方法實現(xiàn)你想要的效果，又或者可以將你的動畫分割成幾個小部分。相信和大多極具創(chuàng)造性的產(chǎn)品一樣，只要專注一件事，你的GIF一定會做得更好。

　　跳動的小球ps制作gif動畫具體步驟

　　啟動photoshop cs6，執(zhí)行窗口-時間軸命令，在編輯區(qū)域下方調(diào)出時間軸，查看編輯窗口布局。

　　執(zhí)行文件-新建命令，新建一個大小為400x600，名稱為“跳動的小球”，分辨率為72，背景色為黑色的文件。

　　選擇工具箱里橢圓工具，按住shift鍵在畫布頂端中央位置繪制一個正圓，執(zhí)行編輯-填充命令，選擇前景色填充。

　　選擇時間軸面板，在時間軸面板中點擊創(chuàng)建視頻時間軸按鈕，在下方出現(xiàn)時間軸界面。

　　在圖層面板中選擇圖層0，右鍵單擊在下拉菜單中選擇轉(zhuǎn)換為智能對象命令，將該圖層進行轉(zhuǎn)換為智能對象。

　　在時間軸面板中點擊橢圓1右下角的三角形，展開該三角形下方里的所有選項，進行查看，有變換、不透明度和樣式三項。

　　在時間軸上將指針拖拽到00處，點擊變換命令，然后點擊前面的“在播放頭處添加或移去關(guān)鍵幀”按鈕添加關(guān)鍵幀。

　　將指針移動到5f處，執(zhí)行編輯-自由變換命令，對紅色的圓球進行變換，將其中心點移動到頂端位置，垂直h值設(shè)置為140%，然后進行確定。

　　接著將指針移動到10f的位置，執(zhí)行編輯-自由變換命令，將其中心點移動到低端，垂直h設(shè)置為100%，然后確定。

　　將指針移動到1s處，按住shift鍵將圓移動到低端。并且將圓的低端與畫布的低端對齊。

　　將指針移動到1-2s之間的5f處，執(zhí)行編輯-自由變換命令，將圓的中心點移動到底邊位置，垂直H設(shè)置為140%，然后確定。

　　接著將指針移動到1-2s之間的20f處，執(zhí)行編輯-自由變換命令，將圓的中心點移動到圓的頂端位置，垂直H設(shè)置為100%，然后確定。

　　將指針移動到2-3s之間的10f處，按住shift鍵將圓拖拽到頂端與畫布頂端平齊。

　　將指針移動到2-3s之間的15f處，執(zhí)行編輯-自由變換命令，將圓的中心點移動到圓的頂端，垂直H設(shè)置為60%進而確定。

　　將指針移動到2-3s之間的20f處，執(zhí)行編輯-自由變換命令，將圓的中心點移動到圓的頂端位置，垂直H設(shè)置為100%進而確定。

　　到此所有關(guān)鍵幀都設(shè)置完畢，可以進行預(yù)覽，執(zhí)行文件-存儲為web所用的格式。

【PS制作GIF動畫設(shè)計的小技巧】相關(guān)文章：

PS圖像處理的技巧10-21

AE影視后期特效制作小技巧04-08

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

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

2023最新PPT制作技巧04-28

影視制作鏡頭的技巧09-22

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

傳統(tǒng)動畫設(shè)計與Flash動畫設(shè)計的區(qū)別09-05

學(xué)習(xí)古琴的小技巧10-16