之前，有位讀者在微信上問(wèn)我這樣一個(gè)問(wèn)題，她想知道下面這個(gè)水平面波動(dòng)上漲的動(dòng)畫(huà)，是怎么實(shí)現(xiàn)的？
不到 10 分鐘，我就用 PPT 復(fù)刻了這個(gè)動(dòng)畫(huà)，效果如下：
制作方法
其實(shí)呢，這個(gè)動(dòng)畫(huà)的原理十分簡(jiǎn)單，只需波浪形狀外加路徑動(dòng)畫(huà)即可實(shí)現(xiàn)。
什么意思？可能有些同學(xué)，還沒(méi)弄太明白。沒(méi)關(guān)系，看完下面兩張圖，你就完全搞清楚了！
這張圖是波浪形狀在 PPT 界面中初始位置：
下面這張是給形狀添加了向左上方移動(dòng)的路徑動(dòng)畫(huà)：
理解了嘛？其實(shí)就是通過(guò)波浪形狀的移動(dòng)，從而產(chǎn)生了水平面上漲的錯(cuò)覺(jué)！
可能又有些同學(xué)會(huì)問(wèn)，路徑動(dòng)畫(huà)好說(shuō)，這個(gè)波浪形狀該怎么畫(huà)??？
這就牽扯到 PPT 中的一個(gè)少有人知的形狀工具，叫做曲線。
為了讓你更容易掌握曲線工具的使用技巧，我特意錄制了一波操作動(dòng)圖。
技巧一：通過(guò)點(diǎn)擊鼠標(biāo)，確定曲線的頂點(diǎn)，雙擊結(jié)束繪制
技巧二：同側(cè)頂點(diǎn)相距越大，曲線的弧度就越平坦，反之則陡峭
技巧三：點(diǎn)擊起始頂點(diǎn)，可構(gòu)成封閉的形狀
技巧四：右鍵編輯頂點(diǎn)，可對(duì)曲線弧度二次調(diào)整
看到這兒，相信你一定學(xué)會(huì)了，波浪形狀的繪制方法。再回過(guò)頭來(lái)，看一下文章開(kāi)頭的動(dòng)畫(huà)，是不是覺(jué)得簡(jiǎn)單多了？
既然學(xué)會(huì)了曲線工具的使用方法，如果只是拿來(lái)做波浪動(dòng)畫(huà)，就顯得有些大材小用了。考慮到這一點(diǎn)，接下來(lái)我再跟各位分享 3 個(gè)非常實(shí)用的，曲線工具應(yīng)用場(chǎng)景。
曲線工具應(yīng)用場(chǎng)景
1.繪制時(shí)間軸線
對(duì)于時(shí)間軸頁(yè)，相信大多數(shù)人還停留在，“一根直線走天下”的層面上。而使用曲線，則能夠讓版面看起來(lái)更具跳躍感，就像這樣：
作者：肖志乾
為了方便你更好理解這一點(diǎn)，這里我再多列舉幾個(gè)，曲線在時(shí)間軸頁(yè)中應(yīng)用的案例。
比如，只是使用一根曲線：
或者兩根曲線交錯(cuò)排布：
如果覺(jué)得頁(yè)面不夠豐富，那就再添一根：
當(dāng)然，除了單純的曲線，用曲線工具繪制的波浪形狀作為時(shí)間軸，效果也很不錯(cuò)。
我們還可以給形狀加上路徑動(dòng)畫(huà)，再來(lái)看下動(dòng)態(tài)效果：
是不是很贊呢？
2.表現(xiàn)某種趨勢(shì)
通過(guò)控制曲線波浪的起伏，來(lái)表現(xiàn)某種事物的發(fā)展趨勢(shì)，從而讓觀眾看起來(lái)更加的直觀，是一種很常用的頁(yè)面可視化手法！
舉一個(gè)簡(jiǎn)單的例子，比如下面這張圖，是有關(guān)于產(chǎn)品生命周期的介紹。都是文字，很難在短時(shí)間內(nèi)，看出產(chǎn)品在各個(gè)周期的具體情況。
這個(gè)時(shí)候，我們就可以根據(jù)文字內(nèi)容，繪制一條曲線來(lái)表現(xiàn)產(chǎn)品發(fā)展趨勢(shì)：
現(xiàn)在看起來(lái)，是不是清晰多了？
再來(lái)看個(gè)案例，比如小米手機(jī)的這頁(yè) PPT，利用曲線來(lái)表現(xiàn)芯片迭代的性能增幅。同時(shí)通過(guò)加大曲線的陡峭程度，來(lái)襯托最新一代芯片的性能。
同樣的，用曲線來(lái)表現(xiàn)電腦性能的增幅也是一樣的道理。
另外，用曲線來(lái)表現(xiàn)單個(gè)數(shù)據(jù)的發(fā)展趨勢(shì)也很有創(chuàng)意。因?yàn)樵谕ǔＧ闆r下，會(huì)使用三角形或者箭頭來(lái)表現(xiàn)數(shù)據(jù)的增長(zhǎng)或者是下跌：
不得不說(shuō)，這種表現(xiàn)手法太常見(jiàn)了。而使用曲線來(lái)表現(xiàn)數(shù)據(jù)的發(fā)展趨勢(shì)，則可以讓人耳目一新：
3.豐富頁(yè)面內(nèi)容
除了上面所說(shuō)的兩點(diǎn)，曲線還能夠起到豐富版面的作用，避免頁(yè)面單調(diào)。
比如下面這套騰訊云的 PPT，就通過(guò)虛實(shí)、粗細(xì)、顏色混搭的曲線，進(jìn)而達(dá)到豐富頁(yè)面內(nèi)容的目的：
再跟各位舉一個(gè)例子，這一頁(yè)想要展示下年工作目標(biāo)：
只有 4 個(gè)圈加文字，看起來(lái)很單調(diào)，對(duì)嗎？而我們加上曲線，讓 4 個(gè)圈串聯(lián)起來(lái)，頁(yè)面就會(huì)變得大不一樣：
好了，以上呢，就是有關(guān)于曲線工具的 4 個(gè)使用技巧。
最后，再給各位推薦一個(gè)曲線生成網(wǎng)站 ——?getwaves.io
該網(wǎng)站能夠隨機(jī)生成波浪圖形，支持下載 SVG 格式的矢量圖形，可直接導(dǎo)入到 PPT 中編輯。如果你不擅長(zhǎng)繪制曲線，不妨去這個(gè)網(wǎng)站試一試！
另外，再送給大家一個(gè)小福利，開(kāi)頭的波浪動(dòng)畫(huà)免費(fèi)送給你！
好了，就這么多
原標(biāo)題：這個(gè)基礎(chǔ)的PPT形狀，原來(lái)還可以這么用！太有創(chuàng)意了。
]]>