前天，我在羣裏分享了這樣一張靈感圖：
很快，有小夥伴私聊我，想知道是怎麼做出來的，能不能分享一下製作方法。
於是我給 @雲朵 提供了三種思路，讓她作爲早上的分享發出來。
這三種思路分別是：
先把多個線條做成透明圖片，然後通過沙漪立方拼做成立方體，最後設置三維旋轉；
用形狀繪製出三個面，再把線條做成的透明圖片填充到形狀中；
直接用任意多邊形勾勒出線條所形成的柱形區域，再用線條圖片與其布爾運算-相交即可。
其中前兩種思路的具體操作都講過了，而且我還留了思考題：如果這裏面的線條要動起來，應該怎麼做？
正如之前所見，本文第一張動圖就是所需的效果。
接下來，我就手把手教大家：如何用 PPT 製作這種炫酷的科技風圖表。
首先，從之前發的背景圖素材中，選一張類似的科技風背景圖。
有了這些背景圖，不論深色還是淺色的PPT，你都能拿捏住！
根據背景圖中線條的走向，用兩個平行四邊形拼出一個柱形框架：
接着，通過布爾運算或者用任意多邊形，得到頂部的形狀。
把兩個平行四邊形布爾運算聯合成一個形狀，再給它們設置半透明填充，以及透明漸變的線條填充，得到如下效果：
目前背景圖太亮了，爲了突出柱狀圖部分，方便添加文字內容，可以加一層黑色漸變蒙版壓暗背景。
接下來，製作線條向上循環流動的動畫。
原理並不複雜，爲了更直觀、更方便理解，我用黑底背景來演示。
繪製一條豎直線，爲其添加線性半透明漸變。
並設置自底部的“飛入”出現動畫，與上一動畫同時開始，持續時間 1 秒，重複動畫到幻燈片末尾，效果如下：
選中該漸變線條，使用 OK 插件的批量原位複製，把該線條原位複製 100 份。
把之前做好的多邊形複製過來作參考，拖動一根線條對齊兩個面的分界處。
框選所有線條，在對齊裏面使用橫向分佈對齊：
這時候放映的話，效果如下：
所有線條都是一起進入的，我們需要讓線條的進入時間有所變化，這樣在播放動畫的時候纔會有層次感。
框選所有線條，使用口袋動畫插件中的【時間序列】功能，取消勾選“保留原延遲時間”，設置隨機延遲時間範圍爲 0-2 秒。
這裏的延遲範圍，可以根據自己的喜好調整。
對了，口袋動畫插件官網已經停止下載與維護，如果你還沒用過口袋動畫插件，也可以點擊本文左下角的“閱讀原文”下載使用。
設置好延遲後，動畫效果如下：
做好側面後，用相同的方法把正面的線條也做出來。
需要注意的是，雖然正面的矩形更寬，但線條的密度更小，所以也只要原位複製 100 根線條就行。
另外，爲了讓側面和正面有所對比，可以選中所有正面的線條，把透明度與亮度降低，得到的動畫效果如下：
接下來，把加了動畫的所有線條複製到之前的頁面，位於柱形的上方。
播放後動畫效果如下：
做好線條動畫後，我們需要用遮罩層把多餘的部分給蓋住，只露出柱體的兩個面。
這裏的遮罩層，就是原位複製一份背景圖，用圖片與柱形布爾運算剪除，得到一張鏤空的圖片：
接着把該柱形的頂部平行四邊形至於頂層，也就是遮罩層的上方：
用相同的方法，把另一個更高的動態柱形給做出來，得到的效果如下：
這時候，最難的主體部分就搞定了，後面只需要添加文字並豐富細節即可。
把文字放上去，設置好對應的字號與三維旋轉，效果如下：
此時背景圖的下半部分太亮，分散了我們的注意力，可以添加一箇中心射線的半透明漸變蒙版遮蓋一下。
使用口袋動畫插件-更多設計，超級蒙版功能，調整漸變的中心位置，使其位於兩個柱狀圖所在處。
這就相當於聚光燈，最亮的地方留給主角，把其他部分壓暗。
得到的動態效果如下：
需要注意的是，由於我一直用的是黑色漸變蒙版，導致頁面上半部分以及頁面四周過黑，幾乎沒有其他元素，看起來非常死板單調。
所以，可以添加一下高透明度的圓形斑點，讓黑色部分的細節豐富起來。
爲了教程效果更加直觀，我這裏直接用黑底背景進行演示。
按住 Shift 畫兩個等大的正圓，分別填充不同的顏色，並設置透明度：
製作的時候透明度最好設置爲 95%，高透明度看起來會若隱若現，效果更好，這裏設置爲 70% 只是爲了方便手機上看效果。
選中兩個圓形，使用 OK 插件的批量原位複製，數量設置爲 50 即可。
畫一個頁面等大的矩形，先選中矩形，再框選所有的圓形，使用英豪插件-位置分佈中的【內部分佈】功能：
這時候，所有的圓形會在頁面內隨機分佈。
如果你對分佈的效果不滿意，可以再操作幾次，或者手動調整幾個圓形的位置也行。
圓形裝飾疊加到動態頁面中，最終的效果如下圖：
到這裏，這個炫酷的動態科技風圖表就講完了，你學會了麼？
這種使用布爾運算以及遮罩的方法，比沙漪立方拼後再三維旋轉更加方便準確，畢竟立方拼最難的是旋轉到特定角度與位置。
此外，本文用到的所有 PPT 插件，都能在 AboutPPT 導航找到下載鏈接，還沒用過的小夥伴自行下載安裝哈。
如果想要這個動畫效果的 PPT 源文件拆解學習，可以在 About PPT導航 獲取。
以上，就是今天分享的全部內容，希望對你有所啓發~