之前花道講過(guò)一個(gè)字幕條動(dòng)畫的制作，本篇再來(lái)講一個(gè)然爆。
先來(lái)看效果站粟。
上面的效果可以分為兩部分：左邊的圓形，右邊的矩形和文本曾雕。其中左邊的圓形有三個(gè)奴烙，從下到上依次是紅色，白色剖张，紅色切诀。（為了清楚起見(jiàn)，這里的字體我用的黑色）
接下來(lái)搔弄，我們就來(lái)準(zhǔn)備這些對(duì)象幅虑。
首先畫出一個(gè)圓形，并且復(fù)制出兩個(gè)顾犹，將三個(gè)圓形依次填充成為紅色倒庵，白色，紅色炫刷，并且居中對(duì)齊擎宝，調(diào)整每個(gè)圓形到合適的大小。
給每一個(gè)圓形添加外陰影浑玛，這樣看起來(lái)就有了立體感绍申。（添加外陰影方法：選中形狀，右擊——設(shè)置形狀格式——效果——陰影）
然后顾彰，畫出一個(gè)矩形失晴，添加線性漸變填充。（方法：選中矩形拘央，右擊——設(shè)置形狀格式——填充——漸變填充——線性——角度90涂屁，光圈依次為紅色和深紅色）
把剛才所有的對(duì)象擺好，如下
OK灰伟，萬(wàn)事俱備拆又，只欠動(dòng)畫了。
選中左邊三個(gè)圓形栏账，依次點(diǎn)擊 動(dòng)畫——添加動(dòng)畫——縮放帖族。
然后在動(dòng)畫窗格里選中剛剛添加的三個(gè)縮放動(dòng)畫，設(shè)置開始方式為與上一動(dòng)畫同時(shí)挡爵。
設(shè)置延遲時(shí)間依次為 0, 0.1, 0.2竖般。
看一下效果
有點(diǎn)死板啊。不如來(lái)個(gè)緩沖動(dòng)作給它增加點(diǎn)靈動(dòng)的感覺(jué)茶鹃。
選中所有的圓形涣雕，添加強(qiáng)調(diào)動(dòng)畫——放大/縮小艰亮，設(shè)置三個(gè)放大動(dòng)畫的開始方式為與上一動(dòng)畫同時(shí)，延遲分別為 0.48,0.58,0.68挣郭。具體的放大設(shè)置見(jiàn)下圖（三個(gè)放大動(dòng)畫的效果設(shè)置是相同的）
再來(lái)看一下效果
恩迄埃，感覺(jué)好多啦，哈哈兑障。
接著就是給矩形和文本框添加動(dòng)畫了侄非。
太簡(jiǎn)單啦，矩形和文本的動(dòng)畫都是向右擦除進(jìn)入動(dòng)畫流译，開始方式都為與上一動(dòng)畫同時(shí)逞怨，持續(xù)時(shí)間分別是0.75，0.5福澡，延遲時(shí)間分別是1.05,1.15骇钦。（這里的數(shù)值只是參考，大家可以試著改改竞漾，看看有什么不同）
大功告成眯搭！給自己加個(gè)雞腿吧！
如果感覺(jué)矩形的動(dòng)畫有些簡(jiǎn)單的話业岁，可以加個(gè)速度線作為裝飾（制作方法見(jiàn) ?速度線）
或者加個(gè)移動(dòng)的光斑（方法很簡(jiǎn)單鳞仙，只需要在紅色矩形的正下方添加一個(gè)同樣大小的白色矩形，并且給其添加向右的擦除動(dòng)畫笔时，然后讓白色矩形擦除的起始時(shí)間比紅色矩形的稍微提前一點(diǎn)就可以棍好，比如提前0.1s）
下圖中，我把紅色矩形和白色矩形錯(cuò)開了允耿，是為了便于看的清楚出借笙。實(shí)際上二者是居中對(duì)齊的。
效果如下
也可以讓光斑在文本框出現(xiàn)后再緩慢出現(xiàn)（制作方法見(jiàn) ?移動(dòng)的光斑）
動(dòng)畫完成后较锡，接下來(lái)就是在樣式上作改變啦业稼。
比如給形狀加個(gè)白色的邊框
或者換一下形狀的填充顏色
或者再加上個(gè)副標(biāo)題
或者添加個(gè)圖片作為背景
總之，你想怎么來(lái)就怎么來(lái)蚂蕴。
?本篇到此結(jié)束低散。
原創(chuàng)不易，感謝支持骡楼。
