g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Introduction to the Flash CS3 Drawing Tools

This tutorial will introduce you to several of the drawing tools in Flash CS3 which you can use to create objects for your Flash movies. First we need to discuss a few basics. If you have used graphics software before, you probably have already encountered these terms. However, Flash has its own way of doing things and its drawing tools behave a little differently from other graphics programs.

Stroke and Fill

When you draw a shape in Flash, it will have two parts; Stroke and Fill. The Fill is what is "inside" the shape and the Stroke is the "outline" of the shape. By default, Flash has the Stroke color set to black and the Stroke height/width set to 1 point. The Fill is set to a blue color. Also by default, the Stoke and Fill are not connected together, as in other graphics software. If you click and drag on the Fill of a shape to drag it to another position, only the Fill part will be moved and the Stroke will still be in its original position. To move both, you must select both the Stroke and Fill of an object.

Flash Drawing Tools

You will find most of the drawing tools grouped together in the Tools Panel. From top to bottom, they are the Pen, Text, Line, Rectangle, Pencil and Brush tools. If you click on the small arrow next to the Rectangle tool, you can see that there are several other tools hidden underneath. They are the Oval, Rectangle Primitive, Oval Primitive and PolyStar tools.

Let's draw a simple rectangle.

  1. Select the Rectangle tool.

  2. At the bottom of the Tools Panel, you will find the Object Drawing Icon. Click on the icon to turn OFF the Object Drawing mode, if necessary.

  3. Click and drag on the Stage to draw a rectangle.

Now we will change the properties of our rectangle. Let's change the color of the Fill to red and the width/height of the Stroke to 5 points. But first, we need to select the entire rectangle to tell Flash we want to make changes to both the Stroke and Fill.

  1. Choose the Selection tool from the Tools Panel. You will find it at the top of the panel.

  2. Click and drag around the entire rectangle to select it. When you let go of your mouse, you will see the rectangle is covered with small white dots indicating that it is now selected.

  3. Let's use the Property Inspector to make our change to the color of the Fill. Click on the Fill Color Box in the Property Inspector. It is the blue one next to the paint bucket. Choose any red color from the Color Picker. The color will change in our rectangle and in the Fill Color Box.

  4. Let's change the Stroke height/width to 5 points. In the Property Inspector and above the Fill Color Box is the Stroke Color Box. To the right of this, is the Stroke Height/Width Box. You can type a 5 in the box or use the Slider.
That's the basics of drawing in Flash. Of course, this will probably be just the beginning. You will want to make modifications to this rectangle such as turning it into a button for your Flash movie.

Add Introduction+to+the+Flash+CS3+Drawing+Tools to Twitter Add Introduction+to+the+Flash+CS3+Drawing+Tools to Facebook Add Introduction+to+the+Flash+CS3+Drawing+Tools to MySpace Add Introduction+to+the+Flash+CS3+Drawing+Tools to Digg Introduction+to+the+Flash+CS3+Drawing+Tools Add Introduction+to+the+Flash+CS3+Drawing+Tools to Yahoo My Web Add Introduction+to+the+Flash+CS3+Drawing+Tools to Google Bookmarks Add Introduction+to+the+Flash+CS3+Drawing+Tools to Stumbleupon Add Introduction+to+the+Flash+CS3+Drawing+Tools to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2018 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2018 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor