Snabbtips Enkelt Morph SVGs Använda Shifter Shifter

I dagens snabba tips ska jag visa dig hur man formar en SVG-form till en annan med hjälp av ett verktyg som heter Shape Shifter av Alex Lockwood.

Titta på Screencast

 

Shape Shifter (bland annat) tar importerade SVG och morphs dem automatiskt till varandra. Så länge som de två SVG: erna har samma antal vägnodar kommer animeringen mellan formerna att vara helt slät.

I denna snabba tips tar vi en "hamburgare meny" ikon och morphing den till en "nära" ikon (ett ganska klassiskt användningsfall).

Kolla in videoklippet för att se hur det är gjort!

Användbara resurser

  • shapeshifter.design
  • SVG tutorials på Tuts+