SVGator 3.0 remodela la forma de crear y animar SVG con amplias funciones nuevas

Crear animaciones puede volverse complicado, particularmente animaciones atractivas en las que no solo estás haciendo rodar una pelota por la pantalla, sino que estás construyendo una escena donde muchas cosas se mueven y cambian al mismo tiempo. Cuando el objetivo es una animación convincente, una interfaz GUI de línea de tiempo es una forma comprobada desde hace mucho tiempo de lograrlo. Eso era cierto en los días de Flash (RIP) y sigue siendo cierto hoy en día en todas las herramientas de edición de video serias.

Pero ¿qué tenemos en la web para animar gráficos vectoriales? ¡Tenemos SVGator , un creador de animaciones SVG innovador y único que no requiere ninguna habilidad de codificación! Con la nueva versión SVGator 3.0, se convierte en una herramienta innovadora para crear animaciones web de una manera visualmente intuitiva.

Una poderosa herramienta al alcance de tu mano

Me encanta una buena herramienta de diseño basada en navegador. Todos mis proyectos en la nube, esperándome sin importar dónde esté. Aquí está mi proyecto SVGator mientras yo mismo estaba trabajando en una animación básica:

Los usuarios de cualquier herramienta de diseño deberían sentirse como en casa aquí. Viene con una interfaz intuitiva que está a la altura de las demandas de un flujo de trabajo profesional con opciones que permiten un mayor control sobre su espacio de trabajo. Encontrará una lista de sus elementos y grupos en el lado izquierdo, junto con las principales herramientas de edición en la parte superior. Todas las propiedades se pueden encontrar en el lado derecho y puedes darle vida a cualquier elemento configurando fotogramas clave en la línea de tiempo.

Seré honesto: nunca antes había usado SVGator, no leí ninguna documentación y pude jugar con estas estrellas animadas de CSS-Tricks en solo unos minutos:

¿Ves esa animación de arriba?

• Se generó como un animation-stars.svgdocumento único y pude subirlo a esta publicación de blog sin ningún problema.
• Utiliza solo CSS dentro del SVG para la animación. También hay una opción de salida de animación JavaScript para una mayor compatibilidad entre navegadores y funciones adicionales (por ejemplo, iniciar la animación solo cuando ingresa a la vista o iniciar la animación al hacer clic).
• El archivo final tiene sólo 5 KB. ¡Diminuto!
• El SVG, incluidos los bits de animación CSS, están preoptimizados y comprimidos.
• Y nuevamente, sólo me tomó un par de minutos darme cuenta.

Imagínese lo que podría hacer si realmente tuviera talento para el diseño y la animación.

SVGator también es un excelente editor de vectores.

Con la versión 3.0, SVGator ya no es solo una herramienta de animación, ¡sino un creador de SVG con todas las funciones! Esto significa que no hay necesidad de una herramienta de edición de vectores de terceros; puede comenzar desde cero en SVGator o editar cualquier SVG preexistente que haya creado. Una herramienta Pluma con opciones de edición rápidas, formas fácilmente editables, opciones compuestas y muchas otras funciones sorprendentes te ayudarán en tu trabajo.

¡Eso es particularmente útil con interpolaciones de transformación, que SVGator admite totalmente!

Aquí está mi reseña de una palabra:

La nueva interfaz de SVGator tiene una barra lateral de paneles plegables para controlar todos los aspectos del diseño. Vea aquí lo fácil que fue hacer esta animación controlando una línea de texto, las transformaciones y los filtros, y luego eligiendo fotogramas clave para esas cosas a continuación.

Planes aptos para todos

Si desea utilizar SVGator como herramienta de edición de vectores, es absolutamente gratuito, lo que significa que puede crear y exportar una cantidad infinita de gráficos vectoriales estáticos, independientemente de su plan de suscripción. De hecho, incluso en el plan gratuito, exporta tres animaciones. por mes. Es justo cuando desea herramientas de animación más avanzadas o exportaciones animadas ilimitadas por mes que debe actualizar a un plan pago.

Ve a probar SVGator