用PPT制作數(shù)字進(jìn)度條動畫效果

不久前“杜小二”在銳普學(xué)堂中發(fā)過一篇用PPT制作數(shù)據(jù)圖表的教程，非常精美。如下圖。

如果PPT中的數(shù)據(jù)能動起來，模擬成數(shù)字滾動的進(jìn)度條效果,數(shù)據(jù)能從0加載到100%（或特定數(shù)據(jù)）會怎樣呢？想來也是相當(dāng)?shù)撵趴?！?dāng)然，最后還是完成了PPT模擬滾動條效果的制作。

PPT滾動條動畫最終效果預(yù)覽：

PPT進(jìn)度條效果制作思路

數(shù)據(jù)從0-100%按個位數(shù)變化，以0.1s為例，個位數(shù)字1有0.1秒的時間出現(xiàn)，個位數(shù)字2在下一個0.1s出現(xiàn)，同時個位數(shù)字1不顯示……以此類推，到1.0s時個位數(shù)字1再次出現(xiàn)，同時十位數(shù)字出現(xiàn)1……就這樣循環(huán)。

即個位數(shù)字1出現(xiàn)的時刻為：0.0,1.0,2.0,3.0……每次出現(xiàn)持續(xù)時間0.1s，相隔1s；同理個位數(shù)字2出現(xiàn)的時刻為：0.1,1.1,2.1,3.1……每次出現(xiàn)持續(xù)時間同樣為0.1s，相隔1s。

PPT進(jìn)度條效果制作方法

（結(jié)合上分析不難看出，最快捷的制作方法是使用文本動畫中的按字母發(fā)送來實現(xiàn)）

1、個位數(shù)制作：

插入橫向文本框，在文本框中填入“1234567890”，通過在每個數(shù)字間按Enter換行或直接拖動文本框使文本內(nèi)容縱向排列【勿使用縱向文本框，否則數(shù)字方向不對】。

對文本添加進(jìn)入動畫淡出和退出動畫淡出【綠色虛線框中可快捷添加單個動畫，若需要添加多個動畫應(yīng)按橙色步驟進(jìn)行】

選中動畫窗格中兩個動畫設(shè)置效果選項，效果>動畫文本>按字母發(fā)送>字母延遲百分比100%

計時>期間（動畫持續(xù)時間）0.1秒>重復(fù)10次

對退出動畫進(jìn)行具體設(shè)置

開始與上一動畫同時>持續(xù)時間0.1s>延遲0.1s

文本設(shè)置，修改行距為0，這樣所有數(shù)字就會重疊在一起

完成以上步驟那么個位數(shù)的制作就大功告成了，下面就是十位數(shù)了。

接下來將所有文本上下左右對齊，播放一下你會發(fā)現(xiàn)令人驚訝的效果（gif動圖）：

2、 十位數(shù)制作：

十位數(shù)的制作與個位數(shù)制作完全相似,插入橫向文本框，輸入“0123456789”，使數(shù)字縱向排列【這里是“0123456789”不是“1234567890”,其實個位數(shù)改為“0123456789”也無差異】
添加進(jìn)入淡出和退出淡出動畫,參數(shù)設(shè)置同個位數(shù)稍有差異：動畫文本字母延遲百分比改為1000%，無重復(fù)。

?

十位數(shù)動畫時間的排列：退出動畫較進(jìn)入動畫延遲1s，其余與個位數(shù)設(shè)置相同

十位數(shù)和個位數(shù)效果預(yù)覽：

3、最后完善

現(xiàn)在已經(jīng)做完了個位數(shù)與十位數(shù)的變換，最后添加一個“100%”文本框，在動畫結(jié)束后出現(xiàn)就可以實現(xiàn)至100%的變化了。為各個文本添加路徑動畫（向右），再與矩形色塊擦出動畫（向右）結(jié)合即可。?

總結(jié)

本教程主要用到了動畫選項中的重復(fù)，以及文本動畫按字母發(fā)送等功能。特別提示按字母發(fā)送中延遲百分比即每個字母動畫開始的時刻和上以字母動畫開始時刻之差與單個動畫持續(xù)時間的比值。100%即延遲時間與動畫本身時間相同，0%即沒有延遲，相當(dāng)于不設(shè)置按字母發(fā)送。

本教程只提供思路，不提供源文件下載。具體實現(xiàn)，各位pptfans自行制作，有不明白的地方，歡迎在下方留言討論。

特此感謝yoyoo的動畫指導(dǎo)，對動畫的設(shè)定進(jìn)行了改進(jìn)，使動畫得以極大程度的簡化@yoyoo。