Banner For Web Page Design.

1. Banner For Web Page Design. By Henry Dang

2. Creating & Saving • Begin by opening flash and selecting the File menu. • Save the file in the folder you choose. • Save with the correct name in your folder.

3. Label the Layer • Double click the first layer to add the name. • A typical name for the first layer is background. • You can have almost unlimited layers.

4. Resize Stage • Click on the stage to see the properties for the stage. • Click the size button and use the proportion of a standard web banner. • 468X60

5. Change Viewing Size • Change the viewing size by typing or selecting the drop down box. • You may need to change many times during a project • You change too see the sides of the stage or to zoom.

6. Script • Use the word processor to plan/write script so you know what to do. • You need a place, characters, and action. • For complex animations, you would also need a storyboard.

7. Rectangle Tool • Click the rectangle tool. • You will get rid of the stoke.(see next slide) • Then select a color.

8. No Stroke • Select the stroke box. • Select the not box for no stroke. • Then let go.

9. Select Linear Gradient • Select the Fill box. • From the selection, choose the linear gradient box. • It is in the lower left corner.

10. Selecting Colors • Click in the left house shape on the gradient slider • Select a color and then select whatever it is light or dark • Next do the same for the right house.

11. Click and Drag a Rectangle • Click and drag a rectangle • This will also add the color. • Next correct the gradient…

12. Create a new layer • Correct the gradient with the bucket tool by dragging from top to bottom or vice-versa. • Click the new layer tool to add a new layer for the next character. • Rename the new layer.

13. Draw a Character • Use the paintbrush tool(or any other necessary tools) to create your character • It can be as simple as stars or complex as a walking human. • Make sure all of your drawings are on the same layer.

14. Make All Characters • Create each character/object on a separate layer. • Words can be a character. • Lock each character to keep them separated.

15. Make All Characters • Create each character/object on a separate layer. • Words can be a character. • Lock each character to keep them separated.

16. Animate your Characters • Add key frames and motion tweens if need for your animation. • Animate all the symbols or character that will constantly move. • In this project we changed the color of each window on each key frame.

17. Locate Characters for Scene One • Move the animated and non-animated characters, so that some can come from off the stage and some will stay on the stage. • Plan ahead so you can make your actions you want in your animation • Make sure that all of your characters are on separate layers.