Links

Did You Know?

 

Drawing Objects

Drawing in Flash is very different than drawing in other programs. We will discover the drawing tools through creating a logo.

1. Open a new Flash file and in the property inspector, leave the size as 550 x 400 but change the canvas colour to black. Save this file as drawingobjects.fla in your Assignment 4 folder.

Using Grids, Guides and Rulers

Grids, guides and rulers are all tools you can use to help you create well measured, properly balanced and well designed illustrations.

2. Enable a grid by going to View > Grid > Edit Grid.

3. Select 10 px for both the horizontal and the vertical grid spacings and check the Show Grid Box

Note: When you publish your movie the grid lines will not appear..

4. Enable the rulers by going to View > Show Rulers.

5. Select the Arrow Tool and move it to the horizontal ruler.

6. Click and hold while dragging a horizontal guide from the top ruler and Let go of the guide at 200 px.

7. Enable a vertical guide in the same way and let it snap to the grid at 275 px.

 

Shapes, Fills & Stroke

Shapes can be created by using one of the shape tools in the tools panel. Before creating a shape, however, you must understand that each shape is made up of a fill and a stroke.

What is a stroke? - Created by closing out a shape, a stroke is a line that is meant to be the outline of a shape.

What is a fill? - Fills are created using the brush and paint bucket tools. They will only fill a closed-in area.

8. Choose the rectangle tool and set the fill colour to the red radial gradient and the stroke colour to blank .

9. Click and drag out a rectangle on the stage.

10. Using the arrow tool, select the rectange (double-click it).

11. In the property inspector, set the height to 200 and the width to 550.

12. Using the arrow tool, drag the rectangle into the proper position as seen below.

Hint - You can also use the arrow keys to nudge the shape perfectly into it's proper spot.

This would be fine if we were satisfied with a pre-made gradient, but since we are very creative, we want a custom gradient.

13. Make sure the colour panel is showing. If not, open it using Window > Color

13. Use the Arrow Tool to select the rectangle

14. In the Colour Panel, change the start colour (the crayon on the left of the slider) to yellow by double-clicking on it.

15. In the Colour Panel, change the end gradient colour (the crayon on the right of the slider) to orange by double-clicking on it.

             

Extend! - Try playing around with the gradient options before moving on. You can change the Type which dramatically changes the design. You can also add additional colours to the spectrum by clicking anywhere on the spectrum to add another crayon. To get rid of a crayon from the spectrum, simply click and drag it away.

Because we really like this new gradient, we should save it to use it later.

16. Choose the panel dialog drop-down and select Add Swatch

The swatch is now avaliable in your colour panel for use in the future.

 

 

Adding Text

By using the text tool you can add selections of text. These selections can be adjusted and modified using the property inspector.

17. Choose the Text tool and click anywhere in the black area above the the rectangle. A text box will appear.

18. Before typing anything, adjust the settings in the property inspector to: Arial Narrow, 28pt, white.

19. Type your name in all capitals.

20. Highlight just your first name by clicking and dragging over it

21. Change the font to Arial Black.

22. Create one more text selection in the black area below the rectangle.

23. Before typing anything, adjust the settings in the property inspector to: Arial Narrow, 22pt, white.

24. Type a slogan to represent yourself.

25. Using the Arrow tool, position the text objects as seen in the image below. You will notice the grid lines help you align the text.

26. Turn the grid lines and guides off to see your finished product. View > Grid > Show Grid and View > Grid > Show Guides

27. Save your Flash file and go complete Assignment 4.

*Note* - You will note that in this lesson there were no overlapping objects on the stage. This was done on purpose as we will address overlapping objects in the next lesson.