超人氣教程！3分鐘教你學會漸變新玩法(2)

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

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

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

效果圖：

AI 操作部分：

步驟一：

新建一個矩形，利用 網格工具 在矩形中創建網格。

△ 新建矩形

△ 創建網格

步驟二：

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

△ 給錨點添加顏色

△ 調整網格形狀

步驟三：

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

PS 操作部分：

步驟一：

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

△ 粘貼進PS

△ 粘貼進PS

步驟二：

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

△ 創建正圓

△ 創建剪貼蒙板

步驟三：

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

△ 自由變換-變形

步驟四：

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

△ 調整色相/飽和度

△ 添加雜色

步驟五：

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

最終效果：

△ 效果圖

相關教程推薦：

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

更多精品設計干貨請訪問 www.czdes.cn

另外想要了解更多優質教程，歡迎關注 @優設基礎訓練營

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

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

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