Photoshop Tutorials, Photos

Tags: Animation Tutorials, Animation Tutorials, Make a user bar and animate it, Make a user bar and animate it, Tutorials, Tutorials, Add more tags...,

or Close

2) Create a new layer. Layer > New > Layer

3) Choose any colours in the colour pallete. I chose #00a8c6 for foreground and #afafaf for background.

4) Choose the gradient tool

5) While the gradient tool is selected, point your mouse to the top of the document and drag it to the bottom of it so it creates a gradient

6) Create a new document 3 by 3 pixels with a transparent background and zoom into it to 1600%.

7) Select the pencil tool and using size 1, create 3 dots from top to bottom diagonally.

Click Edit > Define Pattern and name it whatever you want then in the userbar document, create a new layer and select everything by click CTRL + A and go to Edit > Fill and choose the pattern you made and click Ok.

You might find it better if you choose to lower the Opacity if you have chosen dark colours like I have. I lowered Opacity to

45% from the layers pallete on the bottom left corner.
This is what I have so far :

8) Now find a subject of your user for example mine is going to be Firefox so I found a picture of Firefox logo and pasted it into my document and resized it so it fit on my document.

9) Now its time to add the text. Use the font Visitor TT2 (BRK) which you can get at :
http://www.webpagepublicity.com/free-fonts...TT2%20-BRK-.ttf
My font colour was white and size 14. I added a black stroke of 1px by right clicking the text layer and going to Stroke.

10) Now to add an effect you will need to do the following :
Make a new layer and get the Elliptal Marque Tool and draw an ellips from top left to bottom right then move it up with arrow keys so its only showing half. Click Edit > Fill and choose White and click Ok. Reduce the opacity of the layer with the ellipse so it looks something cool.

11) Now select all of the document by pressing CTRL + A and then click Edit > Stroke. Add a 1px black stroke and make sure that the Location is Inside. Then your userbar is complete.

Now make arround 4 more userbars then we will animate them.

These are the userbars I am going to animate :-








Animating the userbar:

To animate the userbar you will need to do the following :-

1) Open image ready and create a 350x19 document with a

Transparent Layer.
2) Now paste the userbars you made so they are on different layers.

3) Click the arrow on the Animation Panel. If you can't see it then click Window > Animation. Click Make Frames From Layers.

4) Now select the Second frame in the Animation Panel and click

the Tween Button :

and use the following settings :


5) Go to Frame 8 now and use the same settings for tweening and then for Frames 9 and 10 aswell.

6) Now change the Delay Duration of each Frame to 0.2 but change to 1.0 Seconds in Frame 1, Frame 7, Frame 13, Frame 19 and Frame

25.This is my Final Product :

Tags: , Add more tags...,

or Close