Flash Objects Tutorial

AACS1193 WEB DESIGN AND DEVELOPMENT
Practical 2: Introduction Flash Objects
After completing this tutorial, you will be able to:

• Introduction to Flash Objects
• Using the Flash Tools
• Draw Line Segments
• Draw Lines with the Pen Tool
• Draw Shapes
• Draw Objects with the Brush Tool
• Fill Objects with the Paint Bucket Tool
Task 1 : Using the Flash Tool
Packed with tools, the Tools panel helps you create and work with graphic and text
objects. By default, it appears docked on the far-left side of the program window. To hide
the Tools panel at any time, click Window, then Tools. You can also expand or collapse
the tools by clicking the arrows at the top of the panel.
Page 1 of 19
Selection – to grab, select, and

move items on the stage. Subselection – displays edit points you
can adjust to change a line’s shape.
Free Transform – use to rotate,
scale, skew, or distort objects. Lasso – use to select irregularly shaped
objects on the Stage.
Pen – draw precise curves. Text – draw text boxes.
Line – draw straight lines. Rectangle – draw square, rectangle,

and polygon shapes.
Pencil – draw freeform lines.
Brush – paintbrush, draw with a fill
color.
Ink Bottle – use to change the Paint Bucket – fills shapes or lines
style, thickness, and color of lines. with color.
Eyedropper – use to copy the Eraser – erases parts of a graphic

attributes of one object to another. object.
View Tools
Hand – use to move your view of Zoom – Magnifies your view or zooms
the objects on the Stage or in the out for a better look at Stage.
work area.
Color Tools
and Controls
Line Color controls – click to
display a palette of colors for
lines. Fill Color controls – click to display a
palette of colors for fills.
Black and White – changes the
line color to black and the fill SWAP Color – switches the line color
color to white. to the fisll color and vice versa.
No Color button – use to draw

shapes without fill color.
Some of the drawing tools you select might offer modifiers that enable you to
set additional controls for the tool.
Line Segments
Page 2 of 19
Task 1: Draw line Segments
1. Click the Line tool.

2. Move the mouse pointer over the Stage area.
3. Click and drag to draw a line to your desired length.
4. Release the mouse button.
5. The line appears to your specifications.
Line Tool
Task 2: Draw a Freeform Line
1. Click the Pencil tool.

2. Click the Pencil Mode button.
3. Select a pencil mode.
4. Click and drag your cursor on the Stage to draw the line.
6. The line appears to your specifications.
Page 3 of 19
Pencil Tool
Task 3: Draw Line with the Pen Tool
1. Click the Pen tool.

2. Move the cursor pointer over the Stage area.
3. Click and begin dragging to start the curve. Control handles appear.
4. Stop dragging and release the mouse button.
5. Click and drag where you want the line to end.
6. Release the mouse button. The curve line appears on the Stage.
Draw Oval and Rectangle Shapes
Task 4: Draw an Empty Shape
1. Click the Oval tool.

2. Move the cursor over the Stage area. Clicking the No Color button.
3. Click and drag to draw the shape you want.
Page 4 of 19
Oval Tool
Task 5: Draw a Shape with a Fill Color
1. Click Rectangle tool.

2. Click the Fill Color tool. The Fill Color palette opens.
3. Click a fill color.
4. Click and drag to draw the shape. Release the mouse button.
Page 5 of 19
Task 6: Draw a Rectangle with Rounded Corners
1. Click the Rectangle tool.

2. Click the Round option in the Options area of the toolbar.
3. The Rectangle Settings dialog box appears. Type a corner radius setting, with zero
creating straight corners.
4. Click OK. Draw a rectangle.
Task 7: Draw Objects with the Brush Tool
1. Click the Brush tool.

2. Click the Brush size. Choose a Brush size.
3. Click the Brush Shape. Choose a shape.
4. Move your cursor over the Stage. Click and drag to begin drawing.
Page 6 of 19
Paint Bucket Tool

Task 8: Add a Fill
1. Click the Paint Bucket tool. Select color from Fill Color palette.
2. Click the shape you want to fill.
Task 9: Add a Gradient Fill
1. Click the Paint Bucket tool.

2. Click the Fill Color palette. Select a gradient color effect.
3. Click the shape you want to fill.
Page 7 of 19
Enhancing and Editing Object

Task 10: Smooth and Straight a Line
1. Click the line segment you want to smooth.

2. Click the Smooth tool.
3. Click the line segment you want to straighten.
4. Click the Straighten tool.
Page 8 of 19
Task 11: Modify Object with the Free Transform Tool
1. Select object you want to resize.

2. Click the Free Transform tool.
3. Click the Scale tool.
4. Click and drag an edit point to scale the project.
5. You can also select the object you want to distort. Click the Distort button.
Page 9 of 19
6. Click and drag an edit point to distort the object.
7. You can also skew an object. Click the Rotate and Skew tool.
8. Click and drag an edge of the object to skew the object shape.
9. You can also envelope a shape. Click the Envelope tool.

10. Click and drag an edit point to change the object shape.
Page 10 of 19
11. You can also select the object or shape you want to rotate. Click the Rotate and
Skew tool.
12. Click and drag an edit point to rotate the object.
13. You can also select the object you want to flip.
Page 11 of 19
14. Click Modify, click Transform then click Flip Vertical or Flip Horizontal.
Task 12: Using the Eraser Tool
1. Click the eraser tool.

2. Select the Eraser size and shape. Click and drag to begin erasing.
Task 13: Create a Gradient Effect and Transform a Gradient Fill
1. Click window, click Design Panels, click Color Mixer, click the Fill Style then
select Linear or Radial.
2. Click the color marker you want to change.
3. Click a color, click a color shape then drag the left or right to adjust the color
intensity bandwidth on the gradient.
4. You can save the gradient by click the Panel Menu button then click Add Swatch.
Page 12 of 19
5. You can also assign a gradient fill to an object or shape.

6. Click Fill Transform tool.
7. Click the fill, click and drag an edit point to transform the fill.
8. Click anywhere outside the fill to turn off the Fill Transform feature.
Task 14: Group and Ungroup Object
1. Select all the objects you want to include in a group.
Page 13 of 19
2. Click Modify then click Group.
3. Select the group you want to ungroup.

4. Click Modify then click Ungroup.
Page 14 of 19
Task 15: Stack Object
1. Select the object or group you want to reorder.

2. Click Modify, click Arrange then select whether you want to send the object to
the front or back of the stack.
Page 15 of 19
To bring an object to the very front of the stack, click Bring to Front
To bring an object to the very front of the stack, click Send Backward
Task 16: Align Object Horizontally and Vertically
1. Select the object you want to align.

2. Click Window, click Design Panels, click Align then select an alignment option.
Page 16 of 19
Working with Text

Task 17: Add Text with the Text Tool
1. Click the Text tool.

2. Click in the Stage area, type your text.
Page 17 of 19
3. To format text, open the Properties inspector you can bold and italicize text,
change text font, change the font size, align text, kern text, set text box margins,
set text box indents.
Task 18: Break Apart Text
1. Click the text box you want to edit.
2. Click Modify then click Break Apart.
Working with Flash Symbols

Task 19: Convert an Object to a Symbol
1. On the Stage, select all the objects you want to convert into symbols.
2. Click Modify then click convert to Symbol.
Page 18 of 19
3. Type a unique name for the symbol.

4. Click a behavior to assign to the symbol. Click OK.
5. You can preview the symbol by open the Library panel. Click the symbol name
and the symbol appears in the top section of the Library panel.
Page 19 of 19

Flash Objects Tutorial

Загружено:

Сведения о документе

Исходное описание:

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Flash Objects Tutorial

Загружено:

Авторское право:

Доступные форматы

AACS1193 WEB DESIGN AND DEVELOPMENT

Practical 2: Introduction Flash Objects

After completing this tutorial, you will be able to:

Task 1 : Using the Flash Tool

Selection – to grab, select, and

Line – draw straight lines. Rectangle – draw square, rectangle,

Eyedropper – use to copy the Eraser – erases parts of a graphic

No Color button – use to draw

Task 1: Draw line Segments

1. Click the Line tool.

Task 2: Draw a Freeform Line

1. Click the Pencil tool.

Task 3: Draw Line with the Pen Tool

1. Click the Pen tool.

Draw Oval and Rectangle Shapes

Task 4: Draw an Empty Shape

1. Click the Oval tool.

Task 5: Draw a Shape with a Fill Color

1. Click Rectangle tool.

Task 6: Draw a Rectangle with Rounded Corners

1. Click the Rectangle tool.

Task 7: Draw Objects with the Brush Tool

1. Click the Brush tool.

Paint Bucket Tool

Task 9: Add a Gradient Fill

1. Click the Paint Bucket tool.

Enhancing and Editing Object

1. Click the line segment you want to smooth.

Task 11: Modify Object with the Free Transform Tool

1. Select object you want to resize.

6. Click and drag an edit point to distort the object.

9. You can also envelope a shape. Click the Envelope tool.

Task 12: Using the Eraser Tool

1. Click the eraser tool.

Task 13: Create a Gradient Effect and Transform a Gradient Fill

5. You can also assign a gradient fill to an object or shape.

Task 14: Group and Ungroup Object

1. Select all the objects you want to include in a group.

2. Click Modify then click Group.

3. Select the group you want to ungroup.

Task 15: Stack Object

1. Select the object or group you want to reorder.

Task 16: Align Object Horizontally and Vertically

1. Select the object you want to align.

Working with Text

1. Click the Text tool.

Task 18: Break Apart Text

1. Click the text box you want to edit.

2. Click Modify then click Break Apart.

Working with Flash Symbols

3. Type a unique name for the symbol.

Вам также может понравиться