? ? 上期跟大家聊了下“淡出”效果的玩法,需要回顧下的小伙伴直接穿越到下面的鏈接
? ? ?【呆大的動畫庫】從“淡出”開始
? ? ? 這期我們來聊聊另外一個使用頻率同樣相當高,而且也是入門級的動畫效果----擦除,跟他動畫效果的類似的是另一個效果----劈裂,加上他們對應的退出效果,今天我們一起來看看他們4個是如何玩的。
? ? ? ?仍然延續上次的思路,分為【基礎篇】和【實踐篇】,基礎好的小伙伴自己自動穿越到后面吧!
【基礎篇】
? ? ? 1.效果解析。擦除和和劈裂這兩種效果,我們其實可以理解為是“有方向的淡出”,從這句話其實就可以很清楚的看出來,他們具備2個屬性,一個是淡出的效果,一個是有方向性的。
2.效果位置。
他們兩個在動畫選項卡中的位置也是相鄰的,分別位于6.7的位置,都在比較靠前的位置。
3.應用對象。同淡出效果類似,他的應用對象可以是形狀,也可以是文字,或者是圖片都是可以的,屬于應用范圍最廣的效果之一。
4.效果選項。還記得剛才前文說過的,擦除和劈裂是有方向性的擦除,他們的方向性,或者說最有趣的玩法,就是在效果選項里面體現的,他們兩個默認的方向都是有四個,對于擦除是四個垂直的方向,對于劈裂則是在水平和垂直上的向內和向外四個方向。
? ? ?在第三部分的應用對象我們知道,可以應用于形狀、圖形和文字,同淡出效果一樣,應用于文字效果時,動畫效果會多一個文本選項,也就是可以按照單詞或者單字出現的方式,這時他們在出現的時候,就是以單個字的字或字母作為效果的基本單位,比如下圖的效果演示
5.方向的選擇。剛才已經說過,對于他們而言是有4個方向的,這4個方向默認是水平或者垂直的,但在實際應用中,很多圖形或者線條都不是完全水平或者垂直的,但他們在選擇方向之后,仍然是在水平或垂直方向上進行的,這點尤為重要。比如下圖的效果
? ? 把速度放慢之后,我們可以很清楚的看到并非沿著形狀本身的角度變化,而是仍然在垂直和水平方向上進行,比如下圖的紅線部分。
? ? 所以我們在做色塊的擦除時,如果希望能夠按照色塊旋轉的角度擦除,就要選擇合適的方向,比如下圖四個方向的比較
基礎講完,我們來看看具體的玩法吧!
【實踐篇】
1.圖片和色塊的擦除。要想在擦除的時候,做出比較連貫或者生動的效果,需要注意兩點,一是時間軸上的連續,就是2個效果銜接的要緊密;二是方向的合理。比如下圖
? ? ? 如果我們用擦除進行,效果就是這樣的,圖片向右擦除到底后,馬上連接上色塊向左反向的效果,做出來類似彈回來的效果
? ? ? 如果我們換成劈裂,也是要從結束的地方進行連貫,比如下圖的演示,就可以做出連續展開的效果。
2.線條的裝飾效果。剛才在基礎篇的講解中,我們知道色塊的變化,無法跟色塊的旋轉角度完美配合,但是對于線條則不存在這一問題,因為太細了,幾乎看不出來這些細節。通常,配合擦除的退出動畫,我們經常會把線條的擦除效果用作畫面的裝飾,,比如下面的效果。
? ? ? 特別是有規律的擦除方向,往往會產生比較整齊的效果,比如下圖的應用
3.logo動畫。剛才上文聊的裝飾效果,對于很多喜歡AE的小伙伴來說,經常會用到logo效果的制作上,通過快速的擦出和擦除的變化,乍一看有種眼花繚亂的感覺,實際卻可以產生不同效果,比如之前跟大家分享過的logo動畫
? ? ?很多效果就是采用擦除的方式實現的
再比如配合路徑動畫,就可以做出比較靈動的效果了
?這樣的效果,如果能夠配合音效,那就更加完美了。
4.動畫的視覺引導。這是我最常用的一種方式了!在實際演示過程中,通過擦除的方向和位置,引導客戶觀看相應的內容,比如用到PPT的開場上,進行logo或者公司的名稱的展示
再或者用到內頁里框架結構的演示,通過擦除的效果進行方向的引導,比如下圖 之前做過的一個案例,就是通過箭頭的擦除效果,進行結構的演示。
? ? ?好了,今天的內容就這么多,我們下周見啦!