Learn Flash: Preloader Loader Bar	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash Tutorial: Standard Preloader

Free Flash Tutorial

Step Three: Drawing the Loader Bar

1. Right click (Mac: Ctrl click) on Frame 2 and select: Insert Frame (Not Keyframe)

Note: The preloader needs to be 2 frames long.

2. Rename Layer 1 to: Loader Bar
3. Select the Rectangle Tool:
4. Create a long thin: Rectangle
5. Return to the standard Selection Tool:
6. Select any colours that you might want for either the: Fill or Stroke
7. Double click in the Centre of your rectangle to select both: Stroke & Fill
8. Move you rectangle to the: Centre
9. If the Property Inspector is closed, open it: Window > Properties > Properties (Ctr4l F3)
10. Set the rectangle width to: 150px
11. Set the height to: 10px.
12. Double click the stroke (outline), so that only the stroke is highlighted.
    
    
    Stroke is dotty when highlighted.
    
    
13. Select an appropriate stroke width. Mine is: 2px
14. Go to: Edit > Cut
15. Click on the Insert Layer button:
16. Go to: Edit > Paste in Place

Note: The stroke should now be in its own layer and in the correct position. What we are aiming for is a bar that animates but with a static outline as in the illustration below:




17. Rename the Layer 2 to: Loader Outline
    
    
    Timeline so far.