Read time: 2-3 minutes
15
Jun
2020
Use a background rectangle with SVG exports
Eliminate SVG coordinate surprises by using a background rectangle when exporting your SVGs for animation.
SVG Tutorials
SVGs are my favorite thing to animate on the web. There just so many possibilities. These SVG tutorials will range from quick tips to full projects. Let's jump into the world of SVG and see what we can make it do for us.
Read time: 2-3 minutes
14
Jun
2020
SVG stroke-dasharray experiment
Setting your stroke dash length to 0 and the linecap to round produces some interesting results.
Read time: 4-6 minutes
12
Jun
2020
Better SVG exports make your animations easier
Animation is much easier with better prep work. In this quick tip, I'll show you my export settings for Adobe Illustrator.
Read time: 6-7 minutes
10
Jun
2020
Animated handwriting effect (part 2)
Handwriting part 2. You have paths so let's create animated writing with GreenSock's DrawSVG plugin.
Read time: 6-7 minutes
9
Jun
2020
Animated handwriting effect (part 1)
In part one of this two-part tutorial, you'll create SVG open paths for an animated handwriting effect.
