From bbcfeeb03ad325fba42747099803831bedc8f5ed Mon Sep 17 00:00:00 2001 From: Brandon Rozek Date: Mon, 19 Feb 2024 11:38:24 -0500 Subject: [PATCH] New post --- content/blog/svg-pixel-art.md | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 content/blog/svg-pixel-art.md diff --git a/content/blog/svg-pixel-art.md b/content/blog/svg-pixel-art.md new file mode 100644 index 0000000..6ef77cb --- /dev/null +++ b/content/blog/svg-pixel-art.md @@ -0,0 +1,28 @@ +--- +title: "SVG Pixel Art" +date: 2024-02-19T10:24:49-05:00 +draft: false +tags: [] +math: false +medium_enabled: false +--- + +This year, I participated in the 32-bit Cafe [Valentine's Day Event](https://tilde.32bit.cafe/~ribose/events/valentines2024/). They gave a few ways to participate, and this year I made a little Valentine's day card. + +![Image of card that says "Happy Valentine's" with pixel art of a heart.](/files/images/blog/20240219105747.png) + +For the whole animated version, check out my [tilde.club page](http://tilde.club/~brozek/valentines-2024.html). + +The picture above is a PNG screenshot, but for the card itself I wanted to use SVGs as the primary graphics format to create the heart. + +If you were to ask me why, I would claim it's because SVGs are flexible when it comes to size. Though if I was to be honest, it's beause SVGs are a plaintext format that I can edit. + +Looking around for a tool to create this, I came across a [SVG Pixel Art project](https://jerosoler.github.io/SvgPixelArt/) from Jero Soler. + +![Screenshot of the pixel art editor](/files/images/blog/20240219110500.png) + +The editor provides a very familiar experience to Gimp and Photoshop. It includes advance features like layering which I didn't feel the need to use for this quick drawing. + +The available colors leave some to be desired. After downloading the SVG, I was able to edit the `fill` attribute with the hex values of the tacky colors I wanted to use instead. + +I recommend trying the website out yourself next time you want to make some pixel art. For me, it's less daunting and more familiar to use than Inkscape, the more prevalent svg editing tool. \ No newline at end of file