這類漸變效果看著酷炫，但做起來很簡單，來看@安全蛋 如何帶你用網(wǎng)格工具和自由變換工具輕松搞定它！

第一期回顧：《超人氣教程！3分鐘教你學會漸變新玩法》

• 原圖作者：Vasjen Katro
• 教程作者：@安全蛋
• 詳細視頻教程地址：http://www.bilibili.com/video/av8665203

效果圖：

AI 操作部分：

步驟一：

新建一個矩形，利用 網(wǎng)格工具 在矩形中創(chuàng)建網(wǎng)格。

△ 新建矩形

△ 創(chuàng)建網(wǎng)格

步驟二：

使用 直接選擇工具 選擇矩形中的錨點，調(diào)整顏色，制作漸變；顏色調(diào)整好后，可以拖動這些錨點，改變漸變的造型。

△ 給錨點添加顏色

△ 調(diào)整網(wǎng)格形狀

步驟三：

框選剛才所制作出的漸變，Ctrl+C復制 ，進入PS。

PS 操作部分：

步驟一：

在PS中新建好一個畫布，Ctrl+V粘貼，選擇像素。

△ 粘貼進PS

△ 粘貼進PS

步驟二：

使用 橢圓形狀工具，創(chuàng)建一個正圓，并創(chuàng) 建剪貼蒙板，合并兩個圖層。

△ 創(chuàng)建正圓

△ 創(chuàng)建剪貼蒙板

步驟三：

使用 自由變換-變形，達到改變造型的效果。

△ 自由變換-變形

步驟四：

給制作好的漸變調(diào)整 色相/飽和度，并添加 濾鏡-雜色-添加雜色。

△ 調(diào)整色相/飽和度

△ 添加雜色

步驟五：

根據(jù)自身的需要，我們還可以添加一些裝飾圖形，以及一些文字的排版。

最終效果：

△ 效果圖

相關(guān)教程推薦：

1. 《超人氣教程！3分鐘教你學會漸變新玩法》
2. 《變化之美！重新回歸主流的漸變色設計趨勢》

更多精品設計干貨請訪問 www.hx168888.com

另外想要了解更多優(yōu)質(zhì)教程，歡迎關(guān)注 @優(yōu)設基礎訓練營

還有我@安全蛋！！我們下次再見咯！！

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

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