Udemy

Platform

Español

Language

Web Design

Category

Aprende a crear animaciones SVG: con Iconos.

Crea increíbles animaciones para web (botones,iconos,gráficos) empleando el formato SVG en tus proyectos.

4.15 (43 reviews)

Aprende a crear animaciones SVG: con Iconos.

Students

1.5 hours

Content

Jun 2019

Last Update
Regular Price

PLURALSIGHT
PluralSight
Entire course library + Leaning Path
10-day free trial

What you will learn

Crear animaciones SVG increibles que puedas usar en tus proyectos web

Animar objetos básicos o complejos (iconos,botones,etc)

Atributos, optimizacion y animaciones para los SVG


Description

SVG es una tecnología muy usada en estos días por la mayoría de sitios web,por ejemplo para crear botones de formularios animados o iconos animados con transiciones de formas o colores. Ahora puedes crear cualquier diseño SVG (iconos, botones, gráficos) y animarlos de manera sencilla, por eso en este curso te guiaremos a través de todos los conocimientos necesarios para que puedas crear animaciones para presentaciones o para web (botones, iconos, gráficos,etc).

Al terminar el curso podrás ser capaz de animar cualquier contenido gráfico (SVG) para tu web y aprenderás ademas las diferentes opciones que tenemos para crear las animaciones: con propiedades SVG, usando Keyframes o con librerías Javascipt.

Para seguir correctamente el curso solo necesitas conocimientos básicos de CSS y mínimos de Javascript.



Content

Conceptos principales

Introducción al curso

Qué es un SVG. ?

Atributos básicos del SVG

Formas básicas I

Formas básicas II

El elemento PATH

Optimizar el SVG

Animando nuestros SVG con propiedades básicas.

Como funcionan las animaciones en SVG

Animaciones básicas

Cambiar dirección de las animaciones

Agrupar y trabajar con colores

SVG animaciones de secuencia con Keyframes

Empleando transitions en SVG

Empleando transform en SVG

Animation y Keyframes

ClipPath en animaciones SVG

SVG animaciones con Javascript

Snap SVG para animaciones de formas

Animaciones con KUTEjs

Despedida del curso


Reviews

J
Julian6 May 2021

I liked the course very much! Although I think, it could be a little more content. Hopefully some more lectures will be added in the future. Thanks Martin!

E
Edith7 September 2020

Hasta ahorita he aprendido muchísimo en el curso, brinda explicación detallada de cada concepto de los SVG.

S
Sandra23 June 2020

Hasta ahorita vamos bien en el aprendizaje... Ya he concluido el curso, ahora viene lo bueno, ponerlo en práctica... Muchas Gracias.!!

G
Guillermo6 May 2020

Sí, tiene una buena producción. Además es muy práctico. Se lo recomiendo a cualquier persona que le interese el tema de diseño gráfico web así como a cualquier persona que le interese el tema de las animaciones. Una de las cosas que más me gusta es que no requiere profundos conocimientos de programación

C
Claudia25 September 2019

No es clara la explicación, los archivos base hacen llamado a otro archivos que no están, por lo que no aclaran nada, y las explicaciones son muy aburridas


2349488

Udemy ID

5/2/2019

Course created date

4/18/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram