Home Tutorials Resources Search Contact Us Link To Us About Us

Photoshop Tutorials
Photo Effects /
learn how to add cool effects to your photo.
Text Effects /
make your text look unique and impressive with these tutorials.
Special Effects /
endless amount special effects possible with photoshop.
Textures/
learn how to create a variety of texture and patterns.
Buttons/
create unique buttons with these tutorials.


Photoshop Book


PSTutes.com

PSD-Tutorials.com




Waiting and Loading Bar.

In this article I'll show you how to create a 20 second waiting bar and a loading bar.

Step 1.
Create a new 300X150 px document. Create a new layer 'Please' and write: "Please wait seconds" (save some space for figures). Rasterize a layer.

Then create a new layer with the firuge 20. Rasterize a layer and place it like shown in the pic. 2.

Then create a new layer with the firuge 19, rasterize it and place it under the layer '20'. Turn off layer '20'. And go on until creating the last layer with the figure 1.

Step 2.
Now turn off all layers and create a new layer with the white background. Write a text: "Loading ...". Then merge down text layer and 'layer 1'.

Then choose Rectangular Marquee Tool and create a long thin rectangle. Press Del.

Apply Select > Deselect. Create a new layer, place it under "Layer 1" and fill it with the green color.

Now we have 25 layers. Turn off all layers and turn on "Background", "Please", "20" layers.

Step 3.
Now press 'Edit in ImageReady' button (or Shift+ctrl+M). Select frame delay time -> 1 sec.

Press 'Duplicates current frame' button.

Then turn off a layer "20" and turn on a layer "19". Press 'Duplicates current frame' button. Repeat this operation with all 20 layers ("20" - "0"). Then duplicate the last frame with figures and turn off all layers. Turn on "Layer 1" and "Layer 2". Go to "Layer 2" and place it at the beginning of the frame.

Duplicate this frame and place a "Layer 2" in the middle of the frame.

Step 4.
Now choose last two frames, set frame delay time as 0 sec and press 'Tween...' button.

Apply Tween with the following settings:

Then apply File > Save Optimized As... And that's it.

PhotoshopTutes.com © 2006-2009 | All Rights Reserved