你是否想讓簡(jiǎn)單的動(dòng)畫(huà)看起來(lái)非常有深度與內(nèi)涵?
是否有想過(guò)制作粘性的小球呢?這篇文章會(huì)給你提供三個(gè)方法來(lái)制作,會(huì)讓你擴(kuò)展更多的思路。
言歸正傳,咱們開(kāi)始!
第一種制作方法:通過(guò)插件CC smear+表達(dá)式完成!這個(gè)方法是J_King大神總結(jié)的,大家可以在UI中國(guó)搜索他,謝謝你的分享!我在這里重復(fù)一遍,讓大家印象更加深刻一些!
第一步:建立一個(gè)小球的形狀圖層,并讓錨點(diǎn)處于小球的正中心

第二步:對(duì)形狀圖層添加CC smear效果,中文應(yīng)該叫cc 涂抹?在扭曲的效果欄中

第三步:添加簡(jiǎn)單的表達(dá)式綁定,方法是:按住art鍵,左鍵點(diǎn)擊CC smear的from和to,并且在圖層找到表達(dá)式界面

shift+p鍵調(diào)出position的選項(xiàng),并把from和to都綁定到position上面

第四步:添加延遲表達(dá)式,關(guān)鍵步驟,目的是讓to的值延遲于from,以達(dá)到形變的效果。
方法,在to 的表達(dá)式欄中添加“.”然后在點(diǎn)擊添加表達(dá)式的小箭頭,添加valueAtTime(t)選項(xiàng)

這時(shí)候你確定的話是會(huì)報(bào)錯(cuò)的,我們此時(shí)把括號(hào)中的t改成time-0.07,意思就是延遲0.07秒,OK確定!接著我們?cè)O(shè)置運(yùn)動(dòng),讓小球運(yùn)動(dòng),我們觀察效果

接下來(lái)我們調(diào)試一下參數(shù)把這個(gè)形變范圍控制在你想要的效果即可,可以調(diào)節(jié)reach的數(shù)值,調(diào)小一些,自行調(diào)整吧!

第二種方法:手動(dòng)扣!!!!!!!!
還用我講具體的方法嗎?不用了把?
不過(guò)我想在這里說(shuō)一點(diǎn)心得,大家不要小看手動(dòng)扣幀的人,F(xiàn)eatMax可是一個(gè)能扣幀就絕對(duì)不用表達(dá)式的人,其實(shí)我做東西更注重結(jié)果,只要結(jié)果能到達(dá)我的預(yù)期,那么過(guò)程以及手法我覺(jué)得無(wú)所謂,而對(duì)于粘性小球來(lái)說(shuō),球足夠小的話,扣幀是個(gè)很不錯(cuò)的選擇,而且會(huì)很快速。
過(guò)程不多說(shuō),就放幾張圖吧


第三種方法:我感覺(jué)大部分人都想不到的方法,我也是看了國(guó)外dribbble網(wǎng)站上的一個(gè)動(dòng)效才知道的。用到兩個(gè)插件來(lái)制作:fast blur+levels(或者simple choker),即快速模糊+色階(簡(jiǎn)單抑制).....打死我都想不到....
這個(gè)是我做的效果

我們都知道粘性的東西有個(gè)特點(diǎn),就是兩個(gè)粘性的物質(zhì)分開(kāi)時(shí)是會(huì)彼此發(fā)生形變的,而這個(gè)形變是隨兩物質(zhì)的距離變化而變化的,形變的原理其實(shí)是你粘我,我粘你,彼此拉扯對(duì)方的某一部分。

蜂蜜就是一種粘稠的東西,拉絲拉的越遠(yuǎn),絲就越細(xì),最后斷掉。同樣的道理還有拔絲地瓜!

根據(jù)這一理論,我們來(lái)制作這個(gè)粘稠的特效吧
首先,建立兩個(gè)小球

做位移動(dòng)畫(huà),讓兩個(gè)小球分離

然后在兩個(gè)小球中穿插一個(gè)橫線,注意,這是關(guān)鍵步驟!

對(duì)橫線做動(dòng)畫(huà),兩個(gè)小球最近時(shí)橫線長(zhǎng)度最短,為0,但是厚度最大,當(dāng)兩個(gè)小球到達(dá)最大距離時(shí),橫線長(zhǎng)度最長(zhǎng),但是厚度最小:

接著就開(kāi)始魔術(shù)了!添加調(diào)節(jié)層,并且加入fast blur特效,調(diào)節(jié)數(shù)值


再對(duì)調(diào)節(jié)層加入levels特效(或者simple choker也可以),并且調(diào)節(jié)rgb的參數(shù)


最后,我們?cè)僮鰴M線貫穿小球的動(dòng)畫(huà),并且放在調(diào)節(jié)層之上:

得到最終效果:

怎么樣?這一種方法是不是最舒服了,由此可以拓展,比如是其他復(fù)雜的物體分離,是不是也可以在物體的各個(gè)部位添加色塊,并且隨著距離拉長(zhǎng)而變細(xì)變小呢?還需大家打開(kāi)腦洞咯。
新聞熱點(diǎn)
疑難解答
圖片精選