之前,蘋(píng)果發(fā)布了 2021 Apple Design Awards 獲獎(jiǎng)的一些 App 應(yīng)用,不得不說(shuō),這些 App 的創(chuàng)意真是讓人很驚喜。
但作為一位 PPT 設(shè)計(jì)師,同樣吸引我的,還有這張海報(bào)的設(shè)計(jì),不得不說(shuō),這個(gè)立方體的質(zhì)感,也太強(qiáng)了:
當(dāng)然,在 PPT 設(shè)計(jì)中,如果能用好這種立方體,那么,在排版中,絕對(duì)是個(gè)利器:
而在之前的推文中,我也曾展示過(guò)這樣一張磨砂立方體的配圖:
之后有讀者來(lái)私信問(wèn)我:這個(gè)磨砂立方體是用PPT做的嗎?
確實(shí)是用PPT做的。相信有小伙伴會(huì)想到,用PPT自帶的立方體形狀來(lái)繪制:
但我們嘗試后會(huì)發(fā)現(xiàn):這個(gè)立方體圖形的三個(gè)面是不能單獨(dú)編輯的,且其三維角度固定,無(wú)法旋轉(zhuǎn)調(diào)節(jié);因此并不能繪制出案例中的磨砂立方體。
那么,像這樣有質(zhì)感的立方體該如何繪制呢?
今天這篇文章,就給大家分享一種快速繪制立方體的方法,以及一些我們常使用立方體元素的應(yīng)用場(chǎng)景。
想要快速地繪制出一個(gè)立方體,這就要借用到OK插件中的一項(xiàng)功能「沙漪立方拼」:
使用這個(gè)功能,我們可以一鍵將六個(gè)正方形,三維拼接成一個(gè)立方體。來(lái)看看操作步驟:
第一步,準(zhǔn)備六個(gè)大小一致的正方形:
第二步,選中全部正方形,依次點(diǎn)擊「OneKey Lite」>「三維工具」>「沙漪立方拼」:
這時(shí)六個(gè)正方形其實(shí)已經(jīng)拼成了正方體,只是由于角度原因還看不出來(lái):
第三步,在選中所有正方形的狀態(tài)下,點(diǎn)擊調(diào)整三維旋轉(zhuǎn),讓立方體呈現(xiàn)出我們想要的角度:
?這里有個(gè)細(xì)節(jié)需要注意:沙漪立方拼的默認(rèn)透視角度為45°,建議將其改為0°,這樣立方體看起來(lái)會(huì)比較方正:
除此之外,我們還可以使用「沙漪立方拼」功能,三維拼接長(zhǎng)方體。
方法與正方體拼接類(lèi)似,準(zhǔn)備一個(gè)正方形和兩個(gè)大小一致的長(zhǎng)方形(三個(gè)形狀的寬度相同):
選中點(diǎn)擊「沙漪立方拼」功能后,調(diào)整三維旋轉(zhuǎn)參數(shù),即可得到長(zhǎng)方體:
此時(shí)的立方體僅是一個(gè)毛坯,我們還需進(jìn)一步優(yōu)化,讓立方體看起來(lái)更加立體有質(zhì)感。
通過(guò)給立方體各個(gè)面填充漸變,呈現(xiàn)出亮部和暗部區(qū)域,從而讓立方體更具立體感:
而漸變的方向角度,可以與形狀對(duì)角線(xiàn)的方向一致:
當(dāng)然,我們還可以調(diào)整漸變的透明度,讓立方體呈現(xiàn)出玻璃透明狀態(tài):
通過(guò)給立方體各個(gè)面填充紋理,從而讓立方體充滿(mǎn)質(zhì)感。比如文章開(kāi)頭案例中的磨砂立方體:
找來(lái)一張磨砂質(zhì)感紋理圖片,填充進(jìn)正方體六個(gè)面中:
適當(dāng)調(diào)整圖片透明度,就可以做出輕質(zhì)磨砂玻璃效果啦:
前面我們了解到質(zhì)感立方體繪制的步驟方法,那在PPT中,什么場(chǎng)景會(huì)用到立方體呢?
在PPT中,立方體常作為載體,用于承載一些文字內(nèi)容,拿這頁(yè)目錄頁(yè)面舉例:
我們可以利用立方體元素進(jìn)行錯(cuò)落排版,將數(shù)字三維旋轉(zhuǎn)后,置于立方體表面:
如果覺(jué)得立方體比較普通,可以調(diào)節(jié)各個(gè)面的透明度,呈現(xiàn)透明質(zhì)感;還可以
加入一些輔助線(xiàn)框,營(yíng)造懸浮感:
然后將數(shù)字放置在立方體內(nèi)部,這樣整體的設(shè)計(jì)感會(huì)更好一些:
除了用于承載文字信息,立方體也可用來(lái)承載修飾圖標(biāo)。比如這張關(guān)于管理系統(tǒng)的頁(yè)面:
我們首先把圓角矩形替換成透明立方體,然后圖標(biāo)置于立方體內(nèi)部:
平面的圖標(biāo)與立方體融合度不高,可以將圖標(biāo)設(shè)置三維旋轉(zhuǎn)立體化,并設(shè)置了一定厚度:
此外,為了讓立方體更豐富一些,我還在其底部加入了漸變色塊做裝飾:
來(lái)看看整體效果,圖標(biāo)比之前好看了吧:
因?yàn)榱⒎襟w的三維特性,其也常見(jiàn)于一些2.5D的頁(yè)面排版中。比如要將這醫(yī)保服務(wù)架構(gòu)圖轉(zhuǎn)換成2.5D樣式:
架構(gòu)圖主要分為三部分,所以我們可以用三個(gè)長(zhǎng)方塊規(guī)范好排版位置:
繪制藍(lán)色立方體,然后對(duì)文字進(jìn)行三維旋轉(zhuǎn)處理,貼在立方體表面:
接下來(lái)將立方體和文字的組合放在對(duì)應(yīng)的長(zhǎng)方塊上:
此時(shí)2.5D大致感覺(jué)已經(jīng)有了,最后我們還可以加入修飾元素,來(lái)強(qiáng)化頁(yè)面的立體感:
利用立方體元素,我們還可以將平面的圖表轉(zhuǎn)換成立體圖表,立體的圖表看起來(lái)會(huì)更加豐富和突出:
先用沙漪立方拼功能,拼湊出與圖表長(zhǎng)方形等高的長(zhǎng)方體,填充漸變色讓其更具立體感:
接著把圖表的長(zhǎng)方形替換成繪制好的立方體,這時(shí)立體圖表的雛形就出來(lái)了:
我們可以用黃色來(lái)突出最高數(shù)值,同時(shí)為了讓圖表看起來(lái)有均衡感,在底部統(tǒng)一加入一個(gè)淺色長(zhǎng)方體:
最后加入文字內(nèi)容,來(lái)看看整體效果:
好了,以上就是關(guān)于立方體繪制以及應(yīng)用場(chǎng)景的介紹,下面來(lái)總結(jié)一下:
我已經(jīng)將磨砂立方體案例的源文件分享出來(lái),給大家拆解學(xué)習(xí)。同時(shí)也收集了一些磨砂玻璃素材,一并分享給大家:
磨砂立方體源文件以及磨砂玻璃素材,可以在評(píng)論區(qū)評(píng)論任意文字即可免費(fèi)獲取。
溫馨提示:資源內(nèi)容需要評(píng)論本文后,并刷新頁(yè)面才會(huì)顯示看哦。
如果評(píng)論刷新后依然沒(méi)有看到,您可能賬號(hào)還沒(méi)綁定郵箱導(dǎo)致,綁定一下郵箱再試。
原標(biāo)題:2021蘋(píng)果設(shè)計(jì)獎(jiǎng)公布,這個(gè)超精致的海報(bào),用PPT也能搞定!
原作者:旁門(mén)左道PPT 微信號(hào):pangmenzd 自媒體大咖進(jìn)駐
感謝分享
感謝分享
感謝分享!
太好了
感謝分享
666
nice !
是
感謝分享
感謝分享!
感謝分享
感謝分享
在哪里呀
xiexie
1
感謝
666666666666666666666666
學(xué)習(xí)
很強(qiáng)很強(qiáng),求資源
插件哪里下
感謝分享
確實(shí)不錯(cuò),謝謝分享
確實(shí)不錯(cuò),謝謝分享
6666
很有設(shè)計(jì)感,求資源
nnnnnnnnnnnnn
llllllllllllll
厲害又好看
666
啦啦啦
感謝分享
受益匪淺
大佬好強(qiáng)!謝謝分享!
學(xué)習(xí)學(xué)習(xí)
感謝
效果杠杠的
受益匪淺
超厲害的
厲害誒?。?!大佬
受益匪淺
感謝分享?。?!
厲害誒?。?!大佬
闊以闊以
不錯(cuò)的想法
感謝分享
感謝
厲害厲害
感謝分享
收獲滿(mǎn)滿(mǎn)
very good
謝謝分享
強(qiáng)
謝謝分享!~
非常有立體感
大佬
非常有立體感
講得好!
bchjbj
我是來(lái)要分享的
非常期待材料
感謝分享
感謝分享
還可以這樣,厲害厲害!??!
感謝分享
感謝分享
感謝大神分享。
感謝分享
感謝分享
感謝分享
大佬!
厲害厲害
nice
大佬!
厲害厲害
感謝分享、
謝謝分享!
感謝分享!!!!
66666666666
感謝分享
感謝分享