圖表數據是PPT里經常需要展現的。對于完成率、新增用戶數這樣的展示,如果只是一個冰冷的數字,那就太沒味道了,如果是這樣的效果呢:


至于統計圖等,我們看得比較多的自然就是柱狀圖了。但是如果有如下的效果,是不是很驚艷呢?


下面O啦就來說明下這兩個效果的實現吧。
一、數字滾動效果的實現
首先,我們來看下基本邏輯:
1)、圓環的滾動,其實就是一個輪子滾動


2)、至于數字的滾動展示,則是一組排列好的數字,做直線路徑運動,做兩個形狀遮罩,只留出最終數字展示的區域就好了
3)、讓所有組合動畫一起啟動,持續時間一致
下面O啦姐來講下具體制作過程:
1、準備工作:首先做一個圓環,這個其實就是繪制兩個圓形,然后利用形狀剪除就可以了。繪制出圓環后,復制一個,然后根據最終數字的比例,進行拆分裁剪;


2、黑灰色的圓環做背景,綠橙色的做最終的「輪子」效果。


3、就是做一組數字,對齊排列,然后做直線路徑移動,并設置遮罩


4、可以看到,基本的效果已經出來了,接下來要做的就是組合了。這個需要費一點時間來調整和設置,最終數字經過和落腳的位置,以設置遮罩形狀的位置。
我們來看一下PP君做好的:


我們把遮罩往邊上稍微拉開一點點,可以看到,這組數字的運動軌跡:


5、好了,最后我們只需要對所有動畫設置一起運動,設置一樣的持續時間就行了


PS,這里插入說一下,幾個小技巧:
1)選擇「動畫」–「動畫窗格」,可以馬上切換到動畫設置頁
2)選擇「開始」–「排列」–「選擇窗格」(Win系的,則可以看到一個選擇窗格圖標),可以看到所有圖層,即使被置于底層看不到,也可以輕易通過點選找出來。
3)有些動畫或者設置一樣,是可以一起選中后,進行統一設置的。
6、我們來看下最終的頁面和設置效果:


二、用瓶子圖片填充柱狀圖
1、先做準備工作
比如O啦姐這里準備的是飲料的銷售完成率,那就找來幾張飲料瓶子的圖片。注意,我們要找PNG圖片,或者通過編輯轉成PNG圖片,(MAC里可以利用「預覽」應用完成,Win中用一些摳圖軟件來實現)。
順便提一下,準備后的圖片,可能還有一些邊框過大之類的,其實可以利用PPT里的形狀剪除,輕松切除。如:


這樣,我們就得到了需要的圖片,如下圖


然后,我們對這些圖片做灰色處理,如何處理呢?其實PPT里有一個圖片形狀選項,點擊


這樣我們就可以得到一組灰色的圖片。
2、接下來,我們準備原始的圖表統計數據
插入一個柱狀圖,輸入原始數據


然后,通過如下設置,將這兩列,合在一起:


之所以添加一個100%的列,是為了用來表示整體,之后彩色圖片放入實際完成的柱形,灰色則是填入100%,灰色越少,自然就代表完成率越高。
3、接下來要做的事情,就是對于柱形圖,使用圖片填充
可以選中柱形,拷貝復制圖片,然后粘貼(WIN:Ctrl+V,Mac:CMD+V),也可以通過設置中,選擇圖片填充,然后從剪貼版加載。


再次說明一下,一定要選中單個,100%的柱形貼灰色,實際比例的貼彩色。
4、現在,問題來了,彩色部分,被縮變形了。如下圖


解決辦法就是,對形狀設置層疊縮放,


5、對每列數據都進行如此設置,可以看到,效果已經出來了


6、我們再次對數據進行調整,可以看到,隨著數據調整,彩色部分遮蓋的區域也隨之變化


O啦!大功告成!
好了,今天就說到這了。
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。