找不到酷炫背景?用這個在線流體模擬器快速變成藝術家! - 優設網 - UISDC

找不到酷炫背景?用這個在線流體模擬器快速變成藝術家!

2019/06/16 32680評論 23

@亞賽大人 :不知道大家有沒有玩過水拓畫,就是在加入特殊粘稠物的水里,再滴入一些顏料,然后用工具在上面畫圖,就可以生成奇妙的圖案。

神器掘金人 @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.bwxlya.live/fluid-simulation

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

扁平化設計 設計師干貨 版式設計 交互設計師 界面設計 排版布局 職場 優設專訪 優設大課堂 配色 視覺設計 web前端開發 素材下載 設計流程 AI教程 設計理論 神器下載 字體下載 設計師專訪 psd下載 平面設計 設計趨勢 用戶體驗設計 設計規范 海報設計 動效設計 圖標設計 logo設計 產品設計 ICON 神器推薦 App設計 職場規劃 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

今日内蒙古快三开奖号