Générateur de formes organiques SVG
- Les fichiers ne quittent pas votre appareil
- S’exécute dans le navigateur
- Gratuit, sans compte, sans filigrane
Press R or Space for a new blob.
Comment utiliser Générateur de formes organiques SVG
Générez des formes organiques aléatoires et exportez-les en SVG, PNG ou composant React. Ajustez les points, le contraste, les calques, le remplissage en dégradé et le style de contour, et ajoutez une animation de morphing facultative. Chaque forme vient d'un nombre graine et est générée dans votre navigateur.
- 1
Cliquez sur Nouvelle forme, ou appuyez sur R ou Espace, jusqu'à ce que la forme vous convienne. Les formes précédentes restent sous Formes récentes.
- 2
Sous Forme, ajustez la Complexité, le Contraste, la Taille et les Calques.
- 3
Sous Couleur, choisissez l'une des Palettes ou réglez un remplissage Uni ou en Dégradé, et passez le Style sur Contour si vous ne voulez que le bord.
- 4
Réglez la Largeur et la Hauteur du canevas, activez la Couleur d'arrière-plan si besoin, et activez l'Animation de morphing pour une forme en mouvement.
- 5
Cliquez sur Télécharger le SVG, ou choisissez une échelle PNG de 1×, 2× ou 4× et cliquez sur PNG. Copier le SVG et Copier React mettent le code dans le presse-papiers.
Questions fréquentes
Puis-je retrouver la même forme plus tard ?
Oui. La forme vient de la Graine, la même graine avec les mêmes réglages donne donc toujours la même forme. Notez le nombre et resaisissez-le dans Graine.
L'arrière-plan est-il transparent ?
Oui, par défaut. Activez Couleur d'arrière-plan seulement si vous voulez un canevas rempli.
L'animation fonctionne-t-elle dans le fichier exporté ?
L'animation de morphing utilise l'élément animate intégré du SVG, elle se joue donc dans les exports SVG et React sans CSS ni JavaScript supplémentaire. Le PNG est toujours une image fixe.
Comment utiliser la forme dans un projet React ?
Copier React vous donne un composant qui renvoie le SVG et transmet ses props à l'élément svg, vous pouvez donc ajouter un className ou un style.
Quelque chose est-il téléversé ?
Non. Les formes sont calculées et exportées entièrement dans votre navigateur.