既然眼下GIF這么流行，那就來聊聊設(shè)計(jì)高逼格GIF的7個(gè)小技巧吧
來源：Medium
作者：Andy Orsow
編譯：Loki Hao
對(duì)于 InVision （一個(gè)設(shè)計(jì)協(xié)作平臺(tái)）來說，GIF 不僅僅為了娛樂消遣，它們?cè)?InVision 的營(yíng)銷、教育方面都扮演了一個(gè)重要的角色，甚至我們公司官網(wǎng)的首頁(yè)都用 GIF 代替了基于代碼的動(dòng)畫。
最終，人們開始好奇我們是如何制作這些 GIF 的？所以我們認(rèn)為，是時(shí)候透露一些技巧了。
設(shè)計(jì)GIF
1、秘密武器
這是我的小秘訣：所有的 GIF 都由視頻格式開始。我通常用 ScreenFlow 制作 GIF，這也是我們制作產(chǎn)品視頻時(shí)使用的工具。ScreenFlow 學(xué)起來不僅簡(jiǎn)單，也很快，但是注意要選擇一些漂亮又實(shí)用的動(dòng)畫工具。
當(dāng)我導(dǎo)出動(dòng)畫保存為視頻格式后，接下來在 PS 里將其導(dǎo)入，通過選擇：文件→導(dǎo)入→視頻幀到圖層。
專業(yè)技巧：如果 ScreenFlow 和 After Effects 不在你的預(yù)算里，你可以在 Keynote 里面制作動(dòng)畫，然后導(dǎo)出為視頻。
2、色彩越少=更多樂趣
如果你想要做出令人驚艷的 GIF，你真的要有選擇性的使用顏色。這不僅僅是因?yàn)轭伾珪?huì)占據(jù)大部分的文件大小，而且越少的顏色會(huì)讓你做出更長(zhǎng)、更復(fù)雜的 GIF，文件大小也會(huì)相對(duì)的小。（對(duì)我來說，“小”是1MB 以內(nèi)。)
3、盡可能使用動(dòng)態(tài)模糊效果
軟件像 ScreenFlow 和 After Effects 可以讓你導(dǎo)出動(dòng)態(tài)模糊的視頻。這不僅僅會(huì)讓你的動(dòng)畫看上去更專業(yè)，而且如果考慮到文件大小，你不得不在PS里面放棄幀數(shù)的話，它還可以幫你把某些動(dòng)作變模糊一點(diǎn)。
4、偷（點(diǎn)）懶
想象一下，我原本可以在文章開頭的GIF上面加很多元素。如用戶名，點(diǎn)擊加號(hào)、在臉上徘徊、展開更多提示和徘徊狀態(tài)的光標(biāo)。其實(shí)，人們不需要看到圖片上的所有信息，所以只要展示你需要展示的部分既可——畢竟，你的時(shí)間和文件大小是有限的。
導(dǎo)出GIF
在你對(duì)接下來的技巧感到緊張之前，盡管試著導(dǎo)出 GIF 吧。如果導(dǎo)出的是一個(gè)合理的文件大小，說明你做的不錯(cuò)！然后繼續(xù)做你該做的。如果文件太大，試
試下面這些技巧：
5、放棄復(fù)制幀
你的動(dòng)畫很有可能在某些點(diǎn)暫停或靜止了。如果你仔細(xì)看，你會(huì)發(fā)現(xiàn)這些瞬間包含了很多持續(xù)了0.03秒的復(fù)制幀。如果有10個(gè)復(fù)制幀，刪除其中9個(gè)，然后把剩下那一個(gè)幀的持續(xù)時(shí)間設(shè)置長(zhǎng)一點(diǎn)，比如1秒。
如果還是沒有幫助，試著重新導(dǎo)入視頻。但是這次，選擇限制每2幀，它會(huì)大幅度縮小文件大小。
6、減少顏色
當(dāng)在 PS 里保存 GIF 時(shí)，你會(huì)看到右邊有一個(gè)顏色下拉菜單，然后就選擇最適合的那個(gè)數(shù)字把。在沒有把你的 GIF 變成廢物前，盡可能降低顏色。
7、調(diào)整損耗
說實(shí)話，我都不知道損耗是什么意思。但我可以確定的是，如果你把損耗調(diào)至1-10之間時(shí)，會(huì)減少一些千字節(jié)，同時(shí)還不會(huì)減低 GIF 的質(zhì)量。
如果你已經(jīng)嘗試過上面提到的所有技巧，但是 GIF 的大小依舊沒有被壓縮，那你就要退后一步看看。是不是因?yàn)槟闾^于追求完美？還有沒有其他方法完成你的目標(biāo)？是否可以把這個(gè) GIF 變成2個(gè)不同的 GIF 呢？
像大部分的創(chuàng)意產(chǎn)品一樣，如果你的 GIF 只專注于一件事，你將做的更好。
視頻彩蛋：如何快速制作GIF？
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（1條）