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

Máscaras y clipping paths

Un curso de Javier Usobiaga Ferrer , Diseñador web

98% valoraciones positivas (271)

9.107 estudiantes

Audio: Español

· ·

Sobre la videolección: Máscaras y clipping paths

Resumen

“Las máscaras y los clipping paths o trazos de recorte nos permiten, igual que en los programas de edición visual, seleccionar una parte de una imagen o gráfico y mostrarla, recortando la imagen para ajustarla a nuestras necesidades. Vamos a ver cómo funcionan.”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Máscaras y clipping paths, 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

“Las máscaras de recorte son técnicas que se emplean en editores visuales como Photoshop e Illustrator y que se pueden emplear también en svg. Vamos a ver cómo funciona. Para aplicar un clip pad o trazo de recorte a un elemento primero lo definimos en la etiqueta (inaudible). A continuación lo diseñamos, en este caso vemos un círculo dentro del clip pad y por último, al elemento que queremos recortar lo aplicaremos al atributo clip pad con el ID del clip pad correspondiente. En este caso voy a aplicar un clip pad, un trazo de recorte de estrella a esta imagen. Así que lo que hago es cargarla...”

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

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”.