Para empezar te vamos a decir que el tipo de archivo SVG o Scalable Vector Graphics es un formato enfocado sobre los gráficos vectoriales XML que al mismo tiempo se puede convertir en un animación como veremos en estas mismas líneas.
Al mismo tiempo diremos que existen varios métodos para animar un SVG o mediante scripts para agregar animaciones, con javascript etc. Por eso, en estas líneas te vamos a mostrar una serie de aplicaciones web gratuitas lo cual será de gran ayuda para este tipo de tareas, es decir agregar animaciones y efectos a archivos en formato SVG todo para tu próxima vertedero .
Diríamos que la mayoría de estas aplicaciones web ofrecen botones y controles para añadir animaciones, dejando de lado todos los parte de codificación además de de forma rápida y sencilla.
Animaciones para tus archivos SVG con estas aplicaciones web gratuitas
aniGen
Se trata de una editor de animaciones SVG basado en y navegador compatible con Google Chrome y Mozilla Firefox que inicialmente requiere que JavaScript esté habilitado. Entonces, si eres un usuario con algunos conocimientos de animación SVG, es una solución perfecta por las características que presenta. Desde aquí tenemos la posibilidad de acceder al árbol XML del archivo y seleccionamos los elementos que queremos editar y animar para que puedas realizar tareas como rotar, escalar, inclinar, etc.
Al mismo tiempo, podemos animar ciertos cuadros, agregar relleno y líneas, o establecer nodos creando capas . Al mismo tiempo, para cada elemento, podemos ingresar la duración de la animación y configurar el bucle de animación para finalmente exportador el resultado hacia un archivo SVG local .
Vivus instantáneo
En este caso vamos a hablar de En vivo instantáneo una versión online del popular artista. SVG en vivo el cual, mediante el uso de JavaScript, nos permite animar archivos SVG dándoles la apariencia de estar dibujados. Así, Vivus Instant utiliza animaciones css para animar estos archivos y esto se vuelve particularmente útil cuando el SVG contiene propiedades de rasgo .
Para todo esto solo necesitamos cargar el archivar por arrastre y suelte en la interfaz para que animación de dibujo se agrega automáticamente en a lo largo de las rutas incluidas en el archivo. Luego podremos descargarlo tal cual o personalizarlo manualmente con diferentes tipos de animación, retrasados dos minutos, dos rizado etc.
SVGCirco
La próxima aplicación web de la que vamos a hablar es SVGCirso que a diferencia de otras herramientas similares no soporta la edición SVG, pero nos permite crear animaciones en bucle. Contiene una serie de elementos que podemos personalizar para crear desde animaciones en bucle . Por supuesto, podemos empezar el proyecto desde cero o seleccionar un configuración predefinido y personalizarlo como deseemos, luego exportarlo como un archivo SVG a la PC.
CódigoPen
Y finalmente hablaremos de CódigoPen un programa online gratuito con el que podremos editar a mano Rutas SVG y use CSS y JavaScript para agregar animaciones al archivo. Al mismo tiempo podemos abrir múltiples entornos de codificación, por ejemplo un editor. HTML para pegar el código XMLSVG y personalizar el archivo. Una vez finalizado el proyecto de animación, la aplicación nos ofrece la posibilidad de integrar CSS y JavaScript en el código XML SVG y guárdelo como un archivo SVG en el disco duro de ordenador personal .
