@安全蛋 ：這類漸變一直很受歡迎，不過這可能是第一個手把手教你怎么做出來的教程。

效果圖：

練習重點：

這次主要運用到Photoshop中的漸變工具以及圖層樣式中的漸變疊加，還有液化，那么這里主要就是用來變形的，效果很棒，方法很簡單，感興趣的小伙伴可以做起來。

接下來我們就開始學習這種方法吧。

步驟一：

在Photoshop中新建一個文檔。

寬度：595 px
高度：842 px
分辨率：72 dpi

步驟二：

制作背景：

在新建的文檔中 Ctrl+J 復制一層背景，然后利用 漸變工具(G) 給復制出來的背景添加一個底色。

漸變色值：#e9e8ea、#e2ddff

步驟三：

利用 橢圓形狀工具(U) 新建一個圓，并添加 圖層樣式-漸變疊加。

溫馨提示：別忘記與背景居中喲。

• 圓形直徑：429 px
• 圖層樣式：漸變疊加 模式：正常 不透明度：100% 漸變：#3f4ff4、#c316f5、#eeec58 樣式：線性 角度：90度 縮放：100%

?步驟四：

Ctrl+J 復制剛剛我們做出的圓形形狀?，選中圖層，鼠標右鍵-柵格化圖層樣式，并隱藏剛才那一層。

??步驟五：

對剛才復制出來并柵格化圖層樣式后的圖層進行 濾鏡-液化 操作，并再添加一個蒙版。

溫馨提示：?大家可能都知道，Photoshop的液化工具主要運用在后期修圖修飾人體或美化人臉上，簡單來說液化工具就是可以操控變形的一個工具，我們在這里也可以利用液化工具的這一特性，讓漸變變形。

液化：?工具的使用跟畫筆相似，在這里我們不用調整任何參數，使用默認就好，然后直接在畫面上拖動，就能達到一些很好的融合效果。

圖層蒙版：按住 Ctrl?? 點擊剛剛我們隱藏那一層的圖層縮略圖，得到一個圓形的選區，然后選擇到液化過的那一層，創建蒙版。

?步驟六：

使用 Ctrl+T自由變換工具 對液化層進行細微的移動或旋轉等調整，直至到一個合適的位置。?

溫馨提示：?我們可以看見當我們給圖層創建了蒙版之后，蒙版與圖層間有一個小鎖鏈的圖標，點擊一下小鎖鏈圖標可以去掉它，這個時候我們就可以分別的調整圖層本身的內容與蒙版了，如果不去掉，那么蒙版將會跟隨圖層旋轉、位移、縮放等。

?步驟七：

將剛才隱藏掉的圓形的圖層樣式去掉，并改變顏色 ，調整形狀屬性，充當陰影。

• 調整顏色：#fa53f4??
• ?羽化：35 px

?步驟八：

用 形狀工具(U) 添加一些裝飾性元素，以及用 文字工具（T）排版文字。

步驟九：??

用 鋼筆工具(P) 勾出一些波浪形狀，填充顏色，并添加蒙版，用柔邊畫筆去擦除不需要的部分，適當調整圖層不透明度。

溫馨提示：?對于蒙版來說，蒙版只認黑白灰，簡單來講黑色相當于擦除，而白色相當于顯現，也就是常說的“黑遮白顯”。

• 填色：?#57fcfc

?新建一層，填充一個深灰色，給他添加一些雜色，濾鏡-雜色-添加雜色。?

改變雜色圖層混合模式為柔光，創建剪貼蒙版Ctrl+Alt+G。

???可以再復制一個剛剛的元素再調整。?

?步驟十：

最合給液化層調整一下 色相／飽和度，讓顏色更加靚麗一些。

溫馨提示：可以看見這幅圖整體顏色還是很豐富，但是最上層的青色過于亮了，所以這里需要將液化層的飽和度再提高一下，避免裝飾搶了主體。

??最終效果：

?總結：

?漸變可以運用到很多地方，有時候我們只需要發揮自己的想法，通過軟件實現，就能達到很好的效果。這次的教程不難，重點需要理解的就是用液化可以操控變形，以及 擴展思路，不要局限在普通的漸變用法之上。比如還可以做出以下效果

對漸變感興趣的同學，可以去閱讀一下這個系列的文章，相信對大家很有幫助的喲！

1. 上篇：《一份全面系統的漸變色自學指南》
2. 中篇：《如何用漸變色繪制高格調的背景+球體》
3. 下篇：《人氣教程最終版！寫給非科班設計師的漸變色學習指南》

相關網站推薦 →?uigradients.com，這是一個漸變配色靈感站點，這個站點也做過視頻推薦→【 訓練營每日推-uiGradients】，大家沒事就可以上去找找靈感。

今天的內容就到這里，想要了解更多優質教程，歡迎關注 → ?@優設基礎訓練營

還有我 → @安全蛋

咱們下次教程再見咯！！

下次教程也是與漸變相關，感興趣的同學不要錯過喲！

「最受歡迎的效果，教程全在這」

1. 2.5D 插畫丨《看著高大上的2.5D插畫，輕松5步就可以做出來！》
2. 太空壁紙丨《手把手教你繪制人氣最高的太空壁紙！》
3. 彌散陰影丨《一份簡單易上手的青春彌散陰影修煉手冊》
4. MBE 風格丨《PS熱門教程！教你5分鐘快速繪制超火的MBE風格圖標》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com