? ? 上期跟大家聊了下“淡出”效果的玩法,需要回顧下的小伙伴直接穿越到下面的鏈接
? ? ?【呆大的動畫庫】從“淡出”開始
? ? ? 這期我們來聊聊另外一個使用頻率同樣相當(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動畫
? ? ?很多效果就是采用擦除的方式實現(xiàn)的

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

?這樣的效果,如果能夠配合音效,那就更加完美了。
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)容就這么多,我們下周見啦!