一键生成弥散渐变

如何超快速产出心意样式的各种色彩组合的高质量弥散光渐变图片？
下面介绍的的一款在线设计工具以及一款FIGMA的插件就能帮到你轻松实现~

01.在线工具：Mesh Gradient

工具介绍：

这个网站是由国外全栈设计师 Anup Aglawe 所独立创作的一款在线工具类网站网站，
无需登录注册即可使用，保存结果图片也是免费的。
并且因为这是工具类的网站，所以不存在侵权、商用问题。

界面介绍：

输入网格ID：修改网格ID，自动更改弥散渐变的布局
输入色卡：只有四个色卡窗口可供修改，不能增减，点击单个颜色弹出调色盘即可分别修改
随机生成：根据指定的色卡，系统帮你随机生成网格
方案推荐：通过点击预览图，就可以切换至该方案的效果

修改颜色：

色卡提供RGB/HSL/HEX 三种数值修改的方式
也可采用吸取工具修改颜色

生成结果保存：

保存只需两步
点击保存按钮save，会先调出尺寸编辑弹窗，自行设置好需要的高度和宽度，
再点击 Dowload PNG 按钮，即可成功下载一张高质量的弥散渐变素材图。

02.FIGMA插件：Mesh Gradient

figma也社区推出了网格渐变的插件

启动插件：

启动插件需要在页面空白处右键，点击插件，点击Mesh Gradient，就会弹出插件

界面介绍：

1. colors：色卡
2. number of mesh points ：网格数量
3. control visibility：控制可见性
4. Saved gradients：保存渐变
5. randomize：随机
6. generate：生成

STEP#1 色卡：

只有四个色卡窗口可供修改，不能增减，点击单个颜色弹出调色盘即可分别修改。
色卡提供RGB/HSL/HEX 三种数值修改的方式，这里没有吸取工具哦

当你选中其中一个手柄时，可以点击右上角的色卡进行颜色的选择，每一个手柄都可修改颜色
当你想重置手柄颜色时，可点击右上角的 reset color

STEP#2 网格数量 与 操控可见性：

这里的网格数量值得是控制手柄的数量


选中其中一个手柄，可以通过拖动手柄和手柄四周的点进行颜色的平滑过渡（如图1-图2）
当你想重新归位平滑过渡和手柄颜色时，可以点击右上角的reset按钮。

STEP#3 保存渐变 与 生成：

图1

图2
图1：Saved gradients保存渐变，保存渐变并在以后加载它们进行编辑，十分便利。
图2：按下generate，即可在页面中生成你设计好的渐变网格