前兩天收到一個(gè)朋友的留言，問(wèn)我下圖這種漸變色是如何制作的？

看來(lái)大家對(duì)于漸變色還是有很多不懂的地方，所以今天，我打算系統(tǒng)的說(shuō)一說(shuō)PPT中的漸變色。

雖然在PPT中漸變的實(shí)現(xiàn)特別簡(jiǎn)單，但是說(shuō)句不好聽(tīng)的，很多人做的漸變并不好看，甚至可以說(shuō)巨丑。

01

漸變色的三個(gè)可控變量

在PPT中，要想設(shè)置漸變色，只需要打開(kāi)設(shè)置形狀格式的屬性欄就可以，操作也很簡(jiǎn)單，選中形狀，然后右鍵設(shè)置形狀格式，在右側(cè)可以看到設(shè)置形狀格式中的填充選項(xiàng)里就有一個(gè)漸變填充。

漸變色的設(shè)置主要通過(guò)三個(gè)變量的調(diào)整，分別是漸變類(lèi)型，漸變方向還有漸變光圈。

漸變類(lèi)型主要有四種，分別是線性漸變、射性漸變、矩形漸變、路徑漸變。

線性漸變：從起點(diǎn)到終點(diǎn)顏色從內(nèi)到外進(jìn)行圓形漸變。

射線漸變：從起點(diǎn)到終點(diǎn)顏色進(jìn)行順序漸變，也就是一條直線。

這是在PPT中使用較廣的兩種漸變類(lèi)型，除此之外，還有矩形漸變和路徑漸變。

漸變方向和漸變角度其實(shí)是一個(gè)意思，這個(gè)在操作上很簡(jiǎn)單，直接調(diào)整角度的數(shù)值就可以了。

漸變光圈是漸變最重要的部分，它包含漸變的顏色、位置、透明度和亮度。我們可以在漸變光圈上增加和減少顏色的控點(diǎn)，以此來(lái)影響漸變的效果。

02

相近色漸變

如果我們想要制作出高品質(zhì)的漸變色，那么在顏色的選擇上就要非常謹(jǐn)慎了，最好選取相近的顏色，或者同一色系的顏色。

通過(guò)這種方法，我們調(diào)制出的配色給人的感覺(jué)就非常舒服，賞心悅目。

下面幾個(gè)案例，一個(gè)是藍(lán)色單色系的漸變，一個(gè)是紫色單色系的漸變，還有一個(gè)是綠色和黃色的相近色漸變。

03

漸變蒙版

蒙版我們都知道，就是半透明的色塊，那么漸變蒙版就很好理解了，就是半透明的漸變色。

這種半透明的漸變色近兩年在網(wǎng)頁(yè)設(shè)計(jì)中非?；穑憬?jīng)?？梢钥吹?。

我們可以看到，上面這個(gè)漸變蒙版總共有兩層，最小面是圖片，在上面的是一個(gè)半透明的漸變色塊。

這是一個(gè)藍(lán)色到紫色的相近色漸變，只是我們?cè)跐u變光圈下調(diào)整了顏色的透明度，這樣我們就可以若隱若現(xiàn)的看到背景的圖片。

04

利用漸變處理圖片

當(dāng)我們的圖片過(guò)亮或者圖片尺寸太小不能過(guò)鋪滿屏幕時(shí)，這個(gè)時(shí)候我們就可以利用漸變來(lái)處理圖片。

比如下面這個(gè)案例，我們看到圖片的亮度太高，而且尺寸與整個(gè)版面不符，如果直接輸入文字的話，圖片對(duì)于文字的干擾很大。

這個(gè)時(shí)候，我們可以給圖片添加一半透明漸變蒙版，其中光圈的左側(cè)一端設(shè)置透明度為100%，右側(cè)一端不設(shè)置透明度，然后我們?cè)谥虚g再加入一個(gè)光圈，也不布置透明度。

通過(guò)設(shè)置之后，我們就可以得到下圖的效果了。

05

漸變色配色網(wǎng)站

如果你對(duì)色彩的感知度很低，不知道用什么顏色好，這個(gè)時(shí)候就需要多看一些好的配色方案。

關(guān)于漸變色的使用，我推薦兩個(gè)網(wǎng)站，一個(gè)是WebGradients，一個(gè)是uigradients。這兩個(gè)網(wǎng)站都收錄了非常多的漸變色案例，在你沒(méi)有靈感的時(shí)候，可以去看看。

以上就是利兄最近研究的內(nèi)容，希望你喜歡。

BY 利兄

（全文完）