Professionaly looking animated progress bar
- By Vlad Studio
- Published 04/30/2007
- Animation
- Unrated
Making professionaly looking animated progress bar.
![[!] Please Wait animation - Step 1](/img/VladStudio/tut6_PleaseWaitAnimation/8-1.gif)
For a serious interface project, I needed to create a nice Please Wait animation. Here is the result - I think it turned out quite nice. Below you'll find that it is very easy to do.
![[!] Please Wait animation - Step 2](/img/VladStudio/tut6_PleaseWaitAnimation/8-2.gif)
Start with new document, let's backgound color be white. Important - document should be square (not required but will help us later).
![[!] Please Wait animation - Step 3](/img/VladStudio/tut6_PleaseWaitAnimation/8-3.gif)
Select Shape tool (U) to draw a little circle on top of document. You can of course use any other color from blue.
![[!] Please Wait animation - Step 4](/img/VladStudio/tut6_PleaseWaitAnimation/8-4.gif)
We want to have many circles within one shape layer. First we need to duplicate this circle. To do so, drag it down holding ALT key.
![[!] Please Wait animation - Step 5](/img/VladStudio/tut6_PleaseWaitAnimation/8-5.gif)