Page 1 of 1

St. Patricks Tophat

Posted: 11 Sep 2017, 01:06
by Scorpius
So this is a St patricks top hat i made this is my first time trying to do pixel art i would like to know everyone's opinions.
I dont know how to add it here so i will put it as a attachment.

Re: St. Patricks Tophat

Posted: 11 Sep 2017, 08:18
by EJlol
I dont know how to add it here so i will put it as a attachment.
That is the right way. By adding it as an attachment, we are sure it will stay there. If you upload it to another website, most websites will remove the gif after a few years.

As for the pixelart:
The tie around the hat should curve a little bit up, because of the perspective. It should be parallel with the top face of the hat, hope that makes sense. If not, I can draw some pictures for you to explain it a little bit better.

Another suggestion I have is that black doesn't mean no shading. In the real world pure black almost doesn't exist. (If you want to know what pure black looks like I suggest searching for "Vantablack", you will see it looks quite weird.) You can still see shadows and highlights on black clothes. You can still some textures on black items, etc. So try to use dark grey as a base color for black, and then add some highlights and shadows to it. If you don't know how to shade, there are some great tutorials on shading pixelart on the internet. The same goes for the golden thing, it can also use some shading.

Re: St. Patricks Tophat

Posted: 11 Sep 2017, 11:11
by Speiros
It looks really good :D

So does Vantablack, to be honest...lol. What is the pixel colour code for it? -f-f-f-f-f-f?

Re: St. Patricks Tophat

Posted: 11 Sep 2017, 11:33
by EJlol
#ffffff (sometimes shorten to #fff) would translate to rgb(255, 255, 255) to since FF in heximal is 255 in decimal (more explanation here). This means that the red, green and blue light (hence rgb) in your monitor are burning at their full strength. If you combine red, green, and blue light the result would be white. In other words #ffffff gives you white, and not black. For white the same applies to black, full white doesn't exist in the real world.

As for the value colour of vanta black, it probably would be #010101 since it still returns some colour (though very very less, a lot less than the normal black colour).

If you want to know more about colour value's and which colour has which value, I suggest playing with this and see what kind of colours you can create by changing the sliders.

Re: St. Patricks Tophat

Posted: 11 Sep 2017, 13:47
by Speiros
EJlol wrote:
As for the value colour of vanta black, it probably would be #010101 since it still returns some colour (though very very less, a lot less than the normal black colour).
.
Yeah, I put in the minus signs to show it is the complete opposite. if 000000 isn't dark enough, then I thought the minuses might be :lol:

Re: St. Patricks Tophat

Posted: 12 Sep 2017, 23:03
by Scorpius
ok EJlol i will try those things ty for the feedback. and ty DeadManWalking .

Re: St. Patricks Tophat

Posted: 13 Sep 2017, 01:00
by Scorpius
Ok i think i fixed it...

Re: St. Patricks Tophat

Posted: 13 Sep 2017, 17:56
by Reid
I mainly see two problems:
First the perspective is wrong, it is an usual mistake that should not be hard to fix up on this hat, remember that we have a 45degree top view.
45 degree.png
45 degree.png (22.57 KiB) Viewed 6119 times
Then the color palette is a bit too green and saturated. https://betterin2d.com/2014/08/02/pixel ... r-palette/ this tutorial explain well the brightness and hue shifting needed for your palette.
Although, we already have some green palette in-game, you could use or check out the brimmed hat palette!
brimmedhat.png
brimmedhat.png (1.91 KiB) Viewed 6119 times

Re: St. Patricks Tophat

Posted: 13 Sep 2017, 19:30
by Scorpius
Ok ty Reid i will try to fix. :alt-0:

Re: St. Patricks Tophat

Posted: 13 Sep 2017, 19:49
by Scorpius
Ok How is this green? and i did not understand the thing about the perspective. Sorry :alt-8:

Re: St. Patricks Tophat

Posted: 13 Sep 2017, 20:25
by EJlol
That's because Reid didn't explain it at all, and just showed a picture that actually could use some improvement. The picture basically tries to explain at what angle the 'camera' is, and... that's it. It doesn't explain much :(

Image

This one is in my opinion a little bit better. In the top row you see the shapes that you want to draw, and the bottom row shows what you actually need to draw to draw in perspective. Because the camera is at a 45 degree angle, the height gets 'squashed'.

You can see when the coin rotates, the height changes (the top one is very thin, almost no height, the bottom one is the full height).
Image

I hope this explains it a little bit better. Now to draw the correct perspective, all you need to do is multiply the height by 0.7. So if you draw a circle, and that circle is 32 pixels height, and 32 pixels width, to draw in perspective you need to draw a circle that is 32 * 0.7 ~= 22 pixels height. So a 22 pixels height and 32 pixels width.

I hope this explains it a little bit better.

Re: St. Patricks Tophat

Posted: 13 Sep 2017, 21:37
by Scorpius
Ok that makes some sense i will try to do that. ty :alt-0: