Home

Blogs

Forums

News

Portfolios

Projects

Tutorials

12 users logged in

New? Learn about game development.

Before posting, review our community guidelines.

Support GameDev.net with a monthly GDNet+ subscription!

Chat in the GameDev.net Discord!

Back to GameDev.net Contests

GUI Images? (Buttons, etc)

intrest86 · 2005-07-12T03:55:04

Hey, does anyone know a good resource for GUI images? I just finished the first stages of my GUI/input system, and I'd like to banish the programmer art to a far place before I put a screenshot up. I'm mainly looking for images of buttons, with both the standard and pressed images. I've got one nice looking one so far, but I've had difficulty finding any others.

GameDev.net Contests Contests

Started by intrest86 July 09, 2005 01:01 PM

16 comments, last by sirGustav 19 years, 1 month ago

ricekrispyw

388

July 10, 2005 01:33 PM

Quote: Original post by intrest86
Since my game is based in an office I decided that the menus would be whiteboards, where each button is actually a scribble on the whiteboard. That way I can just take an actual whiteboard and draw what I want, and it will look "good" (I hope). If it works out well, the only other button style I will probably need is just a circular one, and I can handle making those.

I like that.

[EDIT]
For the idle and down states, you could use alpha transparency, or scale the image down a bit to look like it's pressed.

[Edited by - ricekrispyw on July 10, 2005 3:33:05 PM]

The best way to predict the future is to invent it.

d000hg

1,208

July 11, 2005 02:34 AM

Remember how simple the windows '3D' button effect is. For unpressed, a lighter colour for the top & left of the button and a darker colour for bottom & left. For a pressed button, reverse that for the suncken effect.

To make it look less like windows just round the corners and make them translucent, or textures with a 'noise' texture. For the 4E4 contest you probably don't want to spend too long on attractive buttnos though - clear readable ones would do IMO.

superpig

1,826

July 11, 2005 10:44 AM

Quote: Original post by intrest86
Quote: Original post by superpig
Be careful to make sure that the images you use are ones that you can use legally.

There wouldn't be any legal ramifications to actually scanning a whiteboard I own, would there? If there are,, I guess I'll just run to the hardware store and make my own, but it would seem kind of silly for it to be illegal to just scan the one I have.

That's probably OK, provided you don't end up displaying any images that you don't have permission to use (like Kazgoroth said). I was more referring to the suggestions that people rip interface elements from existing software.

Richard "Superpig" Fine - saving pigs from untimely fates - Microsoft DirectX MVP 2006/2007/2008/2009
"Shaders are not meant to do everything. Of course you can try to use it for everything, but it's like playing football using cabbage." - MickeyMouse

Promit

13,404

July 11, 2005 11:20 AM

What the hell kind of whiteboard do you have that fits in a scanner?

Or maybe I should be asking what kind of scanner you have that fits a whiteboard...

SlimDX | Ventspace Blog | Twitter | Diverse teams make better games. I am currently hiring capable C++ engine developers in Baltimore, MD.

intrest86

Author

742

July 11, 2005 11:40 AM

Quote: Original post by Promit
What the hell kind of whiteboard do you have that fits in a scanner?

Or maybe I should be asking what kind of scanner you have that fits a whiteboard...

Actully... Yeah, on first attepmt the whiteboard was much too big. The scanners in the comp lab here are itty-bitty little things, not like the gigantic "If its flan, I can scan" scanner I have at home. They just don't make them like they used too...

There is a chance that the Digital Media Center has a larger scanner that I can use. Takinga picture of the whiteboard resulted in something a little too noisy and mis-colored to look nice.

Turring Machines are better than C++ any day ^_~

d000hg

1,208

July 12, 2005 02:06 AM

Quote: Original post by intrest86
...The scanners in the comp lab here are itty-bitty little things, not like the gigantic "If its flan, I can scan" scanner I have at home.

I just found that very funny thinking about scanning flan [smile]

Anonymous

July 12, 2005 02:49 AM

go to www.allegro.cc and Libraries->GUI->MASKinG, then you can use the pictures in a skin

sirGustav

588

July 12, 2005 03:55 AM

Google after button tutorials? Might not be the best for whiteboard-like interfaces though. Photoshop tutorial about making "gel buttons" or this one about "aqua buttons".

My current game has a slight witeboard feel in the meny, and I accomplished this by simply only using black and white. All the buttons are black text(when hovering white). The background is a simple shade from black to white (with the blurred logo in the back). As a finish a got a black border around the meny,
Making it look something like this(.-space #-border <>-dynamic text ):

................................
.##############################.
.#.<meny path here>...........#.
.##############################.
.#.<meny option 1>............#.
.#.<meny option 2>............#.
.#.<meny option 3>............#.
.#.<meny option 4>............#.
.#............................#.
.#............................#.
.#............................#.
.##############################.
.< context sensitive help here>.
................................

hope that helps...

my game | github | last.fm

GUI Images? (Buttons, etc)

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

GUI Images? (Buttons, etc)

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

Reticulating splines