Gráficos vectoriales SVG: ilustrar y animar con código
Mutación (morphing) en SVG
Un curso de Javier Usobiaga Ferrer , Diseñador web
Sobre la videolección: Mutación (morphing) en SVG
Resumen
“La posibilidad de que los elementos de SVG muten o se transformen en otros elementos, como puede ser de un triángulo a un cuadrado, es uno de los puntos más atractivos de este lenguaje, ya que en la animación CSS normal no se pueden realizar. Vamos a ver cómo aplicarla.”
En esta videolección, Javier Usobiaga Ferrer aborda el tema: Mutación (morphing) en SVG, 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
“El morphing es la posibilidad de que un objeto, un elemento, se convierta o cambie de forma a otro diferente, cosa que aunque parezca mentira es muy difícil de hacer con CSS. Vamos a ver cómo funciona. Aquí podemos ver algunos ejemplos de iconos con morphing, es decir, que cambian su forma, su trazo, incluso que pasan de tres puntos a cuatro. que están hechos pues en este caso con SnapSVG. no todos los elementos que estamos viendo aquí necesariamente están haciendo un morfín, algunos sencillamente desplazan o hacen algún tipo de transformación de alguno de sus elementos. Sin embargo, vamos ...”
Generamos automáticamente esta transcripción y puede haber erratas.
Resumen del curso: Gráficos vectoriales SVG: ilustrar y animar con código
-
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
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”.
- 98% valoraciones positivas (273)
- 9.311 estudiantes
- 32 lecciones (2h 2m)
- 28 recursos adicionales (6 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español, Inglés, Francés, Italiano, Portugués, Türkçe
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe · Romanian · Indonesian
- Nivel: Iniciación
- Acceso ilimitado para siempre
Software y herramientas recomendados para este curso
Adobe Illustrator
SketchCategoría
Áreas
