Print Page | Close Window

Wooden HUD

Printed From: Pixel Joint
Category: Pixel Art
Forum Name: WIP (Work In Progress)
Forum Discription: Get crits and comments on your pixel WIPs and other art too!
URL: https://pixeljoint.com/forum/forum_posts.asp?TID=13793
Printed Date: 08 June 2026 at 10:39pm


Topic: Wooden HUD
Posted By: Rayovatron
Subject: Wooden HUD
Date Posted: 02 February 2012 at 1:22pm
Hello, this will be the HUD for the skills tree in my game. I would like to know what you think of it and give me advices.

The grey thing in the corners are some sort of metal plate, I would like help for this too.
I was inspired by this http://www.pixeljoint.com/pixelart/53187.htm
Thanks!



Replies:
Posted By: Rayovatron
Date Posted: 02 February 2012 at 6:45pm
No comments?

update:


Posted By: Manupix
Date Posted: 02 February 2012 at 9:22pm
The wood looks quite good, nothing to say ;)
The metal doesn't look like metal: needs shiny edges, reflections, tear and wear. http://www.pixeljoint.com/pixelart/62307.htm# - Example here , look for http://www.pixeljoint.com/pixels/new_icons.asp?dosearch=1&ob=search&search=metal - more .


Posted By: Rayovatron
Date Posted: 02 February 2012 at 10:16pm
Thanks for the links, but i think im gonna keep the corners like this. I think they look like stones, abit like my tiles:

Little update:


Posted By: Rayovatron
Date Posted: 03 February 2012 at 9:35am
update:
i'm not sure about the AA of the white line on the stone plate.


Posted By: Rayovatron
Date Posted: 03 February 2012 at 10:38am
update:
feel free to leave comments :)


Posted By: Fobwashed
Date Posted: 03 February 2012 at 3:46pm
Those circular corners really remind me of Naruto for some reason.

Shouldn't there be some amount of shading below the check and x marks?

Also, the cut between the stone and wood seems a bit like, not right. I'm new to this so I have no idea what it is but my untrained eye feels like the connection isn't as good as it could be.


Posted By: Rayovatron
Date Posted: 03 February 2012 at 5:57pm
I didnt really knew how to connect the check and x icons so i added a shadow. I hope it works well.


Posted By: Rayovatron
Date Posted: 03 February 2012 at 9:44pm
Edit:
The thing to the right will be a item combinaison system.


Posted By: Manupix
Date Posted: 04 February 2012 at 9:20am
Doesn't look like stone, rather a totally dull featureless material like a very fine-grained molded concrete slab. Stone has surface irregularities in texture and color.
The spirals are carved grooves, I think: they should have a highlight on the light-facing sides.
The + and - icons look like floating because their shadow doesn't connect correctly in the bottom left corner. Also the marks themselves should have a shadow (all icons).


Posted By: Rayovatron
Date Posted: 04 February 2012 at 1:30pm
How about this?
I added shadows so everything looks like they are floating. I added cracks and irregularities to the stone plates.
I not really sure about the highlights, i might try it later.


Posted By: jambox_josh
Date Posted: 06 February 2012 at 9:44am
looking awesome!!! no critiques here


Posted By: cure
Date Posted: 06 February 2012 at 9:54am
Comments should include critique, if you're posting in the WIP forum.

I You might try to work in some dithering on the rock texture, see how it looks.


Posted By: Rayovatron
Date Posted: 06 February 2012 at 12:01pm
cure you can if you want but you dont need too, im not a fan of dithering :)


Posted By: Trick17
Date Posted: 06 February 2012 at 12:31pm
A suggestion what you could do:
- Increase the contrast
- Add an additional color
- Add highlights for edges
- Some more AA (But don't overdo it)
- A fissure is not round, it's more like a lightning, like http://www.pbs.org/wgbh/nova/volcano/images/anat_fissure.jpg - this .

(Bottom half is edited)


Posted By: Rayovatron
Date Posted: 06 February 2012 at 2:01pm
Super17 thanks for the edit!
This is the best i can do for the highlights, but I think im gonna keep the last version (maybe change the cracks) because its for the HUD and there will always be stuff over it.
Anyway thanks for the comments!


Posted By: Manupix
Date Posted: 06 February 2012 at 2:09pm
What I mean about the shadows and floating buttons:

Also added highlights for the fun. Not sure the buttons and wood need them, but I believe the stone does.
Careful about yours and Super17's: they show a light source opposite to whatever casts the shadows! Could be a secondary source, but then it would need to be differentiated from the main source, usually achieved through a different colour. Not sure the nice simplicity and readability would survive that ;)



Posted By: Rayovatron
Date Posted: 06 February 2012 at 2:48pm
The +/- buttons are floating over the wood and the wood is floathing over the rock plate. Thats why the shadows are not connected like your edit. Hope you understand.


Posted By: Manupix
Date Posted: 06 February 2012 at 3:45pm
Originally posted by Rayovatron

Hope you understand.


LOL, it took me a while but now I do XD

However, this means it's not all that obvious. You should disconnect them more then.


Posted By: Rayovatron
Date Posted: 06 February 2012 at 4:12pm
Thats why there is a black outline, I tought it was obvious...



Print Page | Close Window