橢圓平臺怎么畫才好看?有啥技巧嗎?
這是一位讀者看過這頁 PPT 后,在留言區(qū)向我提問的一個(gè)問題。
其實(shí),在 PPT 設(shè)計(jì)中,用形狀來模擬透視平臺,是一個(gè)能夠快速提升頁面設(shè)計(jì)美感的技法。
比如下面這兩頁騰訊峰會(huì)的 PPT 原稿,現(xiàn)在看,視覺上略顯平淡:
而利用形狀模擬透視平臺后,頁面的空間、設(shè)計(jì)感就會(huì)大幅度提升。比如繪制橢圓平臺:
或者是繪制梯形平臺:
那么,回到文章一開始的問題,大家用的都是 PowerPoint,為什么你總是畫不好呢?
你繪制的平臺:
別人繪制的平臺:
繪制這類透視平臺,到底有何技巧?
別慌,今天,這篇文章就帶你解開這其中的奧秘!
想要透視平臺畫的好,只需遵循 2 個(gè)現(xiàn)實(shí)原則即可。因?yàn)榕c現(xiàn)實(shí)相關(guān),所以理解起來不難。
? 原則一:近大遠(yuǎn)小
體積相似的物體,距離我們越遠(yuǎn),在視覺上看起來就會(huì)越小。
比如地面瓷磚,他們的實(shí)際大小相同,但一眼望去,越遠(yuǎn)的瓷磚,看起來就越?。?/p>
如果把圖片中瓷磚線條提取出來,分別來看橫線和縱線。
很明顯,橫線之間的間距,由近及遠(yuǎn),越來越窄:
縱線如果繼續(xù)延展,終將匯于一點(diǎn):
這就是頁面看上去有縱深感的原因!
我們回到透視平臺的構(gòu)建上。對于橢圓型平臺,如果只是用大小不同的橢圓簡單嵌套,頁面缺乏縱深感,看起來就會(huì)有些假:
我們在繪制時(shí),就可以根據(jù)上述橫線的特點(diǎn),調(diào)整各個(gè)橢圓錯(cuò)位,使各個(gè)線條的間距,由近及遠(yuǎn),越來越窄:
此外,線條間的各個(gè)間距相差越大,平臺的縱深感就會(huì)越強(qiáng):
同理,梯形平臺就應(yīng)該符合上述縱線的特點(diǎn)。
所有形狀兩側(cè)邊界的延長線,都要匯聚于一點(diǎn):
? 原則二:近實(shí)遠(yuǎn)虛
近處清晰,遠(yuǎn)處模糊。這個(gè)原則相信大家也深有體會(huì)。
比如從高樓向遠(yuǎn)處眺望,近處的大廈就很清晰,而遠(yuǎn)處的山巒受云霧的影響,會(huì)變得模糊不清。
同樣的,將近實(shí)遠(yuǎn)虛的原則,應(yīng)用到平臺的繪制上。比如通過調(diào)整橢圓漸變:
讓遠(yuǎn)處的線、面透明度降低:
梯形平臺同理,利用漸變讓平臺遠(yuǎn)透,近不透:
結(jié)合,上面所說的兩大原則,我們用形狀所構(gòu)建的平臺就更加符合現(xiàn)實(shí)邏輯,從視覺上去看自然會(huì)更加的美觀。
OK,原理是明白了,那有沒有什么方法,可以快速繪制這樣的透視平臺呢?
當(dāng)然有,我們可以借助三維旋轉(zhuǎn)。通過使用三維旋轉(zhuǎn),就可以不用手動(dòng)調(diào)整個(gè)圓環(huán)的間距,而且平臺的透視強(qiáng)度可以任意調(diào)節(jié)。
像上面這個(gè)案例,我們可以先繪制 4 個(gè)嵌套的正圓。
設(shè)置三維旋轉(zhuǎn),預(yù)設(shè) > 角度 >「透視:適度寬松」:
這時(shí),頁面中的正圓,就會(huì)有向后傾倒的趨勢:
我們調(diào)整 Y 旋轉(zhuǎn),可以變換觀察平臺的視角:
而調(diào)整透視,可以變換平臺的縱深感。透視越大,縱深感越強(qiáng):
最后,調(diào)整平臺漸變即可。
除了橢圓透視平臺,像下面這樣的梯形平面透視平臺,也可以使用這個(gè)方法快速繪制。
先繪制 5 個(gè)矩形,并組合:
和剛才的一樣,設(shè)置三維旋轉(zhuǎn),選擇預(yù)設(shè)中的「透視:適度寬松」。Y 旋轉(zhuǎn)控制平面傾倒的幅度;透視,控制平臺的縱深感:
最后,依據(jù)近實(shí)遠(yuǎn)虛的原則添加漸變效果:
最后,為了拓寬大家的思路,我再分享一些透視平臺在 PPT 設(shè)計(jì)中的一些用法。比較常見的是充當(dāng)載體,放置單個(gè)頁面信息。比如主要文本:
重點(diǎn)數(shù)據(jù):
當(dāng)然,只要你畫的平臺夠大,也可以放置多個(gè)內(nèi)容:
稍微復(fù)雜一些,我們還可以利用透視平臺,立體化呈現(xiàn)層級架構(gòu)。比如這種圓形平臺:
或是梯形平臺:
等等...
好了,以上呢,就是這篇文章的全部內(nèi)容了。希望看完這篇文章,你也能夠快速上手,畫出漂亮的透視平臺。
·
原標(biāo)題:邵大,騰訊官方的這頁P(yáng)PT也太高級了!為啥我做不出來...
]]>