Mesh 渐层色背景产生器，加入颜色以拖曳方式扭曲渐变效果

如果你喜欢 iPhone、Mac 渐层颜色背景图片，其实也可以自己动手做，之前介绍过不少渐层色的背景产生器，像是「Gradient Backgrounds」就是一站式的渐层背景产生工具整合各种服务（有点像是 The Stocks 2 整合免费图库、影片、图示和字型的感觉），或是 WebGradients 收录超过 180 种渐层色背景免费下载，产生 CSS 3 语法在取用颜色更方便。 其他还有像是 Blend、ColorSpark、CoolHue 都是类似的图案产生器服务。

本文要介绍的「Mesh」是一个使用 WebGL 调色器来产生漂亮渐层色的工具，首先选择四个不同颜色加入产生器，接着点击任一位置、加入黑点再以拖曳方式扭曲渐变效果，就能製作出非常好看、独特的渐层图，免费下载为 PNG 格式。

除此之外，Mesh 还有随机选择颜色的功能，让使用者在最短时间产生可能有兴趣的配色组合，内建艺廊功能（Gallery）可下载其他使用者产生的渐层色素材。

Mesh
https://meshgradient.com/

使用教程

STEP 1

开启 Mesh 后会有一个简单的操作功能介绍，简单来说，左侧的 Input Points 加入要显示在画面的颜色配色，右侧 Output Points 则是决定最终设计的部分，点选上方的黑点、拖曳来扭曲渐层效果。

STEP 2

进入 Mesh 画面后开始使用，稍微熟悉一下介面，右上角「Randomize colors」可随机产生配色。

STEP 3

下方有四个颜色色块，点选后会打开调色盘或是指定颜色。

STEP 4

点选右侧预览图会加入黑点，接着拖曳黑点就能让渐层色产生扭曲效果。

如果没什么灵感，也可点选右上角「View gallery」打开艺廊页面，看看别人製作的渐层图片（当然也可以直接打开透过 Mesh 网站下载）。

STEP 5

设计后点选右上角「Export」可以将图片汇出、保存为 PNG 格式，尺寸为 2000×2000 像素。

值得一试的三个理由：

1. Mesh 使用 WebGL 调色器让使用者产生漂亮的渐层色图案
2. 选择不同颜色、透过拖曳方式扭曲渐变效果
3. 可汇出为 PNG 格式，图片尺寸 2000×2000 像素