brozek/website
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website.git synced 2024-11-09 10:40:34 -05:00
Code Issues Projects Releases Packages Wiki Activity

New post

Browse source
This commit is contained in:
Brandon Rozek 2024-02-19 11:38:24 -05:00
parent 8a50aae1bb
commit bbcfeeb03a
No known key found for this signature in database
GPG key ID: 26E457DA82C9F480
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
content/blog/svg-pixel-art.md Normal file
View file

@ -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.