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

Resumen

“Otra de las herramientas de efectos visuales en SVG son los filtros, que nos permiten alterar las tonalidades de una imagen (cambiar el canal rojo, pasar a escala de grises), aplicar desenfoques y otras técnicas que hasta ahora solo eran posibles con editores como Photoshop. En esta lección hacemos un repaso de los filtros más interesantes.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Filtros, 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

“Cambiar el tono de una imagen o pasar a escala de grises, desenfoques, son técnicas que hasta ahora solo se podían utilizar en Photoshop, pero que gracias a SVG las podemos aplicar directamente a la web. Vamos a ver cómo funciona. Los filtros pueden ser un poco complejos de memorizar pero normalmente siguen todos un poco una misma dinámica. En este caso podemos ver un filtro de desenfoque gaussiano que declaramos dentro de la etiqueta depths con la etiqueta filter y le aplicamos un nivel. A partir de ahí el filtro que vamos a definir es Fegaussian blur y aplicamos una serie de atributos pro...”

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)
• 9107 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