色彩，作為視覺(jué)的顏值擔(dān)當(dāng)，在構(gòu)圖中的地位不言而喻。在幻燈片之中，所用色彩的部分比較多，這篇文字主要聊聊漸變。
漸變概述
漸變所呈現(xiàn)的設(shè)計(jì)感在很多的作品之中有所體現(xiàn)，怎么樣去用好漸變確實(shí)考驗(yàn)我們的審美能力。多個(gè)顏色，或交融，或疊加，或區(qū)分或其他，通過(guò)本身的色彩層次讓視覺(jué)上區(qū)分這種效果，在幻燈片的應(yīng)用中，漸變的效果數(shù)量保證不多，在某個(gè)界面給人一種不同的視覺(jué)感。
幻燈片中的漸變效果主要包括：線性、射線、路徑、矩形。在日?；脽羝谱髦校皟烧呤褂幂^多，因此這篇文字主要是圍繞線性漸變、射線漸變進(jìn)行說(shuō)明。漸變光圈的數(shù)量決定了漸變的色彩種類，其數(shù)量為兩個(gè)或以上。
線性漸變：主要預(yù)設(shè)8個(gè)方向，當(dāng)然這個(gè)漸變角度可以自己去進(jìn)行定義，根據(jù)實(shí)際的顯示效果，選擇合適的漸變角度。
射線漸變：主要預(yù)設(shè)5種效果，漸變角度不可調(diào)。其中包括四種方向效果、一種中心輻射。根據(jù)使用射線漸變的心得，五種效果中，中心輻射展示的效果最佳。
開(kāi)頭劃重點(diǎn)
對(duì)于幻燈片漸變必要條件是兩種顏色以上，也就是對(duì)應(yīng)漸變光圈的數(shù)量。對(duì)于一些色彩困難癥的朋友來(lái)說(shuō)，選擇合適的顏色進(jìn)行漸變是比較郁悶的，因而先來(lái)說(shuō)說(shuō)在漸變之中的顏色選取的一個(gè)很重要的方法。
通過(guò)設(shè)置透明度來(lái)實(shí)現(xiàn)同色代替
PowerPoint組件中的漸變是可設(shè)置透明的，因此對(duì)于同色系顏色漸變的時(shí)候，可以設(shè)置不同的透明度來(lái)實(shí)現(xiàn)同色系中不同顏色。如果是不同色調(diào)漸變的時(shí)候這種方法就沒(méi)那么好用了，但是也是可以用來(lái)細(xì)微調(diào)整顏色的深淺，達(dá)到自己預(yù)想中的效果。
這時(shí)候如果你用取色器去選取已設(shè)置透明度的顏色區(qū)域，你會(huì)發(fā)現(xiàn)這個(gè)顏色的RGB值已經(jīng)改變。
-----------------------
下面開(kāi)始今天的正文部分
1 背景同色調(diào)漸變
漸變的背景設(shè)置在色彩的選擇上更加慎重，相較于純色背景的單一色調(diào)。漸變的色彩種類兩種或者兩者以上。顏色處理較好的話，會(huì)給幻燈片的展示增加張力；如果處理不佳，將會(huì)造成整個(gè)版面設(shè)計(jì)的失衡。
1.1 同色系的線性漸變
這里選取幾種常見(jiàn)的顏色舉例輔助說(shuō)明，為了顯示的效果，就不放其他的文字、圖片等圖層了。下面是 線性漸變的實(shí)現(xiàn)步驟
上圖中看不出漸變的顏色層次，現(xiàn)在讓我來(lái)?yè)Q個(gè)方式，大家就能夠看的清楚了。
將兩個(gè)漸變光圈的位置都手動(dòng)設(shè)置為50%，就能夠看著顏色均等分割版面，這就是使用同一種顏色、不同透明度的顯示效果。
現(xiàn)在將這兩個(gè)漸變光圈分別移到兩邊，顏色已經(jīng)均勻分布。如果覺(jué)得漸變的角度不佳，可以通過(guò)設(shè)置角度或者選擇一個(gè)漸變預(yù)設(shè)效果。
如果你覺(jué)得效果仍然不是很好，比如漸變的太突兀了，可以繼續(xù)添加一個(gè)漸變光圈，根據(jù)實(shí)際顯示情況看是否需要改變其透明度、或改變光圈的位置。如下圖
幾種顏色的漸變舉例
下面這幾種顏色都是經(jīng)得起組織考驗(yàn)的，或者說(shuō)大家用的比較多的。當(dāng)然如果你想自己去選擇一個(gè)喜歡的效果去進(jìn)行線性漸變處理，只要色彩選擇不是太另類，這種方式調(diào)出的效果一般都是不錯(cuò)的。具體的參數(shù)設(shè)置，最后會(huì)提供源文件，可以查看具體顏色的RGB和透明度
1.1.1 青/綠色線性漸變
1.1.2 深藍(lán)線性漸變
1.1.3 藍(lán)灰線性漸變
1.1.4 紅色線性漸變
1.1.x 以后補(bǔ)充。。
1.1.z 文字圖片圖層加入顯示舉例
1.2 同色系的射線漸變
顏色選取和1.1中的一致，只是漸變的樣式不一樣。前面說(shuō)過(guò)，射線漸變之中有5種效果，其中中心輻射效果最具漸變的變現(xiàn)力。
1.2.1 射線漸變的實(shí)現(xiàn)步驟
下圖中就是用了中心輻射的預(yù)設(shè)效果，呈中心發(fā)散的線性變化
將兩個(gè)漸變光圈的位置都手動(dòng)設(shè)置為50%，就能夠看著顏色以圓周擴(kuò)撒方式分割版面，這就是使用同一種顏色、不同透明度的顯示效果。當(dāng)然也可以添加漸變光圈，來(lái)調(diào)整最合適的狀態(tài)。
1.2.2 幾種舉例
小結(jié)一下：無(wú)論是線性漸變、射線漸變，使用同一種顏色作為標(biāo)準(zhǔn)色，將其透明度改變作為輔助漸變色彩。這一種方式的好處在于，只要保證選取的標(biāo)準(zhǔn)色不是很不搭的前提下，最終所呈現(xiàn)的漸變效果能夠滿足美觀和合適
2 背景不同色調(diào)漸變
不同于單一色調(diào)的漸變，不同顏色的漸變通過(guò)色彩的高辨別，使得整個(gè)頁(yè)面的層次感更強(qiáng)。在網(wǎng)站設(shè)計(jì)或者作品之中，經(jīng)常會(huì)碰到這種不同顏色漸變。
現(xiàn)在就不同圖層數(shù)目進(jìn)行說(shuō)明
2.1 單一圖層不同色調(diào)
這種漸變和「1」之中介紹的添加方式類似，通過(guò)添加、刪減漸變光圈實(shí)現(xiàn)顏色的漸變，主要實(shí)現(xiàn)方式主要是線性、射線漸變
2.1.1 紅、黃色漸變
顏色為暖色調(diào)，在表現(xiàn)人物上能夠給其內(nèi)容加分
2.1.2 藍(lán)、綠色漸變
2.1.3 淺藍(lán)、紫色漸變
2.2 多圖層不同色調(diào)
因?yàn)閱我粓D層的漸變角度無(wú)論線性、射線，均是均勻線性變化的，顯然這種出來(lái)的效果有限。怎么去通過(guò)多個(gè)圖層實(shí)現(xiàn)更加復(fù)雜的漸變效果，下面先看一張效果圖：
圖中可以看出，幾種顏色融合在一起，顯然這種效果通過(guò)單一的圖層漸變實(shí)現(xiàn)不了，下面開(kāi)始拆解這張圖：
上圖就是拆解之后的圖層：
1 部分作為底層，使用射線漸變。
2 部分作為中間層，使用射線漸變。需要說(shuō)明的是因?yàn)閳D層疊加的緣故，對(duì)于需要表現(xiàn)的漸變色（此處指藍(lán)色）將其透明度設(shè)置為30-40%之間；對(duì)于不需要表現(xiàn)的漸變色（這里指白色），將其透明調(diào)整到80%以上，這樣做是為了在圖層疊加過(guò)程中更好的表現(xiàn)底層色彩。
3部分，具體實(shí)現(xiàn)和2部分一致。
最后，各個(gè)圖層調(diào)整完畢之后，將其圖層進(jìn)行疊加組合，即可初步得到我們想要的效果。
2.3 一個(gè)小例子
此頁(yè)面可以看出用到了：背景圖層的線性漸變、“堅(jiān)持”文字覆蓋圖層部分的射線漸變、“堅(jiān)持”文字的布爾運(yùn)算
恩，下面是過(guò)程：
step1：背景線性漸變不說(shuō)了
step2：“堅(jiān)持”文字布爾運(yùn)算：因?yàn)槲淖植糠钟袃煞N，一個(gè)是和圖片布爾運(yùn)算得到，一個(gè)是個(gè)形狀圖層布爾運(yùn)算得到。文本框一式兩份，分別運(yùn)算
step3：“堅(jiān)持”圖層文字射線中心輻射：將藍(lán)色的“堅(jiān)持”文字圖層做漸變處理，然后和“堅(jiān)持”文字圖片對(duì)齊即可
3 遮罩漸變
有人喜歡將這種效果稱作蒙版，但是我覺(jué)得還是遮罩比較貼切。因?yàn)檫@兩個(gè)字很好的說(shuō)明了這一節(jié)的主題：那就是遮住。
很多朋友喜歡在幻燈片的圖片圖層之上疊加各種形狀色塊，設(shè)置很低的透明度，一定程度之上使得圖片在幻燈片展示中的展示大打折扣。色彩作為一種心理視覺(jué)，對(duì)圖片本身或者顏色塊遮罩，都要有所保留，這樣在欣賞圖片的同時(shí)，更加理解文字內(nèi)容帶來(lái)的細(xì)節(jié)。這一塊內(nèi)容不敢多說(shuō)，只想通過(guò)幾個(gè)例子帶來(lái)一點(diǎn)思路。
3.1 漸變示例一
同色調(diào)的射線漸變，通過(guò)不同透明度設(shè)置。將其放置在圖片之上，可以看出不同的層次感，可以移動(dòng)圖片，將我們想要表達(dá)的事物放置在光亮處。
（ps：這張圖選的不是很好，了解這個(gè)意思就好。。）
3.2 漸變示例2
漸變，或線性或射線均可，設(shè)置好顏色、角度之后即可。覺(jué)得換了一個(gè)顏色之后，明顯心情就不一樣
下圖之中的選色是從圖片之中使用取色器取的，這樣使得遮罩和圖片本身一部分協(xié)調(diào)起來(lái)。另外一個(gè)漸變色是使用白色，其透明度較高。如此，就不會(huì)影響后面的圖片色彩細(xì)節(jié)
3.3 漸變示例3
通過(guò)一個(gè)形狀顏色圖層，設(shè)置好漸變之后，放置在圖片的中間位置。色塊的透明度設(shè)置不要太高，要考慮到加色塊的目的就是為了文字服務(wù)的。
4 文字漸變
4.1 說(shuō)明
首先需要確認(rèn)的事實(shí)是，文本框內(nèi)容不能夠進(jìn)行漸變處理，這里的文字指的是基本填充形狀和文本框相交運(yùn)算，經(jīng)過(guò)運(yùn)算生成結(jié)果得到的形狀，這種文本形狀可以進(jìn)行填充漸變等形狀格式操作。
我們?nèi)绻獙?duì)文本內(nèi)容進(jìn)行漸變顏色操作，有兩種方式：一種是將填充形狀進(jìn)行漸變處理，然后將文本內(nèi)容和其進(jìn)行相交處理，得到的形狀即為漸變(當(dāng)然也可以對(duì)齊漸變顏色的調(diào)整，因?yàn)樗强删庉嫷?；另外一種就是不對(duì)填充形狀進(jìn)行漸變處理，而對(duì)運(yùn)算生成的形狀進(jìn)行漸變操作。
4.2 一個(gè)小例子
我深以為這個(gè)小例子的配圖，直接將整個(gè)流程都說(shuō)明了，在此就不重復(fù)講了。具體可以參照前面關(guān)于“堅(jiān)持”那一頁(yè)的制作過(guò)程，也可以參照前面的文字：幻燈片中的布爾運(yùn)算 - 知乎專欄
5 漸變的立體感
這部分的內(nèi)容也是之前文字有說(shuō)到的。開(kāi)頭說(shuō)過(guò)，漸變通過(guò)色彩體現(xiàn)出的層次感，將漸變部分和漸變部分，或漸變部分和純色部分疊加組合的時(shí)候，這種感覺(jué)就出來(lái)了。當(dāng)然這種純色要求和漸變顏色同色調(diào)。
6 漸變的一些好玩的
6.1 漸變劃分界面板塊
下面這個(gè)效果是線性漸變，前面有提及到，必須只能有兩個(gè)漸變光圈，將兩個(gè)漸變光圈的位置調(diào)成一致。位置可以通過(guò)百分?jǐn)?shù)改變，實(shí)現(xiàn)頁(yè)面的比例劃分，然后調(diào)節(jié)角度實(shí)現(xiàn)上下、左右、對(duì)角等劃分效果。
同理，這個(gè)效果是射線效果。操作過(guò)程和上圖那個(gè)一直，設(shè)定好位置信息之后，選擇射線預(yù)設(shè)效果中除了中心輻射之外的其他效果，都可以。
6.2 用幻燈片漸變來(lái)實(shí)現(xiàn)
這是早些時(shí)候用漸變做的一張頁(yè)面，是模仿一位ps大神的。
最后，好久沒(méi)寫(xiě)了，如有紕漏還請(qǐng)包涵。
源文件：你可能不知道的漸變~
原文：https://zhuanlan.zhihu.com/p/25400816
鄂公網(wǎng)安備 42050602000108號(hào)