FUS1ON
03-20-2006, 11:27 PM
I did not write this, I found this tut somewhere and can't for the life of me remember where and I would have liked to have linked to it and also given the author credit. I've Googled trying to find it and can't. I had saved it as .htm file on my harddrive so I could look back on it later is why I have the pics and stuff.
Anyways here it is ...
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.
http://img69.imageshack.us/img69/7107/tut13xr.jpg
2) Make a suitable gradient and apply it.
http://img69.imageshack.us/img69/8296/tut29ml.jpg
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.
http://img69.imageshack.us/img69/4053/tut35ho.jpg
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.
http://img486.imageshack.us/img486/992/tut47ve.jpg
7) Now right click on the layer and select Blending Options and give it a little outer glow with these settings:
http://img69.imageshack.us/img69/6021/tut55cv.jpg
8) Now make a new layer and get the Elliptical Marquee Tool and drag it from about point 1 to point 2.
http://img69.imageshack.us/img69/5320/tut61os.jpg
9) Now get the Gradient Tool and use these settings:
http://img486.imageshack.us/img486/6416/tut73oj.jpg
and now drag it vertical from point 1 to point 2:
http://img486.imageshack.us/img486/551/tut80bg.jpg
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 pen tool (make shure your color is set to black) and draw what I've done in this picture:
http://img75.imageshack.us/img75/1373/tut97rd.jpg
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:
http://img486.imageshack.us/img486/6769/tut116wb.jpg
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/search.php?nq=1&q=visitor
type your text then right click on your layer and go to Blending Options and use these settings:
http://img486.imageshack.us/img486/7343/tut105mw.jpg
Here is what I have so far:
http://img54.imageshack.us/img54/9080/tut124xr.jpg
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:
http://img54.imageshack.us/img54/4074/tut135pp.jpg
And now you are done!
Here is my final result:
http://img486.imageshack.us/img486/6403/photoshopcsuser5ir.jpg
Anyways here it is ...
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.
http://img69.imageshack.us/img69/7107/tut13xr.jpg
2) Make a suitable gradient and apply it.
http://img69.imageshack.us/img69/8296/tut29ml.jpg
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.
http://img69.imageshack.us/img69/4053/tut35ho.jpg
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.
http://img486.imageshack.us/img486/992/tut47ve.jpg
7) Now right click on the layer and select Blending Options and give it a little outer glow with these settings:
http://img69.imageshack.us/img69/6021/tut55cv.jpg
8) Now make a new layer and get the Elliptical Marquee Tool and drag it from about point 1 to point 2.
http://img69.imageshack.us/img69/5320/tut61os.jpg
9) Now get the Gradient Tool and use these settings:
http://img486.imageshack.us/img486/6416/tut73oj.jpg
and now drag it vertical from point 1 to point 2:
http://img486.imageshack.us/img486/551/tut80bg.jpg
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 pen tool (make shure your color is set to black) and draw what I've done in this picture:
http://img75.imageshack.us/img75/1373/tut97rd.jpg
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:
http://img486.imageshack.us/img486/6769/tut116wb.jpg
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/search.php?nq=1&q=visitor
type your text then right click on your layer and go to Blending Options and use these settings:
http://img486.imageshack.us/img486/7343/tut105mw.jpg
Here is what I have so far:
http://img54.imageshack.us/img54/9080/tut124xr.jpg
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:
http://img54.imageshack.us/img54/4074/tut135pp.jpg
And now you are done!
Here is my final result:
http://img486.imageshack.us/img486/6403/photoshopcsuser5ir.jpg