Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Aprende a crear animaciones SVG: con Iconos.
Highest Rated
Rating: 4.4 out of 5(77 ratings)
1,016 students
Created byMartin Martinez
Last updated 9/2021
Spanish

What you'll 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

Explore related topics

Course content

4 sections • 18 lectures • 1h 36m total length

  • Introducción al curso1:36

    Una visión rápida a lo que aprenderás en este curso y porque es importante aprender las animaciones SVG, para desarrollar tu carrera como desarrollador web y creador de animaciones

  • Qué es un SVG. ?3:19

    SVG es un formato que esta siendo muy usado por desarrolladores y creadores de animaciones para web, en este video te daremos un primer alcance de lo que es un SVG.

  • Atributos básicos del SVG4:32

    Antes de crear las animaciones si queremos aprender a trabajar con los SVG necesitamos conocer los atributos del SVG como son fill, stroke, linecap,etc.

  • Formas básicas I2:25
  • Formas básicas II3:20

    Segunda parte de las formas básicas con las que podemos trabajar con los SVG

  • El elemento PATH5:39

    El elemento PATH es la clave de los SVG, necesitamos aprender y entender como trabajar con sus atributos y algunos conceptos básicos para entender el código que después vas a generar cuando creamos nuestro SVG en nuestro programa vectorial por ejemplo Illustrator.

  • Optimizar el SVG3:33

    Aprendamos como optimizar nuestro código para tenerlo estructurado y sin contenido inútil que nos pueda confundir.

Requirements

  • Conocimientos básicos de CSS y HTML
  • Conocimientos mínimos de JS (ultima sección del curso)

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.

Who this course is for:

  • Diseñadores Web
  • Diseñadores Gráficos
  • Animadores de contenido web

Report abuse