# Luke's Pixel Art Essentials! 🛠

**URL:** <https://forum.makecode.com/t/lukes-pixel-art-essentials/36934>\
**Category:** Help\
**Tags:** art\
**Created:** [May 26, 2025, 3:45am UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934 "2025-05-26T03:45:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [May 26, 2025, 3:45am UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934/1 "2025-05-26T03:45:28Z")

</div>

A list of websites and tools I find super useful to my workflow both in and out of makecode  
\*_note that certain websites and tools may become out of date or new ones might make its way onto the list, so make sure to scroll down to check the rest of the topic!_

Also they’re all free! 🥳🥳🥳

* * *

**PSG Digital Art Tutorial**  
Excellent tutorial for digital art in general, just amazing tips and advice from someone with digital art mastery. It’s not specifically pixel art, but everything still applies the same.

> **[PSG Art tutorial](https://androidarts.com/art_tut.htm)**
>
> This is an art tutorial by Arne Niklas Jansson.

* * *

**Awesome Arcade!!!**  
@UnsignedArduino’s insanely cool website! Makes finding extensions SO much easier and simpler. 70+ extensions! Also a great page on some useful tools for arcade.

> **[Home | Awesome Arcade](https://awesome-arcade.vercel.app/)**
>
> This is a list of awesome MakeCode Arcade extensions and tools that I find super useful (or just plain cool) in my projects.

* * *

**Saint 11 Pixel Art Tutorials**  
Insanely useful - anytime I’m stuck this is the first place I look for help. It’s got everything from jump animations to tiling to parallax to gems.

> **[Saint11 Pixel Art Tutorials](https://saint11.art/blog/pixel-art-tutorials/)**
>
> Pixel art techniques by saint11 with lots of 512x512 tutorials

* * *

**Slynyrd Pixel Art Blog**  
Great pixel art blog to be inspired and learn from. Slynyrd has an amazing style go have a look! Also posts occasional tutorials on stuff like walk cycles and tiling which is also great.

> **[Pixel art blog — SLYNYRD](https://www.slynyrd.com/blog)**
>
> Pixel art tutorials, insights, and original designs

* * *

**Lospec!**  
**The** website for colour palettes (even makecode uses it!)  
I have hundreds of saved palettes, this is the perfect website for searching for a fresh palette for a game or a new artwork. Lospec’s gallery also has some great art!

> **[Palette List](https://lospec.com/palette-list)**
>
> Download over 2500 pixel art palettes for free in 6 different formats which you can then import into any pixel art program and use for you art.

* * *

**Super Colour Palette**  
A great tool for making palettes. Super helpful for getting to grips with the basics of colour theory, it creates palettes with perfect hue/sat/bright shifts. I used this a lot when starting out but with enough practise you can do what this website does manually. I find that it’s better to fine tune it manually as colours aren’t all weighted equally and sometimes in a palette you might want a greater focus on some colours, so perfectly equidistant shifts limits that.

> **[Super Color Palette - Shift hue, saturation, lightness, and more!](https://supercolorpalette.com/?scp=G0-hsl-FFDA1F-FFC71F-FFB41F-FFA21F-FF8F1F)**
>
> Generate color palettes from a hex with up to 24 colors! Shift hue, saturation, lightness, and more. 100% free without ads.

* * *

**Pureref**  
Great program for collating a moodboard/inspo, referencing when drawing or just having a free window to display stuff in. It’s very simple, but very versatile! Sometimes I use it for non art stuff too lol. Pefect for people like me with only one screen. Only for windows, linux and mac (sorry invalid!)

> **[PureRef](https://www.pureref.com/)**
>
> PureRef, the simple reference image viewer.

* * *

**Font Editor**  
I love custom fonts! Only works with [fancy text](https://github.com/riknoll/arcade-fancy-text) though.  
Check out [my topic on it](https://forum.makecode.com/t/custom-fonts/32517) for some custom ones I’ve made

> **[React App](https://riknoll.github.io/font-editor/)**
>
> Web site created using create-react-app

* * *

**Image Manipulator**  
This amazing website made by @YuHayate is so useful for importing art externally! (for me it’s for Aseprite) It’s got a great custom palette feature so your image doesn’t need to switch around colours when copied in the editor. + theres some nice post processing tools like floyd steinberg dithering and blurring as well as the standard scaling/resizing.

> **[Image Manipulator](https://yu-hayate.github.io/Makecode-Yu-Hayate-Dithering/)**

* * *

**Posemaniacs**  
I haven’t used this one a lot but I can tell that this website is super useful for anything anatomy. Learning anatomy is super scary so websites like this are great to get good refs from!

> **[POSEMANIACS - Royalty free 3d pose reference for all artists](https://www.posemaniacs.com/)**
>
> Posemaniacs.com is a royalty free pose reference for all artists. Our mission is “to create free learning materials for all people who want to be an artist.” We are small teams it would be great if you are happy to help us.

---

<div class="post-metadata">

**Author:** ![BotWarrior](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/botwarrior/32/25328_2.png) [@BotWarrior](https://forum.makecode.com/u/BotWarrior)\
**Post date:** [May 27, 2025, 1:58am UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934/2 "2025-05-27T01:58:57Z")

</div>

I really love Saint11’s pixel art tutorials. I remember you talking about it months ago, then read through them all. Shocking what people can do…

---

<div class="post-metadata">

**Author:** ![\_jupiter](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/_jupiter/32/28012_2.png) [@\_jupiter](https://forum.makecode.com/u/_jupiter)\
**Post date:** [May 27, 2025, 1:59am UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934/3 "2025-05-27T01:59:00Z")

</div>

thanks..

---

<div class="post-metadata">

**Author:** ![OrigamiArtist](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/origamiartist/32/33299_2.png) [@OrigamiArtist](https://forum.makecode.com/u/OrigamiArtist)\
**Post date:** [February 23, 2026, 9:13pm UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934/4 "2026-02-23T21:13:59Z")

</div>

Is there any way to find tutorials for the shape of the object? I love paper art and it would be great to get good at pixel art as well!

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [February 23, 2026, 11:11pm UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934/5 "2026-02-23T23:11:55Z")

</div>

> [@OrigamiArtist](#):
>
> shape of the object?

Do you mean learning about the 3D shape (like breaking down objects into spheres, cubes and cylinders) or like the silhouette and making it have a distinct shape for better readability

---

<div class="post-metadata">

**Author:** ![OrigamiArtist](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/origamiartist/32/33299_2.png) [@OrigamiArtist](https://forum.makecode.com/u/OrigamiArtist)\
**Post date:** [February 24, 2026, 6:50pm UTC](https://forum.makecode.com/t/lukes-pixel-art-essentials/36934/6 "2026-02-24T18:50:34Z")

</div>

My line art and shape are very bad in pixel art because I can’t get a good shape to start with. Thanks so much for helping! 🙂
