Esta es una lista de los mejores sitios web gratuitos para crear blobs en línea. Una gota es una forma vaga que es suave con una apariencia gelatinosa al azar. Los blobs no tienen un propósito específico, pero se pueden usar en el diseño de la interfaz de usuario en la web. Puede usarlo como un elemento de fondo o un elemento de diseño interactivo en la página web. Para poder hacer eso, primero debe hacer el blob.
Esta publicación cubre 6 sitios web gratuitos donde puede hacer los blobs en línea. Todos estos sitios web tienen su propia versión de la generación de blobs. Algunos sitios web pueden generar varios tipos de blobs, mientras que otros se limitan a un blob sólido o de contorno. En ambos casos, puede configurar los parámetros del blob para que tenga una apariencia personalizada. Puede elegir el color, establecer los bordes, la suavidad y más. Dicho esto, repasemos la lista para verlos en detalle.
Mi creador de blobs en línea favorito
MagicPattern.design es mi sitio web favorito en esta lista para hacer blobs en línea. Este sitio web puede hacer 6 tipos de blobs en total. Esto también incluye un blob de imagen y un blob de patrón. Le permite aplicar un filtro de grano encima de la mancha. Otro aspecto destacado de este sitio web es que le permite exportar el blob en múltiples formatos de archivo, así como en código.
Puede consultar nuestras otras listas de los mejores sitios web gratuitos de CSS Shape Generator en línea, sitios web de CSS Flexbox Generator en línea y sitios web de CSS Border Radius Generator en línea.
Tabla de descripción general:
MagicPattern.design
MagicPattern.design es un sitio web gratuito que ofrece una colección de herramientas en línea. Tiene una herramienta gratuita de creación de blobs. Esta herramienta le permite crear múltiples tipos de blobs. En la parte superior del lado izquierdo, puede seleccionar si desea crear una mancha sólida, de contorno, degradada, de imagen o de patrón. Según su selección, puede personalizar el parámetro de blob respectivo. Además, puede establecer los bordes y la suavidad. También puede aplicar un filtro de grano si lo desea. De esta manera, puede generar el blob. Una vez que se genera el blob, puede exportarlo como un archivo PNG, JPG o SVG. También puede copiar el código CSS del blob.
Destacados:
Tipo(s) de blob: Sólido, Contorno, Degradado lineal, Degradado radial, Imagen y Patrón. Parámetros: Bordes, Suavidad y Filtro de Grano. Salida: Código PNG, JPG, SVG y CSS.
SuperDesigner.co
SuperDesigner.co ofrece una herramienta gratuita de generación de blobs en línea. Esta herramienta le permite generar blobs regulares, degradados, apilados, duales y de patrones. Puede seleccionar el tipo de blob que desea generar. Según su selección, carga una propiedad del blob que puede personalizar. Aparte de eso, puede establecer los bordes, la suavidad y el contorno de la mancha. Con eso, puede crear un blob deseado y luego exportarlo a PNG, JPG o SVG. También puede establecer la escala de la salida y obtener código SVG.
Puntos destacados:
Tipo(s) de blob: Regular, Degradado, Apilado, Dual, y Patten. Parámetros: Bordes, Suavidad y Contorno. Salida: PNG, JPG, SVG y código SVG.
AngryTools.com
AngryTools.com tiene una herramienta de creación de blobs en línea gratuita. Esta es una herramienta simple que le brinda el código SVG para el blob que crea. Puede hacer manchas sólidas y degradadas. Puede seleccionar el tipo de blob que desea hacer y elegir los colores en consecuencia. Después de eso, puede elegir si desea agregar animación al blob o no. Si desea agregar animación, puede optar por una animación de flotación y rotación. De lo contrario, puede ir sin opciones de animación. Al final, esta herramienta muestra el código SVG del blob. Puede copiar ese código y agregar el blob en cualquier lugar posible.
Puntos destacados:
Tipo(s) de blob: sólido y degradado. Parámetros: Animación: Flotar y Rotar. Salida: Código SVG.
BlobMaker.app
BlobMaker.app es una aplicación web gratuita de creación de blobs en línea. Esta aplicación te permite hacer un simple blob en segundos. Muestra una vista previa en tiempo real de la mancha en la pantalla. Debajo de eso, obtiene opciones para elegir el color de la mancha y configurar los bordes y la suavidad. Puede personalizar estos parámetros para crear la forma de blob que desee. Una vez hecho esto, puede usar el botón dado para obtener la salida. O puede guardar el blob como una imagen SVG. O puede obtener el código SVG correspondiente.
Destacados:
Tipo(s) de blob: Regular. Parámetros: Bordes, Suavidad y Color. Salida: archivo SVG y código SVG.
Fah-tool.org
Fah-tool.org ofrece una herramienta gratuita de creación de blobs en línea. Esta es una herramienta de creación de blobs bastante simple. Tiene una mancha de muestra en la pantalla con algunos parámetros debajo de eso. El tipo de blob se limita aquí a sólido. Pero puede cambiar las dimensiones y configurar los bordes de los parámetros. A medida que realiza los cambios, actualiza el código CSS para el blob. Una vez hecho esto, puede copiar el código CSS del blob y usarlo para el propósito previsto.
Aspectos destacados:
Tipo(s) de blob: Sólido. Parámetros: Bordes y Tamaño. Salida: Código CSS.
Blob-generator.omar.repl.co
Blob-generator.omar.repl.co es otro sitio web donde puedes crear blobs en línea. Esta herramienta genera un patrón de blobs. El patrón es algo fijo pero puedes ajustar los parámetros para hacer algunos cambios. Puede establecer el número de columnas, el número de filas y el radio del borde y elegir los colores de primer plano y de fondo. Luego hay algunos otros parámetros con los que puedes jugar. No hay una forma directa de guardar el blob aquí. Ofrece una opción de captura de pantalla que guarda el blob como una imagen PNG.
Destacados:
Tipo(s) de blob: Patrón. Parámetros: Columnas, Filas, Tamaño, Radio del borde, Colores, Probabilidad de enlace, Influencia de inclinación y Escala de cuadrícula. Salida: PNG.
Publicaciones relacionadas
Escribe un comentario