怎麼在Ps中製作精美，漂亮的漸變效果？

12-04

自帶的漸變完全達不到平常生活中看到的優秀漸變作品的效果，有人說漸變疊加的效果比較好，可是試了試，完全不得要領。請各位幫忙介紹一下自己的經驗。。。

答案已授權優設網。
————————————
沒想到能有這麼多人點贊，誠惶誠恐。問題的要求是「精美，細緻」，我這答案簡直是一個大寫的糙......評論下有找通道調色和混合模式的，通道實在研究不深，混合模式用起來也是不知其所以然。硬答怕反而誤人。如果日後找到了合適的教程，一定分享。
但主要覺得不更新一下，對不起大家的鼓勵。所以在這裡再分享下關於顏色的選擇吧，顏色選擇好了其實就不用一直加模糊了。我經過幾天的學習，現在一般這樣選：
先確定主題，找一個比較符合主旨的顏色，然後進漸變選項，加入顏色：

然後用吸管將另一邊也變為同樣的顏色：

點開顏色，按照幼兒園學的紅橙黃綠青藍紫來將色帶上的顏色挪一個色系。

即成不用模糊的：

之後隨便加個圖形，用魔棒點選。比如說我想做個鯨魚為主題的：

用漸變工具拖動。注意和原來的漸變方向相反：

然後我發現這樣子鯨魚和背景的對比太不明顯了.......而且這個鯨魚不噴水TAT（內心OS:大哥，你不噴水誰知道你是鯨魚啊TAT)
於是摁Ctrl+M調出曲線工具，上下拖動一下，然後強行加個水，即成：

再說一遍，因為是我是純初學者，所以這些方法都是相當簡單粗糙的，不足之處還請多指正。
————————————————————原答案———————————————————
我是昨天開始學習漸變的，摸索出一個很隨便的傻瓜方法，適合和我一樣對顏色研究不深，又急需應用的朋友。
先隨便新建一個圖像：

然後用漸變工具，隨便選兩個相近的顏色：

然後隨便拉出一個看起來就不怎麼樣的圖：

然後打開高斯模糊，直接把半徑拉到最大：

然後狂摁ctrl+F直到你覺得這樣手累，不對，是看得過眼了

最後就隨便打一些字,完成

夠零基礎吧，夠隨便吧.....
PS：到這一步了發現顏色選錯了？沒關係，我們摁Ctrl+U呼出色相/飽和度，然後隨意拖，直到得到你想要的效果。

我把它命名為「三分顏色開染坊」法
——————————————————第二天，零點———————————————————
第一次回答，第一次獲得大家的贊同。十分感謝！我的水平肯定不如其他答主，其他答主的方法肯定也比我專業得多。現在用其他答主的方法，一點點在嘗試，但有時效果很好，有時還是達不到要求。一方面，說明我這個抱佛腳的技能還是能解決與我一樣初學者的一些問題，另一方面，也說明我得繼續努力學習。也祝幾位能和我一同早日從這個方法畢業！

2017 年 2 月 14 日更新：

分享一個更好用的漸變網站，支持直接下載 Sketch Photoshop 文件，下載下來之後直接複製圖層樣式再粘貼圖層樣式即可~~~

Free Gradients Collection by itmeo.com

可按照經濟能力選擇付費下載源文件：https://gumroad.com/l/webgradients-sketch

簡直不能更好用！

————————————————我是分割線————————————————

原回答：

uiGradients - Beautiful coloured gradients

漸變速成，左右鍵切換漸變，地址欄有各個漸變配色的名字。

有相近色相的

也有跨色相的

題主談到的那些疊加方式只是手段，不是目的，不必太在乎這些，其他回答中的從圖片中取色等方法其實也是一種方式，實際操作起來其實都是要再做調整的，因為一般生活中未處理過的照片往往顏色會偏灰，由這樣的照片拉出來的顏色也顏色偏灰暗低沉。

一般設計師做的多了都是直接調顏色的，不必太糾結方式。而且漸變想要出效果，最重要的是去學習怎麼合理的使用漸變，用的不好就很可能出現這種效果：

同種顏色用的好了也可以調出這種效果：

以上

評論有不少人求字體，統一回復：字體是Helvetica Neue Lt Com 25 Ultra Light
============================================================
我來放圖了！
============================================================
還有種方法就是找好看的風景照然後直接加個高斯模糊，先佔個位睡醒了上圖片

正文：

Step1.按照需要上網找圖
比如我輸入關鍵字green blue找到這張圖 ↓ （這張圖解析度有點小了）

Step2.放到PS里加高斯模糊 ↓

具體數值請跟著感覺走！

Step3.加上其他元素 ↓

基本上我都會找風景照，因為大自然的色彩都很調和。
用這樣的方法可以做2種顏色以上的漸變，也可以做不規則的漸變，具體效果要看原圖。
（PS大嬸請無視）

就是這樣。

PS的漸變工具，除了特殊需要一般色差不會很大

比如：

漸變工具一般情況下只需要把漸變色變淡一些效果會很好。

@婁良順著你的回答。

作為一個知乎新人和設計老人我來嘗試回答下這個問題

有一個很簡單的解決方案

1.首先打開色板，這個大家都明白

2.更加需要選擇你的色彩大致範圍和傾向，然後點擊顏色庫

點擊顏色庫的目的是調出潘通色調色板，這裡的顏色上下相鄰的做漸變基本都很不錯，是不是很簡單很偷懶的方法呢

3 然後就是然後了

就是憑個人喜好選擇2到3種甚至更多的顏色進行搭配咯自己拿捏不準可以去素材網站上直接搜一些拿到PS里，用吸管吸。用AI做漸變是比較好玩的，漸變配合混合工具還能做出一些三維效果

創建幾個自己喜歡的漸變色塊

畫上基本圖案，然後進行替換混合軸。知乎有不少這個教程，想學的可以搜搜看

然後就能出現很漂亮的三維效果了

多嘗試集中顏色，很好玩的。

還能增加漸變色數，3色漸變，以及更改混合圖案。賊好玩

製作漸變效果可以通過漸變工具和疊加漸變完成，上面說達不到優秀漸變作品的效果，存在的原因可能是PS的技術還沒有掌握精通，也可能是方法使用錯誤了，原因有很多，找出並解決，優秀的漸變效果自然就出現了。

先以下圖的效果為例

在這裡，使用漸變工具的時候，選擇顏色不能夠過渡太大，也就是我們常說的色差不能太大，起始為紅色，結束為藍色，這出來的效果如果沒有調好，一定是不好看的。

如果覺得顏色太深了一點，還可以在漸變之後進行高斯模糊，結合圖層的屬性：柔光+不透明度~

說到這裡，需要提一下，漸變做不好的可以嘗試參考別人的優秀漸變作品，獲取其中的漸變色，PS裡面的「吸管工具」可以獲取顏色值，是很方便設計的時候取色的。

我們在看看不一樣的漸變色，例子來源@思緣設計

最終漸變效果

一、選擇色彩方案

因背景色彩對比明顯才能更好襯托出透明感，因此傾向於選擇色調變化較大、分布較廣的圖片。

配色方案吸取的顏色為：柿子椒的正紅、青檬皮的深綠、葡萄的淺綠和檸檬黃，另外選擇圖片中的暗色木桌面作為底色，底色發揮襯托其他色彩的作用，如果你的其他色塊面積大基本上也看不到底色，但能感覺到它。(嘻嘻，是否能理解這種「看不見但能感覺到」的神秘感呢?)

有人也建議直接選用黑或白的底色，但是我認為圖片本身對黑白的表現要豐富得多，純黑或純白則過於規則和保守。

二、製作背景圖

1、新建文件

在這裡，我將要製作一個適應手機屏幕展示的背景圖，因此我的PS文件大小設定為W：640px、H：1136px，填充背景色為配色方案中的深色——底色。

2、在背景層之上新建一個圖層，採用大而柔軟的畫筆筆刷塗上第一種顏色。

這裡需要注意的是：

1)塗抹的畫筆後最好一步到位，不要猶豫。因為軟性畫筆上色後，在超出畫板的部分將會有一條很突兀的邊界，這將不利於你對畫筆著色後的圖層的移動等操作。換句話說，大而軟的畫筆使用法則就是一步定位，修改的幾率太小。

2)畫筆大小我在這裡選擇的900px，實際大小根據你的文件畫板大小和實際需要而確定。

3)畫筆的透明度降低為70%，這會使不同的顏色間實現真正的「融合」。

3、再繼續創建新的圖層，塗抹上另外幾種顏色。色彩的分布隨自己的喜好。但注意每一種顏色最好新建一個圖層，重命名不同的圖層，可以方便今後修改和調整。

4、將紅黃綠的色彩圖層合併為一個圖層，將這整個圖層做一次變形。

(ctrl+T&>滑鼠右鍵單擊&>變形)變形的目的是為了讓你的色彩融合得更自然，不再是一個個圓形拼湊起來的樣子，而能呈現出一種流動感。這時，你將運用圖形中的操作桿任意變化出你喜歡的圖案。

5、這時，也許對你而言這張圖片比較暗，那麼你可以通過調整色階來實現提亮和加強圖片色彩的對比。

6、進一步修飾，這類修飾是隨性的。根據你自己的期望，可以使用諸如橡皮擦、調整圖層進一步將圖片變為你想要的結果。

7、最後，為使你的圖片顏色顯得更為豐富，你可以複製色彩圖層，將複製後的圖層混合模式改為「柔光」或「疊加」。並適當調整它的透明度。

三、將背景圖投入使用

有很多方式可以做出這樣的圖片，但對我來說這是最簡單的一種方式。請記得，這其中最重要是獲得創作的樂趣。

這是投入項目實際使用後的效果，在背景圖上使用的色塊和線條都需要降低一點透明度。相信大家按照這個方法可以做出更出色的作品。

漸變其實不難，主要還是多練習掌握其中的精髓的問題，參考例子@簡單的三角形漸變做背景_設計原

1、多邊形工具繪製三角形，三邊，填充漸變色

2、然後複製三角形，複製複製複製，排列起來，色彩的過渡熟練使用漸變色即可，兩邊加個不透明度為50%的遮面，噔噔~背景完成

3、整理文字，再處理細節還可以做的更好

很漂亮的漸變效果就這樣出來了~

最後總結一下，想要製作簡單好看的漸變效果，過渡顏色的時候注意一下色差，最重要的是選好顏色，就可以設計出很好看的漸變了~大家都可以去學習一下。

對PS感興趣的可以看看Photoshop CC 2017零基礎入門到進階全功能教程，PS的技巧和功能都會全面講解哦~

關注微信公眾號：yihuwang2012，更多軟體資源在等你~

以上，不足之處望海涵~

這個答案美術生或者大觸可以關掉了……是寫給和我一樣的做設計卻沒有受過藝術訓練色感不行的普通人和普通設計師的……

學不來好看的配色主要是因為看不出別人具有「高級感」的配色到底是哪兩個顏色配出來的……

例圖裡右側的綠色漸變我相信會有不少人覺得是「淡綠色到深綠色的漸變」，所以就怎麼也做不出相同的效果……（下圖左測這個漸變高級感和精緻感就趨近於0）

而灰色的那張高級感其實不是來源於漸變，是紅色和小字的配色。那個紅色是一個接近正紅又不是比正紅略粉、飽和度略低的顏色，如果換做正紅就變成了紅黑配色，中二感極大的衝擊高級感。其次是小字的配色和大小，都有精緻感和條理性.

然後說漸變為什麼容易丑……因為很多人看不出顏色，所以更意識不到自己的漸變里出現了很多臟色。這裡指的臟色可不同於高級灰，說的是主色調之外又叫不出名字又存在的那麼一坨顏色。

前面好幾個答案已經說過了，做漸變最簡單的就是相近的兩個顏色去漸變。

以下三組就是純色-純色，灰-灰，純色-灰色的漸變，可以看出用兩個相近的顏色去漸變怎麼都不會太丑

對於普通人來說不失高級感又不容易髒的肯定是純色-灰色的組合，選兩個相近的顏色其中一個調低飽和度，出來的漸變是最保險的。灰色-灰色用好了很高級，可是控制不好明度還是會看起來臟髒的不舒服，而且需要其他的設計元素有亮點，否則感覺很壓抑……

如果實在是需要兩個差距很大的顏色做漸變怎麼辦呢……

我會選擇自己手動做中間色。雖然紅綠之間肯定會產生噁心的棕色，可是紅黃-黃綠-綠深綠之間不會產生太多臟色。相對來說還是不高級，至少不太辣眼睛了吧，肯定會比直接漸變出來的看起來好一些

最後，高級感很強的配色一般不是手動設置顏色做出來的，有了幾個好看的配色打底，把它們疊加在一起才能出美麗的顏色……

這兩組是隨便疊了一下上面「灰色-灰色」和「純色-純色」的配色，模式是變亮和點光……

又新寫了一個教程，我覺得挺好玩的，有興趣看看吧 : )

魂魂：這種漸變煙霧是怎麼做出來的？

我的習慣是如果要製作單色漸變可以直接在圖層樣式上使用漸變疊加，然後混合模式選擇：疊加，根據需要調整透明度。如果是鄰近色只需要在開始選擇漸變選擇相近色相的即可。

1選擇純色或漸變（根據需要選擇你的顏色）

2打開漸變疊加，選擇混合模式和角度

3選擇不透明度或者漸變色個人建議不要使用飽和度過高的顏色或漸變，鄰近色根據色譜選擇，比如藍到綠，綠到黃，黃到紅……

其實題主朋友說得有道理，對初學者來說一上手就拉漸變的確是不太好把握。而且題主也希望大家分享一下經驗，那我就分享一下我的經驗吧。
以第一張圖這種類型為例：
我建議一開始先把純色的色塊搭好。題主要是實在沒經驗可以用用 kuler，或者找點名畫照片取色。或者用點相鄰色相的，因為撞色搭配起來比較難。
色塊搭好了，把圖案、文字放上去。排好版以後，也填充個合適的純色。要是題主拿不準顏色，可那就多試幾次，建議用圖層樣式里的顏色填充，調起來方便。
這時候發現畫面層次有點不夠豐富。那麼就新建一個圖層，從上到下拉一個一端帶顏色（什麼顏色題主只能自己決斷了，建議取臨近色相的顏色），一端全透明的漸變吧。再多試幾種圖層模式，動一動透明度。可以試試變亮、濾色、柔光之類的圖層模式。
這時候可能會覺得底下有點飄，那麼可以平衡一下，從下到上拉個一端帶顏色，一端全透明的漸變。試試正片疊底、變暗之類的圖層模式。

這樣的好處就是整體感比較好，因為兩個色塊都是受到同樣的漸變影響，就帶上接近的色彩傾向了。同時初學者也比較容易控制整體效果。

上面的步驟只是一種可能的製作過程，僅供參考。當你掌握了這種技巧以後，千萬不要被它束縛。我上文多次提到了相鄰色相，不要把它當做規則。熟練以後要多嘗試其他的效果，比如撞色什麼的。疊加的效果也沒必要老用，直接拉漸變有時候更準確。第一幅圖其實就是直接拉的漸變，而且是兩端兩個顏色的漸變，中間沒插別的顏色：）。

PS：拉漸變記得選上仿色，否則會有明顯的馬赫帶，看著好難受。