如何制作一個(gè)酷炫且實(shí)用的圖表動(dòng)畫

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

折線圖

柱狀圖

餅圖

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

?首先，折線圖的動(dòng)畫教程

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

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

第二步，給坐標(biāo)軸添加動(dòng)畫

坐標(biāo)軸的動(dòng)畫其實(shí)包括橫軸和縱軸的動(dòng)畫、文本的動(dòng)畫。

橫軸添加的是伸展動(dòng)畫，方向?yàn)樽宰髠?cè)，時(shí)長(zhǎng)為0.5秒

縱軸添加的是伸展動(dòng)畫，方向?yàn)樽缘撞?，時(shí)長(zhǎng)為0.5秒

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

第三步，設(shè)置效果選項(xiàng)

對(duì)于動(dòng)畫較多的，我們可以使用動(dòng)畫刷進(jìn)行快速的設(shè)置

設(shè)置好動(dòng)畫之后，我們需要對(duì)動(dòng)畫進(jìn)行微調(diào)，主要為修改動(dòng)畫效果選項(xiàng)中的

動(dòng)畫開始時(shí)間和動(dòng)畫持續(xù)時(shí)間。

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

數(shù)據(jù)圖表的動(dòng)畫為擦除，方向?yàn)樽宰髠?cè)

動(dòng)畫時(shí)長(zhǎng)設(shè)置為1秒，開始時(shí)間在坐標(biāo)軸動(dòng)畫之后。

其次，柱狀圖的動(dòng)畫

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

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

第二步，給坐標(biāo)軸添加動(dòng)畫（同折線圖）

坐標(biāo)軸的動(dòng)畫其實(shí)包括橫軸和縱軸的動(dòng)畫、文本的動(dòng)畫。

橫軸添加的是伸展動(dòng)畫，方向?yàn)樽宰髠?cè)，時(shí)長(zhǎng)為0.5秒

縱軸添加的是伸展動(dòng)畫，方向?yàn)樽缘撞浚瑫r(shí)長(zhǎng)為0.5秒

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

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

給矩形添加伸展動(dòng)畫，方向?yàn)樽缘撞?，?dòng)畫時(shí)長(zhǎng)0.5秒還是1秒自己調(diào)節(jié)。

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

動(dòng)畫之間為銜接遞進(jìn)的關(guān)系，所以動(dòng)畫的開始為上一動(dòng)畫之后。

最后，餅圖的動(dòng)畫

 

 

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

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

第二步，給餅形和文本框添加動(dòng)畫

75%的餅形色塊主要有三個(gè)動(dòng)畫，分別為輪子動(dòng)畫，放大動(dòng)畫，還有淡出動(dòng)畫，其中扇形和放大為同時(shí)進(jìn)行。

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

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

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

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

 

文章到這里就結(jié)束了，謝謝觀看。

 

本人來自微信公眾號(hào)：營(yíng)銷新人
作者：利兄