In this tutorial we’ll be getting into the season’s cheer by creating an SVG Christmas tree illustration you can use in any website. We’re going to create the illustration in Affinity Designer then take advantage of the program’s web specific SVG export functionality.
Bitmap images like JPEGs, GIFs, and PNGs all look awful when you scale them up, so if you want to maintain quality at large dimensions you have to increase file size. SVG images however (which stands for Scalable Vector Graphics) look exactly the same, regardless of the dimensions they’re scaled to and they keep the same file size.
With motion on the rise amongst web developers so too are the tools that help to streamline its creation. Haiku is a stand-alone application available to Mac users and also available as an in-browser option. By its own description “Design imaginative UI components that snap into any web app. Code optional.” In this article we’ll look over this new tooling available to motion lovers of all kinds; let’s dive in and explore all that is Haiku!