Generador de formas orgánicas gratis
Generar formas orgánicas con variación sembrada, suavidad, gradientes, contornos y capas. Descarga SVG, PNG, JPG o WebP localmente sin registrarse.
Cargando herramienta…
Cómo crear formas orgánicas para sus diseños
Crear formas orgánicas sembradas con contornos editables, gradientes, contornos y capas. Descarga un vector SVG o exporta PNG, JPG o WebP en tu navegador.
- Elige una forma preestablecida o aleatoria. Mantén el número de semilla si desea reproducir el contorno.
- Ajustar los puntos de control, irregularidad y suavidad, luego girar o voltear la forma.
- Elige llenar colores, gradientes, contornos, sombras, opacidad y hasta cinco capas.
- Establecer las dimensiones de exportación y un formato de descarga. Usa un formato transparente o elige un mate JPG, luego descarga o copia SVG.
Donde las formas orgánicas encajan en proyectos reales
Las manchas suaves e irregulares son una forma rápida de agregar profundidad detrás de una foto del producto, enmarcar una foto en una landing page o romper un fondo de diapositiva simple. Debido a que la forma se extrae de los números, se puede hacer un conjunto de coincidencia para un sitio entero cambiando sólo la semilla.
Los diseñadores los utilizan como separadores de sección y acentos de fondo. Los vendedores los dejan detrás de gráficos sociales. Los desarrolladores que necesitan un SVG decorativo sin abrir una aplicación de dibujo pueden sintonizar uno aquí, copiar el marcado y pegarlo directamente en un componente.
Ejemplo trabajado: un acento de héroe de dos capas
Comienza por los valores predeterminados: semillas 42, 8 puntos de control, irregularidad 55, suavidad 85, y un gradiente de #6366f1 a #ec4899 sobre una tela transparente 1200 por 1200. Establecer capas a 2. La segunda capa reutiliza la misma semilla con un desplazamiento, se rota 12 grados más, se escala al 89 por ciento de la primera, y tiene 13 por ciento menos de opacidad, lo que crea un eco suave dentro de la mancha principal.
Elige PNG y descarga. Obtendrá organic-shape.png en exactamente 1200 por 1200 píxeles con un fondo transparente. Elige SVG en su lugar y obtendrá organic-shape.svg que contiene dos elementos de ruta y un gradiente lineal, que permanece nítido a cualquier tamaño.
Escribe 42 en la caja de semillas en otro día y mantén los otros ajustes iguales, y el contorno vuelve idéntico.
Cómo se construye la forma
El motor funciona en una red de 1000 por 1000. Espacia los puntos de control uniformemente alrededor de un círculo con un radio de 350 unidades, luego tira de cada punto hacia adentro por una cantidad aleatoria sembrada. En irregularidad 0 cada punto se sienta en el círculo. A 100 un punto puede moverse en 10 a 70 por ciento del radio.
La suavidad establece hasta qué punto la curva maneja alcanzar entre los puntos vecinos, desde 0 hasta una tensión de 0,18. A 0 las asas colapsan y obtienes un polígono de bordes rectos, que es lo que uses el preconfigurado Faceted. Los valores más altos dan bordes más redondos y fluidos. Los presets son puntos de partida rápidos: Suave blob utiliza 8 puntos, Pebble 5, Splash 16 y Faceted 9.
La rotación va de menos 180 a 180 grados, el contorno puede ser de hasta 30 unidades de ancho, y la sombra suave añade una suave sombra de caída por debajo de la forma.
Errores comunes a evitar
Guardar sólo la semilla no es suficiente para reconstruir un diseño. La semilla fija los desplazamientos aleatorios, pero el conteo de puntos, la irregularidad y la suavidad también cambian el contorno, y los colores, las capas y la rotación se sientan en la parte superior. Note cada valor que ha cambiado.
También comprueba su tamaño de exportación. Cada lado debe estar entre 64 y 4.096 píxeles, con no más de 12 millones de píxeles en total. La forma se dibuja en una rejilla cuadrada, por lo que una amplia exportación como 1920 por 1080 mantiene la burbuja centrada con espacio vacío en los lados. Finalmente, JPG no puede almacenar transparencia y llenará el fondo con el color mate.
Consejos útiles y limitaciones
- SVG mantiene rutas vectoriales editables; los formatos raster tienen las dimensiones de píxel seleccionadas.
- La semilla controla la geometría. Guarda las otras configuraciones también cuando necesite reproducir todo el diseño.
- Disminuir la opacidad a alrededor de 20 a 40 por ciento cuando una forma se sienta detrás del texto, por lo que la copia se mantiene fácil de leer.
- Prueba el Splash preestablecido con suavidad cerca de 100 para un aspecto líquido, o Pebble con baja irregularidad para un acento tranquilo, casi redondo.
Preguntas frecuentes
¿El generador de formas orgánicas produce el vector SVG real?
Sí. La exportación SVG contiene rutas vectoriales, gradientes opcionales y sombras, sin imágenes de mapa de bits incrustadas.
¿Puede una forma orgánica tener un fondo transparente?
Sí. Activar transparencia y utilizar SVG, PNG o WebP. JPG se aplana en el color de fondo seleccionado.
¿Cómo puedo reproducir la misma mancha orgánica más tarde?
Usa la misma semilla, el recuento de puntos de control, irregularidad y suavidad. Los colores, las transformaciones y las capas son configuraciones separadas.
¿Cuántos puntos de control puede tener una forma?
Entre 3 y 24. Menos puntos dan formas simples y redondeadas, mientras que más puntos permiten contornos más ondulados y más detallados.
¿Cambiar el color cambia la forma?
No. Los colores, el gradiente, el contorno, la sombra y la opacidad solo afectan a cómo se pinta el camino. El contorno mismo depende de la semilla, el conteo de puntos, la irregularidad y la suavidad.
¿Puedo controlar la calidad de las exportaciones de JPG y WebP?
Sí. Cuando se selecciona JPG o WebP, aparece un control deslizante de calidad de imagen del 10 al 100 por ciento. PNG y SVG no lo utilizan.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online