Deviation Actions

Cyangmou's avatar

Pixel Art - Shapes and Outlines

By Cyangmou
486 Favourites
An infochart I made on pixel/gameart graphics

If you like my stuff you also can sign up to my "experimental" art / games / tutorial E-mail list here:
Image details
Image size
506x896px 80.44 KB
© 2017 - 2021 Cyangmou
Join the community to add your comment. Already a deviant? Log In
shanenopolis's avatar
Just noticed I've been doing the hardest one all this time -_-
dokitsu's avatar
I think complex drawings could be much more complex than they actually appear.
I mean, F is actually more complex, but you can really do a much more complex character with colors and shadows from your skills.

I really like the character, well colors are vibrant for an RPG as they may be.

Good work on these kind of tutorials, I'm loving the good information you put in there, it's just out of the normal stuff you can find out there,
Thank you.
Cyangmou's avatar
sure you always can go more complex.
At this size i don't think you can goi more complex than f.
YOu still can increase resolution and change proportions. But this comparison is just between shapes.

Well there is an abundance on tuts on how to AA and how to Dither, this is just stuff I am super excited about.
dokitsu's avatar
Hmmm, now I look at it, it's pretty small. But, I was talking about colors.

Did you used the same colors for each sample? (excluding AA, new shades and so)
Could be you do this infochart, but with color improvement too.

Looking good!
Cyangmou's avatar
same colors used for all sprites (simpler sprites use less colors, but the same shades).
vitalatron's avatar
> Because color is indexed in pixelart, the contrast between colors can change the cluster/shape impression a whole lot.

Not sure if I understood this. I believe "indexed colors" is just a way to map pixels to colors on a palette, how this affects the impression? Maybe you can provide an example? Thank you!
Cyangmou's avatar
indexed colors mean that there are entries in the palette.
If you have 2 colors closer to each other (dither) it can appaear as a shape

if the contrast beween them is to high it can appaear as 2 shapes, seperated by contrast.
Green22Messor's avatar
This helps a lot with my Pixel Art. Thank you.
WandrerintheDark's avatar
I always thought the GBA Fire Emblem games were a master class example of pixel art and animation! Cool reference and nice chart!
Cyangmou's avatar
some of the best pixelart which got produced for games for sure.
Was not easy to get to the level where I could pull it off myself and it was even harder to gether the knowledge to improve on it.
Got some other fire emblem stuff in my gallery, if you are interested =)
xlion95's avatar
d is surprisingly readable
Cyangmou's avatar
you mean surprisingly as you thought it wouldn't have been readable or you think it reads the best?
xlion95's avatar
I did not expect that adding small shapes would help a sprite's readability
Cyangmou's avatar
readability has not much to do with what you do in terms of clusters.
It's more about overall contrast principles. Maybe I will talk more about that.
SpearmintDoodles's avatar
bless this Its so helpful
PkingSora's avatar
Thank you for this ^^ 
The-Elusive-Caravan's avatar
This is wonderfully made easy and simple to understand :) Thank you so much for making this~!
VolknerThanh's avatar
is that tutorials :?
Join the community to add your comment. Already a deviant? Log In