Zimmer
Un Moderador
+1,688|6727|Scotland

Well, I guess many people have been waiting for this.
And sadly, I just never really had enough time for this.

But today I said, "what the hell" and here we are.


Well, To begin with.
You need PS. ( photoshop )
If you want to follow this userbar tut.
No need for new fonts just yet, I use Arial most of the time.

First Step
Creating the image size of the userbar

Welll, this is pretty basic.
Just input these details of the USERBAR when going into File - New....
https://www.wookie-clan.co.uk/details.png

You can fiddle about with the width, but this is the normal size for one.

Second Step
Creating the Scanlines
Ok, this is EASY, first of all, CREATE a new doc.
This is going to be 5x5 pixels.
Now zoom in completely.
Get your PENCIL tool out. ( right click on the brush tool, the option should appear ) ( 1PX SIZE )
Now, choose the colour WHITE as your main colour.
MAKE SURE THAT IT IS A TRANSPARENT BACKGROUND.
Now draw a DIAGONAL line across the box.
Like so:
https://www.wookie-clan.co.uk/pattern.png
Dont worry, you cant go off the line, because the pixel size wont allow you, unless youre careless.

Now go to EDIT -> DEFINE PATTERN and save it as what you want. Now when you click on the pattern tool, you will have a choice of this pattern to choose from.


Third Step
Getting your userbar

Well, now for the userbar business.
As you know, you already have the blank base.
Just get your PAINT BUCKET tool.
And fill the userbar BLACK

Fourth Step
Adding Scanlines
This is pretty straightforward.
Create a new LAYER ( CTRL-SHIFT-N )
And get your pattern tool out.
Like so:
https://www.wookie-clan.co.uk/snalines.png
Now just get a BIG brush size.
And fil in the WHOLE userbar with these scanlines.
Like so
https://www.wookie-clan.co.uk/scanlines2.png
Now, you have to change the opacity of that layer.
https://www.wookie-clan.co.uk/opacity.png
Choose your own opacity levels, this is just what I use.

Fifth Step
Adding reflection
Well, youre nearly done on the template.

Now just go choose the ELPIPTICAL MARQUEE TOOL
here:
https://www.wookie-clan.co.uk/marquee.png
Now, go create another NEW LAYER.
Have the Elptical Marquee tool ready.
And do this.
Be careful not to go beyond half way of the userbar.
Start outside the userbar to make it like this.
https://www.wookie-clan.co.uk/sleection.png
DO NOT DESELECT THIS.
Now get your paint bucket.
And still on the same layer.
FILL IT WHITE.
https://www.wookie-clan.co.uk/fillwhite.png
Now change the FILL options on the same layer to this
https://www.wookie-clan.co.uk/fillchange.png
Change it to what you want, again, this is what I use.
Now.
DESELECT this. ( press CTRL -D )
When done that, get your blur tool out.
https://www.wookie-clan.co.uk/blrtool.png
These are my settings for this.
https://www.wookie-clan.co.uk/blursettings.png
And now, carefully, blur the outline of the reflection.
Like so:
https://www.wookie-clan.co.uk/blurline.png

YOU ARE FINISHED

Now you should have a nice USERBAR TEMPLATE to use on the forums.
Like this.
https://www.wookie-clan.co.uk/final.png

I will keep adding little things here and there to the tut.
But this is the basis of it.
You can pretty easily make a real nice userbar from this template.

Just add a nice picture, and some neat text.
And you should be done.

I hope you all enjoyed this tutorial.
And please feel free to post the userbars you made with this tut or your problems with it.
Any queries just ask.


Kindest regards
Zimmer92
liquidat0r
wtf.
+2,223|6598|UK
*gets to work*

zimmer92 wrote:

Now you should have a nice USERBAR TEMPLATE to sue on the forums.
sue?

Last edited by liquidat0r (2006-08-31 14:58:32)

Crestfallen
Member
+27|6420|England, Leicester
Nice tutorial , good work!

Photoshop FTW!
mcminty
Moderating your content for the Australian Govt.
+879|6692|Sydney, Australia

Crestfallen wrote:

Nice tutorial , good work!

Photoshop FTW!
QFE.



I can't see your .png images...


Mcminty.
Zimmer
Un Moderador
+1,688|6727|Scotland

liquidat0r wrote:

*gets to work*

zimmer92 wrote:

Now you should have a nice USERBAR TEMPLATE to sue on the forums.
sue?

You cant really talk Liquidat0r, you were the one who couldnt be bothered with a tut or an explanation and just wanted a BLANK TEMPLATE.
Lazy bugger.....
liquidat0r
wtf.
+2,223|6598|UK

zimmer92 wrote:

liquidat0r wrote:

*gets to work*

zimmer92 wrote:

Now you should have a nice USERBAR TEMPLATE to sue on the forums.
sue?

You cant really talk Liquidat0r, you were the one who couldnt be bothered with a tut or an explanation and just wanted a BLANK TEMPLATE.
Lazy bugger.....
lol

... and then i got you to make my bf2s one anyway
alien-DSW-Gen
Hates snipers and says the "F" word a lot
+72|6644|Houston, Texas
It would of been a lot easier if he'd just put a link to his PSD file. I tried to do it but since half the images arent working i couldnt figure it out, and, mine doesn't look like the end result. But it's not half bad, just by fooling with it and trying to get it close

Last edited by alien-DSW-Gen (2006-12-03 03:11:09)

Zimmer
Un Moderador
+1,688|6727|Scotland

Sorry about that, Fixed.
MDFSpacePhantom
It is I
+146|6354|San Jose CA.
Nice man, I make mine a different way but your way is good to. +1 for your work.
SnobbyBoss
SAS Medic
+18|6710
Next just show how to animate too and this guide will be complete.
unnamednewbie13
Moderator
+2,053|6742|PNW

https://i3.photobucket.com/albums/y76/unnamednewbie13/animate102506.gif

Not every userbar must be made in traditional fashion. I'm pretty happy with my own (even though it only represents maybe 1% of my collection).

Last edited by unnamednewbie13 (2007-04-06 19:50:15)

Zimmer
Un Moderador
+1,688|6727|Scotland

Very true Newbie. But a userbar normally has some sort of 3D form on it.
Doesnt need to have scanlines, true, but some sort of 3D effect could do well on your userbar.
CosmoKramer
CC you in October
+131|6589|Medford, WI

SnobbyBoss wrote:

Next just show how to animate too and this guide will be complete.
yes i would love to know how to make better text entrances and exits, as mine always turn out as complete crap

Board footer

Privacy Policy - © 2024 Jeff Minard