Design / SVG
Generatore di blob SVG (forme organiche casuali)
Crea forme blob morbide e casuali per sfondi e illustrazioni: scegli il numero di punti e il livello di casualità, seleziona un colore o un gradiente a due colori, quindi scarica o copia l'SVG.
Generatore di blob SVG (forme organiche casuali): I punti vengono distribuiti a intervalli regolari lungo una circonferenza e ciascuno viene spostato verso il centro di una quantità casuale; poi vengono uniti con una curva chiusa e morbida. Pochi punti e un'elevata casualità creano forme irregolari; molti punti e una bassa casualità producono forme morbide, quasi circolari. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Categoria
- Strumenti per sviluppatori
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"><path d="M359.5,200 C360.7,243.5 315.4,319 278.8,336.4 C242.1,353.9 174.7,327.5 139.5,304.7 C104.4,282 69.5,237.5 68,200 C66.4,162.5 96.4,100.3 130.4,79.5 C164.4,58.7 233.7,55.4 271.9,75.5 C310.1,95.6 358.4,156.5 359.5,200 Z" fill="#63c42d"/></svg>
I punti vengono distribuiti uniformemente lungo un cerchio, ciascuno spinto verso il centro di una quantità casuale, e uniti da una curva chiusa uniforme. Meno punti e più casualità producono forme più irregolari; con una casualità dello 0% si ottiene un cerchio. Le forme morbide creano sfondi delicati per foto, icone e titoli.
Utilizzi
Le forme blob creano sfondi morbidi dietro foto di prodotti, icone, avatar e titoli. Dietro al testo, usa un colore chiaro o un riempimento a bassa opacità, così il testo conserva il contrasto; per vedere il blob dietro un vetro smerigliato, abbinalo al generatore di glassmorphism.
Modifica
L'output è un unico tracciato con curve Bézier cubiche, quindi si apre in qualsiasi editor vettoriale. Per modificare a mano alcuni punti, incollalo nell'editor SVG.
Come usarlo
- Scegli il numero di punti e il livello di casualità.
- Seleziona un colore o un gradiente.
- Fai clic per creare nuovi blob finché non ne trovi uno che ti piace, quindi scarica o copia l'SVG.
Privacy e limitazioni
Le forme vengono disegnate nel tuo browser.
Strumenti correlati
Domande frequenti
Come inserisco una foto dentro un blob?
Copia il tracciato e usalo in un clipPath SVG, oppure salva il blob e usalo come mask-image CSS sopra la foto.
Posso animare un blob?
Sì: genera due blob con lo stesso numero di punti e anima l'attributo d del tracciato tra l'uno e l'altro; lo stesso numero di punti rende fluida la trasformazione.
C'è un limite alle dimensioni?
L'SVG misura 400 × 400, ma può essere ridimensionato a qualsiasi dimensione senza perdere nitidezza.
Strumento gratuito · nel browser esecuzioni · senza account