En este post, dentro de la categoría que llamaremos Freebies del mes –porque bueno, no se me ocurrió otro nombre 😂– les voy a comentar 3 herramientas gratuitas de una misma temática que les será muy útil su trabajo diario.
En esta edición, testeé estas tres herramientas para creación y edición de archivos SVG. Este tipo de archivo de vectores para web tiene dos ventajas:
✅ Es muy liviano, ideal para ahorrar muchos Kb si buscamos optimizar tiempos de carga en una web.
✅ Es escalable, por lo que nuestro dibujo, logo o background nunca perderá nitidez al cambiar de tamaño.
Es cierto que podemos generarlos y manipularlos con herramientas como Illustrator o Corel. Sin embargo, estas herramientas puntuales nos ahorrarán mucho tiempo, sobre todo si no tenemos el Illustrator instalado o no sabemos bien cómo usarlo.
Y ahora sí, vamos con los protagonistas:
.
1- SVG Backgrounds
Es increíble lo que se genera a través de SVG Backgrounds. Crea un background para web, con distintas formas y gradients, ¡y de poquísimo peso! Apenas verla, me enamoró.
Hay distintas variantes para elegir, se puede modificar el color de fondo, tamaño de la forma, etc. Luego de editar a gusto, se puede descargar en formato SVG o bien usar el código CSS generado. Si bien son varios motivos, cuyo uso requiere atribución, existe también un paquete Premium con la colección completa.
.
2- Editor de SVG en línea
Method Draw es un editor SVG de código abierto que corre desde un sitio web. Para usarlo no es necesario abrir cuenta ni loguearse. La interfase es bastante simple e intuitiva. Nos permite dibujar trazos y curvas, incorporar formas básicas, o bien importar nuestro propio SVG para editar.
Como podrán ver, importé mi propio logo para armar la marca al agua que verán en un costado. Me gusta que no requiera registrarse ni nada por el estilo, simplemente abrir y usar. Además, si cerrás y volvés a abrir un tiempo después, verás el último dibujo con el que estuviste trabajando. Es totalmente gratuito, pero se aceptan donaciones. Su autor, Mark MacKay, aún sigue trabajando en mejorar el código, y podemos leer los avances en su diario de trabajo (en inglés) aquí: method.ac/writing/
.
3- Patterns geométricos en minutos
Pattern Pad me pareció sumamente útil, pues te permite crear patterns (patrones) geométricos en pocos minutos, con un gran nivel de detalle. Lo que antes podía llevar un par de horas de trabajo, con esta herramienta podrás generarlo rápidamente.
Usando los ejemplos de base, se puede personalizar cambiando colores, espacios, tamaño de las formas, repetición, y más. Una vez listo, descargamos nuestro «diseño» en formato SVG, PNG, o JPG. Lo genial, es que es totalmente gratis y no exige atribución, aunque siempre es bienvenida.
¿Conocías estas herramientas? ¿Tenés otra para sugerir? Podés dejar el link en los comentarios. ¡Gracias por leer y difundir esta nota!