Suggerimento rapido Trasforma facilmente gli SVG utilizzando Shape Shifter

Nel suggerimento rapido di oggi ho intenzione di mostrarvi come trasformare una forma SVG in un'altra utilizzando uno strumento chiamato Shape Shifter di Alex Lockwood.

Guarda Screencast

 

Shape Shifter (tra le altre cose) prende SVG importati e li trasforma automaticamente l'uno nell'altro. Finché i due SVG hanno lo stesso numero di nodi di percorso, l'animazione tra le forme sarà perfettamente uniforme.

In questo suggerimento rapido prenderemo un'icona "menu hamburger" e la trasformeremo in un'icona "chiusa" (un caso d'uso abbastanza classico).

Guarda il video per vedere come è fatto!

Risorse utili

  • shapeshifter.design
  • Tutorial SVG su Tuts+