La creación de animaciones puede volverse complicada, especialmente animaciones atractivas en las que no solo haces rodar una pelota por la pantalla, sino que construyes una escena en la que muchas cosas se mueven y cambian en concierto. Cuando el objetivo es una animación convincente, una interfaz gráfica de usuario de línea de tiempo es una forma probada de llegar allí. 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 animación SVG innovador y único que no requiere ninguna habilidad de codificación! Con la nueva versión de SVGator 3.0, se convierte en una herramienta innovadora para crear animaciones web de una manera visualmente intuitiva.
Vale la pena mirar la página de inicio para ver todas las increíbles animaciones creadas con la herramienta en sí.
Una poderosa herramienta al alcance de su mano
Me encanta una buena herramienta de diseño basada en navegador. Todos mis proyectos en la nube, esperándome sin importar a dónde vaya. 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 se adapta a 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 puede dar vida a cualquier elemento configurando fotogramas clave en la línea de tiempo.
Seré honesto: nunca antes había usado SVGator, no leí documentación y pude manipular estas estrellas animadas de Programar Plusen solo unos minutos:
¿Ves esa animación de arriba?
- Salió como un single
animation-stars.svgdocumento que pude subir 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 de 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 solo 5 KB. ¡Diminuto!
- El SVG, incluidos los bits de animación CSS, están optimizados y comprimidos previamente.
- Y nuevamente, solo 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.
Opciones de exportación intuitivas y útiles
Salida SVG optimizada
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 de lápiz con opciones de edición rápida, formas fácilmente editables, opciones compuestas y muchas otras características sorprendentes lo ayudarán en su trabajo.
¡Eso es particularmente útil con interpolaciones morphing, que SVGator es totalmente compatible!
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 al controlar una línea de texto, las transformaciones y los filtros, y luego elegir fotogramas clave para esas cosas a continuación.
Planes adecuados para todos
Si desea utilizar SVGator como herramienta de edición de vectores, es absolutamente gratis, lo que significa que puede crear y exportar un sinfín 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 solo cuando desea herramientas de animación más avanzadas o exportaciones animadas ilimitadas por mes que tiene que actualizar a un plan pago.
Ve a probar SVGator