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

时间:2023-06-19
类别:在线工具
观众:2.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

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

引言

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

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

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

一、神器介绍

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

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

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

二、生成器使用方式

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

1. 操作面板

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

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

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

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

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

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

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

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

3.「参数编辑」-「CANVAS(画布)」

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

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

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

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

4.「参数编辑」-「NOISE(噪点)」

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

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

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

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

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

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

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

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

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

5.「参数编辑」-「COLORS(颜色)」

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

6.「参数编辑」-「GRAPHICS(图形)」

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

7.「参数编辑」-「BACKGROUND(背景)」

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

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

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

8.「参数编辑」-「ANIMATION(动画)」

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

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

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

9.「参数编辑」-「EXPORT(导出)」

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

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

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

三、使用授权范围

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

四、值得一试的3个理由

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

神器地址

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

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

本文编辑:CCOA

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

9 收藏 21

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片