Adobe Flash CS6 - Odisha State Open Universityosou.ac.in/eresources/osou-dca-Flash-Block-1-Unit-3.pdf · 2018. 8. 16. · 3.3.3 Oval Primitive Tool 3.3.4 Poly star Tool 3.3.5 Lasso

Adobe Flash CS6

Block -1 ,Unit-3

ODISHA STATE OPEN UNIVERSITY, SAMBALPUR

BY V.S.SANDILYA

PAPER: - DCA-4.2 BLOCK-1 UNIT-3 ADOBE FLASH CS6

ODISHA STATE OPEN UNIVERSITY, SAMBALPUR BLOCK-1 UNIT -3 1

Contents Unit-3 Tools Palate Detail {Part-2} ................................................................................................................ 2

3. Structure ............................................................................................................................................... 2

3.1 Introduction ........................................................................................................................................ 2

3.2 Objectives............................................................................................................................................ 2

3.3 Contents .............................................................................................................................................. 3

3.3.1 Rectangle Primitive Tool .............................................................................................................. 3

3.3.2 Oval Tool ...................................................................................................................................... 3

3.3.3 Oval Primitive Tool ....................................................................................................................... 3

3.3.4 PolyStar Tool ............................................................................................................................. 3

3.3.5 Lasso Tool .................................................................................................................................. 3

3.4 Points to Remember ....................................................................................................................... 3

3.5 Check Your Progress ........................................................................................................................ 3

3.6 Let Us Sum Up ................................................................................................................................ 3

3.7 Answers to Check Your Progress ................................................................................................... 3



Unit-3 Tools Palate Detail {Part-2}

1. Introduction

2. Objectives

3. Contents

a) What is flash

b) Why use Flash

c) Careers using Flash

d) The components of Flash

e) Drawing Modes In Flash

f) Tools used in Flash

4. Points to Remember

5. Let us sum up

6. Check Your Progress

7. Answers To Check Your Progress

3. Structure

3.1 Introduction

3.2 Objectives 3.3 Contents 3.3.1 Rectangle Primitive Tool

3.3.2 Oval Tool

3.3.3 Oval Primitive Tool

3.3.4 Poly star Tool

3.3.5 Lasso Tool

3.4 Points To Remember 3.5 Let us Sum Up 3.6 Check Your Progress 3.7 Answers To Check Your Progress

3.1 Introduction

In this unit we shall be covering 5 tools from the tools palate namely Rectangle Primitive Tool, Oval

Tool, Oval Primitive Tool, PolyStar Tool and the Lasso tool

3.2 Objectives

After the completion of this unit you would be able to understand

1. What is a Rectangle Primitive tool and its use?

2. What is an Oval tool and its use?

3. What is an Oval primitive tool and its use?

4. What is a Poly Star Tool and its use?

5. What is a Lasso Tool and its use?



Rectangle Primitive Tool is used to draw a rectangle whose corners can be curved as desired.

Click on the rectangle Primitive Tool as shown below

3.3.1 Rectangle Primitive Tool

3.3 Contents



In the above image shows

Sl.No Name value Description

1 X 81.00 X coordinate location

2 Y 73.00 Y coordinate location

3

Stroke Color

4

Fill Color

5

Stroke Size

6

Stroke Style

7

Edit stroke style

8

Contains stroke scaling in the player

9

Keep stroke anchors on full pixels to prevent blurry lines.

10 Set the style at the path end It is classified to None ,Round, Square

11

Define how the path segments meet, It is classified into Miter,Round,Bevel

12

Rectangle options which shows how the rectangle will appear. It comprises of the corner radius locking with the symbol

And Corner radius unlocking as



3.3.1.1 Working with The Stroke size:-

3.3.1.2 Working with the Stroke Color

The above image shows stroke color which is Red. It can be changed to any other color such as blue as

shown below



3.3.1.3 Working with the Stroke Style

STYLES OF RECTANGLE PRIMITIVE TOOL

Hairline Dashed Dotted

Ragged Stippled Hatched

Solid



3.3.1.4 Working with Edit Stroke Style: - This option is used to edit the Stroke style is defined by the

symbol as shown below.

3.3.1.5 Working with the Caps and Joins

Setting the Cap to Square and join to Miter



3.3.1.6 Locking Corner Controls to One Control Radius

3.3.1.7 Reset Button

Clicking on the Reset button resets the rectangle.



The Oval tool creates circular shapes such as ovals and circles. Using oval tool we can draw

complete oval shape, Doughnuts, pieces of Doughnuts, Pie shapes The oval tool is identified by the

symbol. The only difference between oval and Oval Primitive tool is that we can modify the oval

options after drawing in case of oval primitive which is not possible in oval tool.

3.3.2 Oval Tool



Clicking on the Oval tool activates the properties of the oval tool as shown below

In the above image shows



Sl.No Name/Diagram value Description

1

Stroke Color

2

Fill Color

3

Style of the oval tool

4

5

The style how tip of the line would be. There are 2 ways Round :- Round edges Square:- Square Edges

6

The style of join of circle. They are categorized into 3 types

1. Miter 2. Round 3. Bevel

Not effective on oval shape.

7 Miter It defines the Miter value

8 Oval options

a. Start Angle/End Angle The angle of the start

point and end point of the

oval. Using these

controls, you can easily

modify the shape of ovals

and circles.

b. Inner Radius An inner radius (or oval) within the oval. You can either enter a numeric value for the inner radius in the box or click the slider and interactively adjust the size of the inner radius. You can enter values from 0 to 99

c.

Close Path Determines whether the

path is closed or open

.Specifying an inner

radius and path is closed

results to 2 ovals ,one

inside the other. If we

specify an open path, no

fill is applied to the

resulting shape, only the

stroke is drawn. Close

Path is selected by

default.



d. Reset Resets all of the Oval tool

To draw a perfectly round circle press shift after clicking the oval tool and with ledt mouse button draw

a perfect circle as shown below



Types Of Oval Shapes That Can Be Drawn With Inner Radius =0 Are



Solid



Types Of Oval Shapes That Can Be Drawn With Inner Radius > 0 Are



Solid



3.3.2.1 Changing the oval options



3.3.2.2 Working with Oval Options.

Oval Options

Changing Start angle





3.3.2.2.1 Changing the End Angle

Step-1

Step-2



Changing the Inner Radius

Step-1



Step-2

3.3.2.2.2 Working with the Close Path

The close path is used to close the path of shape as shown above if it is ticked as shown below

If the closed path is un ticked and



And the cap is said to be round



If the closed path is checked



3.3.2.2.3Working with the Reset Button

Clicking on the reset button resets the shape of ellipse.



The oval primitive tool is used to draw an Oval Primitive. Using oval primitive tool we can draw

complete oval shape, Doughnuts, pieces of Doughnuts, Pie shapes. It is identified by the symbol

3.3.3 Oval Primitive Tool



Discussing about the properties

Sl.No Property Name Property Description

1 X:158 Position of X axis

2 Y:65 Position of Y axis

3 W:220 Width of the Oval Primitive object

4 H:183 Height of the Oval Primitive object

5

Stroke Color

6

Fill Color

7

Stroke size

8

Stroke Style

9

Controls stroke scaling in the player

10

Keeps stroke anchors to prevent blurry lines

11

Set the style at the path end.

12

Define how two path segments meet

13

Controls the sharpness of miter joins

Oval Options

14

Start angle of the Oval Primitive tool

15

End Angle of the oval primitive tool

16

Inner radius of the oval primitive tool

17

Check if the Path is a closed path or not

18

Reset controls



3.3.3.1 Changing the X and Y Coordinates

Changing the X and Y coordinates changes the position of the object

Step-1



Step-2



3.3.3.2 Working with the Width and the Height

Changing the width and the height changes the shape of the elliptical object.

Step-1



Step-2



3.3.3.3 Working with the Fill, the Stroke, the Stroke size

Step-1

Step-2



3.3.3.3.1 Working with the style

Here the style is set to solid



Types Of Oval Primitive Shapes That Can Be Drawn With Inner Radius =0 Are



Solid



3.3.3.3.2 Working with Oval Options.

Oval Options

Changing Start angle





3.3.3.3.2.1 Changing the End Angle

Step-1

Step-2



3.3.3.3.2.2 Changing the Inner Radius

Step-1



Step-2

3.3.3.3.2.3 Working with the Close Path

The close path is used to close the path of shape as shown above if it is ticked as shown below

If the closed path is un ticked and



And the cap is said to be round



If the closed path is checked



3.3.3.3.2.4 Working with the Reset Button

Clicking on the reset button resets the shape of ellipse.



The PolyStar Tool is used to draw a Polygon or a Star with defined sides and defined size. The

Poly Star Tool is identified by the symbol as shown below

PolyStar tool allows you to easily create complex vector shapes. You can use this tool to create

polygons and stars with up to 32 sides. Choose between creating a polygon or a star. Both

styles have characteristics that can be adjusted in the Property Inspector before you draw the

shape. Both the polygon and star style can have up to 32 sides, with the star style having an

additional star point size that can be set. Experiment with several options to get the kind of

shape you want.

Step-1

3.3.4 PolyStar Tool



We have discussed about the Stroke, style, and cap and join in the other tools. The same

features exist with this tool.

We shall be discussing the options

Style: - This defines the style of the tool that whether the style is polygon/star.

No Of sides: - This defines the total number of sides of a polygon or star.

Star point size: - These segments are called its edges or sides, and the points where two edges

meet are the polygon's vertices (singular: vertex) or corners. The interior of the polygon is

sometimes called its body. An n-gon is a polygon with n sides; for example, a triangle is a 3-

gon.

Style Polygon

No Of Sides 5

Star Point Size 0.5



Style Star

No Of Sides 5

Star Point Size 0.2

Before we get into Lasso Tool we brush some concepts that we learn in the previous unit

1. Object Drawing mode

2. Merged Drawing Mode

Means object drawing mode

Means merged drawing mode

3.3.5 Lasso Tool



Identifying a drawn image is in object drawing mode is

Using the selection tool when the drawn object is clicked

SlNo Image Description

1

means image drawn in object drawing mode

2

means image drawn in merged drawing mode

Lasso tool is used to select a part of merged drawing or complete merged drawing.

As we had discussed in unit -2 that there are 2 modes of drawing

1. Object drawing mode

2. Merged drawing mode

In this section we shall discuss the following topics

1. Drawing a shape using merged drawing mode

2. Using the Lasso tool to select the part of the entire shape in merged mode and move

it elsewhere

3. Using the lasso tool to select the entire shape in merged mode and move it elsewhere



3.3.5.1 Moving a Part of Merged Image Elsewhere

Working with the Rectangle Tool

Step-1

First click on the rectangle tool as shown below

Step-2

Let us check whether the drawn shape is in object drawing mode or merged drawing mode.

Drawing Mode Symbol in the Tools panel

Merged Drawing mode

Object Drawing mode

.Step-3

Doing so takes us to the merged drawing mode and we draw a rectangle



Step-1

Using the Lasso tool as shown below

Select the part of the entire shape in merged mode and move it elsewhere

Step-2

Watch the discolored part of the rectangle in red colour

Now using the selection tool as shown below

Move the selected part of the rectangle elsewhere as shown below



Step-3


Select elsewhere

3.3.5.2 Moving the Entire Merged Image Elsewhere

Step-1





Step-2

Step-3


Move the selected shape drawn in merged mode elsewhere



1. What rectangle primitive tool is, how to use it, where to use it, working with properties.

2. What an oval tool is and how it is used? What are its properties

3. What is oval primitive tool and what are its properties?

4. What is a poly Star tool? Poly star properties?

5. What is a Lasso tool and how it is used and when it is used?

1. What is Rectangle Primitive Tool? Discuss its use with properties

2. What is an Oval tool? Discuss its use with properties

3. What is Oval Primitive Tool? Discuss its use with properties

4. What is a Poly star tool? Discuss its use with properties?

5. What is a lasso tool? Discuss its use?

In this unit we have learnt about the tools in detail

1. 2 modes of drawing, merged drawing and object drawing. Identifying the 2 modes of

drawing.

2. Rectangle primitive tool

3. Oval tool

4. Oval Primitive tool

5. Poly star tool

6. Lasso Tool

3.4 Points to Remember

3.5 Check Your Progress

3.6 Let Us Sum Up



1. 2 modes of drawing

Means object drawing mode

means merged drawing mode

Pressing j key acts switching from merged drawing mode to object drawing mode and vice

versa.




1


2


3.7 Answers to Check Your Progress



2. Rectangle Primitive Tool: - Rectangle Primitive Tool is used to draw a rectangle whose

corners can be curved as desired.

The properties of the Rectangle Primitive tool are

1. X :- this stands for the X coordinate location

2. Y :- This stands for the Y coordinate location

3. Stroke color :- The colour of the edge of the rectangle Primitive tool

4. Stroke :- Stroke size

5. Style: - Stroke style. It is how we set the style of the stroke It is classified into hairline,

solid, dashed, dotted, ragged, stippled and hatched

6. Edit stroke Style: - Edit stroke style is used to edit the stroke style of solid, dashed,

dotted, ragged, stippled, and hatched.

7. Scale: - contains stroke scaling on the player,

8. Hinting :- Keeps stroke anchors on full pixels to prevent blurry lines

9. Cap: - Sets the style at the path end. It is classified to None ,Round, Square

10. Join :- Defines how the path segments meets, It is classified into Miter,Round,Bevel

11. Rectangle option: - Rectangle options which shows how the rectangle will appear. It comprises

of the corner radius locking with the symbol

And

Corner radius un locking as



STYLES OF RECTANGLE PRIMITIVE TOOL



Solid



3. Oval Tool:-

1. The Oval tool creates circular shapes such as ovals and circles. Using oval primitive tool

one can draw complete oval shape, Doughnuts, pieces of Doughnuts, Pie shapes. It is identified

by the symbol

.

To draw a perfectly round circle press shift after clicking the oval tool and with ledt mouse button draw

a perfect circle as shown below

Clicking on the Oval tool activates the properties of the oval tool as shown below

1. Stroke Color :- The stroke color defines color of the edge of oval

2. Fill color :- A fill color is a solid shape, often contained or surrounded by a stroke

3. Stroke :- This option defines the size of the stroke

4. Style Of the Oval Tool :- Stroke style. It is how we set the style of the stroke It is classified

into hairline, solid, dashed, dotted, ragged, stippled and hatched



6. Scale: - Contains stroke scaling on the player.

7. Hinting :- Keeps stroke anchors on full pixels to prevent blurry lines

8. Cap: - Sets the style at the path end. It is of 2 types round and square

9. Join :- Defines how the path segments meets .It is of 3 types Miter, round and Bevel

10. Miter :- It defines the Miter value

11. Start Angle/End angle :- The angle of the start point and end point of the oval. Using these

controls, one can easily modify the shape of ovals and circles.

12. Inner Radius :- An inner radius (or oval) within the oval. The values can be from 0 to 99

13. Close Path :- Determines whether the path (or paths, if you are specifying an inner radius) of

the oval is closed. If you specify an open path, no fill is applied to the resulting shape, only

the stroke is drawn. Close Path is selected by default.

14. Reset :- Resets all the options of the Oval tool



Working with the Start angle,end angle, inner radius and cap



Use of Oval Tool to draw pie shapes

Use of Tool to draw doughnut pieces



Types Of Oval Shapes That Can Be Drawn With Inner Radius = 0 Are



Solid



Types Of Oval Shapes That Can Be Drawn With Inner Radius > 0 Are



Solid



2. Oval Primitive Tool :- The oval primitive tool is used to draw an Oval Primitive. Using oval

primitive tool one can draw complete oval shape, Doughnuts, pieces of Doughnuts, Pie shapes.

It is identified by the symbol

It is identified by the following properties as shown below

1. X: - X Position of the Oval Primitive.

2. Y:- Y Psisition of the Oval Primitive

3. W :- Width Of the Oval Primitive object

4. H :- Height of the Oval Primitive Object

5. Stroke Color :- The stroke color defines color of the edge of oval primitive

6. Fill color :- A fill color is a solid shape, often contained or surrounded by a stroke


8. Style :- It is how we set the style of the stroke It is classified into hairline, solid, dashed,

dotted, ragged, stippled and hatched




11. Hinting: - Keeps stroke anchors on full pixels to prevent blurry lines.

12. Cap: - Sets the style at the path end. It is of 2 types round and square.

13. Join :- Defines how the path segments meets .It is of 3 types Miter, round and Bevel

14. Miter :- It defines the Miter value.

15. Start Angle/End angle :- The angle of the start point and end point of the oval. Using these

controls, one can easily modify the shape of ovals and circles.

16. Inner Radius :- An inner radius (or oval) within the oval. The values can be from 0 to 99

17. Close Path :- Determines whether the path (or paths, if you are specifying an inner radius) of

the oval is closed. If you specify an open path, no fill is applied to the resulting shape, only

the stroke is drawn. Close Path is selected by default...

18. Reset :- Resets all the options of the Oval tool



Use of oval primitive tool to draw Doughnut shapes

Use of Oval Primitive Tool to draw pie shapes

Use of Oval Primitive Tool to draw doughnut pieces



Types Of Oval Shapes That Can Be Drawn With Inner Radius = 0 Are



Solid



Types Of Oval Primitive Shapes That Can Be Drawn With Inner Radius > 0 Are



Solid



3. Poly Star Tool

The Poly Star Tool is used to draw a Polygon or a Star with defined sides and defined size. The

Poly Star Tool is identified by the symbol as shown below

Poly star tool allows you to easily create complex vector shapes. You can use this tool to create

polygons and stars with up to 32 sides. We can create a Polygon or a star by choosing between

a polygons or a star. Both the polygon and star style can have up to 32 sides. With the star style

having an additional star point size that can be set we can draw different kinds of polygons and

different kinds of stars.

The properties of the poly star tool are


2. Stroke Color: - The stroke color defines color of the edge of Polystar.

3. Fill Color :- fill color is a solid shape, often contained or surrounded by a stroke

4. Style :- It is how we set the style of the stroke It is classified into hairline, solid, dashed,

dotted, ragged, stippled and hatched


6. Hinting: - Keeps stroke anchors on full pixels to prevent blurry lines.

7. Cap: - Sets the style at the path end. It is of 2 types round and square.

8. Joining :- Defines how the path segments meets .It is of 3 types Miter, round and Bevel

9. Miter: - It defines the Miter value.

10. Tool Settings :- This option is used to set

11. Style :- Set the style to Polygon/Star

12. No Of sides: - set the number of sides. Starts from 3 to 32.

13. Star point size: - Sets These segments are called its edges or sides, and the points where

two edges meet are the polygon's vertices (singular: vertex) or corners. The interior of

the polygon is sometimes called its body. An n-gon is a polygon with n sides; for

example, a triangle is a 3-gon.



Star point size:-

Style Polygon

No Of Sides 5

Star Point Size 0.5

Style Star

No Of Sides 5

Star Point Size 0.2



4. Lasso Tool :- lasso tool is used to select a part of merged drawing or complete

merged drawing in order to move or delete


Merged Drawing mode

Object Drawing mode




1


2


Lasso tool is used to select a part of merged drawing or complete merged drawing.

Using the Lasso tool to select the part of the entire shape in merged mode and move it

elsewhere or press the del key to delete the selected part of the shape

Using the lasso tool to select the entire shape in merged mode and move it elsewhere

or press the Del key to Del key to delete the selected object.



Drawing a Shape in Merged Drawing Mode

Working with the Rectangle Tool

Step-1

First click on the rectangle tool as shown below

Step-2

Let us check whether the drawn shape is in object drawing mode or merged drawing mode.


Merged Drawing mode

Object Drawing mode

.Step-3

Doing so takes us to the merged drawing mode and we draw a rectangle



Using the Lasso tool to select the part of the entire shape in merged mode and move it

elsewhere

Step-1



Step-2

Watch the discolored part of the rectangle in red colour




Move the selected part of the rectangle elsewhere as shown below

Step-3


Select elsewhere

Using the lasso tool to select the entire shape in merged mode and move it elsewhere

Step-1





Step-2

Step-3


Move the selected shape drawn in merged mode elsewhere

Documents

Adobe Flash CS6 - Odisha State Open Universityosou.ac.in/eresources/osou-dca-Flash-Block-1-Unit-3.pdf · 2018. 8. 16. · 3.3.3 Oval Primitive Tool 3.3.4 Poly star Tool 3.3.5 Lasso