今天給大家分享一個(gè)超有創(chuàng)意的圖表風(fēng)格——視錯(cuò)覺(jué)圖表。
看起來(lái)很不錯(cuò),對(duì)嗎?
其實(shí)它們的做法也超簡(jiǎn)單,接下來(lái)就給大家詳細(xì)分享一下。
在開(kāi)始制作之前,首先我們要理解一個(gè)概念——什么是視錯(cuò)覺(jué)圖表呢?
簡(jiǎn)單來(lái)說(shuō),就是利用對(duì)元素的處理,讓觀看者形成視覺(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)始制作。
這個(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ā)光的膠囊管就制作完成了:
以此類推,我們可以制作出其他膠囊管:
然后調(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)單?
這個(gè)圖表分為兩個(gè)部分,折線圖和面積圖。
我們先來(lái)做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復(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ù)制一份折線,然后畫(huà)一個(gè),高度大于折線范圍的矩形:
接著,選中折線和矩形,點(diǎn)擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點(diǎn)擊形狀格式下的合并形狀,選擇結(jié)合:
一個(gè)圓滑的面積圖就出現(xiàn)了。但這還不夠,因?yàn)槲覀冞€要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個(gè)等距的矩形,高度要超過(guò)面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個(gè)微微有些立體錯(cuò)覺(jué)的面積圖就出現(xiàn)了:
最后,我們把面積圖和折線圖對(duì)齊,并添加襯底色塊,對(duì)內(nèi)容進(jìn)行排版:
一個(gè)漂亮的視錯(cuò)覺(jué)折線面積圖,就完成了。
到這里,今天要分享的兩個(gè)視錯(cuò)覺(jué)圖表教程,就結(jié)束了,希望對(duì)你有所幫助。
·
原標(biāo)題:乖乖嘞!這種視錯(cuò)覺(jué)風(fēng)的PPT圖表,太高端了!
]]>在前幾天有位讀者問(wèn)了我一個(gè)很有價(jià)值的問(wèn)題。是啥呢?
就是如何在二維平面上,表現(xiàn)出三維的立體空間感?
大概就像這樣:
不得不說(shuō),這的確是一個(gè)很好的問(wèn)題。
那么,到底是如何做的呢?不廢話,直接進(jìn)入正題。
我常用的方法分為3種,分別是:
看到這兒,可能很多人會(huì)有疑問(wèn),漸變的作用,不是改變顏色嗎?為什么能夠增強(qiáng)空間立體感呢?
比如說(shuō),我們現(xiàn)在看到這樣的一張素描,看起來(lái)像是一個(gè)球體 ,對(duì)不對(duì)?
為啥呢?其實(shí)只不過(guò)是給一個(gè)平面的圓形,添加了漸變而已:
如果說(shuō)我們把高光,明暗交界,以及反光添加到一個(gè)平面的圓形,它也會(huì)有立體感:
就是這么簡(jiǎn)單。
當(dāng)我們知道如何繪制球體之后,我們就可以利用它作為文字的襯底,進(jìn)行排版:
或者是這樣的:
再比如我們之前做過(guò)的一頁(yè)P(yáng)PT,很多人很好奇這個(gè)球體是怎么來(lái)的,其實(shí),它就也是加了漸變的形狀而已:
同樣的,還有一個(gè)場(chǎng)景是,利用漸變色,我們可以繪制立體感的數(shù)據(jù)圖表。
啥意思呢?之前有讀者問(wèn)我,為啥自己在 PPT 里插入的立體形狀,感覺(jué)很low?
原因很簡(jiǎn)單,因?yàn)槲覀冃枰獮榱⒎襟w的每一個(gè)面,都調(diào)整漸變效果:
只有這樣,才能得到一個(gè)非常有質(zhì)感的立方體:
比如像之前我修改的一頁(yè) PPT 封面,其實(shí)就是這樣調(diào)整的:
再比如像這個(gè)頁(yè)面中的圖表,你可以思考一下,它是如何呈現(xiàn)出立體感的呢?
另外,利用漸變調(diào)整,我們還可以在平面上,去營(yíng)造出一個(gè)立體的空間。
就像這樣:
那這個(gè)又是怎么做的呢?其實(shí),很簡(jiǎn)單,就是在頁(yè)面上,添加了一個(gè)漸變色塊而已:
不過(guò)呢,有一個(gè)小細(xì)節(jié)是,底部色塊的顏色,要稍微深一點(diǎn):
同樣的,利用這個(gè)原理,我們可以做成這樣的空間感背景:
這應(yīng)該是很多人都能想到的一個(gè)方法。
操作上也很簡(jiǎn)單,選中一個(gè)元素后,調(diào)整三維選項(xiàng)就可以:
比如說(shuō),我們可以用來(lái)進(jìn)行圖片的排版,從而增強(qiáng)空間立體感:
當(dāng)然,也可以是對(duì)文字添加三維旋轉(zhuǎn),都能營(yíng)造出空間立體感:
這是一個(gè)比較簡(jiǎn)單的方法,之前也寫過(guò),我就不多說(shuō)了。
我們?cè)谡鎸?shí)世界中,都明白一個(gè)最基本的原理,叫做:
而如果我們想要在平面上,營(yíng)造出空間感,也需要遵循這個(gè)規(guī)律。
啥意思呢?舉個(gè)簡(jiǎn)單的例子,比如像前幾天修改的案例,為了營(yíng)造空間感,我對(duì)后一排的圖片進(jìn)行了虛化處理。
這就是近實(shí)遠(yuǎn)虛:
再比如像這個(gè)頁(yè)面,算是典型的近大遠(yuǎn)小式的透視關(guān)系:
除此之外,我們還可以通過(guò)對(duì)形狀的漸變調(diào)整,把遠(yuǎn)處的透明度設(shè)置為100%,也可以實(shí)現(xiàn)透視的效果:
用這個(gè)方法,我們一般用來(lái)制作內(nèi)容的底座,從而進(jìn)行排版:
把梯形換成圓形,也是一樣的道理:
繼續(xù)延伸,我們也可以把這個(gè)原理,應(yīng)用到圖片排版中。
比如在排版圖片時(shí),我們可以對(duì)圖片進(jìn)行虛化處理,或者是添加一些虛擬形狀,從而營(yíng)造透視的感覺(jué):
這樣一來(lái),也可以營(yíng)造出空間立體感:
再比如像這個(gè)頁(yè)面,之所以在圖片背后,添加一些矩形色塊,原理也是一樣的:
這就是在平面上,實(shí)現(xiàn)三維立體空間感展示的3個(gè)方法,希望對(duì)各位有所幫助。
·
原標(biāo)題:華為的這個(gè)網(wǎng)頁(yè)太酷了!PPT中想做出這樣的效果難嗎?
]]>該P(yáng)PT共計(jì)32頁(yè),主題為時(shí)尚商務(wù)風(fēng)。
該P(yáng)PT模板分6個(gè)部分,每個(gè)部分都包含豐富的邏輯圖示素材、圖表素材、版式和架構(gòu)表,非常豐富且實(shí)用,可以根據(jù)需要進(jìn)行篩選使用。
營(yíng)銷推廣、工作總結(jié)、產(chǎn)品介紹、主題會(huì)議、分析報(bào)告等
]]>三部分遞進(jìn)關(guān)系,適合用于進(jìn)程類的場(chǎng)合,例如項(xiàng)目進(jìn)程PPT,活動(dòng)策劃PPT,會(huì)議進(jìn)程PPT。
]]>三部分遞進(jìn)關(guān)系,可用于金融行業(yè)PPT,制造行業(yè)PPT,零售行業(yè)PPT,通訊行業(yè)PPT等,產(chǎn)品推介PPT,項(xiàng)目推介PPT等。
]]>三部分遞進(jìn)關(guān)系,適合用于進(jìn)程類的場(chǎng)合,例如項(xiàng)目進(jìn)程PPT,活動(dòng)策劃PPT,會(huì)議進(jìn)程PPT。
]]>可用于商務(wù)行業(yè)的公司項(xiàng)目PPT展示,科技行業(yè)的科研調(diào)研項(xiàng)目PPT展示等。
]]>模板主要應(yīng)用于產(chǎn)品介紹PPT,各類商品介紹PPT以及介紹類型的PPT。
]]>本模板非常適用于公司PPT,商務(wù)PPT,產(chǎn)品介紹PPT等。
]]>所以說(shuō),如果你得到的東西并不是你想要的,那你就可以換個(gè)思維去改變。
]]>本模板適用于商務(wù)PPT,個(gè)人介紹PPT等諸多PPT。
]]>