之前花道講過一個字幕條動畫的制作，本篇再來講一個。
先來看效果。
上面的效果可以分為兩部分：左邊的圓形，右邊的矩形和文本。其中左邊的圓形有三個，從下到上依次是紅色，白色，紅色。（為了清楚起見，這里的字體我用的黑色）
接下來，我們就來準(zhǔn)備這些對象。
首先畫出一個圓形，并且復(fù)制出兩個，將三個圓形依次填充成為紅色，白色，紅色，并且居中對齊，調(diào)整每個圓形到合適的大小。
給每一個圓形添加外陰影，這樣看起來就有了立體感。（添加外陰影方法：選中形狀，右擊——設(shè)置形狀格式——效果——陰影）
然后，畫出一個矩形，添加線性漸變填充。（方法：選中矩形，右擊——設(shè)置形狀格式——填充——漸變填充——線性——角度90，光圈依次為紅色和深紅色）
把剛才所有的對象擺好，如下
OK，萬事俱備，只欠動畫了。
選中左邊三個圓形，依次點擊 動畫——添加動畫——縮放。
然后在動畫窗格里選中剛剛添加的三個縮放動畫，設(shè)置開始方式為與上一動畫同時。
設(shè)置延遲時間依次為 0, 0.1, 0.2。
看一下效果
有點死板啊。不如來個緩沖動作給它增加點靈動的感覺。
選中所有的圓形，添加強調(diào)動畫——放大/縮小，設(shè)置三個放大動畫的開始方式為與上一動畫同時，延遲分別為 0.48,0.58,0.68。具體的放大設(shè)置見下圖（三個放大動畫的效果設(shè)置是相同的）
再來看一下效果
恩，感覺好多啦，哈哈。
接著就是給矩形和文本框添加動畫了。
太簡單啦，矩形和文本的動畫都是向右擦除進(jìn)入動畫，開始方式都為與上一動畫同時，持續(xù)時間分別是0.75，0.5，延遲時間分別是1.05,1.15。（這里的數(shù)值只是參考，大家可以試著改改，看看有什么不同）
大功告成！給自己加個雞腿吧！
如果感覺矩形的動畫有些簡單的話，可以加個速度線作為裝飾（制作方法見 ?速度線）
或者加個移動的光斑（方法很簡單，只需要在紅色矩形的正下方添加一個同樣大小的白色矩形，并且給其添加向右的擦除動畫，然后讓白色矩形擦除的起始時間比紅色矩形的稍微提前一點就可以，比如提前0.1s）
下圖中，我把紅色矩形和白色矩形錯開了，是為了便于看的清楚出。實際上二者是居中對齊的。
效果如下
也可以讓光斑在文本框出現(xiàn)后再緩慢出現(xiàn)（制作方法見 ?移動的光斑）
動畫完成后，接下來就是在樣式上作改變啦。
比如給形狀加個白色的邊框
或者換一下形狀的填充顏色
或者再加上個副標(biāo)題
或者添加個圖片作為背景
總之，你想怎么來就怎么來。
?本篇到此結(jié)束。
原創(chuàng)不易，感謝支持。
