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