A tutorial on animated userbars for www.userbars.com by BR7
Hosted by userbars.com. For more Tutorials on creating animated and non-animated userbars with other softwares please visit our Tutorial section.
Get your final userbar how you like it, and (assuming you are using photoshp), go to file -> edit in image ready.
===============================================================================
===============================================================================
Once in image ready, I right clicked the layer I want to animate and chose layer options and made the layer 'orange' so you can see how the layer is moved. (this has no effect on the animation at all).
===============================================================================
===============================================================================
Make sure your image layer is selected (1) and then click the move tool (2). Move your image with the down arrow on your keyboard to the position shown (3).
===============================================================================
===============================================================================
Click the little white arrow where I marked to change the delay or time to .1 seconds.
===============================================================================
===============================================================================
Then click the 'duplicate frame' button.
===============================================================================
===============================================================================
The duplicated layer is now shown as active with the black border around the frame (1). Move the layer (like before with the move tool, the move tool should still be selected. If not, click it and use your up arrow on your keyboard to move it to the position shown (2).
===============================================================================
===============================================================================
Now click back on frame 1 (1) and click the tween button (2). Tweening basicly is the animation between frame 1 and frame 2. So tweening frame 1 until it ends up at frame 2 will be our animation sequence.
===============================================================================
===============================================================================
These are my tween settings (for now).
===============================================================================
===============================================================================
the end result is...
===============================================================================
===============================================================================
Click play to test
===============================================================================
===============================================================================
If you think the animation is too fast, just click edit -> undo tween. Then make sure frame 1 is still selected and click the tween button again. This time make it 50 frames.
===============================================================================
===============================================================================
On an animation like this, I do not like the constant scrolling with no pause between the start and finish. To get it to pause for a while, go to the last frame in your animation and set the time to 1.0 seconds
===============================================================================
===============================================================================
So now you are ready to save. If your optimize window is not open, click window on the top bar (menu bar) and choose window from the drop down menu (it will be check marked when selected). These are the settings that look the best to me, you can play around with it if you like, but I think mine looks good.
===============================================================================
===============================================================================
When you have your optimize settings ready to go, and you think your animation is good as well, just go to file -> save optimized as, choose a name and location, and viola.. you are done. Once you practice, you can do some different animations, not just a scrolling animation.
So to summarize..
<- 30 frame tween
<- 50 frame tween
<- 50 frame tween with a 1 second pause
<- Something different ![]()