圖層蒙版漸變怎麼弄（ps怎麼做蒙版漸變）

談到「漸變」，大多數小夥伴都不會陌生，在老師們的課堂上，畫風總是這樣的……

這些「土味瀰漫」的幻燈片相信大家都不會喜歡，所以很多情況下，我們對「漸變」都是敬而遠之，但不得不說，漸變如果用得好，絕對是化腐朽為神奇的祕密武器：

是不是已經心動了？或許有的小夥伴很少接觸漸變，心裡還有疑問，例如：

什麼是漸變蒙版？

如何新增漸變蒙版？

不懂配色怎麼做出高大上的漸變？

那就讓我們圍繞這些問題開始接下來的學習吧！

01

什麼是漸變蒙版？

◆ ◆ ◆

在以前介紹半透明蒙版的文章中，我們提到，半透明蒙版不過是在圖片上新增一層半透明的色塊，而漸變蒙版則是顏色逐漸發生過渡的色塊。

漸變蒙版可以分為單色漸變以及多色漸變等形式：

02

漸變蒙版的新增方法

◆ ◆ ◆

在 PPT 中插入矩形，選中矩形，點選滑鼠右鍵，在【設定形狀格式】裡找到填充，就可以在下面找到漸變填充啦。

在知道如何插入漸變蒙版之後，我們需要進一步瞭解一下漸變填充的一些小知識，包括型別、方向與漸變光圈。

漸變的型別包括 4 種：線性漸變，射線漸變，矩形漸變，路徑漸變。

我們以最常用的線性漸變為例，通過給下面這張灰色的圖新增漸變蒙版，來具體瞭解一下漸變色的使用規律。

線性漸變是指顏色沿著一條軸線過渡，顏色從起點到終點進行順序漸變（從一邊拉向另一邊）。每一種型別都已經有預設好的角度和方向：

調節角度有什麼作用呢？我們來對照看一下：

漸變光圈預設的有 4 個，顏色漸變按照漸變光圈從左至右的順序。

一般情況下，只需兩個漸變光圈即可。比如我們設定「型別」為線性漸變，「方向」從左至右。

色值參考：

光圈 1 位置為 0，RGB 為（255，107，107），透明度為 20%

光圈 2 位置為 100，RGB 為（85，98，112），透明度為 50%

將蒙版覆蓋到圖片上面，就可以使這張灰色的圖大變模樣：

對比一下，是不是有很大的改善？

瞭解了線性漸變，對於射線漸變就好理解了。

射線漸變的方向主要有以下 5 種：

可以發現，顏色的過渡都是從某一個點開始發散的。我們用一個案例來看看線性漸變與射線漸變的區別。

線性漸變：

射線漸變：

你在看這兩張圖的時候，是否感覺到注意力的變化？

由於漸變的一種引導作用，我們在看圖 1 的時候，更多會將注意力放在圖片上，而看圖 2 的時候，我們會更關注文案。

同樣是漸變，但是不同型別的漸變有不同的使用方式。所以，我們在使用漸變的時候，要根據實際需要來選擇型別與方向。

03

不懂配色如何做出高大上的漸變

◆ ◆ ◆

漸變色能迅速提升設計感，時尚的配色又能引來年輕人的喜愛，所以越來越多的網際網路科技公司官網網頁上，都在使用漸變色：

顯然，設定漸變色的操作並不複雜，最難的地方在於怎麼調節配色。

《配色原理》這本書裡提到，一般我們可以通過視覺獲取各種資訊，色彩是十分重要的資訊之一，色彩被譽為一種能夠激發情感、刺激感官的元素。

色彩資訊傳遞的速度非常快，在進入眼球的瞬間即可在人的大腦中形成一種印象。

而漸變的引入可比單色更加有趣，並且充滿活力。

大多數網際網路公司，正是應用不同色彩所帶來的不同感受，利用顏色的漸變來營造出一種年輕、青春的氣息，滿足大多數受眾人群的偏好。

而作為一個沒有任何設計基礎的小白，如何調出和上圖一樣的漂亮漸變色彩呢？

接下來給大家安利 3 個漸變色設計網站。

❶ uigradients.com

裡面都是已經搭配好的漸變色，我們只需直接取用即可。

點選左上角的【show all gradients】可以看見所有已經搭配好的顏色，列表裡有上百種顏色的搭配，基本可以滿足所有漸變色的使用需求了。

❷ https://webkul.github.io/coolhue

該網站一共提供了 30 種現成的漸變背景，下載 PNG 圖片格式，就可以直接當做背景使用啦。

❸ webgradients.com

該網站一共提供了上百種現成的漸變色配色方案，左下角有色號，右上角點選下載直接下載漸變圖片。

有了這 3 個漸變色配色神器，PPT 小白也能馬上使用高大上的漸變色彩啦~

04

小補充和總結

◆ ◆ ◆

手動輸入色號有時候比較麻煩，所以我們可以通過取色器實現取色。

第 ❶ 種方法，截圖到 PPT 中，用取色器直接取色：

第 ❷ 種方法，用 iSlide 外掛的取色器直接在 PPT 外取色：

好啦，一起來回顧一下今天的內容~