充會(huì)員,很劃算

3種方法讓你在二維平面上,表現(xiàn)出三維的立體空間感!

3種方法讓你在二維平面上,表現(xiàn)出三維的立體空間感!
導(dǎo)讀

如何在二維平面上,表現(xiàn)出三維的立體空間感?有三種方法可以使用,分別是:調(diào)整漸變、三位調(diào)整以及增加透視,希望對(duì)你有所幫助!

在前幾天有位讀者問了我一個(gè)很有價(jià)值的問題。是啥呢?

就是如何在二維平面上,表現(xiàn)出三維的立體空間感?

大概就像這樣:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

不得不說,這的確是一個(gè)很好的問題。

那么,到底是如何做的呢?不廢話,直接進(jìn)入正題。

我常用的方法分為3種,分別是:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

方法一、調(diào)整漸變

看到這兒,可能很多人會(huì)有疑問,漸變的作用,不是改變顏色嗎?為什么能夠增強(qiáng)空間立體感呢?

比如說,我們現(xiàn)在看到這樣的一張素描,看起來像是一個(gè)球體 ,對(duì)不對(duì)?

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

為啥呢?其實(shí)只不過是給一個(gè)平面的圓形,添加了漸變而已:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

如果說我們把高光,明暗交界,以及反光添加到一個(gè)平面的圓形,它也會(huì)有立體感:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

就是這么簡(jiǎn)單。

當(dāng)我們知道如何繪制球體之后,我們就可以利用它作為文字的襯底,進(jìn)行排版:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

或者是這樣的:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

再比如我們之前做過的一頁P(yáng)PT,很多人很好奇這個(gè)球體是怎么來的,其實(shí),它就也是加了漸變的形狀而已:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

同樣的,還有一個(gè)場(chǎng)景是,利用漸變色,我們可以繪制立體感的數(shù)據(jù)圖表。

啥意思呢?之前有讀者問我,為啥自己在 PPT 里插入的立體形狀,感覺很low?

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

原因很簡(jiǎn)單,因?yàn)槲覀冃枰獮榱⒎襟w的每一個(gè)面,都調(diào)整漸變效果:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

只有這樣,才能得到一個(gè)非常有質(zhì)感的立方體:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

比如像之前我修改的一頁 PPT 封面,其實(shí)就是這樣調(diào)整的:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

再比如像這個(gè)頁面中的圖表,你可以思考一下,它是如何呈現(xiàn)出立體感的呢?

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

另外,利用漸變調(diào)整,我們還可以在平面上,去營(yíng)造出一個(gè)立體的空間。

就像這樣:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

那這個(gè)又是怎么做的呢?其實(shí),很簡(jiǎn)單,就是在頁面上,添加了一個(gè)漸變色塊而已:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

不過呢,有一個(gè)小細(xì)節(jié)是,底部色塊的顏色,要稍微深一點(diǎn):

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

同樣的,利用這個(gè)原理,我們可以做成這樣的空間感背景:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

方法二、三維調(diào)整

這應(yīng)該是很多人都能想到的一個(gè)方法。

操作上也很簡(jiǎn)單,選中一個(gè)元素后,調(diào)整三維選項(xiàng)就可以:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

比如說,我們可以用來進(jìn)行圖片的排版,從而增強(qiáng)空間立體感:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

當(dāng)然,也可以是對(duì)文字添加三維旋轉(zhuǎn),都能營(yíng)造出空間立體感:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

這是一個(gè)比較簡(jiǎn)單的方法,之前也寫過,我就不多說了。

方法三、增加透視

我們?cè)谡鎸?shí)世界中,都明白一個(gè)最基本的原理,叫做:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

而如果我們想要在平面上,營(yíng)造出空間感,也需要遵循這個(gè)規(guī)律。

啥意思呢?舉個(gè)簡(jiǎn)單的例子,比如像前幾天修改的案例,為了營(yíng)造空間感,我對(duì)后一排的圖片進(jìn)行了虛化處理。

這就是近實(shí)遠(yuǎn)虛:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

再比如像這個(gè)頁面,算是典型的近大遠(yuǎn)小式的透視關(guān)系:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

除此之外,我們還可以通過對(duì)形狀的漸變調(diào)整,把遠(yuǎn)處的透明度設(shè)置為100%,也可以實(shí)現(xiàn)透視的效果:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

用這個(gè)方法,我們一般用來制作內(nèi)容的底座,從而進(jìn)行排版:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

把梯形換成圓形,也是一樣的道理:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

繼續(xù)延伸,我們也可以把這個(gè)原理,應(yīng)用到圖片排版中。

比如在排版圖片時(shí),我們可以對(duì)圖片進(jìn)行虛化處理,或者是添加一些虛擬形狀,從而營(yíng)造透視的感覺:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

這樣一來,也可以營(yíng)造出空間立體感:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

再比如像這個(gè)頁面,之所以在圖片背后,添加一些矩形色塊,原理也是一樣的:

華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

這就是在平面上,實(shí)現(xiàn)三維立體空間感展示的3個(gè)方法,希望對(duì)各位有所幫助。

·

原標(biāo)題:華為的這個(gè)網(wǎng)頁太酷了!PPT中想做出這樣的效果難嗎?

原作者:旁門左道PPT 微信號(hào):pangmenzd 自媒體大咖進(jìn)駐

發(fā)表回復(fù)

有困難加站長(zhǎng)微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑難雜癥找站長(zhǎng)遇到困難,找站長(zhǎng)!