Consejo rápido Transforme fácilmente los SVG con Shape Shifter

En el consejo rápido de hoy, voy a mostrarle cómo transformar una forma de SVG en otra utilizando una herramienta llamada Shape Shifter por Alex Lockwood.

Mira Screencast

 

Shape Shifter (entre otras cosas) toma SVG importados y los transforma automáticamente uno en otro. Mientras los dos SVG tengan el mismo número de nodos de ruta, la animación entre las formas será perfectamente fluida.

En este consejo rápido, tomaremos un ícono de "menú de hamburguesas" y lo convertiremos en un ícono de "cierre" (un caso de uso bastante clásico).

Mira el video para ver cómo se hace.!

Recursos utiles

  • shapeshifter.design
  • Tutoriales SVG en Tuts+