任務路徑 / 從輸入到結果
如何產生有機形態的 SVG Blob
- 01
設定畫布尺寸
在「寬度」和「高度」中填寫 64 到 4,096 之間的整數像素值;畫布總像素上限為 16,000,000。讓尺寸匹配素材的用途——首屏背景要寬畫布,頭像裝飾要方形畫布。
- 02
塑造幾何形態
「錨點數」(4–16)決定複雜度,「不規則度」(0–0.9)決定擺動幅度,「平滑度」(0–1)決定圓潤程度。「可複現種子」(1–99,999)把隨機性固定下來:同樣的種子和設定永遠得到同一個 Blob,因此形狀很容易複現,也能用幾個數字分享。
- 03
設定填色、描邊與背景
「Blob 顏色」使用六位十六進位值;啟用「描邊」並在 0 到 32 像素之間設定「描邊寬度」;背景可以保持「透明畫布」,也可以選擇「畫布顏色」。預覽隨每次修改即時更新,無效數值會就地標出,而不會進入匯出。
- 04
匯出素材
「複製 SVG」把精確原始碼放進剪貼簿,便於直接貼進標記;「下載 SVG」和「下載 PNG」分別匯出向量檔案和按畫布尺寸算繪的點陣圖。SVG 始終保持為單條緊湊路徑,內嵌進頁面幾乎沒有成本。