今天給大家分享一個超有創(chuàng)意的圖表風(fēng)格——視錯覺圖表。
看起來很不錯,對嗎?
其實它們的做法也超簡單,接下來就給大家詳細(xì)分享一下。
在開始制作之前,首先我們要理解一個概念——什么是視錯覺圖表呢?
簡單來說,就是利用對元素的處理,讓觀看者形成視覺上的錯覺,從而營造出創(chuàng)意的圖表效果。
比如小米發(fā)布會時,這張宣傳海報,看起來就十分立體,對嗎?
再比如PS軟件之前的啟動頁,怎么看都似乎是成立的:
以及當(dāng)年風(fēng)靡全球的游戲《紀(jì)念碑谷》,也是通過搭建視錯覺場景,征服了海量玩家。
最最常見的,就是網(wǎng)上的一些視錯覺的圖,一搜一大把:
明白了吧?下面我們正式開始制作。
這個圖表最亮眼的地方,就是那些看起來很有光感的發(fā)光膠囊燈管,對嗎?
但其實只需要一個圓角矩形,和一個虛化的圓角矩形,就可以做出這個效果:
我們首先插入兩個圓角矩形,并設(shè)置好填充色:
然后我們?yōu)樽髠?cè)的圓角矩形,設(shè)置陰影,來增加立體感:
注意:陰影的效果會受形狀大小的影響,在放縮形狀時,需重新調(diào)整。
接著,我們選中右側(cè)的圓角矩形,在形狀格式中,選擇虛化邊緣,并調(diào)整虛化數(shù)值:
注意:形狀越大時,虛化的數(shù)值也要跟著變大,反之亦然。
最后,把兩個圖形居中對齊,一個發(fā)光的膠囊管就制作完成了:
以此類推,我們可以制作出其他膠囊管:
然后調(diào)整各個膠囊管的寬度,使其和原始圖表中的條形寬度一致,來保證數(shù)值的精確:
之后,把原始圖表的條形設(shè)置為無填充,并調(diào)整下坐標(biāo)軸數(shù)字的字體和顏色:
*這里保留原始圖表,是為了以后需要修改數(shù)值的時候,還可以重新填充回來,方便比照著調(diào)整圖表。
最后,我們再調(diào)整一下背景,并添加一些色塊。
再把內(nèi)容放上,就完成了:
怎么樣,是不是很簡單?
這個圖表分為兩個部分,折線圖和面積圖。
我們先來做折線圖。
首先我們選中原始圖表中的折線,把線條改成平滑線:
然后復(fù)制一份圖表,然后Ctrl+X鍵剪切圖表,再按Ctrl+Alt+V鍵進(jìn)行選擇性粘貼,在彈出的窗口中,選擇增強(qiáng)型圖元文件:
??再按Ctrl+Shift+G鍵取消組合,刪除多余的部分,只保留折線:
??得到折線之后,我們?yōu)檎劬€添加漸變,營造光感:
?然后再給最高點添加一個光效,突出重點:
有了光,就要有陰影,對嗎?
我們把折線復(fù)制一份,然后向下調(diào)整復(fù)制的折線的高度:
之后把折線設(shè)置成黑色填充,并增加寬度磅值和透明度:
最后,我們給做陰影的折線添加柔化邊緣,模擬出朦朧的陰影感:
一個帶投影的折線就做好了:
*注意調(diào)整兩根折線的圖層,原始的折線在上,陰影折線在下。
做完折線后,面積圖就好做了。
我們首先復(fù)制一份折線,然后畫一個,高度大于折線范圍的矩形:
接著,選中折線和矩形,點擊形狀格式下的合并形狀,選擇拆分:
再把折線以上的多余部分刪去:
把折線以下的部分,點擊形狀格式下的合并形狀,選擇結(jié)合:
一個圓滑的面積圖就出現(xiàn)了。但這還不夠,因為我們還要做出更立體的效果。
得到圓滑的面積圖后,我們需要再插入10個等距的矩形,高度要超過面積圖,所有矩形的總寬度和面積圖相等。
然后選中矩形和面積圖,執(zhí)行拆分:
再把不要的部分刪去,就能得到分塊的面積圖了:
之后,我們?yōu)檫@些分塊添加漸變,一個微微有些立體錯覺的面積圖就出現(xiàn)了:
最后,我們把面積圖和折線圖對齊,并添加襯底色塊,對內(nèi)容進(jìn)行排版:
一個漂亮的視錯覺折線面積圖,就完成了。
到這里,今天要分享的兩個視錯覺圖表教程,就結(jié)束了,希望對你有所幫助。
·
原標(biāo)題:乖乖嘞!這種視錯覺風(fēng)的PPT圖表,太高端了!
]]>這篇文章,分享如何制作一份剪紙風(fēng)格的PPT作品,不僅有具體的操作細(xì)節(jié),更有設(shè)計的思考。
不廢話,先來看作品。
首先看一下作業(yè)的原始稿:
最后的完成稿是這樣的:
那么,在制作中,都有哪些思考和過程呢?這篇文章就全部分享給各位。
看過原稿,我的第一個步驟就是去找參考,確定配色、風(fēng)格,為整個PPT定下一個基調(diào)。
這樣,做到后面的時候,可以保證每一頁PPT的風(fēng)格統(tǒng)一。以本次活動主題“情人節(jié)”為關(guān)鍵詞,在花瓣網(wǎng)、攝圖網(wǎng)等網(wǎng)站上進(jìn)行搜索,找尋靈感。
可以看到,在色彩上,大多數(shù)情人節(jié)主題的作品以粉紅為主。
由于自己在配色上沒有太多心得,還是選擇了比較中規(guī)中矩的、最能代表情人節(jié)的配色——粉白配色:
另外,我注意到許多情人節(jié)的海報背景上,都用到了剪紙風(fēng)格的圖形元素。
這是一種在海報、插畫中非常流行的設(shè)計風(fēng)格,通過圖形的多層疊加,利用陰影和色彩營造出立體層次感。
這種風(fēng)格制作起來難度不大,又容易出效果,所以這次我就選擇用剪紙的風(fēng)格來做PPT了。
確定好風(fēng)格,就開始封面的設(shè)計了。之前在找參考的時候,發(fā)現(xiàn)有不少海報中出現(xiàn)了信封的元素。
我想到,這里出現(xiàn)的書信,是與情人節(jié)主題切合的“情書”,也可以是活動的“策劃書”、給客戶的“邀請函”。
如此想來,“信”這樣的元素,真是非常適合用在這次的封面上了。
原稿中封面內(nèi)容的信息層級劃分,已經(jīng)十分明確,在這一頁上文字的排版,沒有做太多變化。
主標(biāo)題的字體選用的是筆劃粗細(xì)較均勻的造字工房方黑,便于添加陰影,給文字也做出層次感。
用到的方法,是旁友圈第一季11期模仿訓(xùn)練講過的,使用透明漸變矩形色塊疊加做出陰影 :
我為了更精細(xì)地處理部分復(fù)雜的筆劃,使用了PS選區(qū)來繪制陰影:
將所有信息內(nèi)容排好放在找好的信封素材上,可以得到這樣的畫面:
為了使得畫面元素更加豐富,添加一根紅絲帶作為點綴:
將絲帶復(fù)制兩層,置于信封下方,再復(fù)制一個置于頂層,裁剪掉一部分,就可以體現(xiàn)出絲帶的穿插感。
至此,完成了封面的制作:
前期完成基調(diào)的確定和封面的設(shè)計之后,最“難”的部分就已經(jīng)過去了,接下來的效率,會提高很多。
因為已經(jīng)有了明確的設(shè)計方向,所以,根據(jù)封面定下來的風(fēng)格,內(nèi)頁也沿用剪紙風(fēng)。
考慮到后面需要做一些元素的穿插,網(wǎng)上的背景圖片不能滿足,便決定自己繪制底圖。畫之前,觀察一下剪紙背景的特點。其實很簡單,無非是兩點:色塊疊加+柔和的陰影。
不規(guī)則的曲線色塊,可以用形狀-曲線工具進(jìn)行繪制:
底層的云是用三個橢圓合并而成的:
陰影的處理是剪紙風(fēng)效果呈現(xiàn)好壞的關(guān)鍵。
太生硬的陰影,會使畫面顯得臟亂,缺乏層次。
這里根據(jù)所選風(fēng)格,設(shè)置偏紅的陰影顏色,適當(dāng)增加陰影模糊,和調(diào)整透明度的數(shù)值,就可以調(diào)整出柔和的陰影:
在完成剪紙部分底圖的繪制后,就可以開始根據(jù)原稿內(nèi)容制作版式了。
活動簡介這一頁是對表格的排版美化:
與封面的信封對應(yīng),這里就用鋪開的信紙來呈現(xiàn)活動介紹。
正如前面提到的,自己繪制的底圖可以輕松處理好圖形之間的層次關(guān)系。
在畫面中添加三個矩形,調(diào)整角度,添加陰影,置于部分色塊下方,這一頁的背景版式就完成了:
“幕后”畫面看著有點凌亂
到這一步,還可以怎么進(jìn)行優(yōu)化呢?
我們可以導(dǎo)出當(dāng)前頁面為圖片,為其添加藝術(shù)效果-膠片顆粒,調(diào)整粒度大小為8,目的是給圖片增加類似紙質(zhì)質(zhì)感的磨砂效果。
后面設(shè)計完成的版式也同樣應(yīng)用這一設(shè)置:
表格上列的六項內(nèi)容,屬于同級關(guān)系,剛好規(guī)整地排成兩列,在每項前添加對應(yīng)的圖標(biāo),活動簡介頁面的內(nèi)容就完成了:
參與樓盤這一頁是logo的展示:
對于多l(xiāng)ogo的排版,有許多方式,這里借助白色色塊,來增強(qiáng)整體性,也不用擔(dān)心部分logo有殘留的白底。
一共12個logo,試過好幾種排列方式,最后,利用菱形色塊,排列組合成心形,來與情人節(jié)主題呼應(yīng):
鑒于展示的是各個樓盤房地產(chǎn)商的logo,在畫面中可以添加一些建筑元素。
繪制的方法也很簡單,先找到一些剪紙風(fēng)的建筑,提取設(shè)計特點,參照著畫就是了:
建筑可以用基礎(chǔ)的幾何圖形構(gòu)成,鏤空部分通過合并形狀布爾運算剪除來完成:
在頁面上加上建筑元素的裝飾,便得到了這一頁最終的呈現(xiàn)效果:
特色活動這一頁的內(nèi)容也很直觀,是四個活動簡介。
根據(jù)剪紙的風(fēng)格,想到了自己特別喜歡的卡片式設(shè)計。
圓角矩形用圓打個孔,用直線串起來,做成四個懸掛的標(biāo)簽的形式。并調(diào)整它們的位置,在視覺上錯落有致,增加趣味性。
根據(jù)四個活動的內(nèi)容,選取四個代表性的物體進(jìn)行繪制,進(jìn)一步豐富畫面內(nèi)容。
繪制的方法,和上一張的建筑類似,也是各種圖形的組合:
最后,將文字和圖標(biāo)排到卡片上,字體選用和卡片相襯的更精致的造字工房尚雅,這一頁就完成了:
以上就是美化的全部流程啦,最后來看一下修改前后完整的對比:
其實前面提到的大多數(shù)操作,我是借助 PS+AI 去完成的,不過在復(fù)盤的時候,我又試著用PPT重新畫了一遍,也能實現(xiàn)同樣的效果。
PPT也是很好的創(chuàng)意表達(dá)工具,希望我的這篇文章,能帶給大家一些PPT設(shè)計和制作上的啟發(fā)。
以上。
原標(biāo)題:創(chuàng)意的剪紙風(fēng)格PPT該怎么做?這里有一份完整的案例復(fù)盤
]]>