GIF動畫設計的7個小技巧
製作GIF好像挺簡單的,但能不能做得好看就是另一回事了。本篇文章教你如何生成並優化你的GIF動畫,有需要的同學們往下看吧!
設計GIF動畫
1.獨門祕方
這裏介紹我的一個小技巧:所有的GIF動畫都從一段視頻開始。這些視頻一般用ScreenFlow製作,而且我也經常用它製作一些產品視頻。這個軟件我認為很容易掌握,更重要的是它包含了一些很有用的動畫工具。將動畫以視頻格式導出之後,將視頻導入到Photoshop中(文件>導入>視頻幀到圖層)
提示:如果ScreenFlow和After Effect都不是你的菜,你也可以用Keynote做動畫,然後作為視頻格式導出。
2.顏色越少越好
如果想要你的GIF動畫的效果驚人,對顏色的選擇就要特別慎重。這個不僅僅會影響到最終文件的大小,而且使用的顏色越少,在單位體積內可以容納的動畫就越多,這樣就可以做出足夠長的GIF動畫,同時又大小控制在很小的範圍內(對我來説,1MB以下才算是小動畫)
3.多使用運動模糊
ScreenFlow和After Effect都可以導出帶有運動模糊的動畫。這不只會讓你的動畫看起來更專業,而且當你由於GIF的太大而不得不丟掉一些幀時,你可以丟掉一些模糊的幀而不影響效果。
4.學會偷懶——精簡你的動畫
想像一下如果我為文章開頭的`Gif動畫添加一些其他的東西會怎麼樣?比如鼠標滑過顯示用户名,添加幾個按鈕什麼的,要不給光標來些特效。其實這些都最好不要出現,用户沒有必要看到交互動畫的所有過程。所以,展示你最想展示的部分就好了——記住你的時間和容量是有限的。
導出GIF動畫
如果你已經懶得看下面的內容了,試着導出你的GIF動畫,如果文件的大小沒有問題的話,那麼恭喜你,可以去幹別的事了。如果文件太大,那我們來試試下面這些步驟。
5.丟掉重複的幀
你的動畫很多時候在一些時間點會停住。如果仔細觀察,你會發現這些時間點上有很多0.03秒的重複幀。刪掉這些重複的幀只留下一個,再將這個幀的持續時間修改長一點,像1秒這樣子。
如果上面的方法還不夠的話,重新導入你的視頻,但這一次勾選“限制到每2幀”。這次應該可以大大縮小動畫的大小。
提示:這麼做不是必須的,但如果你的GIF超過了150幀的話,不這樣很難控制文件的大小。
6.減少顏色值
當Photoshop保存GIF時,在你的右邊有一個“顏色”的選項,嘗試修改一下數值看看效果怎麼樣。在不影響動畫效果的條件下,可以儘量將這個值調小。
7.調整損耗值
老實説,我真不知道“損耗”具體是什麼意思。但我知道將它調到1—10之間是不會影響動畫質量的,還可以縮減一些字節的容量。
-
造型在三維動畫設計中的作用
動漫設計是通過現代藝術之理念和現代藝術之能力實踐的專業學習,培養學生的藝術美感、理性思維和創作鑑賞能力。下面是小編分享的造型在三維動畫設計中的作用,歡迎大家閲讀!一、造型可以幫助觀眾深刻的記憶動畫的重要特徵相信大家都看過“喜洋洋與灰太狼”這部動畫...
-
網頁動畫設計的技巧
一個網頁上的動畫元素,就能夠讓這個網頁與其它的網頁不一樣。在網站的網頁中摻插一些動畫雖然是可以,但是也需要掌握好技巧,才能夠讓做出來的動畫元素能美麗漂亮。那麼一般網站網頁動畫設計技巧是什麼?想要做好網頁動畫,可以瞭解下小編帶來的相關知識講解,一起來看...
-
中國資本與日本動畫的化學效應分析
在小編看來,無論是中國的動畫行業從業者,還是中國最普通的動畫觀眾,他們的喜好或者審美都或多或少地受到了日本動畫的影響。所以日本動畫產業未來的走向,很大一定程度上會影響中國相關產業領域的發展走勢,具有較高的研究價值。希望下文對你有所幫助形勢大好的日本動...
-
三維動畫廣告有什麼特點
三維動畫又稱3D動畫,隨着計算機軟硬件技術的發展而產生的一新興技術。三維動畫軟件在計算機中首先建立一個虛擬的世界,設計師在這個虛擬的三維世界中按照要表現的對象的形狀尺寸建立模型以及場景,再根據要求設定模型的運動軌跡、虛擬攝影機的運動和其它動畫參數,最...