【呆大的動畫庫】“擦”出你的精彩

? ? 上期跟大家聊了下“淡出”效果的玩法,需要回顧下的小伙伴直接穿越到下面的鏈接

? ? ?【呆大的動畫庫】從“淡出”開始

? ? ? 這期我們來聊聊另外一個使用頻率同樣相當(dāng)高,而且也是入門級的動畫效果----擦除,跟他動畫效果的類似的是另一個效果----劈裂,加上他們對應(yīng)的退出效果,今天我們一起來看看他們4個是如何玩的。

? ? ? ?仍然延續(xù)上次的思路,分為【基礎(chǔ)篇】和【實踐篇】,基礎(chǔ)好的小伙伴自己自動穿越到后面吧!


【基礎(chǔ)篇】

? ? ? 1.效果解析。擦除和和劈裂這兩種效果,我們其實可以理解為是“有方向的淡出”,從這句話其實就可以很清楚的看出來,他們具備2個屬性,一個是淡出的效果,一個是有方向性的。

效果展示

2.效果位置。

他們兩個在動畫選項卡中的位置也是相鄰的,分別位于6.7的位置,都在比較靠前的位置。


劈裂和擦除

3.應(yīng)用對象。同淡出效果類似,他的應(yīng)用對象可以是形狀,也可以是文字,或者是圖片都是可以的,屬于應(yīng)用范圍最廣的效果之一。

4.效果選項。還記得剛才前文說過的,擦除和劈裂是有方向性的擦除,他們的方向性,或者說最有趣的玩法,就是在效果選項里面體現(xiàn)的,他們兩個默認(rèn)的方向都是有四個,對于擦除是四個垂直的方向,對于劈裂則是在水平和垂直上的向內(nèi)和向外四個方向。

效果選項

? ? ?在第三部分的應(yīng)用對象我們知道,可以應(yīng)用于形狀、圖形和文字,同淡出效果一樣,應(yīng)用于文字效果時,動畫效果會多一個文本選項,也就是可以按照單詞或者單字出現(xiàn)的方式,這時他們在出現(xiàn)的時候,就是以單個字的字或字母作為效果的基本單位,比如下圖的效果演示

動畫文本


效果演示

5.方向的選擇。剛才已經(jīng)說過,對于他們而言是有4個方向的,這4個方向默認(rèn)是水平或者垂直的,但在實際應(yīng)用中,很多圖形或者線條都不是完全水平或者垂直的,但他們在選擇方向之后,仍然是在水平或垂直方向上進(jìn)行的,這點尤為重要。比如下圖的效果


? ? 把速度放慢之后,我們可以很清楚的看到并非沿著形狀本身的角度變化,而是仍然在垂直和水平方向上進(jìn)行,比如下圖的紅線部分。

? ? 所以我們在做色塊的擦除時,如果希望能夠按照色塊旋轉(zhuǎn)的角度擦除,就要選擇合適的方向,比如下圖四個方向的比較


基礎(chǔ)講完,我們來看看具體的玩法吧!


【實踐篇】

1.圖片和色塊的擦除。要想在擦除的時候,做出比較連貫或者生動的效果,需要注意兩點,一是時間軸上的連續(xù),就是2個效果銜接的要緊密;二是方向的合理。比如下圖

原圖

? ? ? 如果我們用擦除進(jìn)行,效果就是這樣的,圖片向右擦除到底后,馬上連接上色塊向左反向的效果,做出來類似彈回來的效果


擦除效果

? ? ? 如果我們換成劈裂,也是要從結(jié)束的地方進(jìn)行連貫,比如下圖的演示,就可以做出連續(xù)展開的效果。


劈裂效果

2.線條的裝飾效果。剛才在基礎(chǔ)篇的講解中,我們知道色塊的變化,無法跟色塊的旋轉(zhuǎn)角度完美配合,但是對于線條則不存在這一問題,因為太細(xì)了,幾乎看不出來這些細(xì)節(jié)。通常,配合擦除的退出動畫,我們經(jīng)常會把線條的擦除效果用作畫面的裝飾,,比如下面的效果。


線條裝飾


? ? ? 特別是有規(guī)律的擦除方向,往往會產(chǎn)生比較整齊的效果,比如下圖的應(yīng)用

裝飾效果

3.logo動畫。剛才上文聊的裝飾效果,對于很多喜歡AE的小伙伴來說,經(jīng)常會用到logo效果的制作上,通過快速的擦出和擦除的變化,乍一看有種眼花繚亂的感覺,實際卻可以產(chǎn)生不同效果,比如之前跟大家分享過的logo動畫

? ??【呆大的動畫庫】logo動畫那么多,先送你幾個!

? ? ?很多效果就是采用擦除的方式實現(xiàn)的

logo擦除

再比如配合路徑動畫,就可以做出比較靈動的效果了

?這樣的效果,如果能夠配合音效,那就更加完美了。

4.動畫的視覺引導(dǎo)。這是我最常用的一種方式了!在實際演示過程中,通過擦除的方向和位置,引導(dǎo)客戶觀看相應(yīng)的內(nèi)容,比如用到PPT的開場上,進(jìn)行l(wèi)ogo或者公司的名稱的展示

再或者用到內(nèi)頁里框架結(jié)構(gòu)的演示,通過擦除的效果進(jìn)行方向的引導(dǎo),比如下圖 之前做過的一個案例,就是通過箭頭的擦除效果,進(jìn)行結(jié)構(gòu)的演示。


? ? ?好了,今天的內(nèi)容就這么多,我們下周見啦!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容