閱讀屋>輔助設計與工程計算> PS製作GIF動畫設計的技巧

PS製作GIF動畫設計的技巧

PS製作GIF動畫設計的技巧

  製作GIF好像挺簡單的,但能不能做得好看就是另一回事了。本篇文章教你如何生成並最佳化你的GIF動畫,喜歡的朋友往下看吧!

  在InVision,GIF動畫可不僅僅是用來打發時間的。在我們的市場推廣和教育領域,GIF動畫扮演非常重要的角色。我們甚至會在網站主頁上使用GIF動畫,儘管這些動畫可以透過複雜的程式碼來實現。

  1.獨門秘方

  這裡介紹我的一個小技巧:所有的GIF動畫都從一段影片開始。這些影片一般用ScreenFlow製作,而且我也經常用它製作一些產品影片。這個軟體我認為很容易掌握,更重要的是它包含了一些很有用的動畫工具。將動畫以影片格式匯出之後,將影片匯入到Photoshop中(檔案>匯入>影片幀到圖層)

  提示:如果ScreenFlow和After Effect都不是你的菜,你也可以用Keynote做動畫,然後作為影片格式匯出。

  2.顏色越少越好

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

  3.多使用運動模糊

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

  4.學會偷懶——精簡你的動畫

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

  如果你已經懶得看下面的內容了,試著匯出你的GIF動畫,如果檔案的大小沒有問題的.話,那麼恭喜你,可以去幹別的事了。如果檔案太大,那我們來試試下面這些步驟。

  5.丟掉重複的幀

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

  如果上面的方法還不夠的話,重新匯入你的影片,但這一次勾選“限制到每2幀”。這次應該可以大大縮小動畫的大小。

  提示:這麼做不是必須的,但如果你的GIF超過了150幀的話,不這樣很難控制檔案的大小。

  6.減少顏色值

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

  7.調整損耗值

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

【PS製作GIF動畫設計的技巧】相關文章: