View Full Version: Animated User Bar

Digital Tutorial > Photoshop tutorials > Animated User Bar


Title: Animated User Bar


kasy_05 - August 1, 2005 06:59 PM (GMT)
Animated User bar

OK first open a new document... it have to be 350x20 pxls

Now fill with the color you want...this will be depend of the logo you want in...
Mine will be blue

Once you have that...open the image with the logo you want...i will use photoshop...paste it an resize:
Now Merge Down the two layers Ctrl+E

user posted image

OK now you need to add some Blending options Layer > Layer Style > Blending Options...and use this settings:

user posted image

You must have something like this:
user posted image

Then Add some tex..Im using Visitor TT2 BRK 12pt Anti-aliasing none...With stroke of 1px

http://img51.imageshack.us/img51/5628/psuserd20ny.jpg

And this is the final result...Now make another 3 or 4 user bars with the same method...Remember make a new layer for the button and a new text layer for the text

user posted image
user posted image
user posted image

Now lets go to Image Ready:

user posted image

And duplicate the 4 layers...but remember click on the eye.. to make appear a one layer...or make this dissapear:

http://2.eagleimg.com/9/00444.jpg

Now.. You need to have something like this:

http://2.eagleimg.com/9/01196.gif

Now tween between the layers with this settings:

user posted image

Now is finished...

user posted image

I add some fading scan lines and a delay of 0,2 seconds in the layers: 1 12 23

user posted image

If You Like This Tutorial Please
Register!! ^_^

fedekiller - August 1, 2005 07:12 PM (GMT)
gj! :P pls, sumit it in pslover and pixel2life

randomkid - August 1, 2005 07:45 PM (GMT)
you know if you put them all on top of each other then put them into photoshop you can just click make frames from layers, then do the tweening

fedekiller - August 1, 2005 09:34 PM (GMT)
is the same :P

kasy_05 - August 2, 2005 03:40 PM (GMT)
lol...i like more making tweed settings...or maybe in the delay i change them




Hosted for free by InvisionFree