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è)理由：

1. 在線圖片產(chǎn)生器，可制作有爆炸效果的彩色形狀 SVG 圖片
2. 對(duì)圖片進(jìn)行各種細(xì)節(jié)設(shè)定，也能選擇圖形色彩、形狀和顯示位置
3. 直接下載 SVG 向量圖或?qū)?SVG 標(biāo)記程序代碼復(fù)制剪貼板