當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

動畫技巧,七個GIF動畫的小提示

來源:站酷 作者:UIrgw 學習:10406人次

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>theoat.com.cn

在InVision,Gif動畫不僅僅只是為了增加畫面效果,他們起到了很關(guān)鍵的宣傳和教育意義。我們甚至把這些Gif動畫放在我們官網(wǎng)主頁上,而不是用代碼做出的小動畫。

最終,人們會好奇“如何做出這些高質(zhì)量的Gif動畫呢?”,因此我們有必要在這里和大家講下了。

設(shè)計GIFs動畫

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

這是我的小訣竅,我所有的Gifs都以視頻開始。我經(jīng)常在一些錄屏軟件里制作它們,我的一些制作產(chǎn)品視頻也是這樣做的。它學起來很容易而且很快,但是它們卻包含有些很有用的動畫制作工具。

當我把它們按視頻格式出后,我通過文件—導入—視頻幀到圖層。

專業(yè)技巧:假如你們有安裝錄屏軟件或者AE,你也可以在Keynote里創(chuàng)建,然后導出視頻。當然還有最后一步導入到PS中。 2.少一點顏色,多一些歡樂。

如果你想創(chuàng)作出令人振奮的GIF動畫,你需要非常嚴格的控制顏色的運用。不僅僅是因為它增加文件容量大小,而且運用更少的顏色可以使你GIF更長,當然文件大小相對來說也會更小。(對我來說不大于1MB)。

3. 必要的話,運用動態(tài)模糊

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

錄屏軟件和AE允許你的項目帶有動態(tài)模糊。這不僅使你的動畫更加專業(yè),也可以幫助你修飾一些不足如果你的動畫導入到PS中丟失了一些幀數(shù)。

4.學會偷懶

想象一下你把所有其他的信息全部加入到文章頂部的GIF中,一些細小的帶有名字的工具提示、可點擊的按鈕,鼠標經(jīng)過他們的浮動效果,更多的工具條提示和浮動狀態(tài)提示。人們不需要從這個圖片中看到一切,因此只需要把有用的信息展示給用戶,時間和文件大小都是制約這些的因素。

導出GIF動畫

在你仔細閱讀下面的提示之前,先嘗試導出你的GIF,假如文件大小很合理,那么表示你做的很好!繼續(xù)做你想做的。假如文件很大,嘗試下下面的提示。

5.丟掉那些重復(fù)的幀數(shù)

有時候你的動畫特別喜歡停頓或停止。如果你仔細觀察,你會注意到這些時刻包含有大量重復(fù)的關(guān)鍵幀在這0.03秒時間內(nèi),假如有10個關(guān)鍵幀,那么刪掉9個,然后設(shè)置剩下的一個關(guān)鍵幀時間更長一些,比如1秒鐘。

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

如果還是沒有用,嘗試下重新導入視頻,但是這次選擇每兩幀導入一次。會很顯著的降低你文件的大小。

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

專業(yè)技巧提示:如果你的GIF超過150幀,那么將會很難把你文件大小降下來,但是這不是一個硬性的規(guī)則。

6.減少顏色

當你在PS中保存你的GIF時,你會在右邊看到一個關(guān)于顏色的下拉菜單,盡量設(shè)置低一點但是不要你的GIF變成一團垃圾。

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

7. 調(diào)整你的損耗

老實說吧,我不知道你會損耗什么。但是我確定如果你設(shè)置它為1到10之間,你會扔掉很多無用的字節(jié),對你GIF質(zhì)量卻沒有任何影響。

動畫技巧,七個GIF動畫的小提示_theoat.com.cn
<點圖片看大圖>

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!