充會(huì)員,很劃算

3招教你做出令人咋舌PPT漸變色!

3招教你做出令人咋舌PPT漸變色!
導(dǎo)讀

如何調(diào)出高級(jí)感的漸變色,這篇文章來(lái)分享3個(gè)設(shè)計(jì)漸變色的方法,分別是:1、HSL漸變法;2、深淺搭配法以及3、多層漸變疊加法。我相信,看完之后,你也可以做出優(yōu)秀的漸變配色!

有很多讀者,在看完每一期的 PPT 案例修改之后,總會(huì)問(wèn)我一個(gè)相同的問(wèn)題,那就是:

『如何調(diào)整出高級(jí)感的 PPT 漸變色』?

其實(shí)這個(gè)方法有很多:

  • 有些人會(huì)搜索網(wǎng)上的漸變色網(wǎng)站;
  • 有些人會(huì)提取優(yōu)秀案例的漸變色;
  • ……

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

來(lái)自Dribbble

但不得不說(shuō),這些都是別人設(shè)計(jì)的漸變色,對(duì)你來(lái)講,雖然可以很方便的進(jìn)行借鑒,但其實(shí)你還是不懂背后的方法。

因此,今天就來(lái)跟各位,分享3個(gè)設(shè)計(jì)漸變色的方法。我相信,看完之后,你也可以做出優(yōu)秀的漸變配色:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

一、HSL漸變法

它的原理,就在于保持漸變色的色調(diào)一致。

啥意思呢?先來(lái)簡(jiǎn)單科普一下 PowerPoint 軟件中顏色模式,一共分為兩種,分別是RGB和HSL:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

啥叫 RGB ?啥叫 HSL 呢?很好理解,因?yàn)檫@都是英文縮寫(xiě):

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

而如果想要保持色調(diào)不變,其實(shí),就是只調(diào)整 H ,也就是色調(diào)的值即可。那么,關(guān)鍵在于,該如何調(diào)整呢?

在 PowerPoint 軟件中,我們比較熟悉的,可能是 RGB ,但其實(shí),我們切換成 HSL 面板:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這樣,就可以很方便地調(diào)整顏色的色調(diào)。比如說(shuō)拿這個(gè)橙色來(lái)說(shuō),它的色值是這樣的:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

那如果我們想用這個(gè)顏色,來(lái)創(chuàng)建一個(gè)漸變色,該如何調(diào)整呢?再啰嗦一遍,那就是只調(diào)整色調(diào)的值,其他兩個(gè)數(shù)值不變即可。

比如說(shuō)像兩個(gè)顏色,各位可以看到,只是色調(diào)發(fā)生了變化:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

然后,把這兩個(gè)顏色組合起來(lái),就可以生成這個(gè)漸變色:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

看起來(lái)還可以,對(duì)嗎?同樣地,我們還可以任意調(diào)整其它色調(diào),比如換成紅色,同樣能創(chuàng)建一個(gè)流暢的漸變色:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

因此,以后當(dāng)我們?cè)倏吹竭@樣的漸變色案例時(shí),你是不是就知道該如何去調(diào)整了呢?

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

二、深淺搭配法

從名字就能理解,這種漸變式搭配的方法,就在于調(diào)整出一深一淺兩個(gè)顏色。很多發(fā)布會(huì)的 PPT 漸變背景,都是這么調(diào)出來(lái)的:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

那這個(gè)方法的核心,是調(diào)整什么值呢?還是回到我們剛才的 HSL 模式中:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

顏色之所以有深淺,通俗點(diǎn)說(shuō),就是有明暗關(guān)系的變化,因此,我們需要調(diào)整的是亮度參數(shù),也就是 L 值。

各位可以看下這個(gè)動(dòng)態(tài)變化過(guò)程:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

但要注意,顏色深淺的幅度不要過(guò)大,稍微有一些變化即可:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

 

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

那這種漸變色,在 PPT 中有什么用呢?有一個(gè)我常用的場(chǎng)景,就是與物體的光影相契合。

啥意思呢?啥叫『與物體的光影相契合』呢?很好理解,舉個(gè)例子,一束光照在一個(gè)物體上,肯定有一側(cè)亮,一側(cè)暗:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

對(duì)嗎?那這跟 PPT 有啥關(guān)系呢?比如像下面這個(gè)人物素材,臉部比較亮,肯定是光照面,另一側(cè),肯定是暗面:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

因此,當(dāng)我們進(jìn)行排版時(shí),人物底部的色塊,肯定是上側(cè)偏亮,而下側(cè)偏暗。就像這樣:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

能明白這個(gè)使用場(chǎng)景了,對(duì)嗎?

當(dāng)然,類(lèi)似的例子還有很多,而只有你理解這個(gè)知識(shí)點(diǎn)之后,你才能明白,別人的色塊顏色,為什么要那樣去調(diào)整?

比如像這個(gè)網(wǎng)頁(yè)設(shè)計(jì)的案例,各位能看到其中的明暗關(guān)系嗎?

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

同樣地,還有像這個(gè)例子,光源從右上角照入,因此,色塊右上角會(huì)偏亮:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

還有我之前做的這個(gè)頁(yè)面,原理都是一樣的:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

三、多層漸變疊加

這是我們今年剛研究出來(lái)的一個(gè)方法,比較適合用在面積較小的形狀上。比如說(shuō)就像這樣的案例:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這里的氣泡,靠一個(gè)漸變色,是調(diào)整不出來(lái)的。一般需要多個(gè):

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這就是多層漸變疊加的效果。同樣地,這里的漸變色,也不是隨便調(diào)整,同樣遵循一定的方法。

拿這個(gè)例子來(lái)說(shuō):

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

因?yàn)樽髠?cè)泛的是紅光,右側(cè)泛的是青光,所以,漸變的角度和色彩,也盡量能貼合光源的效果:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

同樣地,還有一些相似的案例,也跟各位分享一下。

比如像前兩天的技術(shù)架構(gòu)的設(shè)計(jì)案例,也是利用這個(gè)技巧完成的:

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

明白了嗎?這就是我們?cè)谡{(diào)整漸變色的時(shí)候,可能會(huì)用到的一些方法。在之前的文章中,我曾零零散散地分享過(guò),今天算是一個(gè)完整復(fù)盤(pán)吧!

以上,就是我日常積累的色彩搭配經(jīng)驗(yàn),希望對(duì)各位有所幫助。

 

原標(biāo)題:這些PPT的色彩搭配也太高級(jí)了吧!學(xué)會(huì)這3招,你也能搞定!

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

《 “3招教你做出令人咋舌PPT漸變色!” 》 有 2 條評(píng)論

  1. W.說(shuō)道:

    請(qǐng)問(wèn),漸變案例里調(diào)好的顏色如何進(jìn)行組合?

  2. Jia說(shuō)道:

    學(xué)到了,干貨。

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

有困難加站長(zhǎng)微信
購(gòu)買(mǎi)咨詢(xún)電話(huà)15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348