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

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

? ? ? 這期我們來聊聊另外一個使用頻率同樣相當(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)用中屯烦，很多圖形或者線條都不是完全水平或者垂直的，但他們在選擇方向之后兔毒，仍然是在水平或垂直方向上進行的漫贞，這點尤為重要。比如下圖的效果

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

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

基礎(chǔ)講完隐锭，我們來看看具體的玩法吧！

【實踐篇】

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

原圖

? ? ? 如果我們用擦除進行褐桌，效果就是這樣的衰抑，圖片向右擦除到底后，馬上連接上色塊向左反向的效果荧嵌，做出來類似彈回來的效果

擦除效果

? ? ? 如果我們換成劈裂呛踊，也是要從結(jié)束的地方進行連貫，比如下圖的演示啦撮，就可以做出連續(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的開場上量没，進行l(wèi)ogo或者公司的名稱的展示

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

? ? ?好了袭灯，今天的內(nèi)容就這么多，我們下周見啦绑嘹！