Gráficos vectoriales SVG: ilustrar y animar con código

Tipos de animación en SVG

Un curso de Javier Usobiaga Ferrer , Diseñador web

98% valoraciones positivas (271)

9.108 estudiantes

Audio: Español

· ·

Sobre la videolección: Tipos de animación en SVG

Resumen

“SVG tiene un lenguaje propio de animación llamado SMIL, pero está dejando de usarse en favor de la animación con CSS y con JavaScript. Vamos a ver porqué y cuáles son las principales diferencias entre estos métodos.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Tipos de animación en SVG, que forma parte del curso online de Domestika: Gráficos vectoriales SVG: ilustrar y animar con código. Aprende a trabajar con ilustraciones vectoriales en tus páginas web, de la línea a la animación interactiva.

Transcripción parcial del vídeo

“[Música] Hola de nuevo por fin empezamos con la animación. SVG tiene una forma nativa de animar que se llama smile, pero se está empezando a dejar de utilizar en favor de CCS y Java script, vamos a ver la diferencias entre las distintas técnicas y cómo funcionan. La animación de CCS es la más sencilla de utilizar y es en la que estaremos trabajando el resto de la lección. Básicamente se define a través de unos keyframes, de los cuales unas propiedades pasarán a ser otras a lo largo de una animación. Esta animación se puede aplicar después en un elemento concreto a través de la propiedad Ani...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Gráficos vectoriales SVG: ilustrar y animar con código

Nivel: Iniciación
98% valoraciones positivas (271)
9108 estudiantes
7 unidades didácticas
32 lecciones (2h 2m)
6 recursos adicionales

Categoría
Diseño Web y App
Software
Adobe Illustrator, Sketch
Áreas
Animación, Desarrollo Web, Diseño interactivo, Diseño Web

Javier Usobiaga Ferrer

Un curso de Javier Usobiaga Ferrer

Profesor Plus

Diseñador web

Javier Usobiaga es diseñador web y desarrollador FrontEnd, desde hace más de 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.

También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.

Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.

En sus palabras “creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso”.