Advent Wreath - Vector Illustration

⚠️ Warning
This post is more than 10 years old. I do not delete posts, because even old information is still useful, but please know that some material on this page may be outdated or incorrect. Thanks!
Nov 27, 2011

I was recently inspired by Jeffrey Miller's embeddable Advent Wreath widget to try my hand at illustrating and animating an advent wreath in HTML5 with the <canvas> element or by animating an SVG.

My heart was in it for a while, but I ultimately gave up on the project due to the fact that I had already spent a couple hours on it and wasn't happy with my progress...

Advent Wreath - Vector Illustration by Jeff Geerling

However, I did end up with a fairly good illustrator/vector wreath and candles (I spent a bit of time trying to get the flames looking just right), and also created a brush to create the actual wreath, making it look somewhat like an evergreen wreath.

I could spend a bit more time making things look a little nicer (everything's relatively flat right now), but I thought I'd just release this artwork for anyone to use and improve. I just ask that if you make something awesome with it, you let me know how you did it and give a link to an example :)

You can download the brush and the wreath graphic using the links at the bottom of this post.

Creative Commons License
Advent Wreath by Jeff Geerling is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. Based on a work at www.jeffgeerling.com.

Further reading: