Revisión de SVGator: Animación Vectorial Experta

El mundo de la animación de contenido en línea ha cambiado notablemente a lo largo de los años. Flash (y tecnologías similares como Macromind Director) sustentaron los inicios de la Web moderna, pero cuando se retiró el soporte para Flash, el formato de archivo SWF murió. Avancemos rápidamente hasta hoy con la llegada de SVGator a la escena. Con SVG como el formato vectorial moderno preferido, SVGator te brinda una de las mejores y más fáciles maneras de animar dicho 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 son vistas exclusivas del autor que mantiene la independencia editorial incluso cuando una publicación está patrocinada.

Poder de 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 en que animas gráficos vectoriales escalables (o SVG). El objetivo declarado de la empresa, con sede en San Francisco, es “hacer que las animaciones SVG sean alcanzables incluso para 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 tengas que hacer algo de codificación, quizás 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 creando una aplicación web con una línea de tiempo y pistas animables, lo que significa que puedes ajustar la posición de todos los elementos gráficos vectoriales en una escena y compilarlos en un activo reproducible incrustado.

Esto te proporciona un archivo para usar en páginas web y aplicaciones móviles. Las nuevas opciones de exportación para móviles hacen que esto sea muy fácil, creando animaciones ligeras y escalables para aplicaciones móviles.

Motor Vectorial Nostálgico

Todo mi discurso sobre Flash ahora tiene un motivo. Para mí, SVGator se siente y se ve muy parecido a esa vieja bestia de la animación vectorial. Es una herramienta de animación vectorial por fotogramas clave que anima líneas suaves en lugar de píxeles. Lo que esto significa es que tus animaciones terminadas son escalables, capaces de reproducirse a cualquier tamaño sin pérdida de calidad.

Al iniciar el software, te enfrentas a algunas escenas de demostración que te ayudarán a adentrarte en el flujo de trabajo. La interfaz contiene un campo de juego que muestra la animación que estás creando, y abajo hay una línea de tiempo que muestra el progreso de los objetos en pantalla a lo largo del tiempo. A la izquierda, hay una columna de herramientas para manipular las formas en tu pantalla y bibliotecas de activos que has creado.

Puedes importar tus propios archivos SVG (creados con cualquier programa de dibujo vectorial como Illustrator o Inkscape) o dibujar tus propias formas desde cero.

Dibujar en SVGator es lo mismo que usar cualquier editor vectorial, curvas bezier con manijas que puedes ajustar para hacer curvas perfectamente suaves. También puedes cambiar el peso y el color de la línea para adaptarlo a tu gusto y la calidad de la línea, como rayas o puntos. Si has utilizado algún programa vectorial, será como segunda naturaleza.

Esta herramienta es una aplicación web en línea, por lo que no hay nada que instalar. Toda la acción ocurre en un navegador. Esto es increíble para la productividad, ya que significa que puedes sentarte literalmente en cualquier navegador en cualquier computadora en cualquier parte del mundo y continuar tu trabajo como si estuvieras sentado en tu escritorio en casa. Funciona en laptops y escritorios, y aunque no lo he probado, imagino que incluso podrías usarlo en una tableta.

Animar con SVGator es fácil: dibuja formas en una pantalla, establece fotogramas clave para esas formas y muévete al siguiente fotograma clave. Ajusta las formas a su nueva forma y establece otro fotograma clave. Cuando reproduces la animación, las formas se animan suavemente de una posición a la siguiente.

Lo más importante es que no es solo una biblioteca de animación de cortar y pegar llena de preajustes: es un verdadero software profesional de animación. Sin embargo, eso no quiere decir que no tenga algunas herramientas útiles para amplificar tus habilidades de animación a nuevas alturas.

A medida que subes de nivel en los planes de pago, obtienes más acciones para realizar en tus formas. Ellos llaman a estas acciones “animadores”. En el nivel gratuito, puedes posicionar, escalar, anclar y rotar tus formas y cambiar su opacidad. Esa es la animación básica. Subiendo un nivel al nivel Lite, también puedes transformar, sesgar, llenar y trazar, y todos estos son configuraciones animables. Esto agrega más flexibilidad a tus animaciones. Finalmente, en el nivel Pro, puedes hacer todo lo mencionado hasta ahora y agregar características interactivas a tus animaciones, haciendo posible realizar operaciones con el ratón en tus animaciones para construir interfaces o visualizaciones de datos dinámicas y similares.

También en el nivel Pro, tienes acceso a una biblioteca de activos con gráficos para darte una ventaja en la creación de tus propias animaciones con estilo y velocidad.

El único inconveniente del software que puedo ver es que los niveles gratuito y bajo son limitados en los tipos de operaciones que puedes hacer, pero esto no es necesariamente un problema por dos razones. Primero, puedes hacer MUCHO con operaciones básicas y un poco de creatividad, y segundo, los niveles realmente no son tan costosos, considerando lo que obtienes.

Niveles de Acceso

SVGator es un software magnífico. Me encanta lo fácil que es comenzar, y hacer cosas simples no toma tiempo en volverme competente. Pero también tiene profundidades, por lo que con un poco de entrenamiento y práctica, puedes agregar rápidamente a tu conjunto de habilidades. Las opciones para la exportación móvil son un bono además de todo lo demás. Me encanta cómo utiliza un paradigma que conozco, la línea de tiempo, y el hecho de que se vea y funcione tan parecido a Flash, que utilicé durante mucho tiempo, es simplemente un placer.

SVGator no solo es potente, sino que también es relativamente asequible. Hay una variedad de planes una vez que decides pagar por tu uso del software. Primero, existe el plan gratuito, que te permite usar el software para siempre pero con algunas limitaciones. Mientras descubres cómo funciona, puedes hacer 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. Se incluye el conjunto básico de ayudantes de animación.

A continuación, está el llamado nivel Lite, que por $11 al mes ($132 facturados anualmente), te permite exportar el producto de los animadores avanzados, exportaciones estáticas ilimitadas, 10 exportaciones de animación al mes y duraciones de animación de hasta un minuto. También tienes los ayudantes básicos y avanzados de animación. Finalmente, está el Pro, que a $19 al mes (o $228 anuales) te ofrece todo el paquete, todo lo que hay 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 control de velocidad de animación y hipervínculos.

Para obtener detalles completos sobre SVGator y registrarte para una cuenta gratuita, visita SVGator.