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