Professional GUI Tutorial (Part 1 the Border)

[Kijurika]

PS:This is not for unexperienced Eclipsers and/or unexperienced ORPG developers. If you don't understand it, either: 1) You should't be reading the topic. Or 2) I messed something up in the tutorial that you should post.

How To Make A Professional GUI

Okay. In this tutorial I will be using Photoshop CS3\. Paint.net should work too.

Step 1: Aquiring Size~

Okay so you don't want your GUI to be too big or too small right? A way to not let this happen is first determine the number of buttons on your GUI. If you only need 3 buttons, it's a good idea not to make a 600x600 GUI.

To make it the size you like, click: File>New

This should appear:

>! 

Make sure where it says "pixels" on that image that it says pixels there on your new image. Now, change the 300's to whatever your sizes are going to be (I'm going to create a 300x300 GUI)

Click "OK" and you should have a image with a bunch of white and gray squares on it like a checkerboard. This means it's transparent, you need this.

Step 2: Making Outlines.

In any GUI you dont want a just plain flat edging image. You always want a border in a GUI no matter how small the border is. To get a good shape for a border select the "Rectangular Marquee Tool"

It should look like this:

>! 

Now click the bottom right corner of the first white square you see in the top left corner and drag your mouse to about the same distance from the edge on the opposite corner

It should look like this:

>! 

Now click Select>Inverse.

It should look like this now:

>! 

Now make a new layer and select the color,blending properties, and effects of the border and fill it in.

I will make more tutorials to correspond with this one soon.

Thanks,
Kijurika

[Robin]

Since when was being able to select a box making a professional GUI? >_>

[Carim123]

^Why don't you try having patience, Robin?
This might turn out helpful, for all we know.

[Robin]

@Mijumaru!:

> ^Why don't you try having patience, Robin?
> This might turn out helpful, for all we know.

I'm a very patient man but releasing an unfinished tutorial is silly. Especially something which is just giving the same information you can find in any "Starters Guide to Photoshop".

[Kijurika]

Oh sorry Robin, I will be releasing the rest later tonight to tommorow morning. I got busy and I just stopped at outlining and changed the subject to the border.