Networking, Programming and Graphics - Tutorials
ONLINEHOWTO.net Tutorials Category
Applications, Joomla CMS, Joomla, Joomla Modules, PHP CMS, CMS

How to make a Userbar

Type: Picture Networking, Programming and Graphics - Tutorials
Networking, Programming and Graphics - Tutorials
Level: Intermediate Networking, Programming and Graphics - Tutorials Networking, Programming and Graphics - Tutorials 
Networking, Programming and Graphics - Tutorials
Date: 2007-May-05
Networking, Programming and Graphics - Tutorials
Visited: 3204 times
Networking, Programming and Graphics - Tutorials
Rating: Networking, Programming and Graphics - Tutorials
Networking, Programming and Graphics - Tutorials
Published: Alex Tutorialized

In this leson i will show you how to make your own Userbar
First you have to find a suitable picture.For example lets make a bar for Counter Strike.
I used this picture:

How to make a Userbar
Cut this part witch you think is suitable.
After that open Adobe Photoshop and make a new file 350x19:

How to make a Userbar
1.Make a new layer that you are going to work with.
2.Pick a suitable gradi and place it:

How to make a Userbar
3.Make a new file again 6x6,but this time it has to be Transperant:

How to make a Userbar
4.Pick up the pencil tool and draw a diagonal line from the left to the right corner:
Before that u can enlarge the picture because it will be easier.

How to make a Userbar
5.From the Menu go to Edit->Define Pattern..., where you type a name for this pattern and press OK.

6.Go back to the first document and go to Layer->Layer Style->Blendig Options...:

How to make a Userbar
After you make this settings,the document must look like this:

How to make a Userbar
7.Put the cutted icon in left(right).To copy(cut)it from the one document and to put it in the other
is nessecery to select it by Marquee tool and to press Ctrl+C, after that u put it in the other document by pressing Ctrl+V:

How to make a Userbar
8.Transorm the copied document (Ctrl+T)untill you have the wanted size:

How to make a Userbar
9.It is time for the text. The text should be something like "cs playe","cs fun", "counter strike player","counter strike fun"....

After you type the text,when you want you can leave it like this,and when you don't you can make the following settings in Blending Option for the layer of the text:

How to make a Userbar
After that your Userbar should look something like this:

How to make a Userbar
10.Go in Blending Option again and put this settings for the main layer:

How to make a Userbar
Now you have a stroke witch is 1pixel.
11.Make a new layer and pick up the Elliptical Marquee Tool,make a huge elips similar to this one:

How to make a Userbar
12.Fill it wit white color and lower down the Opacity to 40% and you must have this:

How to make a Userbar
Rate this tutorial:                    
Post Comment

    • ( animerulez321 [ at ] hotmail . com ),

      posted on 2009-Nov-23 | 07:42:34 PM
      um, when i try to write on it, nothing appears
Need a specific tutorial? Do not hesitate and submit a request!
Your e-mail: