提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
使用SVGA優(yōu)化禮物動畫-第二彈
SVGA動畫實現(xiàn)汽車禮物特效
從發(fā)了一篇《使用SVGA優(yōu)化禮物動畫》之后,
很多小伙伴一直在問我相關(guān)實現(xiàn)的問題、以及碰到了一些問題怎么解決?
趁現(xiàn)在時間上比較富裕的時候?qū)懸黄P(guān)于SVGA的實例
使用SVGA實現(xiàn)上圖效果
使用AE中的SVGA的插件,插件的下載
與安裝就不做多余的描述了,官方都有詳細(xì)的方法
文章下方有官方地址
在窗口中找到SVGA插件并打開,選擇輸出路徑之后就可以開始轉(zhuǎn)換
SVGA導(dǎo)出后發(fā)現(xiàn)與想要的效果有比較大的差別
·開啟車頭燈的效果與實際效果不一致
·禮物跑動時加速度的模糊效果與實際效果不一致
車頭燈的效果,我在制作過程中使用了AE效果中的描邊的效果(按照路徑逐漸點亮)。
發(fā)現(xiàn)導(dǎo)出的SVGA不沒有想要的這種想要的效果了
車身移動的效果,我在制作過程中使用了AE效果中的高斯模糊的效果和調(diào)整了一下位移的曲率(會顯得車在移動中的速度感)。
發(fā)現(xiàn)導(dǎo)出的SVGA中也不支持這種效果
如果是碰到這種問題怎么去解決呢?
之前在交流過程中也提到過可以使用png序列幀的方式進(jìn)行反向制作(當(dāng)然這只是我個人建議,如果您那邊有更好的實現(xiàn)方式可以大家相互學(xué)習(xí)一下)。
這次我準(zhǔn)備在車頭燈的制作中使用序列幀反向?qū)搿?/p>
但是車身的移動加速度動畫我準(zhǔn)備用其他的方式來進(jìn)行制作。
首先我想要的SVGA肯定不能太大,這樣的話就不能使用太多的序列幀來實現(xiàn)動畫,位圖越少對于文件的體積肯定有一定的優(yōu)化。
因此我在加速度移動時使用了模糊,于是我就直接做一張模糊的位圖通過明度的變換,是否就滿足了需求?
首先使用PS或者Sketch對圖片進(jìn)行處理(模糊處理)
把圖片疊加到原有的圖片上,在移動的過程中把已經(jīng)模糊的圖片做一個透明度的變化
上圖是兩個SVGA的對比
當(dāng)然這種實現(xiàn)的方法肯定會比直接使用AE效果的更加麻煩。不過最終還是為了達(dá)到理想的效果就需要花更多的時間
其實對于禮物特效個人的感覺,主要的思考點是在于禮物想要實現(xiàn)什么樣的效果。
如果不能使用AE自帶效果時,能不能用其他的方式去做代替達(dá)到預(yù)期的效果。同時需要考慮到文件的大小。
畢竟SVGA可以直接走服務(wù)器下發(fā),文件太大的話有點得不償失。使用SVGA主要就是想更加的便捷。
svga官網(wǎng):?http://svga.io/
推薦一個圖片壓縮網(wǎng)站:https://tinypng.com/
上篇文章:《使用SVGA優(yōu)化禮物動畫》
希望本文作為拋磚引玉,可以給您帶來更多靈感與思路。如果您有更好的解決方案可以互相探討。
附件中包含這個動畫的.aep文件
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊