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

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

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

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

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

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

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

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

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

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

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

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

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

計(jì)時(shí)>期間（動(dòng)畫持續(xù)時(shí)間）0.1秒>重復(fù)10次

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

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

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

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

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

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

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

?

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

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

3、最后完善

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

總結(jié)

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

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

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