1 of 26

2 of 26

3 of 26

ETUlay Online Tutorial

Educational

Technology

Unit

Line Tools

Illustration

4 of 26

Objectives:

At the end of our tutorial, you are expected to;

Enumerate the different line tools in Adobe Illustrator
Explore the options in using the different line tools
Value the importance of line tools in Adobe Illustrator

5 of 26

Additional Shape Tool

Flare

6 of 26

Shape Builder Tool

Unite

Minus Front

Intersect�Exclude

7 of 26

Shape Builder Tool

1

4

3

2

8 of 26

Let’s Discover

Line Segment Tool

9 of 26

Let’s Discover

Line Segment Tool

Creates a straight line.

10 of 26

Let’s Discover

Arc Tool

Click where you want the arc to begin. In the dialog box, click a square on the reference point locator to determine the point from which the arc is drawn. Then set any of the following options, and click OK.

Length X‑Axis: Specifies the width of the arc.

Length Y‑Axis: Specifies the height of the arc.

Type: Specifies whether you want the object to be an open path or a closed path.

Base Along: Specifies the direction of the arc. Choose X Axis or Y Axis depending on whether you want to draw the base of the arc along the horizontal (x) axis or vertical (y) axis.

Slope: Specifies the direction of the arc’s slope. Enter a negative value for a concave (inward) slope. Enter a positive value for a convex (outward) slope. A slope of 0 creates a straight line.

Fill Arc: Fills the arc with the current fill color.

11 of 26

Let’s Discover

Arc Tool

Creates a bended line

Click where you want the arc to begin. In the dialog box, click a square on the reference point locator to determine the point from which the arc is drawn. Then set any of the following options, and click OK.

Length X‑Axis: Specifies the width of the arc.

Length Y‑Axis: Specifies the height of the arc.

Type: Specifies whether you want the object to be an open path or a closed path.

Base Along: Specifies the direction of the arc. Choose X Axis or Y Axis depending on whether you want to draw the base of the arc along the horizontal (x) axis or vertical (y) axis.

Slope: Specifies the direction of the arc’s slope. Enter a negative value for a concave (inward) slope. Enter a positive value for a convex (outward) slope. A slope of 0 creates a straight line.

Fill Arc: Fills the arc with the current fill color.

12 of 26

Let’s Discover

Spiral Tool

13 of 26

Let’s Discover

Spiral Tool

Creates a curled line.

14 of 26

Let’s Discover

Rectangular Grid

Click and hold the Line Segment tool (). Select the Rectangular Grid tool .

Do one of the following:

Drag until the grid is the desired size.
Click to set the grid’s reference point. In the dialog box, click a square on the reference point locator to determine the point from which the grid is drawn. Then set any of the following options, and click OK.
Default Size: Specifies the width and height of the entire grid.
Horizontal Dividers: Specifies the number of horizontal dividers you want to appear between the top and bottom of the grid. The Skew value determines how the horizontal dividers are weighted toward the top or bottom of the grid.
Vertical Dividers: Specifies the number of dividers you want to appear between the left and right sides of the grid. The Skew value determines how the vertical dividers are weighted to the left or right side.
Use Outside Rectangle As Frame: Replaces the top, bottom, left, and right segments with a separate rectangular object.
Fill Grid: Fills the grid with the current fill color (otherwise, the fill is set to none).

15 of 26

Let’s Discover

Rectangular Grid

Creates a table (rows and columns).

Click and hold the Line Segment tool (). Select the Rectangular Grid tool .

Do one of the following:

Drag until the grid is the desired size.
Click to set the grid’s reference point. In the dialog box, click a square on the reference point locator to determine the point from which the grid is drawn. Then set any of the following options, and click OK.
Default Size: Specifies the width and height of the entire grid.
Horizontal Dividers: Specifies the number of horizontal dividers you want to appear between the top and bottom of the grid. The Skew value determines how the horizontal dividers are weighted toward the top or bottom of the grid.
Vertical Dividers: Specifies the number of dividers you want to appear between the left and right sides of the grid. The Skew value determines how the vertical dividers are weighted to the left or right side.
Use Outside Rectangle As Frame: Replaces the top, bottom, left, and right segments with a separate rectangular object.
Fill Grid: Fills the grid with the current fill color (otherwise, the fill is set to none).

16 of 26

Let’s Discover

Polar Grid Tool

Click and hold the Line Segment tool (). Select the Polar Grid tool .

Do one of the following:

Drag until the grid is the desired size.
Click to set the grid’s reference point. In the dialog box, click a square on the reference point locator to determine the point from which the grid is drawn. Then set any of the following options, and click OK.
Default Size: Specifies the width and height of the entire grid.
Concentric Dividers: Specifies the number of circular concentric dividers you want to appear in the grid. The Skew value determines how the concentric dividers are weighted toward the inside or outside of the grid.
Radial Dividers: Specifies the number of radial dividers you want to appear between the center and the circumference of the grid. The Skew value determines how the radial dividers are weighted counterclockwise or clockwise on the grid.
Create Compound Path From Ellipses: Converts the concentric circles into separate compound paths and fill every other circle.
Fill Grid: Fills the grid with the current fill color (otherwise, the fill is set to none).

17 of 26

Let’s Discover

Polar Grid Tool

Creates set of circles with the divided parts.

Click and hold the Line Segment tool (). Select the Polar Grid tool .

Do one of the following:

Drag until the grid is the desired size.
Click to set the grid’s reference point. In the dialog box, click a square on the reference point locator to determine the point from which the grid is drawn. Then set any of the following options, and click OK.
Default Size: Specifies the width and height of the entire grid.
Concentric Dividers: Specifies the number of circular concentric dividers you want to appear in the grid. The Skew value determines how the concentric dividers are weighted toward the inside or outside of the grid.
Radial Dividers: Specifies the number of radial dividers you want to appear between the center and the circumference of the grid. The Skew value determines how the radial dividers are weighted counterclockwise or clockwise on the grid.
Create Compound Path From Ellipses: Converts the concentric circles into separate compound paths and fill every other circle.
Fill Grid: Fills the grid with the current fill color (otherwise, the fill is set to none).

18 of 26

Answer this:

A. Ctrl

1. What is the keyboard key to make your line a straight horizontal or straight vertical?

B. Shift

C. Alt

D. Backspace

19 of 26

Answer this:

A. Arc Tool

2. What tool allows you to create a curl shape?

B. Line Segment Tool

C. Spiral Tool

D. Rectangular Grid Tool

20 of 26

Answer this:

A. Arc Tool

3. What tool allows you to create a bended or curved line?

B. Line Segment Tool

C. Spiral Tool

D. Rectangular Grid Tool

21 of 26

Answer this:

A. Decay

4. What option from the spiral tool allows you to specify the distance of your curves from the center to the outermost point?

B. Radius

C. Segment

D. Style

22 of 26

Answer this:

A. Length X-Axis

5. In what option in the Arc Tool allows you to specify the width of the arc?

B. Length Y-Axis

C. Length Z-Axis

D. Length A-Axis

23 of 26

Generalization

Line Tools allows you to create a line, spiral, arc, rectangular polar grid and polar grid tool.

You can edit, resize, apply color in the different line tools.

You can access line tools in the Tool Box.

�

PH

SKIP NAVIGATION

1:43 / 58:15

�

24 of 26

Creativity is intelligence having fun.

- Albert Einstein

25 of 26

Thank You!

Susunod: Tutor Arjay at Tutor Rodrigo, para sa Contact Center Services 9

Educational

Technology

Unit

For comments/suggestions e-mail us at edtech@deped.gov.ph

https://tinyurl.com/ETUlayFeedbackForm

We would love to hear your thoughts or feedback

on how we can improve your experience!

1 of 26

2 of 26

3 of 26

4 of 26

5 of 26

6 of 26

7 of 26

8 of 26

9 of 26

10 of 26

11 of 26

12 of 26

13 of 26

14 of 26

15 of 26

16 of 26

17 of 26

18 of 26

19 of 26

20 of 26

21 of 26

22 of 26

23 of 26

24 of 26

25 of 26

26 of 26