如何制作一個酷炫且實用的圖表動畫

如何讓大數(shù)據(jù)不在顯得那么枯燥？今天教大家制作一個實用的且酷炫的圖表動畫。首先送上今天的圖表動畫效果圖

折線圖

柱狀圖

餅圖

如果感覺自己都會的朋友，就不用看了，如果還不會的，可以仔細的聽利兄給你嘮嘮。

?首先，折線圖的動畫教程

第一步，繪制出數(shù)據(jù)圖表

坐標軸和數(shù)據(jù)圖其實是分開的，坐標軸是通過形狀工具繪制出的，而數(shù)據(jù)圖表可以直接在EXCEL中復制過來，然后，刪除多余的坐標軸。

第二步，給坐標軸添加動畫

坐標軸的動畫其實包括橫軸和縱軸的動畫、文本的動畫。

橫軸添加的是伸展動畫，方向為自左側，時長為0.5秒

縱軸添加的是伸展動畫，方向為自底部，時長為0.5秒

文本框的動畫為路徑，這里大家可以使用到一個動畫的快捷按鈕“動畫刷”，只要給一個文本設置好動畫，其它文本通過動畫刷就能夠輕松的實現(xiàn)。

第三步，設置效果選項

對于動畫較多的，我們可以使用動畫刷進行快速的設置

設置好動畫之后，我們需要對動畫進行微調(diào)，主要為修改動畫效果選項中的

動畫開始時間和動畫持續(xù)時間。

第四步，設置數(shù)據(jù)圖表的動畫

數(shù)據(jù)圖表的動畫為擦除，方向為自左側

動畫時長設置為1秒，開始時間在坐標軸動畫之后。

其次，柱狀圖的動畫

第一步，繪制出數(shù)據(jù)圖表

通過形狀工具的線條，繪制出坐標軸；用矩形繪制出數(shù)據(jù)圖表。

第二步，給坐標軸添加動畫（同折線圖）

坐標軸的動畫其實包括橫軸和縱軸的動畫、文本的動畫。

橫軸添加的是伸展動畫，方向為自左側，時長為0.5秒

縱軸添加的是伸展動畫，方向為自底部，時長為0.5秒

文本框的動畫為路徑，這里大家可以使用到一個動畫的快捷按鈕“動畫刷”，只要給一個文本設置好動畫，其它文本通過動畫刷就能夠輕松的實現(xiàn)。

第三步，給數(shù)據(jù)圖添加動畫

給矩形添加伸展動畫，方向為自底部，動畫時長0.5秒還是1秒自己調(diào)節(jié)。

給文本添加出現(xiàn)縮放動畫

動畫之間為銜接遞進的關系，所以動畫的開始為上一動畫之后。

最后，餅圖的動畫

 

 

第一步，繪制出數(shù)據(jù)圖表

通過形狀工具中的餅形繪制出圖表（這里黃色的部分為餅形通過控點調(diào)節(jié)的）

第二步，給餅形和文本框添加動畫

75%的餅形色塊主要有三個動畫，分別為輪子動畫，放大動畫，還有淡出動畫，其中扇形和放大為同時進行。

文本數(shù)據(jù)主要也有三個動畫，分別為出現(xiàn)，路徑和淡出。

黃色的餅形有兩個動畫，分別為出現(xiàn)和放大。

第三步，調(diào)節(jié)動畫的效果選項

和前面的一樣，效果選項調(diào)節(jié)的大部分還是開始的時間和持續(xù)的時長，所以對于這個動畫它的開始時間，有些是與上一動畫同時，有些是上一動畫之后，時長大家也可以自己去掌控。

 

文章到這里就結束了，謝謝觀看。

 

本人來自微信公眾號：營銷新人
作者：利兄