今天給大家分享一個(gè)超有創(chuàng)意的圖表風(fēng)格——視錯(cuò)覺(jué)圖表。

看起來(lái)很不錯(cuò)，對(duì)嗎？

其實(shí)它們的做法也超簡(jiǎn)單，接下來(lái)就給大家詳細(xì)分享一下。

一、視錯(cuò)覺(jué)圖表介紹

在開(kāi)始制作之前，首先我們要理解一個(gè)概念——什么是視錯(cuò)覺(jué)圖表呢？

簡(jiǎn)單來(lái)說(shuō)，就是利用對(duì)元素的處理，讓觀(guān)看者形成視覺(jué)上的錯(cuò)覺(jué)，從而營(yíng)造出創(chuàng)意的圖表效果。

比如小米發(fā)布會(huì)時(shí)，這張宣傳海報(bào)，看起來(lái)就十分立體，對(duì)嗎？

再比如PS軟件之前的啟動(dòng)頁(yè)，怎么看都似乎是成立的：

以及當(dāng)年風(fēng)靡全球的游戲《紀(jì)念碑谷》，也是通過(guò)搭建視錯(cuò)覺(jué)場(chǎng)景，征服了海量玩家。

最最常見(jiàn)的，就是網(wǎng)上的一些視錯(cuò)覺(jué)的圖，一搜一大把：

明白了吧？下面我們正式開(kāi)始制作。

二、視錯(cuò)覺(jué)型條形圖制作

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

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

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

然后我們?yōu)樽髠?cè)的圓角矩形，設(shè)置陰影，來(lái)增加立體感：

注意：陰影的效果會(huì)受形狀大小的影響，在放縮形狀時(shí)，需重新調(diào)整。

接著，我們選中右側(cè)的圓角矩形，在形狀格式中，選擇虛化邊緣，并調(diào)整虛化數(shù)值：

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

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

以此類(lèi)推，我們可以制作出其他膠囊管：

然后調(diào)整各個(gè)膠囊管的寬度，使其和原始圖表中的條形寬度一致，來(lái)保證數(shù)值的精確：

之后，把原始圖表的條形設(shè)置為無(wú)填充，并調(diào)整下坐標(biāo)軸數(shù)字的字體和顏色：

*這里保留原始圖表，是為了以后需要修改數(shù)值的時(shí)候，還可以重新填充回來(lái)，方便比照著調(diào)整圖表。

最后，我們?cè)僬{(diào)整一下背景，并添加一些色塊。

再把內(nèi)容放上，就完成了：

怎么樣，是不是很簡(jiǎn)單？

三、視錯(cuò)覺(jué)型折線(xiàn)面積圖制作

這個(gè)圖表分為兩個(gè)部分，折線(xiàn)圖和面積圖。

我們先來(lái)做折線(xiàn)圖。

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

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

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

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

?然后再給最高點(diǎn)添加一個(gè)光效，突出重點(diǎn)：

有了光，就要有陰影，對(duì)嗎？

我們把折線(xiàn)復(fù)制一份，然后向下調(diào)整復(fù)制的折線(xiàn)的高度：

之后把折線(xiàn)設(shè)置成黑色填充，并增加寬度磅值和透明度：

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

一個(gè)帶投影的折線(xiàn)就做好了：

*注意調(diào)整兩根折線(xiàn)的圖層，原始的折線(xiàn)在上，陰影折線(xiàn)在下。

做完折線(xiàn)后，面積圖就好做了。

我們首先復(fù)制一份折線(xiàn)，然后畫(huà)一個(gè)，高度大于折線(xiàn)范圍的矩形：

接著，選中折線(xiàn)和矩形，點(diǎn)擊形狀格式下的合并形狀，選擇拆分：

再把折線(xiàn)以上的多余部分刪去：

把折線(xiàn)以下的部分，點(diǎn)擊形狀格式下的合并形狀，選擇結(jié)合：

一個(gè)圓滑的面積圖就出現(xiàn)了。但這還不夠，因?yàn)槲覀冞€要做出更立體的效果。

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

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

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

之后，我們?yōu)檫@些分塊添加漸變，一個(gè)微微有些立體錯(cuò)覺(jué)的面積圖就出現(xiàn)了：

最后，我們把面積圖和折線(xiàn)圖對(duì)齊，并添加襯底色塊，對(duì)內(nèi)容進(jìn)行排版：

一個(gè)漂亮的視錯(cuò)覺(jué)折線(xiàn)面積圖，就完成了。

到這里，今天要分享的兩個(gè)視錯(cuò)覺(jué)圖表教程，就結(jié)束了，希望對(duì)你有所幫助。

·

原標(biāo)題：乖乖嘞！這種視錯(cuò)覺(jué)風(fēng)的PPT圖表，太高端了！