橢圓平臺怎么畫才好看?有啥技巧嗎?
這是一位讀者看過這頁 PPT 后,在留言區(qū)向我提問的一個問題。
其實(shí),在 PPT 設(shè)計(jì)中,用形狀來模擬透視平臺,是一個能夠快速提升頁面設(shè)計(jì)美感的技法。
比如下面這兩頁騰訊峰會的 PPT 原稿,現(xiàn)在看,視覺上略顯平淡:
而利用形狀模擬透視平臺后,頁面的空間、設(shè)計(jì)感就會大幅度提升。比如繪制橢圓平臺:
或者是繪制梯形平臺:
那么,回到文章一開始的問題,大家用的都是 PowerPoint,為什么你總是畫不好呢?
你繪制的平臺:
別人繪制的平臺:
繪制這類透視平臺,到底有何技巧?
別慌,今天,這篇文章就帶你解開這其中的奧秘!
想要透視平臺畫的好,只需遵循 2 個現(xiàn)實(shí)原則即可。因?yàn)榕c現(xiàn)實(shí)相關(guān),所以理解起來不難。
? 原則一:近大遠(yuǎn)小
體積相似的物體,距離我們越遠(yuǎn),在視覺上看起來就會越小。
比如地面瓷磚,他們的實(shí)際大小相同,但一眼望去,越遠(yuǎn)的瓷磚,看起來就越?。?/p>
如果把圖片中瓷磚線條提取出來,分別來看橫線和縱線。
很明顯,橫線之間的間距,由近及遠(yuǎn),越來越窄:
縱線如果繼續(xù)延展,終將匯于一點(diǎn):
這就是頁面看上去有縱深感的原因!
我們回到透視平臺的構(gòu)建上。對于橢圓型平臺,如果只是用大小不同的橢圓簡單嵌套,頁面缺乏縱深感,看起來就會有些假:
我們在繪制時,就可以根據(jù)上述橫線的特點(diǎn),調(diào)整各個橢圓錯位,使各個線條的間距,由近及遠(yuǎn),越來越窄:
此外,線條間的各個間距相差越大,平臺的縱深感就會越強(qiáng):
同理,梯形平臺就應(yīng)該符合上述縱線的特點(diǎn)。
所有形狀兩側(cè)邊界的延長線,都要匯聚于一點(diǎn):
? 原則二:近實(shí)遠(yuǎn)虛
近處清晰,遠(yuǎn)處模糊。這個原則相信大家也深有體會。
比如從高樓向遠(yuǎn)處眺望,近處的大廈就很清晰,而遠(yuǎn)處的山巒受云霧的影響,會變得模糊不清。
同樣的,將近實(shí)遠(yuǎn)虛的原則,應(yīng)用到平臺的繪制上。比如通過調(diào)整橢圓漸變:
讓遠(yuǎn)處的線、面透明度降低:
梯形平臺同理,利用漸變讓平臺遠(yuǎn)透,近不透:
結(jié)合,上面所說的兩大原則,我們用形狀所構(gòu)建的平臺就更加符合現(xiàn)實(shí)邏輯,從視覺上去看自然會更加的美觀。
OK,原理是明白了,那有沒有什么方法,可以快速繪制這樣的透視平臺呢?
當(dāng)然有,我們可以借助三維旋轉(zhuǎn)。通過使用三維旋轉(zhuǎn),就可以不用手動調(diào)整個圓環(huán)的間距,而且平臺的透視強(qiáng)度可以任意調(diào)節(jié)。
像上面這個案例,我們可以先繪制 4 個嵌套的正圓。
設(shè)置三維旋轉(zhuǎn),預(yù)設(shè) > 角度 >「透視:適度寬松」:
這時,頁面中的正圓,就會有向后傾倒的趨勢:
我們調(diào)整 Y 旋轉(zhuǎn),可以變換觀察平臺的視角:
而調(diào)整透視,可以變換平臺的縱深感。透視越大,縱深感越強(qiáng):
最后,調(diào)整平臺漸變即可。
除了橢圓透視平臺,像下面這樣的梯形平面透視平臺,也可以使用這個方法快速繪制。
先繪制 5 個矩形,并組合:
和剛才的一樣,設(shè)置三維旋轉(zhuǎn),選擇預(yù)設(shè)中的「透視:適度寬松」。Y 旋轉(zhuǎn)控制平面傾倒的幅度;透視,控制平臺的縱深感:
最后,依據(jù)近實(shí)遠(yuǎn)虛的原則添加漸變效果:
最后,為了拓寬大家的思路,我再分享一些透視平臺在 PPT 設(shè)計(jì)中的一些用法。比較常見的是充當(dāng)載體,放置單個頁面信息。比如主要文本:
重點(diǎn)數(shù)據(jù):
當(dāng)然,只要你畫的平臺夠大,也可以放置多個內(nèi)容:
稍微復(fù)雜一些,我們還可以利用透視平臺,立體化呈現(xiàn)層級架構(gòu)。比如這種圓形平臺:
或是梯形平臺:
等等...
好了,以上呢,就是這篇文章的全部內(nèi)容了。希望看完這篇文章,你也能夠快速上手,畫出漂亮的透視平臺。
·
原標(biāo)題:邵大,騰訊官方的這頁P(yáng)PT也太高級了!為啥我做不出來...
]]>
原標(biāo)題:那個超炫酷的小鹿茶PPT動畫,到底是怎么做出來的?
]]>這個功能就是三維旋轉(zhuǎn)。
之前,我曾寫過一篇關(guān)于它的基礎(chǔ)操作文章,跟大家分享了一些入門級功能。一些讀者問我,在 PPT 設(shè)計(jì)中,這個功能該如何運(yùn)用到 PPT 頁面中呢?
所以,這篇文章,就來跟各位分享它是如何被應(yīng)用到 PPT 頁面中,從而做出類似這樣的 PPT:
不過,在此之前呢,考慮到有些新讀者還不知道它的基礎(chǔ)操作,所以,先來簡單地科普一下。
如何才能進(jìn)行三維旋轉(zhuǎn)呢?非常簡單,選中頁面中的元素,右鍵設(shè)置形狀格式,再點(diǎn)擊效果,即可找到三維旋轉(zhuǎn)。
這個功能是干嘛的呢?無可厚非,它可以調(diào)整頁面中的元素三維角度,而這樣做的好處,就是讓頁面看起來更加有立體感!
當(dāng)然,如果你不懂如何調(diào)整這些參數(shù),也沒關(guān)系。在 PowerPoint 中內(nèi)置了多種旋轉(zhuǎn)樣式,咱們都可以直接使用。
當(dāng)然,如果你對內(nèi)置的樣式不滿意,也可以再來調(diào)整參數(shù):
好了,到這里,基本就科普結(jié)束了,其實(shí),沒什么難度。
但最關(guān)鍵的問題是,在實(shí)際的 PPT 頁面設(shè)計(jì)中,我們該怎么去用它呢?接下來,我將從3個場景來跟各位分享。
比如像下面這個頁面,這是我們很多人會遇到的,需要對圖片進(jìn)行排版,對嗎?那么,如何才能做出創(chuàng)意感呢?
咱們一步步來試一下。
首先,我們先對內(nèi)容的排版形式進(jìn)行修改,體現(xiàn)出內(nèi)容之間的對比:
接下來,我們可以對頁面上的圖片進(jìn)行三維旋轉(zhuǎn),使用軟件內(nèi)置的旋轉(zhuǎn)樣式,就可以簡單地對圖片進(jìn)行旋轉(zhuǎn):
為了能夠體現(xiàn)對稱,可以采用左右不同方向的傾斜:
更換一個更適合商務(wù)感的頁面背景和色彩,但頁面有些單調(diào),且缺少細(xì)節(jié)的設(shè)計(jì)感:
我們可以在圖片的周圍,添加一些漸變的線條,并且在頁面的背景上添加一張圖片素材,來豐富頁面視覺效果:
當(dāng)然,除此之外,我們還可以換一種形式進(jìn)行圖片排版:
怎么樣?頁面的圖片排版形式是不是更好呢?
當(dāng)然,除了展示一些圖片素材之外,當(dāng)我們進(jìn)行界面或截圖展示時,也可以考慮使用三維旋轉(zhuǎn),這也是一個很好用的方法。
什么意思呢?咱們同樣通過一個案例,來理解一下。就拿下面這個頁面來說吧:
4個字評價(jià),那就是平淡無奇,對嗎?接下來,咱們就來改造一下。
首先,咱們還是先來對文字內(nèi)容的排版樣式做出調(diào)整,讓內(nèi)容的對比性更強(qiáng)烈:
接下來,利用三維旋轉(zhuǎn),我們也可以對圖片進(jìn)行旋轉(zhuǎn)。跟上面那個案例的方法一樣,就不詳細(xì)說了:
另外,因?yàn)轫撁嬗?張圖片,所以,中間的那張,咱們可以保持不變,并且,為其添加一個手機(jī)殼,從而更具場景感:
但是,現(xiàn)在的圖片排版形式,透視感不強(qiáng),沒有那種遠(yuǎn)近的關(guān)系。咱們可以調(diào)整左右兩側(cè)圖片的透明度,從而營造出層次關(guān)系:
就像這樣,是不是有點(diǎn)透視感了?
到這里,咱們把文字和圖片結(jié)合在一起,進(jìn)行居中排版即可:
但是,黑色背景有點(diǎn)稍顯壓抑,所以,我們可以考慮更換一張更具場景感的圖片素材。
到這里,基本上一頁 PPT 就算完成了。再來給大家多看幾個案例:
還有,如果你是一位 PPT 設(shè)計(jì)師,還可以利用三維旋轉(zhuǎn),對自己的作品進(jìn)行排版:
看下效果:
當(dāng)然,我們還可以嘗試其他的旋轉(zhuǎn)樣式:
是不是很贊?
使用三維旋轉(zhuǎn)可以很好的構(gòu)建頁面的空間感,也能夠讓頁面變得更具創(chuàng)意。比如說像這樣:
同樣地,為了便于各位理解它的制作過程,咱們通過一個案例來學(xué)習(xí)一下。假如就是它了:
那么,我們該如何利用三維旋轉(zhuǎn)的功能,將它做成一張創(chuàng)意十足的 PPT 頁面呢?
咱們可以先把這一句封面文案內(nèi)容拆開,并且,為了能夠準(zhǔn)確地對它進(jìn)行三維立體變換,給各位一個小建議,咱們可以把它放在3個正方形色塊上:
將這3個面分別進(jìn)行相應(yīng)角度的變換,組成一個立方體,具體過程就不演示了,跟前面的操作一樣:
可以適當(dāng)?shù)貙α⒎襟w進(jìn)行角度變換,讓文字排版更有創(chuàng)意:
到這里,咱們可以把文字底部的色塊刪除,或者將其填充的紅色設(shè)置為無填充:
到這里,明白為什么要在最開始的第一步中,要在文字底部添加色塊了嗎?
最后呢,在文字底部添加一張商務(wù)感的圖片素材,這樣,一張適合企業(yè)匯報(bào)使用的 PPT 創(chuàng)意封面,就算完成了:
怎么樣?不是是超酷?
當(dāng)然,利用這個方法,我們也可以對流程圖做三維旋轉(zhuǎn),是不是也是一樣的創(chuàng)意呢?
讓文字按照圖片的走勢進(jìn)行旋轉(zhuǎn),可以讓文字與背景圖片很好的融合。什么意思呢?比如咱們看到下面這個圖片:
我們將文字按照飛機(jī)的運(yùn)動方向旋轉(zhuǎn),可以讓畫面的融合度更高:
再比如,咱們再來看一個案例,比如是這樣的一張頁面:
咱們一步步來分析一下。
首先,咱們可以把大段內(nèi)容拆分開,這樣可以讓頁面更具備重點(diǎn):
接下來,簡單分析一下圖片的運(yùn)動方向,大概是這樣的:
所以,咱們就可以基于這個方向,來對文字內(nèi)容進(jìn)行相應(yīng)的旋轉(zhuǎn):
但不得不說的是,頁面內(nèi)容是與「智能科技」有關(guān),但頁面缺少點(diǎn)科技感,所以,咱們可以添加一些修飾元素,來增強(qiáng)科技感的視覺效果:
把文字內(nèi)容放在圖片上:
但是頁面視覺效果有些平淡,咱們可以在頁面的周圍,多添加一些色塊,來豐富頁面的效果:
明白了嗎?到這里,一張創(chuàng)意十足,且科技感很強(qiáng)的 PPT 頁面就算完成了,還不錯吧?。?/p>
當(dāng)然,利用這個思路,咱們也可以做出這樣的 PPT 頁面:
這就是利用三維旋轉(zhuǎn)做出的一些創(chuàng)意十足的 PPT 頁面效果,怎么樣,還不錯吧?
其實(shí),只需要我們很好地利用這些基礎(chǔ)功能,并且發(fā)揮足夠的創(chuàng)意,那么,我相信你也能夠做出這些創(chuàng)意十足的 PPT 頁面。
你說,對嗎?
]]>