超人气教程！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..com

另外想要了解更多优质教程，欢迎关注 @优设基础训练营

还有我@安全蛋！！我们下次再见咯！！

设计微博：拥有粉丝量190万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。