How to Make your own User Bar/s

09/28/2006 22:40 Azn.ina.Witee#1
This has been Posted in the Elitepvper Main Forum aswell. (by me :P)

In this tutorial I will show you how to make a custom user bar. These are a little are a little images that can display stuff that you like and use and it can be really fun making them, you can make whatever user bar you want!

In this tutorial I will show you how to make a custom user bar.

I will be making a Photshop CS user bar.

1) Make a new document with sizes widht: 350 height: 19 with a transparent background.

[Only registered and activated users can see links. Click Here To Register...]

2) Make a suitable gradient and apply it.

[Only registered and activated users can see links. Click Here To Register...]

3) Now get a logo, when I usually search for images i use Google Images, find your logo and open it up in Photoshop.

4) Now it's time to remove your logo from the background, get the polygonal lasso tool and carefully cut it out.

[Only registered and activated users can see links. Click Here To Register...]

5) Now go to Edit > Copy, then open the user bar document (the one where you applied a gradient), then create a new layer and go to Edit > Paste.

6) Now with this layer selected go to Edit > Transform > Scale and resize your logo or reposition it if you wish.

[Only registered and activated users can see links. Click Here To Register...]

7) Now right click on the layer and select Blending Options and give it a little outer glow with these settings:

[Only registered and activated users can see links. Click Here To Register...]

8) Now make a new layer and get the Elliptical Marquee Tool and drag it from about point 1 to point 2.

[Only registered and activated users can see links. Click Here To Register...]

9) Now get the Gradient Tool and use these settings:

[Only registered and activated users can see links. Click Here To Register...]

and now drag it vertical from point 1 to point 2:

[Only registered and activated users can see links. Click Here To Register...]

10) And now you have a nice light effect, create a new layer and fill it with a 45 degree scanline with opacity from 10% - 15%
if you don't have a 45 degree scanline make a new document with dimensions 3x3 with a transparent background and do a maximum zoom,
now get the pencil tool (make shure your color is set to black) and draw what I've done in this picture:

[Only registered and activated users can see links. Click Here To Register...]

When you are done go to Edit > Define Pattern and name it what you want and click ok.
Now you can close this document because the pattern is permanently saved in Photoshop.

Here is what you should have so far:

[Only registered and activated users can see links. Click Here To Register...]

11) Now it's time to put some text, I will use font Visitor which you can get from this link: [Only registered and activated users can see links. Click Here To Register...]
type your text then right click on your layer and go to Blending Options and use these settings:

[Only registered and activated users can see links. Click Here To Register...]

Here is what I have so far:

[Only registered and activated users can see links. Click Here To Register...]

12) Now for the final step is to add a border, create a new layer and hold CTRL and click on the bottom layer. You should have the
"running ants" around yor document, now go to Edit > stroke and use these settings then click OK:

[Only registered and activated users can see links. Click Here To Register...]

And now you are done!
09/28/2006 23:19 Fearchen#2
[Only registered and activated users can see links. Click Here To Register...] ^^
10/22/2006 18:25 SocKe#3
dankeSchön!