今天給大家分享一個超有創(chuàng)意的圖表風格——視錯覺圖表。

看起來很不錯，對嗎？

其實它們的做法也超簡單，接下來就給大家詳細分享一下。

一、視錯覺圖表介紹

在開始制作之前，首先我們要理解一個概念——什么是視錯覺圖表呢？

簡單來說，就是利用對元素的處理，讓觀看者形成視覺上的錯覺，從而營造出創(chuàng)意的圖表效果。

比如小米發(fā)布會時，這張宣傳海報，看起來就十分立體，對嗎？

再比如PS軟件之前的啟動頁，怎么看都似乎是成立的：

以及當年風靡全球的游戲《紀念碑谷》，也是通過搭建視錯覺場景，征服了海量玩家。

最最常見的，就是網上的一些視錯覺的圖，一搜一大把：

明白了吧？下面我們正式開始制作。

二、視錯覺型條形圖制作

這個圖表最亮眼的地方，就是那些看起來很有光感的發(fā)光膠囊燈管，對嗎？

但其實只需要一個圓角矩形，和一個虛化的圓角矩形，就可以做出這個效果：

我們首先插入兩個圓角矩形，并設置好填充色：

然后我們?yōu)樽髠鹊膱A角矩形，設置陰影，來增加立體感：

注意：陰影的效果會受形狀大小的影響，在放縮形狀時，需重新調整。

接著，我們選中右側的圓角矩形，在形狀格式中，選擇虛化邊緣，并調整虛化數值：

注意：形狀越大時，虛化的數值也要跟著變大，反之亦然。

最后，把兩個圖形居中對齊，一個發(fā)光的膠囊管就制作完成了：

以此類推，我們可以制作出其他膠囊管：

然后調整各個膠囊管的寬度，使其和原始圖表中的條形寬度一致，來保證數值的精確：

之后，把原始圖表的條形設置為無填充，并調整下坐標軸數字的字體和顏色：

*這里保留原始圖表，是為了以后需要修改數值的時候，還可以重新填充回來，方便比照著調整圖表。

最后，我們再調整一下背景，并添加一些色塊。

再把內容放上，就完成了：

怎么樣，是不是很簡單？

三、視錯覺型折線面積圖制作

這個圖表分為兩個部分，折線圖和面積圖。

我們先來做折線圖。

首先我們選中原始圖表中的折線，把線條改成平滑線：

然后復制一份圖表，然后Ctrl+X鍵剪切圖表，再按Ctrl+Alt+V鍵進行選擇性粘貼，在彈出的窗口中，選擇增強型圖元文件：

??再按Ctrl+Shift+G鍵取消組合，刪除多余的部分，只保留折線：

??得到折線之后，我們?yōu)檎劬€添加漸變，營造光感：

?然后再給最高點添加一個光效，突出重點：

有了光，就要有陰影，對嗎？

我們把折線復制一份，然后向下調整復制的折線的高度：

之后把折線設置成黑色填充，并增加寬度磅值和透明度：

最后，我們給做陰影的折線添加柔化邊緣，模擬出朦朧的陰影感：

一個帶投影的折線就做好了：

*注意調整兩根折線的圖層，原始的折線在上，陰影折線在下。

做完折線后，面積圖就好做了。

我們首先復制一份折線，然后畫一個，高度大于折線范圍的矩形：

接著，選中折線和矩形，點擊形狀格式下的合并形狀，選擇拆分：

再把折線以上的多余部分刪去：

把折線以下的部分，點擊形狀格式下的合并形狀，選擇結合：

一個圓滑的面積圖就出現了。但這還不夠，因為我們還要做出更立體的效果。

得到圓滑的面積圖后，我們需要再插入10個等距的矩形，高度要超過面積圖，所有矩形的總寬度和面積圖相等。

然后選中矩形和面積圖，執(zhí)行拆分：

再把不要的部分刪去，就能得到分塊的面積圖了：

之后，我們?yōu)檫@些分塊添加漸變，一個微微有些立體錯覺的面積圖就出現了：

最后，我們把面積圖和折線圖對齊，并添加襯底色塊，對內容進行排版：

一個漂亮的視錯覺折線面積圖，就完成了。

到這里，今天要分享的兩個視錯覺圖表教程，就結束了，希望對你有所幫助。

·

原標題：乖乖嘞！這種視錯覺風的PPT圖表，太高端了！