Sketch & Keyshape — How to animate a SVG with Keyshape using Sketch — Part 1


In this first part I’ll show you how to take your vector shapes out from Sketch, export it as .svg and into Keyshape for animation. In the next part I’ll show you how to export this as a animated SVG and import it into RapidWeaver using Big White Ducks amazing Blueprint Stacks.

Tools used

Keyshape
A great web animating tool from Pixofield that is available through the Mac Appstore
https://www.pixofield.com/

Sketch
https://sketchapp.com/

Rapidweaver
https://www.realmacsoftware.com/

Big White Duck
https://www.bigwhiteduck.com/stacks/blueprint/

About me

My aim is to help my fellow designers. I do that by creating tools and tutorials. All feedback is appreciated!

Cheers, Juan

Leave a Reply