Knowledge Base

Preserving for the future: Shell scripts, AoC, and more

Drawing a globe in pixel art

I have been working on a side project which someday I'll publish. I wanted to draw a hyperlink icon. I decided the best thing to do is draw a globe, and a little chain link in front of it, all within a 24x24 canvas. I have drawn some circles by hand, but larger diameters get tricky. I eventually just searched it, and found a great little webapp: https://pcg.cytodev.io/. I plugged in my radius of 12, and it generated just slightly too big a curve to fit correctly in the 24x24 space. So a radius of 11 worked great! Screenshot
showing the input and output for the Pixel Circle Generator web app, of radius
11 Using gimp, it is easy to copy this, flip it as needed, and make a complete circle. Whole circle, with transparency, in
GIMP And then to make it look like a globe, I added some lines to resemble latitude and longitude, this time against a background instead of the transparency. Whole circle with lines that help make it look like a
globe And the final asset has a little chain in front of the globe: Final
hyperlink image,
24x24

Comments