タスクの道筋 / 入力から結果へ
オーガニックな SVG ブロブを生成する方法
- 01
キャンバスサイズを設定する
「幅」と「高さ」に 64〜4,096 の整数ピクセル値を入力します。キャンバスは合計 16,000,000 ピクセルが上限です。
- 02
ジオメトリを形作る
「アンカーポイント」(4〜16)が複雑さ、「不規則さ」(0〜0.9)が揺らぎ、「滑らかさ」(0〜1)が丸みを決めます。「再現可能なシード」(1〜99,999)でランダム性を固定でき、同じシードと設定からは常に同じブロブが生まれます。
- 03
塗り、アウトライン、背景を整える
「ブロブの色」は 6 桁の 16 進値で指定し、「アウトライン」を有効にして「アウトライン幅」を 0〜32 ピクセルで設定すればストロークが付きます。背景は「透明なキャンバス」のままにするか、「キャンバスの色」を選べます。
- 04
アセットを書き出す
プレビューは変更のたびに更新されます。「SVG をコピー」は正確なソースをクリップボードに入れ、「SVG をダウンロード」と「PNG をダウンロード」はベクター、またはキャンバスサイズでラスタライズした画像を書き出します。