El mundo de la animación de contenido en línea ha cambiado notablemente a lo largo de los años. Flash (y tecnología similar como Macromind Director) sustentaron los inicios de la Web moderna, pero cuando se eliminó el soporte para Flash, el formato de archivo SWF murió. Avance rápido hasta hoy con SVGator llegando a la escena. Siendo SVG el formato de vector moderno de elección, SVGator le brinda una de las mejores y más fáciles formas de animar el formato. Echemos un vistazo más de cerca en nuestra revisión.
Este es un artículo patrocinado y fue posible gracias a SVGator. Los contenidos y opiniones reales son los únicos puntos de vista del autor, quien mantiene la independencia editorial incluso cuando una publicación está patrocinada.
El poder de la animación en línea
SVGator es un editor de animación SVG en línea creado con VueJS y diseñado para simplificar la forma de animar gráficos vectoriales escalables (o SVG). El objetivo declarado de la empresa, con sede en San Francisco, es «hacer que las animaciones SVG sean realizables incluso por usuarios no técnicos, fomentando así el uso extensivo de animaciones SVG en la Web».
En circunstancias normales, para animar archivos SVG, es posible que deba codificar, tal vez en Javascript o Java, para manipular las matemáticas que definen las líneas en un archivo SVG o moverlas en una página web. SVGator ha simplificado todo esto al crear una aplicación web con una línea de tiempo y pistas de fotogramas clave, lo que significa que puede ajustar la posición de todos los elementos gráficos vectoriales en una escena y compilarlos en un activo reproducible incrustado.
Esto le da un archivo para usar en páginas web y aplicaciones móviles. Las nuevas opciones de exportación móvil lo hacen muy fácil, creando animaciones livianas y escalables para aplicaciones móviles.
Motor vectorial nostálgico
Toda mi charla sobre Flash ahora es por una razón. En mi opinión, SVGator se parece mucho a ese viejo caballo de batalla de animación vectorial. Es una herramienta de animación vectorial de fotogramas clave que anima líneas suaves en lugar de píxeles. Lo que esto significa es que sus animaciones terminadas son escalables y se pueden reproducir en cualquier tamaño sin pérdida de calidad.
Al iniciar el software, se enfrenta a algunas escenas de demostración que lo ayudarán a ingresar al flujo de trabajo. La interfaz contiene un campo de juego que muestra la animación que está creando, y debajo hay una línea de tiempo que muestra el progreso de los objetos en la pantalla a lo largo del tiempo. A la izquierda hay una columna de herramientas para manipular las formas en su pantalla y bibliotecas de activos que ha creado.
Puede importar sus propios archivos SVG (creados con cualquier programa de dibujo vectorial como Illustrator o Inkscape) o dibujar sus propias formas desde cero.
Dibujar en SVGator es lo mismo que usar cualquier editor de vectores, curvas bezier con manijas que puede ajustar para hacer curvas perfectas y suaves. También puede cambiar el grosor y el color de la línea según sus gustos y la calidad de la línea, como guiones o puntos. Si ha utilizado algún programa de vectores, será una segunda naturaleza.
Esta herramienta es una aplicación web en línea, por lo que no hay nada que instalar. Toda la acción tiene lugar en un navegador. Esto es asombroso para la productividad, ya que significa que literalmente puede sentarse en cualquier navegador en cualquier computadora en cualquier parte del mundo y continuar su trabajo como si estuviera sentado en su escritorio en casa. Funciona en computadoras portátiles y de escritorio, y aunque no lo he probado, imagino que incluso podría usarlo en una tableta.
Animar con SVGator es fácil: dibuja formas en una pantalla, establece fotogramas clave para esas formas y pasa al siguiente fotograma clave. Ajuste las formas a su nueva forma y configure otro fotograma clave. Cuando reproduce la animación, las formas se animan suavemente de una posición a la siguiente.
Lo más importante es que esta no es solo una biblioteca de animación de cortar y pegar llena de ajustes preestablecidos: es una pieza de software de animación profesional adecuada. Sin embargo, eso no quiere decir que no tenga algunas herramientas útiles para ampliar sus habilidades de animación a nuevas alturas.
A medida que sube de nivel en los planes de pago, obtiene más acciones para realizar en sus formas. Llaman a estas acciones “animadores”. En el nivel gratuito, puede posicionar, escalar, anclar y rotar sus formas y cambiar su opacidad. Eso es animación básica. Subiendo un nivel al nivel Lite, también puede transformar, sesgar, rellenar y trazar, y todas estas son configuraciones animables. Esto agrega más flexibilidad a sus animaciones. Finalmente, en el nivel Pro, puede hacer todo lo mencionado hasta ahora y agregar funciones interactivas a sus animaciones, lo que hace posible realizar operaciones con el mouse en sus animaciones para crear interfaces o visualizaciones dinámicas de datos y similares.
También en el nivel Pro, tiene acceso a una biblioteca de recursos con recursos gráficos para ayudarlo a crear sus propias animaciones con estilo y velocidad.
El único inconveniente del software que puedo ver es que los niveles gratuitos e inferiores están limitados en el tipo de operaciones que puede realizar, pero esto no es necesariamente un problema por dos razones. En primer lugar, puedes hacer MUCHO con operaciones básicas y un poco de creatividad, y en segundo lugar, los niveles no son realmente tan caros, considerando lo que obtienes.
Niveles de Acceso
SVGator es una excelente pieza de software. Me encanta lo fácil que es entrar, y hacer cosas simples no toma tiempo para volverse competente. Pero también tiene profundidades, por lo que con un poco de entrenamiento y práctica, puede agregar a su conjunto de habilidades muy rápidamente. Esas opciones para la exportación móvil son una ventaja además de todo lo demás. Me encanta cómo usa un paradigma al que estoy acostumbrado, la línea de tiempo, y el hecho de que se vea y funcione tan parecido a Flash, que pasé mucho tiempo usando, es simplemente un placer.
SVGator no solo es poderoso, es relativamente asequible. Hay una variedad de planes una vez que decide pagar por el uso del software. Primero, está el plan gratuito, que le permite usar el software para siempre pero con algunas limitaciones. Mientras descubre cómo funciona, puede realizar exportaciones gráficas estáticas ilimitadas, hasta tres exportaciones de animación por mes calendario y líneas de tiempo de animación con una duración de hasta 10 segundos. El conjunto básico de ayudantes de animación está incluido.
El siguiente es el llamado nivel Lite, que por $ 11 por mes ($ 132 facturados anualmente), le permite exportar el producto de los animadores avanzados, exportaciones estáticas ilimitadas, 10 exportaciones de animación por mes y duraciones de animación de hasta un minuto. También tiene los ayudantes de animación básicos y avanzados. Finalmente, está Pro, que a $ 19 por mes (o $ 228 anuales) le brinda todo el trato, todo en Free y LITE, además de exportaciones de animación ilimitadas de hasta cinco minutos de duración, acceso a la biblioteca de activos, todas las opciones interactivas y animación. control de velocidad e hipervínculos.
Para obtener detalles completos de SVGator y registrarse para obtener una cuenta gratuita, vaya a SVGator.