Jump to content


Photo
* * * * * 1 votes

How to create a Custom User bar in minutes!


  • Please log in to reply
37 replies to this topic

#1 KizZ

KizZ

    Young Padawan

  • Members
  • Pip
  • 8 posts

Posted 18 May 2005 - 10:19 AM

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 width - 350 and height - 19 with a transparent background.

Posted Image

2) Make a suitable gradient and apply it.

Posted Image

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.

Posted Image

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.

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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:

Posted Image

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:

Posted Image

11) Now it's time to put some text, I will use font Visitor which you can get from this link: http://dafont.com/en...?nq=1&q=visitor
type your text then right click on your layer and go to Blending Options and use these settings:

Posted Image

Here is what I have so far:

Posted Image

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:

Posted Image

And now you are done!

Here is my final result:

Posted Image

here are all the user bars I've made:

Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image
Posted Image

Edited by KizZ, 28 February 2007 - 06:45 PM.


#2 syndrome

syndrome

    P2L patient #4819

  • Twodded Staff
  • PipPipPipPip
  • 1,311 posts
  • Location:Nottingham, UK
  • Interests:Photoshop, Tennis, PS2, web design, CS:S

Posted 19 May 2005 - 10:20 AM

Good tut :D these are popping up everywhere now,

#3 Jag

Jag

    Young Padawan

  • Members
  • Pip
  • 252 posts

Posted 19 May 2005 - 11:07 AM

Nice, I like the outcome :lol:

#4 bsq

bsq

    Young Padawan

  • Members
  • Pip
  • 177 posts
  • Location:Belgium
  • Interests:Capoeira , Girls , Music , Art , ...

Posted 19 May 2005 - 12:05 PM

great tut :)

wooooow , you are a toilet user :lol:

#5 Jamie Huskisson

Jamie Huskisson

    Retired P2L Staff

  • Members
  • PipPipPipPip
  • 3,648 posts
  • Gender:Male
  • Location:Nottingham, UK

Posted 19 May 2005 - 12:57 PM

toilet roll user, classic!

#6 KizZ

KizZ

    Young Padawan

  • Members
  • Pip
  • 8 posts

Posted 19 May 2005 - 03:41 PM

Thank you all for your comments :)

#7 /quit

/quit

    P2L Che

  • Members
  • PipPipPipPip
  • 1,016 posts
  • Gender:Male
  • Location:New Hampshire

Posted 19 May 2005 - 03:43 PM

Man, I thought i was the only toilet user! Great tut i like the colors you chose for them.

#8 Black_Belt_v1

Black_Belt_v1

    Young Padawan

  • Members
  • Pip
  • 91 posts

Posted 20 May 2005 - 12:56 AM

pfft...toilet paper, i use leaves!

lol j/k

nice tut i like it a lot

#9 tiki

tiki

    Young Padawan

  • Members
  • Pip
  • 259 posts
  • Gender:Male
  • Location:California

Posted 20 May 2005 - 01:14 AM

There good but the only thing that bugs me is that it says user. Everyone has user, why not something else?

#10 KizZ

KizZ

    Young Padawan

  • Members
  • Pip
  • 8 posts

Posted 20 May 2005 - 04:27 AM

Well ofcourse, you can put everything you like ;)

#11 Jamie

Jamie

    Young Padawan

  • Members
  • Pip
  • 38 posts
  • Location:Niagara Falls, Canada

Posted 23 May 2005 - 04:52 PM

Nice collection. :)

#12 Erich

Erich

    Young Padawan

  • Members
  • Pip
  • 43 posts

Posted 23 May 2005 - 04:53 PM

nice, i'll have to make a firefox user later :)

#13 KizZ

KizZ

    Young Padawan

  • Members
  • Pip
  • 8 posts

Posted 06 June 2005 - 03:32 PM

A stick animator gave me this idea so I made the follwoing userbar :)

Posted Image

lol.

:)

EDIT: Two more add to teh collection!

#14 PSgirl

PSgirl

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 2,056 posts
  • Gender:Female

Posted 28 June 2005 - 06:51 AM

I can't see the images..."Bandwidth exceeded" :)

#15 KizZ

KizZ

    Young Padawan

  • Members
  • Pip
  • 8 posts

Posted 10 August 2005 - 03:19 PM

I fixed it, it should work now :)

#16 -Michael-

-Michael-

    P2L Jedi

  • Members
  • PipPipPip
  • 737 posts
  • Gender:Male
  • Location:Florida

Posted 10 August 2005 - 05:29 PM

You use oxygen too? It just seems like everybody's switching to Co2 or N2 these days.

#17 Poser

Poser

    Young Padawan

  • Members
  • Pip
  • 32 posts

Posted 21 August 2005 - 01:30 AM

Brilliant, this has helped me alot, i have been wondering how this has been done, (new to photoshop) thanks alot. ;)

EDIT: heres mine, it came out really gay but im getting there i think T_T
Posted Image

Edited by Poser, 21 August 2005 - 01:46 AM.


#18 Poser

Poser

    Young Padawan

  • Members
  • Pip
  • 32 posts

Posted 21 August 2005 - 02:19 AM

Just made this one. :] Feel free to use it in your own sigs or whatever.
Posted Image

#19 AlieN-PuLsE

AlieN-PuLsE

    Young Padawan

  • Members
  • Pip
  • 2 posts

Posted 03 September 2005 - 11:02 AM

Nice tut, you can go to imageready and put 1 after the other so it cycles round them all so it takes up less space

#20 leesized

leesized

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 09 September 2005 - 03:32 PM

May i use some of your user bars please Kizz?




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users