談到「漸變」,大多數小伙伴的腦海里可能會閃過類似這樣畫面……
這些「土味彌漫」的幻燈片相信大家也不喜歡,而漸變如果能夠用好,絕對是化腐朽為神奇的秘密武器:
是不是已經心動了?經過對比以及看到這樣的作品,或許你心中會產生疑問:
什么是漸變蒙版?
如何添加漸變蒙版?
不懂配色怎么做出高大上的漸變?
那就一起開始接下來的學習吧!
01、什么是漸變蒙版?
我們在前面講半透明蒙版時提到過,半透明蒙版其實就是在圖片上添加一層半透明的色塊,而漸變蒙版則是顏色逐漸發生過渡的色塊。
漸變蒙版可以分為單色漸變以及多色漸變等形式:
02、漸變蒙版的添加方法
插入矩形,選中矩形,點擊鼠標右鍵,【設置形狀格式】填充,漸變填充。
在知道如何插入漸變蒙版之后,我們需要再了解一下漸變填充的一些小知識,包括類型,方向與漸變光圈。
漸變的類型包括:線性漸變,射線漸變,矩形漸變,路徑漸變。
最常用的類型主要是線性漸變,所以我們以線性漸變的使用方法為例,通過給下面這張灰色的圖添加漸變蒙版,來具體了解一下漸變色的變化規律。
線性漸變是指顏色沿著一條軸線過渡,從起點到終點顏色進行順序漸變(從一邊拉向另一邊)。每一種類型都已經有預設好的角度和方向:
調節角度有什么作用呢?來對照看一下:
漸變光圈默認的有 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 中,用取色器直接取色:
第二種方法,用NT插件的取色器直接在 PPT 外取色:
好啦,一起來回顧一下今天的內容:
什么是漸變蒙版?
通俗來說就是顏色逐漸發生過渡的色塊
漸變蒙版如何添加?
【設置形狀格式】→【漸變填充】,漸變類型主要是線性漸變和射線漸變,主要調節參數是光圈、角度和透明度
如何調節出高大上的漸變?
uigradients.com、Coolhue、webgradients.com
本文首發于「秋葉PPT」,如需轉載請聯系秋葉PPT。