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

Resumen

“Los degradados son otra propiedad habitual en CSS, y SVG tiene su propia forma de declararlos. Lo interesante de estos degradados es la posibilidad de combinarlos con otros elementos SVG y conseguir cosas que no son posibles en HTML normal, como aplicar un degradado a un texto. Vamos a ver cómo funcionan.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Degradados, 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] Igual que en CCS, SVG puede declarar degradados, pero lo interesante de estos degradados, es combinarlos con otros elementos de SVG y hacer cosas que no son posibles con HTML normal, vamos a verlo. Para crear un degradado lo declararemos dentro la etiqueta Defs, de definiciones y lo agruparemos dentro de la etiqueta linear gradient. Dentro de esta etiqueta a su vez pondremos las etiquetas stop por cada color que queramos que tenga nuestro degradado, en este ejemplo estamos viendo un degradado de dos colores, que empieza en este amarillo y acaba en este naranja, los colores se indic...”

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