{"id":138,"date":"2018-01-19T11:25:36","date_gmt":"2018-01-19T10:25:36","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2018\/01\/19\/animated-svg-alphabet-tutorial-with-sketch-and-keyshape\/"},"modified":"2020-06-18T07:39:43","modified_gmt":"2020-06-18T07:39:43","slug":"animated-svg-alphabet-tutorial-with-sketch-and-keyshape","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/animated-svg-alphabet-tutorial-with-sketch-and-keyshape\/","title":{"rendered":"Animated SVG Alphabet Tutorial with Sketch and Keyshape"},"content":{"rendered":"
\n


\n<\/figure>\n

Wouldn\u2019t it be nice to have a pre-animated A-Z SVG alphabet<\/em><\/strong> in a nice\u00a0
font like Roboto? Yes and yes and it\u2019s coming soon. Even better it\u2019s\u00a0
totally free. Yes I\u2019m insane so what\u2019s new?<\/p>\n

Edit! Since I wrote this I have now released this free product, check it out:<\/strong><\/p>\n

https:\/\/beta.designforventures.co\/Free-Animated-SVG-Icons\/Animated-Fonts\/<\/a><\/p>\n

In this tutorial I\u2019ll show you how to create a single word \u201dAdventure\u201d using\u00a0
my pre-animated SVG characters. When released this will include all of\u00a0
the Keyshape project files<\/strong> (so you can change stuff like timing etc<\/em>), the master template Sketch file<\/strong> (so you can\u00a0
create your own fonts<\/em>) and all of the characters as exported, code-ready SVGs.
Amazeballs yes. ??<\/p>\n

Dive right\u00a0in<\/h3>\n