找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

流体模拟器设计神器酷站推荐
最美UI小编收集整理的找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!教程,供你快速学习设计工具

@亚赛大人 :不知道大家有没有玩过水拓画,就是在加入特殊粘稠物的水里,再滴入一些颜料,然后用工具在上面画图,就可以生成奇妙的图案。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

神器掘金人 @Simon_阿文 发现了一个线上「水拓画」工具,也是一个 WEBGL 工具:Fluid Simulation,流体模拟器,能一键生成不同粘稠程度的流体效果,根据参数的不同产生类似烟尘或者液化的神奇视效。

  • 试玩地址:httPS://paveldogreat.github.io/WebGL-Fluid-Simulation/
  • 作者主页:httPS://twitter.com/PavelDoGreat
  • Github:httPS://github.com/PavelDoGreat/WebGL-Fluid-Simulation

下面请进入艺术家时间,用鼠标随便拖拽,就可以制作出超级液体。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

和大多数工具一样,Fluid Simulation 提供了很多参数可产生千变万化的效果。

比如调整「vorticity」的值,就可以改变漩涡的层次感。数字越小,柔化越明显;数字越大,水墨/烟雾效果的层次感越强。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

勾选「colorful」,鼠标拖拽一次就可以生成连续色相的图案。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

若没有勾选「colorful」,每次点击就只会出现一种颜色。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

这个工具还提供暂停功能,比如我们先勾选「paused」,那么画面上画的东西将静止,一旦取消「paused」,你就可以看到冲散的液体效果了。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

最值得一提的是,还能保存透明背景的 PNG,勾选「transparent」即可。手速慢没关系,按下「P」按键就能让流体骤停了,然后再点击「take screenshot」,就可以保存图片啦。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

由于参数太多,其他就不一个个具体演示了。对于控制面板的陌生的单词,我们可以用浏览器自带的翻译,当然我也给你准备了一份使用说明,供大家参考。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

对了,这个工具还有 APP 版本,在手机上就可以制作各种好看炫酷的流体壁纸,和网页版一样,你也可以设置流体的颜色和辨识度、发光特效等等,通过色彩的混合和拉伸来制作出好看的手机壁纸。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

除此之外,在 App 里你可以多点触控,模拟出碰撞效果,甚至有压力感应,建议大家可以体验一下。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

最后,来看一下 @Simon_阿文 用这个工具做的打卡作品吧~

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

看到这个,犹如置身在水族馆,看着各种发光的水母。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

如果再结合动效,冲击力增强百倍。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

@嘉文钱 还推荐了另一个流体模拟器,试玩链接:httPS://www.yuichiroharai.com/experiments/fluid/

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

和第一个工具的 Fluid Simulate 一样也可以调控参数。

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

不过生成效果后保存需要拼手速,在浏览器里右键保存为图片。(建议使用 Chrome 浏览器)一张丝绸感的图片就诞生了!

找不到酷炫背景?用这个在线流体模拟器快速变成艺术家!

好啦,快去试玩这两款流体模拟器吧!

如果觉得最美UI所整理的设计内容对你有所帮助,欢迎将最美UI网站推荐给身边设计好友。

本设计资源来源于网友网络收集整理提供,主要用于学习设计之用,请勿直接用于商业化设计。

猜你在找的设计工具


又发现一个!摄影师出品的免费可商用图库!
大家平常都习惯去哪些免费图库网站找图呢?虽然有一些老牌、图片数量充足的图库,像是 Unsplash、Pixabay、Pexels,但后来经过人工智能和大数据学习的搜寻工具更深得我心,也能通过算法将质量较低、不适合使用的图库
Adobe 2020全家桶更新全解读,设计师直呼:也太智能了吧!
2020年开始Adobe公司进行了全方位的更新,先是Adobe公司Logo改为了单一颜色的全红Logo,并对这个标志性的红色也进行了更新,使它看起来更温暖、更有时代感。
图片不够大?用这个在线神器放大两倍不失真!
本文要推荐的「Upscale」是一个来自 Sticker Mule 公司的免费图片放大 工具,和更早之前介绍的 Trace by Sticker Mule 相片去背工具相同开发商,透过这项服务可立即提高任何图片或照片分辨率和尺寸大小,而不会有失
大牛出品!上千个流畅设计风格图标免费下载
在一些大公司推动的产品开发都会有「设计语言」(Design Language),简单来说就是将设计的表达方式、偏好或风格系统化,写成明确规范,让设计师和开发人员间能够沟通运用,另一方面也可重复使用设计组件,避免重复开
想提高作品档次?这里有上千个展示模型免费用!
上面这张图看起来是不是很有质感呢?不过这可不是我自己摆设的布景,而是运用合成方式将适当的画面合成到图库素材中的,也被称为「Mockups」,对于要展示一些画面来说非常有用。