Handwriting Animation (SVG + CSS)
My name animated for personal branding.
This piece started out as a sketch on the iPad Pro using an Apple Pencil and Procreate. From there, it was converted into a single vector graphic using Adobe Illustrator.
In order to optimize the SVG for animation, the graphic was chopped up into smaller pieces. This was done primarily to prevent path elements from overlapping with unrelated clipPath elements, but also allowed finer control over the animation. All of the animated path elements were exported from Adobe Illustrator and fine-tuned with code.