设计神器RITM GENERATOR！动态波纹在线生成器

引言

随着科技的发展、代码能力的提升，基于创新性的算法。造就了很多强大的智能化产品和工具，某些产品和工具甚至开始替代一部分设计师的工作了！像是一些特定的图像，就可以直接舍弃PS、AI，使用在线网站直接制作。之前也给大家推荐过这样的工具，比如一键生成波浪背景的Wickedbackgrounds、快速生成各种矢量图形的HaiKei、还有即时生成2.5D图形的iiisometric，它们都是生成器里面的佼佼者。

不过大家发现没有，生成器是各司其职的，各有各的功能，也就是说这些工具的积累肯定是越多越好。所以今天我就要再给大家推荐一款制作动态波纹图形的工具，一起来了解一下吧！

一、神器介绍

「RITM GENERATOR」是一个基于WEB开发的在线生成器，功能特点在于它能生成抽象的动态波纹图形，我们可以直接把生成后的效果图直接保存为GIF或者静态的PNG图片。所能生成的效果非常的灵动，因为我们可自定义的项目很多，比如常规的尺寸、波动频率、噪点数量等等都可以编辑，直到达到我们想要的效果：

生成器的使用和保存目前都是免费的，而且不需要登录注册，打开网页就能用，十分轻量。虽然网站是英文的，但是无伤大雅，咱们自己操作一下就明白各个项目是什么效果了，况且接下来我马上会向大家进行详细介绍，更不用担心会有障碍了。那下面来看看生成器具体的操作方式吧！

二、生成器使用方式

生成器的使用方法很简单，但可操作的项目比较多，我就按照版块，细分一下内容给大家进行介绍吧。

1. 操作面板

在介绍生成器的实际功能点之前，得先跟大家介绍一下它的整体操作面板。操作面板分为三个大版块：

大家可见上图，整体分为左下角「画板设置」、中间「生成效果展示」以及右侧的「参数编辑」。左下角的「画板设置」是一对下拉菜单，第一个下拉菜单是控制画板的背景色的，第二个则是切换窗口/全屏模式的，打开时默认是窗口模式没什么特殊的。

此外右侧「参数编辑」中的任何项目都可以通过单击名称来隐藏和展开的，相当于一级分类和二级分类：

「参数编辑」里包含全部的效果编辑参数，项目比较多，下面来一个一个看看具体编辑效果吧。

2.「参数编辑」-「SEED」

每次运行程序时，「Seed」都会生成一个数字，这个Seed数即噪声算法用作 "信标"，在概率分布期间生成所有下一个伪随机数。说人话就是决定了图像中的噪点数，不同的噪点数对应不同的样式，每次点击「Random Seed」都会随机出一个数值：

大家要是不知道自己想要什么样子的图像，就随机看看吧，可能会有惊喜。

3.「参数编辑」-「CANVAS（画布）」

一般来讲，生成器必须有一个改变画布大小的功能。

因此，使用“Width宽度”和“Height高度”滑块，可以将画布尺寸水平从 360 像素更改为 960 像素，垂直从 320 像素更改为 720 像素等等：

除了尺寸还能调整X轴Y轴的位置：

动态波纹从左到右水平分布，X Offset 滑块可以帮助我们微调图案运动位置。YOffset 滑块允许我们在画布上定位波形的占比，可以把波形图案覆盖画布的整个空间。

4.「参数编辑」-「NOISE（噪点）」

「NOISE」是生成器的主要参数，在这里您可以编辑各种参数去修改波形的形状。只需稍微调整一下滑块就可以很容易地弄清楚这个过程。

「Wave Intensity（波形强度）」，使用滑块可以更改波形幅度。零值模式意味着波形是绝对平静的，数值越高波形幅度越大：

「Wave Quantity（波形数量）」，此滑块确定图案中的层数。看起来波浪与滑块不匹配，是因为算法在生成期间包含了 YOffset 和 Wave Intensity 值：

「Noise Harmony（噪点协调）」，它控制波形的均匀程度。在最小值处，图案变得混乱，波浪相互重叠；随着参数值的增加，波形开始同步在一起，以在最大值处实现几乎完全对称：

「Width Frequency（宽度频率）」滑块可操纵画布宽度上的频率值，来塑造波形。在最小值处，频率增加，可使波形更粗糙，而增加值使波形更平滑和更平坦：

「Noise Quality（噪点质量）」此滑块，可以调整用于生成形成波浪结构的顶点的值。在参数的最小值处，更少地生成顶点，这可以使波形渲染的结果更平滑。随着值的增加，顶点之间的距离会扩大，这会使波形形成“棱角分明”的结果：

5.「参数编辑」-「COLORS（颜色）」

当前版本提供三种类型的调色板，当我们在调色板中切换调色板类型或颜色时，更改结果将立即反映在图像中，并且还会让分别在“图形”和“背景”部分分配新的颜色：

6.「参数编辑」-「GRAPHICS（图形）」

到目前为止，有两种类型可供选择：填充和线条模式。每种渲染类型相互独立，我们可以通过下拉菜单，选择首选模式来组合它们：

7.「参数编辑」-「BACKGROUND（背景）」

背景部分非常简单，提供三种模式可供选择，我们可以从下拉菜单中进行设置：

三种模式分别是：透明、实色填充和渐变填充，并且可以控制渐变颜色的角度，大家可以根据自己的需要进行设置！

8.「参数编辑」-「ANIMATION（动画）」

最后一部分动画编辑，结合了两个重要的组件——动画循环控制和以不同格式捕获和导出图形的选项。有两个滑块可以控制动画过程。一个允许我们设置动画循环的持续时间，另一个控制波浪的运动速度。动画可以持续 1 到 60 秒。动画是循环的，即当您将其导出到文件时，我们将获得一个无缝视频。

这块儿很好玩儿，可以生成不少有趣的效果，大家可以多设置设置玩玩儿！

9.「参数编辑」-「EXPORT（导出）」

我们可以使用滑块设置导出图形的图像大小，乘数从 1 到 4x，最大图像大小为 3840x2880 像素。此外，还可以使用下拉菜单选择动画的输出格式，有四个可用选项：WebM / MP4 / GIF / PNG：

保存下来后就得到一张高质量的GIF：

三、使用授权范围

因为这款神器是工具类的网站，所以不存在侵权、商用问题，网站虽不支持中文，但整体操作方式简单，也没有额外需要付费的增值内容，大家可以放心使用！

四、值得一试的3个理由

• 超快速产出高质量的动态波形图像。
• 可随意对样式最精细化设置直到生成我们心仪的样式。
• 保存过程十分便捷快速。

神器地址

就说一点，想象一下用AE做这种图像的麻烦程度吧，会不会这么简便。我觉得是不会的，这也是代码技术的特点，某些复杂的操作可以得到极大程度的简化。工具可以实现出的效果不止有文中所述这些，链接就在下面，大家快去试试吧！

神器链接：https://antlii.work/RITM-Generator

本文编辑：CCOA

用过这款神器的朋友也在用...