Flash Tutorial - online flash tutorial - free flash tutorial free - free flash macromedia tutorial

Sponsored Links

Flash Tutorial - Using the Line tool

This section of the Flash tutorial introduces you to the simplest drawing tool in flash - the line tool.

The Line tool Flash line Tool is used for making straight lines. When activated the Line tool presents a set of modifiers below the toolbar. These modifiers control the various properties of the line such as thickness, color and style.

Line Modifiers in Flash

Clicking on the Color Icon with the left mouse button, presents a color palette. Move your mouse pointer over a color and left-click to select it.

Line thickness drop down menuThe thickness of the line is set by selecting a value from the drop down menu (shown on the left). This menu displays a list of thickness values in pixels. H means a hairline thick line and Custom, lets you specify the thickness value via a pop up window.

Line Style drop down menuLine style such as solid, dashed, dotted, ragged etc can be selected from the Line Style drop down menu.
Tip: Using a line style other than solid will result in slightly larger file size. Be sure to test the file size before you populate your Flash movie with other styles.

Now, let's draw a few straight lines. Select the line tool and left-click somewhere in the movie and with the mouse button depressed drag to another location. You have your line. Simple?

Tip: If you want perfectly horizontal, vertical or diagonal lines, press SHIFT on the keyboard while drawing.

Here are some examples:

Line Styles

Once we have made a straight line, its shape and size can be changed using the mouse.
If you move your mouse pointer near one of the ends of the line, you'll notice that the pointer changes to Mouse pointer when moved near one of the ends of a line. Left-click this end and drag it to a new location. Line size and orientation can be changed using this method.
Converting a straight line to a curve is also quite simple. Move you mouse pointer near the middle of the line, its shape changes to Mouse pointer when moved near the middle of the line. The display of a small curve icon at the bottom-right of the mouse pointer means that you can change the shape of the line. Left click and drag to convert it into a curve.

A (very) brief introduction to Inspectors

The mouse can be used for scaling, rotating and placing objects. (You'll learn how to accomplish all these in later sessions).
However, if you want precise control, I suggest you use Inspectors.
For example, the Object Inspector controls the properties of a line. Open it by clicking on Window - Inspectors - Object. If the line is deselected, select it using the arrow tool Flash Arrow tool. Selection places a sort of net over the object (the line in our case). In the Object Inspector, you can specify the starting x and y co-ordinates of the line and its width in pixels. Click the Apply button when you are through.

The Object Inspector

The Transform Inspector, which is closely associated with the Object Inspector lets you change the orientation and scale of objects (the line in our case).

Further, the Transform menu (Modify - Transform) also lets you change the orientation and the size of objects (line in our case). We shall look at this in the next session.

Thus, the shape, orientation and other properties of objects can be changed through the Transform menu, Inspectors and the Arrow tool modifiers. Sounds confusing? Don't worry, we would be looking at all these options soon.



Page contents: Flash Tutorial - online flash tutorial - free flash tutorial free - free flash macromedia tutorial

AddThis Social Bookmark Button

Recent Articles

Flash Tutorial