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