Skip to main content

GOOD MOOD conclusion: SVG animation

· One min read

In the final post, I write my final thoughts.

GOOD MOOD (6 part series)
  1. Introduction
  2. Drawing the letters
  3. Animating the letters
  4. Applying filters
  5. Pixel ratio
  6. Conclusion

Conclusion​

Even if the intention wasn't to make a perfect replica, I think it's worth noting the differences between the original animation and the SVG reproduction:

  • playback speed is faster
  • playback motion is more fluid
  • drawings aren't exactly the same
  • letter spacing is a little bigger
  • top and bottom margins are bigger
GOOD MOOD - Mat Voyce

GOOD MOOD by Mat Voyce, via Dribbble


SVG reproduction


The intention was to learn more about SVG, and without a doubt I ended this project knowing more than when I started.