Cyangmou's avatar

Pixel Art - Shapes and Outlines

477 19 10K (2 Today)
By Cyangmou   |   
Published: December 30, 2017
© 2017 - 2020 Cyangmou
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:
eepurl.com/dfDivr
Image size
506x896px 80.44 KB
Comments19
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
shanenopolis's avatar
shanenopolisProfessional Digital Artist
Just noticed I've been doing the hardest one all this time -_-
dokitsu's avatar
dokitsuProfessional Digital Artist
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
CyangmouProfessional Digital Artist
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
dokitsuProfessional Digital Artist
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
CyangmouProfessional Digital Artist
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
CyangmouProfessional Digital Artist
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
Green22MessorHobbyist Artist
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
CyangmouProfessional Digital Artist
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 =)
soulSmith1's avatar
soulSmith1Student General Artist
Learning
xlion95's avatar
xlion95Professional Digital Artist
d is surprisingly readable
Cyangmou's avatar
CyangmouProfessional Digital Artist
you mean surprisingly as you thought it wouldn't have been readable or you think it reads the best?
xlion95's avatar
xlion95Professional Digital Artist
I did not expect that adding small shapes would help a sprite's readability
Cyangmou's avatar
CyangmouProfessional Digital Artist
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
SpearmintDoodlesHobbyist General Artist
bless this Its so helpful
PkingSora's avatar
PkingSoraProfessional Digital Artist
Thank you for this ^^ 
The-Elusive-Caravan's avatar
The-Elusive-CaravanProfessional Digital Artist
This is wonderfully made easy and simple to understand :) Thank you so much for making this~!
VolknerThanh's avatar
VolknerThanhHobbyist General Artist
is that tutorials :?
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In