在前幾天的動畫練習里面有這樣一張效果,小伙伴們問我中間的黑色色塊閃現(xiàn)的效果是怎么做的。
其實效果很簡單,利用的就是視覺的錯覺而已!我們簡單分析一下動畫效果,應該是在放大的同時淡出的效果,事實上也是如此!
分析完成,進入實踐,兩步搞定!
第一步,插入色塊,添加放大/縮小、淡出動畫效果,持續(xù)時間設置0.25秒即可,放大倍數(shù)根據(jù)實際情況設定,這里我設置的是200%。、
第二步,復制幾份,每份的時間延遲錯開0.1秒就可以了,這里復制三份,時間軸設置如圖:
讓我們看下效果,如下圖所示。
但這里還有個小問題,目前只有四個圖形的變化,如果圖形多了之后,是不是設置很麻煩了?當然是的,不過我們也有解決的方法,我們之前聊過PA插件(公眾號內(nèi)回復PA兩個字見官網(wǎng)地址),里面有個功能叫做“拼接動畫”,只要選中色塊,單擊下拼接動畫,動畫窗格瞬間變清爽,有木有?
進階教程!剛才介紹的動畫效果,不僅僅可以用到圖形上,用到文字上也是很不錯的效果哦,比如下圖:
把后面字體的顏色換換試試?
位置錯開試試?
轉(zhuǎn)載請注明出處!本文地址:
http://ibju.cn/detail_1711.html