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

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

2019/06/16 43308评论 26

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

神器掘金人 @Simon_阿文 发现了一个线上「水拓画」工具,也是一个 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 浏览器)一张丝绸感的图片就诞生了!

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.gongyeb2b.cn/fluid-simulation

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里