今天給大家分享一個超有創(chuàng)意的圖表風格——視錯覺圖表。
看起來很不錯,對嗎?
其實它們的做法也超簡單,接下來就給大家詳細分享一下。
在開始制作之前,首先我們要理解一個概念——什么是視錯覺圖表呢?
簡單來說,就是利用對元素的處理,讓觀看者形成視覺上的錯覺,從而營造出創(chuàng)意的圖表效果。
比如小米發(fā)布會時,這張宣傳海報,看起來就十分立體,對嗎?
再比如PS軟件之前的啟動頁,怎么看都似乎是成立的:
以及當年風靡全球的游戲《紀念碑谷》,也是通過搭建視錯覺場景,征服了海量玩家。
最最常見的,就是網(wǎng)上的一些視錯覺的圖,一搜一大把:
明白了吧?下面我們正式開始制作。
這個圖表最亮眼的地方,就是那些看起來很有光感的發(fā)光膠囊燈管,對嗎?
但其實只需要一個圓角矩形,和一個虛化的圓角矩形,就可以做出這個效果:
我們首先插入兩個圓角矩形,并設置好填充色:
然后我們?yōu)樽髠?cè)的圓角矩形,設置陰影,來增加立體感:
注意:陰影的效果會受形狀大小的影響,在放縮形狀時,需重新調(diào)整。
接著,我們選中右側(cè)的圓角矩形,在形狀格式中,選擇虛化邊緣,并調(diào)整虛化數(shù)值:
注意:形狀越大時,虛化的數(shù)值也要跟著變大,反之亦然。
最后,把兩個圖形居中對齊,一個發(fā)光的膠囊管就制作完成了:
以此類推,我們可以制作出其他膠囊管:
然后調(diào)整各個膠囊管的寬度,使其和原始圖表中的條形寬度一致,來保證數(shù)值的精確:
之后,把原始圖表的條形設置為無填充,并調(diào)整下坐標軸數(shù)字的字體和顏色:
*這里保留原始圖表,是為了以后需要修改數(shù)值的時候,還可以重新填充回來,方便比照著調(diào)整圖表。
最后,我們再調(diào)整一下背景,并添加一些色塊。
再把內(nèi)容放上,就完成了:
怎么樣,是不是很簡單?
這個圖表分為兩個部分,折線圖和面積圖。
我們先來做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復制一份圖表,然后Ctrl+X鍵剪切圖表,再按Ctrl+Alt+V鍵進行選擇性粘貼,在彈出的窗口中,選擇增強型圖元文件:
??再按Ctrl+Shift+G鍵取消組合,刪除多余的部分,只保留折線:
??得到折線之后,我們?yōu)檎劬€添加漸變,營造光感:
?然后再給最高點添加一個光效,突出重點:
有了光,就要有陰影,對嗎?
我們把折線復制一份,然后向下調(diào)整復制的折線的高度:
之后把折線設置成黑色填充,并增加寬度磅值和透明度:
最后,我們給做陰影的折線添加柔化邊緣,模擬出朦朧的陰影感:
一個帶投影的折線就做好了:
*注意調(diào)整兩根折線的圖層,原始的折線在上,陰影折線在下。
做完折線后,面積圖就好做了。
我們首先復制一份折線,然后畫一個,高度大于折線范圍的矩形:
接著,選中折線和矩形,點擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點擊形狀格式下的合并形狀,選擇結合:
一個圓滑的面積圖就出現(xiàn)了。但這還不夠,因為我們還要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個等距的矩形,高度要超過面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個微微有些立體錯覺的面積圖就出現(xiàn)了:
最后,我們把面積圖和折線圖對齊,并添加襯底色塊,對內(nèi)容進行排版:
一個漂亮的視錯覺折線面積圖,就完成了。
到這里,今天要分享的兩個視錯覺圖表教程,就結束了,希望對你有所幫助。
·
原標題:乖乖嘞!這種視錯覺風的PPT圖表,太高端了!
]]>今天給大家分享幾個創(chuàng)意工作型PPT圖表的制作方法。
這個圖表看起來十分立體,并且很有光影感,對嗎?
其實制作起來非常簡單,只需要幾個漸變圖形拼合一下:
我們首先插入一個圓柱形,把柱子拉伸到和原始圖表的柱形等高,并適當調(diào)整頂面的傾斜度:
然后Ctrl+X鍵剪切圓柱,再按CtrL+Alt+V鍵,在彈出的窗口中,選擇增強型圖元文件:
接著選中圖形,按住Ctrl+Shift+G鍵,取消組合兩次,原本的圓柱形就被拆成了零散的面:
然后我們?yōu)檎嬖O置一下漸變:
再給頂面填充一下顏色:
一個很有立體感的圓柱就做好了:
同理,我們可以制作出其他的圓柱。
做完主體之后,我們再來制作半透明的柱形。
同樣是插入一個圓柱體,然后打散。
然后我們把打散的圖形復制一份,下面會有用到。
我們把兩個圖形對齊到合適位置,然后點擊【形狀格式】中的【合并形狀】,再選擇【結合】,把打散的圖形變成一個上下都是圓弧的圖形:
然后為這個圖形設置漸變:
接著我們從復制的圖形中,拿出頂面的橢圓,并填充顏色:
最后,把這兩個圖形居中對齊,一個半透明的柱體就做成了。
做完柱體之后,我們再來制作倒影。
文字的倒影非常好做,只需要在形狀格式中添加一個映像效果即可:
柱形的倒影呢也很簡單,只需要把柱形的正面復制一份,然后添加一個漸變:
我們把倒影和柱體放置到一起,整個頁面基本就完成了。
我們再繪制一個漸變的圖形作為底座,增強頁面的立體感。
再添加一些光影的素材,一個非常有立體感的圓柱形圖表,就完成了。
還不錯吧?
這個案例看起來和上一個有些相似,但其實操作方法上,要比上個案例簡單許多。
我們首先修改一下原始圖表中,兩類柱形的填充色
具體的參數(shù)如下:
然后選中圖表,在【圖表設計】中點擊【更改圖表類型】,在柱形圖中選擇【三維堆積柱形圖】:
圖表立刻就從平面,變成了三維的了!
但現(xiàn)在的傾角有些奇怪,我們可以調(diào)整一下圖表的三維旋轉(zhuǎn)參數(shù):
把傾斜的圖表扶正:
因為圖表本身是傾斜的透視關系,所以我們可以畫一個梯形貫穿頁面,作為圖表的底座。
最后,我們加上文字和裝飾素材,一個漂亮的三維立方體柱形圖表,就完成了~
怎么樣?是不是非常簡單?
這個圖表看起來平平無奇,唯一比較有創(chuàng)意的點,就是圖表的柱形,被替換成了儀表的樣式,對嗎?
這是怎么做到的呢?
方法依舊很簡單,借助PPT中自帶的形狀,就能完成。
我們首先插入一個圓角矩形,并拖動黃色控點,讓圓角最大化,并適當調(diào)整高度。
接著我們選中圓角矩形,按住Ctrl和Shift鍵,單擊鼠標左鍵向上拖動,即可快速復制出一個圓角矩形。
然后我們按住F4鍵,快速重復上一步操作,直到復制出一列圓角矩形。
看起來有一點儀表的味道了,對嗎?
接著我們選中這一列圓角矩形,按住Ctrl+G鍵進行組合,并為組合后的圖形設置漸變。
然后我們復制這個圖形,再選中原始圖表的柱形,在填充方式里選擇圖片或紋理填充。
再點擊剪貼板,就能把剛復制的圖形填充到圖表的柱形里了。注意,這里要點擊一下層疊,不然圖形就會被壓縮。
同理,我們可以把另外兩個柱形,也都填充成同樣的儀表圖形。
我們把這個圖表復制兩份,然后修改一下數(shù)據(jù),就能得到另外兩個品牌的圖表了。
最后,我們再在頁面上添加一些色塊,讓頁面更有層次感。
一個簡單而又有創(chuàng)意的數(shù)據(jù)圖表頁,就完成了。
以上呢,就是今天要給大家分享的,3個創(chuàng)意PPT圖表的制作方法。
·
原標題:PPT自帶的圖表丑爆了?按這3種方法搞,立馬高級!
]]>