logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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 Del.icio.us 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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Motion 5 Parallax Effect - The Graphics

Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor