bbburst 是一個(gè)很簡(jiǎn)單的在線工具,可以輕松產(chǎn)生有爆炸效果的彩色形狀 SVG 圖片,看起來(lái)就像文章上面這張截圖一樣很繽紛,帶著邊緣模糊效果,非常適合使用于背景、封面或按鈕,為設(shè)計(jì)加入生動(dòng)活潑的元素,當(dāng)用戶透過(guò)自定義工具產(chǎn)生合適的圖片時(shí),只需點(diǎn)選下載 SVG 圖片或復(fù)制 SVG 標(biāo)記,使用 SVGOMG 等工具優(yōu)化產(chǎn)生的 SVG 程序代碼。
·
bbburst 產(chǎn)生器可以設(shè)定彩色圖片透明度、數(shù)量、邊框模糊效果,讓這些圖片集中在左上、右上、中間、左下或右下角,加入五種或更多的填充色彩,選擇不同形狀像是三角形、五邊形、菱形、星形、圓形、愛(ài)心、曲線、四方形、弧形,選擇后點(diǎn)選隨機(jī)產(chǎn)生就會(huì)不斷變化圖片。
這個(gè)工具使用 SVG.js 和 George Francis 的 generative-utils 鏈接庫(kù),網(wǎng)站首頁(yè)有提供詳細(xì)說(shuō)明文章,有興趣的開(kāi)發(fā)者可以參考。
bbburst
網(wǎng)站鏈接:https://fffuel.co/bbburst/
使用教學(xué)
開(kāi)啟 bbburst 后從產(chǎn)生器下方調(diào)整不透明度(opacity)和圖案數(shù)量(amount),底下有一排選項(xiàng)為讓邊界模糊(blur edges),也能選擇要讓圖片集中顯示在畫面的那個(gè)位置,默認(rèn)是中間。
接著調(diào)整彩色形狀的顏色,預(yù)設(shè)有五種色彩,可以刪除或加入更多,從右側(cè)「Shape Selection」選擇要加入的圖案,每次選擇上方的圖片都會(huì)隨機(jī)產(chǎn)生。
·
從右下角工具欄點(diǎn)選「randomize」隨機(jī)產(chǎn)生新的圖案,如果喜歡,點(diǎn)選「save」將圖片保存 SVG 格式下載,或點(diǎn)選「copy」直接復(fù)制 SVG 標(biāo)記。
·
如此一來(lái)就能從 bbburst 產(chǎn)生好看的彩色形狀 SVG 圖片素材啰!
·
值得一試的三個(gè)理由:
- 在線圖片產(chǎn)生器,可制作有爆炸效果的彩色形狀 SVG 圖片
- 對(duì)圖片進(jìn)行各種細(xì)節(jié)設(shè)定,也能選擇圖形色彩、形狀和顯示位置
- 直接下載 SVG 向量圖或?qū)?SVG 標(biāo)記程序代碼復(fù)制剪貼板
為什么我10秒就做出漂亮的漸變背景圖?用這個(gè)神器你也可以!很多時(shí)候我們?cè)谧鰸u變質(zhì)感不知道如何去操作,沒(méi)關(guān)系,范范就給大家介紹一款神器,無(wú)論是你用在網(wǎng)站、UI 界面、作品集、高端海報(bào)都是一種不錯(cuò)的選擇,而且免費(fèi)用于商業(yè)設(shè)計(jì)。 閱讀文章 > |