Welcome, Guest. Please login or register.
Feb 09, 2012, 06:56 PM

Login with username, password and session length
13517 Posts in 2079 Topics by 2089 Members
Latest Member: napster52
Search:     Advanced search
+  Userbars.ORG Forum | Community
|-+  Userbar Newbies
| |-+  How To Make Userbars
| | |-+  Tutorials and Guides
| | | |-+  [Tutorial] Userbar Making in PhotoShop CS2
« previous next »
Pages: [1] 2 Print
Author Topic: [Tutorial] Userbar Making in PhotoShop CS2  (Read 7627 times)
Zoidy-Poo
Global Moderator
Hero Member
*****
Posts: 986


I'm that guy who makes userbars.


View Profile
« on: Jul 02, 2007, 07:15 AM »

I'm gonna teach you my method of making userbars using Photoshop CS2.

First, go into File>New... and put in the following:



Next, select the gradient tool:



Click and drag diagonally over your userbar, you should end up with something like this:



If you haven't already, create the scanlines pattern:



Zoom in to around 1600%:



Select the pencil tool, make it 1px:



Create a diagonal line:



Go to Edit>Define pattern:



Go back to the userbar, right click the gradient tool, and select the paint bucket tool:



Make sure you have these settings:



Fill your userbar with the pattern, then select the text tool:



If you haven't got the Visitor font, download it from www.dafont.com/visitor.font, otherwise use these settings:



Type in your text. Move the text over to the right, and you should have something like this:



Go to Layer>Layer Style>Stroke and put in these settings:



Go to Drop Shadow, and put in these settings:



Go to Bevel and Emboss, and don't change anything. Here's what the default should be:



If not, fix it.
Exit out of that box by clicking 'Ok'.
You should have something like this:



Select your gradient/scanlines layer and go to Layer>Layer Style>Bevel and Emboss and put in these settings:



Click 'Ok'. If you want, add an image. I added the Userbars.ORG logo:



Looking good, eh? Next, right-click the icon next to the pen, and select ellipse:



Drag an ellipse from about 1cm above the userbar, down and to the other side, like so:



Now, we don't want it entirely white like that, so change the opacity to around 25%:



You'll notice the edge is a bit rough, so select the blur tool:



Right-click the layer in the layers window, and click 'Rasterize type'.
Next, with the blur tool, hold down the mouse and move it along the edge of the ellipse. You should now have something like this:



Now all thats left is the border. Create a new layer by pressing Ctrl+Shift+N:



Next, merge your layers together, then go Right-click>Bleding options.. select Stroke, width 1px, Inside, and colour black.

Here's the result!:



I hope you enjoyed my userbar tutorial, and I hope it was helpful to you. Wink
« Last Edit: Apr 02, 2008, 12:28 PM by Zoidy-Poo » Logged

Suicide Sam
Sr. Member
****
Posts: 408


:)


View Profile WWW
« Reply #1 on: Jul 02, 2007, 07:22 AM »

good tutorial zoidy i like it Smiley

Is it possible that u add the way to use glass effects ; i just cant do them right ive been trying 3 days on that now :/
but it was a nice tut mate
Logged

Zoidy-Poo
Global Moderator
Hero Member
*****
Posts: 986


I'm that guy who makes userbars.


View Profile
« Reply #2 on: Jul 02, 2007, 08:10 AM »

I did say how to add a glass effect. Cheesy
Also, I request this topic to be stickied, like all the other tutorials.
Logged

YET
Global Moderator
Hero Member
*****
Posts: 936


uk yorkshire ♂


View Profile
« Reply #3 on: Jul 02, 2007, 08:32 AM »

the 1pix border seems wrong you select all of it then edit > stroke
Logged


     lost .eu
Zoidy-Poo
Global Moderator
Hero Member
*****
Posts: 986


I'm that guy who makes userbars.


View Profile
« Reply #4 on: Jul 02, 2007, 12:17 PM »

Meh. It's how I do it.

Seriously, this tutorial took about an hour to make, SO YOU BETTER NOT SAY BAD THINGS ABOUT IT!!!! j/k.
Logged

YET
Global Moderator
Hero Member
*****
Posts: 936


uk yorkshire ♂


View Profile
« Reply #5 on: Jul 02, 2007, 12:37 PM »

how long douse it take you to do it that way ?
Logged


     lost .eu
joseloco
Full Member
***
Posts: 110


View Profile
« Reply #6 on: Jul 02, 2007, 04:34 PM »

Nice tut Zoidy! Cheesy

PS: Is Tut season? Everybody seems to be doing one...
Logged

Houck
Hero Member
*****
Posts: 1532


Having Fun, I see ^_^


View Profile WWW
« Reply #7 on: Jul 02, 2007, 05:20 PM »

I was going to do one, but then my lazyness kicked in XDDD
Logged

joseloco
Full Member
***
Posts: 110


View Profile
« Reply #8 on: Jul 02, 2007, 05:50 PM »

I was going to do one, but then my lazyness kicked in XDDD

Glad to see I'm not the only one. Cheesy Cheesy
Logged

Zoidy-Poo
Global Moderator
Hero Member
*****
Posts: 986


I'm that guy who makes userbars.


View Profile
« Reply #9 on: Jul 03, 2007, 01:13 AM »

how long douse it take you to do it that way ?

5-10 minutes.
Logged

Jamie T
Hero Member
*****
Posts: 1579

www.nlfclan.dl.am


View Profile WWW
« Reply #10 on: Jul 03, 2007, 01:36 AM »

thats long  Cheesy
Logged

[WINNER] userbars tournament 1+2+15+16+17


UserBars of year: #1 & #2
[BEATEN] userbay,zoidy,sam  Grin
http://userbars.tk or http://userbars.dl.am =]
Zoidy-Poo
Global Moderator
Hero Member
*****
Posts: 986


I'm that guy who makes userbars.


View Profile
« Reply #11 on: Jul 03, 2007, 01:52 AM »

I take my time.
Also, I'm always doing other stuff while making them.
Logged

Houck
Hero Member
*****
Posts: 1532


Having Fun, I see ^_^


View Profile WWW
« Reply #12 on: Jul 03, 2007, 01:54 AM »

It's would take me 5 - 10 minutes to check my grammer and spelling as it sucks XDDDD
Logged

YET
Global Moderator
Hero Member
*****
Posts: 936


uk yorkshire ♂


View Profile
« Reply #13 on: Jul 03, 2007, 04:37 PM »

how long douse it take you to do it that way ?

5-10 minutes.

i meant just the boarder
Logged


     lost .eu
Zoidy-Poo
Global Moderator
Hero Member
*****
Posts: 986


I'm that guy who makes userbars.


View Profile
« Reply #14 on: Jul 04, 2007, 12:15 AM »

20 seconds.
Logged

Pages: [1] 2 Print 
« previous next »
Jump to:  

Powered by SMF 1.1.1 | SMF © 2006, Simple Machines LLC Design by 7dana.com