Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

GUI in need of critique


Jeff
 Share

Recommended Posts

Hey, I'm working on Moonvale's GUI and am in need of some critique.  Here I will be posting many updates, but just a couple things for now.
![](http://img97.imageshack.us/img97/8440/buttontemplate.png)
It's supposed to be sort of earthy and old, but also retro.  I'm really having trouble on the retro part.  How do I make something feel retro other than just doubling its size?  I've already reduced the color count some, but perhaps it needs to be reduced more.

Next, a bar.
![](http://img580.imageshack.us/img580/5743/bartemplate.png)
Same questions Apply here.

Thanks!
Link to comment
Share on other sites

@Robin:

> Looks like you threw up on it.

Now I cannot see it any other way D: anyone have suggestions on how to make it look more like plants?  I'll try and throw together some vines on it now…

edit--
decided to scrap the plants idea.  I threw together a wooden button:
![](http://img804.imageshack.us/img804/5917/buttontemplate2.png)

–edit 2
made bar without fungus, and made it a little better imo... not sure if the two styles quite match though.
![](http://img684.imageshack.us/img684/9619/bartemplate3.png)
Link to comment
Share on other sites

So, Robin you're suggesting I should change the size and make it differently shaped?  or what?  Maybe change the font?  To be honest, I chose Georgia because it was legible when small and it looked fairly elegant.  What font would you suggest?  I'm thinking about Constantia right now, perhaps verdana.@IdoFreePixel:

> Here, I made you a quick one.
> ![](http://img683.imageshack.us/img683/1088/buttons5.png)

wow, that looks really nice… looks like you used a bevel on the border, kept the border a complete rectangle, outlined the border in black, made gold text then beveled the gold text then outlined it in dark color.  However, may I ask where you got the wood texture from?  or did you just make a bunch of vertical lines?
Link to comment
Share on other sites

@Xlithan:

> "I think the colours could work better if they were X and Y, and the pattern could be changed by adjusting 'this' and 'that'" is a lot better than "Looks like you threw up on it."
>
> If that's critisism, then i'm black.

no, it is criticism.  Its useful.  I never even saw it to be looking like barf.  If it weren't for him, I would've probably made a GUI completely based around plants that looks like barf.

Now can you and robin stop ranting on in this thread?  The rantings lost its relevancy a while ago.

@Robin:

> Just make a texture overlay and set it at about 10% colour burn.

Meh, I just made a layer of brown noise and used a motion blur to make up and down lines

@Devo:

> El Frosteo, don't listen to the haters, keep practising. People who put you down generally can't do better themselves, and from the people I've just read comments from in this thread, thats a pretty accurate statement on my part.
>
> No, your buttons are not fantastic but could be with a little work, and especially with constructive criticism rather than rantings.  It seems like you are starting to get the hang of working with layers, try adding style effects to those layers now and layer effects.

thanks.  What do you mean by layer effects though?  like embosses and bevels?  or like the layer effects in photoshop?  I don't have access to photoshop that much.

Anyways, I threw together a couple of buttons inspired by Idofreepixel's.
![](http://img15.imageshack.us/img15/2170/button2z.png)
![](http://img821.imageshack.us/img821/6248/button3f.png)
Personally I like the second one better, but I think both of there borders are a bit too bright.  The problem is I don't know how to do Gold looking borders without having them this bright.
Link to comment
Share on other sites

That gold doesn't really go well with the wood. (Opps just realized you said this).  You should make it less of the bright yellow because gold isn't really that yellow in real life it's more of this color
>! ![](http://www.etftrends.com/wp-content/uploads/2010/11/SilveradoGold1NolanMine.jpg) So try to change the color.
I made a quick example:
![](http://i242.photobucket.com/albums/ff170/legendweaver/goldenborder.png)
Link to comment
Share on other sites

Thanks Legend, That really helped.  I also added that drop shadow under the border like you did and changed the color of the wood to better match the color of the border and text.
![](http://img717.imageshack.us/img717/3227/button4b.png)
–edit
spent a couple more seconds on it and I think I improved it a bit.
![](http://img263.imageshack.us/img263/1266/button4l.png)
added drop shadow under the text and made the border less bright.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...