8

Computer Science II
Quarter 1 - Module 2
Creating Vector Graphics

LETY
SA PER
R PRO
FOENT
T M
O VERN
O
G
N
Computer Science – Grade 8
Alternative Delivery Mode
Quarter 1 – Module 2: Creating Vector Graphics
First Edition, 2020

Republic Act 8293, section 176 states that: No copyright shall subsist in
any work of the Government of the Philippines. However, prior approval
of the government agency or office wherein the work is created shall be
necessary for exploitation of such work for profit. Such agency or office
may, among other things, impose as a condition the payment of royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand

names, trademarks, etc.) included in this book are owned by their respective
copyright holders. Every effort has been exerted to locate and seek
permission to use these materials from their respective copyright owners.
The publisher and authors do not represent nor claim ownership over them.

Published by the Department of Education - Region III

Secretary : Leonor M. Briones
Undersecretary : Diosdado M. San Antonio

Development Team of the Module

Author : Beverly P. Bernabe
Language Reviewer : Elizabeth B. Santos
Content Editor : Gene DL. Gener
Illustrator : Ramona B. Valderama
Layout Artist : Mary Joy G. Punzal

Management Team
Gregorio C. Quinto, Jr., EdD
Chief, Curriculum Implementation Division
Rainelda M. Blanco, PhD
Education Program Supervisor - LRMDS
Agnes R. Bernardo, PhD
EPS-Division ADM Coordinator
Marinella P. Garcia SY, PhD
EPS - Science
Glenda S. Constantino
Project Development Officer II
Joannarie C. Garcia
Librarian II

Department of Education, Schools Division of Bulacan

Curriculum Implementation Division
Learning Resource Management and Development System (LRMDS)
Capitol Compound, Guinhawa St., City of Malolos, Bulacan
Email address: lrmdsbulacan@deped.gov.ph

2
 8
Computer Science II
Quarter 1- Module 2
Creating Vector Graphics

3
 Introductory Message

For the Facilitator:

Welcome to the Computer Science STE 8 Alternative Delivery Mode (ADM) Module on
Creating Vector Graphics with Different Drawing Tools.
This module was collaboratively designed, developed and reviewed by educators from public
institutions to assist you, the teacher or facilitator, in helping the learners meet the standards
set by the K to 12 Curriculum while overcoming their personal, social, and economic constraints
in schooling.
This learning resource hopes to engage the learners into guided and independent learning
activities at their own pace and time. Furthermore, this also aims to help learners acquire the
needed 21st century skills while taking into consideration their needs and circumstances.
In addition to the material in the main text, you will also see this box in the body of the module:

Notes to the Teacher

This contains helpful tips or strategies that
will help you in guiding the learners.

As a facilitator, you are expected to orient the learners on how to use this module.
You also need to keep track of the learners’ progress while allowing them to manage their own
learning. Furthermore, you are expected to encourage and assist the learners as they do the
tasks included in the module.

For the Learner:

Welcome to the Computer Science STE 8 Alternative Delivery Mode (ADM) Module on
Creating Vector Graphics with Different Drawing Tools.
This module was designed to provide you with fun and meaningful opportunities for guided
and independent learning at your own pace and time. You will be enabled to process the
contents of the learning resource while being an active learner.
This module has the following parts and corresponding icons:

This will give you an idea of the skills or competencies

What I Need to Know
you are expected to learn in the module.

This part includes an activity that aims to check what

you already know about the lesson to take. If you get
What I Know
all the answers correct (100%), you may decide to skip
this module.

1
 This is a brief drill or review to help you link the current
What’s In
lesson with the previous one.

In this portion, the new lesson will be introduced to you

What’s New in various ways; a story, a song, a poem, a problem
opener, an activity or a situation.
This section provides a brief discussion of the lesson.
What is It This aims to help you discover and understand new
concepts and skills.
This comprises activities for independent practice to
solidify your understanding and skills of the topic. You
What’s More
may check the answers to the exercises using the
Answer Key at the end of the module.
This includes questions or blank sentence/paragraph
What I Have Learned to be filled in to process what you learned from the
lesson.
This section provides an activity which will help you
What I Can Do transfer your new knowledge or skill into real life
situations or concerns.

This is a task which aims to evaluate your level of

Assessment
mastery in achieving the learning competency.

In this portion, another activity will be given to you to

Additional Activities
enrich your knowledge or skill of the lesson learned.

Answer Key This contains answers to all activities in the module.

At the end of this module you will also find:

References This is a list of all sources used in developing this module.
The following are some reminders in using this module:
1. Use the module with care. Do not put unnecessary mark/s on any part of the module.
Use a separate sheet of paper in answering the exercises.
2. Don’t forget to answer What I Know before moving on to the other activities included
in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.
If you encounter any difficulty in answering the tasks in this module, do not hesitate to consult
your teacher or facilitator. Always bear in mind that you are not alone.

2
 What I Need to Know

This module encourages you to demonstrate skills in creating a vector graphics

with the different drawing tools. Activities and exercises are provided to explore the tools.
At the end of this module, you are expected to:
• determine the drawing tools used in vector graphics;
• apply the uses of each drawing tool; and
• appreciate the importance of drawing tools.

What I Know

Read each questions carefully. Choose the letter of the correct answer and write it
on your answer sheet.

1. Which of the following tools lets you select the object?

a. crop c. shape
b. pick d. zoom
2. What tool lets you create a symmetrical star?
a. complex star c. polygon
b. ellipse d. rectangle
3. Which of the following tools can create table?
a. callout c. table
b. ellipse d. text
4. This tool can create a right-angle connector with curve corners.
a. edit anchor connector c. rounded right-angle connector
b. right-angle connector d. straight line connector
5. A drawing tool that can create rectangles and squares.
a. ellipse tool c. rectangle tool
b. star tool d. polygon tool
6. Rough edges of the object can be smoothened by this tool.
a. repel c. smear
b. rough d. smooth
7. If you want to create an uneven edge to the object, this tool is needed.
a. repel c. smear
b. roughen d. smooth
8. This tool can create a twisted line.
a. attract c. smooth
b. repel d. twirl

3
 9. This tool can transform the color of the object into more lighter shades.
a. artistic media tool c. mesh fill tool
b. interactive fill tool d. transparency tool
10. Drawing tool that can control which part of the object is visible.
a. crop tool c. knife tool
b. eraser tool d. pan tool
11. If irregular curving is needed in the object, this tool can be used.
a. blend c. distort
b. contour d. envelope
12. Unwanted part of the object can be removed by this tool.
a. eraser c. pan
b. knife d. zoom
13. Which of the following tools can fill colors to the object?
a. attributes eyedropper c. mesh fill
b. color eyedropper d. smart fill
14. This tool can combine two objects to produce harmony.
a. blend c. distort
b. contour d. extrude
15. This drawing tool is use to cut object.
a. eraser c. pan
b. knife d. zoom

What’s In
In our previous lesson, you have learned that CorelDraw is creatively used
to create designs. Also, we explore the environment that shows the different parts
of the CorelDraw that are needed in making a design.
As a review, identify which toolbars of CorelDraw is being described by the
statement below. You can choose your answer to the words listed on the box.

Menu Bar Title Bar Standard Toolbar

Docker Toolbox Drawing Page

1. It is your printable work area.

2. It contains available commands relevant to a specific tool.
3. It shows the title of the current document you are working.
4. It is a bar with tools for creating, filling, and modifying objects in the drawing.
5. A detachable bar that contains shortcuts to menu and other commands.

4
 What’s New
Now that you are familiar with CorelDraw environment, its toolbars, and
the working area, you are now ready to explore the toolbox that are mainly used in
creating vector graphics. But before that let us perform the activity below to check
your prior knowledge.
Arrange the following letters to form a new word. As a clue for your answer,
look at the given pictures.

1. PSAILR 4. GPOLNYO
___________ ___________
2. ZIEBRE 5. EURCV
___________ ___________
3. PSLLEIE
__________

Creating Vector Graphics with the

Drawing Tools

What is It

CorelDraw lets you create vector graphics. It is a design generally made of

lines, shapes, and effects. Logos, signages and other printed designs are some of
the graphic designs that can be created using CorelDraw, and these are all possible
because of the drawing tools. In using drawing tools, you can create a graphic design
of your own.
The toolbox contains tools used in creating & modifying objects. Some of the
tools are visible by default while others are in flyouts that can be seen at the lower-right
corner of the button. These flyouts are the sub-tools for more options for editing.

Different Tools in Corel Draw

Tools Definition Sample Output

1. Pick Tools
The Freehand Pick tool lets
you select object with freehand
marquee.

Pick tool lets you select or pick the

object.

5
 The Freetransform tool lets
you select to modify objects like
rotation and resize.

2. Shape edit tools

The Shape tool lets you edit the

shape of the object.

The Smooth tool allows you to

smooth the curved objects to
reduce the number of nodes and
remove jagged edges.
The Smear tool allows you to
shape an object by making indents
along its outline.

The Twirl tool allows you to create

twirl effects by dragging along the
edge of objects.

The Attract tool allows you to

shape objects by attracting nodes
to the cursor.

The Repel tool allows you to

shape objects by pushing away
nodes from the cursor.

The Smudge tool allows you to

distort a vector object by dragging
along its outline.

The Roughen tool allows you to

distort the outline of a vector object
by dragging along the outline.

3. Crop Tools

The Crop tool allows you to remove

unwanted areas in objects.

6
 The Knife tool allows you to cut
through objects.

The Virtual segment delete

tool allows you to delete portions
of objects that are between
intersections.
The Eraser tool allows you to
remove areas of your drawing.

4. Zoom Tools

The Zoom tool allows you to

change the magnification level in
the drawing window.

The Pan tool allows you to control

which part of the drawing is visible
in the drawing window.

5. Curve Tools

The Freehand tool allows you to

draw single line segments and
curves.

The 2-point line allows you to

draw a straight two-point line
segment.

The Bezier tool allows you to draw

curves one segment at a time.

The Pen tool allows you to draw

sketching curves in the form of a
node.
The B-spline tool allows you
to draw curved lines by setting
control points that shape the curve
without breaking it into segments.
The Polyline tool allows you to
draw lines and curves in preview
mode.

The 3-point curve tool allows you

to draw a curve by defining the
start, end and center points.

7
 The Smart drawing tool allows
you to convert your freehand
strokes to basic shapes and
smoothed curves.
6. Artistic Media Tool
The Artistic Media tool provides
access to the Preset, Brush,
Sprayer, Calligraphic, and
Pressure tools.
7. Rectangle Tools
The Rectangle tool allows you to
draw rectangles and squares.

The 3-point rectangle allows you

to draw rectangles at an angle.

8. Ellipse Tools
The Ellipse tool allows you to draw
ellipses and circles.

The 3-point ellipse tool allows

you to draw ellipses at an angle.

9. Object Tools
The Polygon tool allows you to
draw symmetrical polygons and
stars.
The Star tool allows you to draw
perfect stars.

The Complex star tool allows you

to draw complex stars that have
intersecting sides.
The Graph Paper tool allows you
to draw a grid of lines similar to
that on graph paper.

The Spiral tool allows you to

draw logarithmic and symmetrical
spirals.

The Basic Shapes tool allows you

to choose shapes.

8
 The Arrow Shapes tool allows you
to draw arrows of various shape,
direction, and number of heads.

The Flowchart Shapes tool allows

you to draw flowchart symbols.

The Banner Shapes tool allows

you to draw ribbon objects and
explosion shapes.

The Callout Shapes tool allows

you to draw callouts and labes.

10. Text and Table Tools

The Text tool allows you to type

words directlyon the screen.

The Table tool allows you to draw

and edit tables.

11. Dimension Tools

The Parallel Dimension tool

allows you to draw slanted
dimension lines.

The Horizontal or Vertical

Dimension tool allows you to draw
horizontal or vertical dimension
lines.

The Angular Dimension tool

allows you to draw angular
dimension lines.

The Segment Dimension tool

allows you to display the distance
between end nodes in single or
multiple segments.

The 3-point Callout tool allows

you to draw a callout with a two-
segment leader line.

9
12. Connector Tools

The Straight-line connector

tool allows you to draw a straight
connector line.

The Right-angle connector tool

allows you to draw a right angle
connector line.

The Rounded right-angle

connector tool allows you to draw
a right-angle connector line with
curved corners.

The Edit anchor tool allows you

to modify connector line anchor
points.

13. Interactive Tools

The Drop shadow tool allows

you to apply a drop shadow to an
object.

The Contour tool allows you to

apply contour to an object.

The Blend tool allows you to blend

two objects.

The Distort tool allows you to

apply a push or pull distortaion,
a zipper distortion, or a twister
distortionto an object.

The Envelope tool allows you to

shape an object by dragging the
nodes of the envelope.

The Extrude tool allows you

to apply the illusion of depth to
objects.

10
 14. Tranparency Tool

The Transparency tool allows you

to apply transparencies to objects.

15. Eyedropper tools

The Color Eyedropper tool allows

you to select and copy a color from
an object on the drawing window.

The Attributes Eyedropper tool

allows you to select and copy
object properties.

16. Interactive Fill Tools

The Interactive fill tool allows you

to apply various fills.

The Mesh fill tool allows you to

apply a mesh grid to an object.

The Smart fill tool allows you

to create objects from enclosed

17. Outline Tool

The Outline tool opens a flyout

that helps you in setting the outline
properties.

18. Fill Tool

The Fill tool opens a flyout

that helps you in setting the fill
properties.

CorelDraw drawing tools allow you to create original designs.

It is the easiest way to make a simple to more complex vector graphics
wherein you can also make your design more realistic. And with
different uses of each tool, you can apply the ideas that you have on
your creative mind. Just like other artists, you can also create your
own masterpiece.

11
 What’s More
Independent Activity 1
Matching Type

Match the definitions of tools on Column A with the name of the tools on Column B.

Column A Column B

1. Tool that removes the unwanted part on the object. a. ellipse

2. This tool is use to select the objects to move. b. smudge

3. It is used to sketch circles and ellipse. c. crop

4. Drawing tool that is used to distort a vector object. d. spiral

5. This tool is used to cut objects. e. shape

6. It is used to draw curves one segment at a time. f. pick

7. It is used to draw a grid of lines like a graph paper. g. contour

8. This tool can be used to draw symmetrical spirals. h. repel

9. This tool is used to apply contour to an object. i. graph paper

10. It is used to edit shape of the object. j. knife

k. bezier

Independent Assessment 1
True or False

Write the word COREL if the statement is correct and the word DRAW if it is incorrect.

1. Combining the drawing tools such as shapes and object tools can create a vector
graphics.
2. Crop tools are used to modify the shape of the object.
3. Using the interactive tools, objects can be changed from its original form.
4. Drawing tools in CorelDraw can create logos, flyers, and banners.
5. Only basic shapes can be edited in CorelDraw.
6. When you want to cut objects, you can use eraser tool.
7. When using CorelDraw, familiarizing with the tools is necessary.
8. Dimension tools can create lines in different dimensions.
9. With drawing tools, you can make a star that has intersection angles.
10. Even complex shapes are possible in CorelDraw.

12
 Independent Activity 2
Look-a-word

Find two zooming tools and eight shape editing tools. Then, give the
functions of each tool.

S S T D V C U J A H
M H S M U F G E T V
O K A F B M R Q T W
O Y K P L P G O R R
T X S A E A B L A O
H W X Q D N S D C U
F Y I Z O O M F T G
F H F R G N E C V H
R E P E L I A Y G E
F I K G A M R Z F N

Independent Assessment 2
Picture Perfect

Spot the difference between the two pictures and list down 5 tools that
are being used in modifying the picture.

Picture 1 Picture 2

Scoring Rubrics
No. of Tools Points
Identified
5 10
4 8
3 6
2 4
1 2
0 0

13
Independent Activity 3

Hands On Activity 1

Create your own pet using the drawing tools.

1. Open your Corel Draw X7.

2. Set your paper into letter size, portrait.
3
. Using your drawing tools, create an animal image of your choice
4. Save your file with the filename: Activity 1 on your folder.
Scoring Rubrics
20 15 10 5
Criteria
Points Points Points Points
Creativity Lines, shapes and Some of the lines, Only few lines, Very limited number
colors are all well- shapes and colors shapes and of lines, shapes and
combined creating a are not properly colors are used. colors are used.
harmony in design. blended.
Accuracy All the tools are Some of the tools Only few tools Very limited number
accurately used. are not accurately are used in the of tools are used.
applied. design.
Presentation Overall design shows Some part of the Design shows Design shows lack of
creativity. design shows less incompleteness creativity.
harmony. of concept.

Independent Assessment 3
Hands On Activity 2

Create a day or night scenery by using the following tools.

1. Rectangle tool
2. Ellipse tool
3. Polygon tool
4. Freehand tool
5. Artistic Media tool

Save your document with the filename: Activity 2 on your folder.

Scoring Rubrics
20 15 10 5
Criteria
Points Points Points Points
Creativity Lines, shapes and Some of the lines, Only few lines, Very limited number
colors are all well- shapes and colors shapes and of lines, shapes and
combined creating a are not properly colors are used. colors are used.
harmony in design. blended.
Accuracy All the tools are Some of the tools Only few tools Very limited number
accurately used. are not accurately are used in the of tools are used.
applied. design.
Presentation Overall design shows Some part of the Design shows Design shows lack of
creativity. design shows less incompleteness creativity.
harmony. of concept.

14
 After determining the different drawing tools
and knowing its uses, what have you realized about
creating a vector graphics?

15
 What I Can Do
Hands On Activity 3

With your CorelDraw x7, create a layout design using the following shapes -
rectangle, circle, polygon, spiral, star and triangle. Save with a filename: Activity 3
on your folder.
Scoring Rubrics

20 15 10 5
Criteria
Points Points Points Points
Creativity Lines, shapes and Some of the lines, Only few lines, Very limited number
colors are all well- shapes and colors shapes and of lines, shapes and
combined creating a are not properly colors are used. colors are used.
harmony in design. blended.
Accuracy All the tools are Some of the tools Only few tools Very limited number
accurately used. are not accurately are used in the of tools are used.
applied. design.
Presentation Overall design shows Some part of the Design shows Design shows lack of
creativity. design shows less incompleteness creativity.
harmony. of concept.

Assessment
Read each questions carefully. Choose the letter of the correct answer.
1. When you are not good in creating a perfect shapes, this tool can convert
your drawing into a smoothed curves.
a. B-spline c. smart drawing
b. polyline d. 3-point curve
2. This tool can provide free angle rotation.
a. handtool c. freetransform
b. freehand pick d. pick tool
3. This tool can be used to distort the outline of the vector object.
a. attract c. rough
b. repel d. smudge
4. When you need a slanted dimension line, this tool can be used.
a. angular dimension c. parallel dimension
b. horizontal dimension d. rounded angle dimension
5. This tool can create an illusion of depth to the object.
a. blend c. envelope
b. distort d. extrude
6. This tool can create a perfect irregular shapes.
a. complex star c. rectangle
b. polygon d. star tool

16
 7. An elaborated object like star can be created through this tool.
a. complex star c. rectangle
b. polygon d. star tool
8. This tool is used in creating directions.
a. arrow shapes c. callout shapes
b. banner shapes d. flowchart shapes
9. This tool can modify connector line anchor points.
a. edit anchor c. rounded right-angle
b. right-angle d. straight line
10. You can use this tool to delete a part of the object permanently.
a. crop c. knife
b. eraser d. pick
11. Even for enclosed objects, you can fill colors through this tool.
a. color eyedropper c. mesh fill
b. interactive fill d. smart fill
12. This tool can create a simple and straight connector line.
a. edit anchor c. rounded right-angle connector
b. right-angle connector d. straight-line connector
13. You can use this tool in typing words.
a. callout tool c. table
b. curve tool d. text tool
14. Tool that is usually used in making labels.
a. arrow shapes c. callout shapes
b. banner shapes d. flowchart shapes
15. It is considered as the most commonly used tool for it is used for selecting object.
a. curve tool c. pick tool
b. crop tool d. shape tool

Additional Activity
Look around your house. Find products or any printed materials which show
different graphic designs. Collect at least five materials. Cut and paste it on long
bond paper. Then, identify the possible drawing tools used in graphic design.

Scoring Rubrics
No. of Printed Points Score
Materials/Tools
5 20
4 15
3 10
2 5
1 1
0 0

17
 18
What I Know
Independent Activity 2
1. B 11. B
1. Smooth
2. C 12. A
2. Repel
3. C 13. B
3. Smudge
4. C 14. A
4. Shape
5. C 15. B
5. Pan
6. D
6. Smear
7. B
7. Zoom
8. D
8. Attract
9. D
9. Roughen
10. D
10. Twirl
What’s In
Independent assessment 2
1. Drawing Page
1. Ellipse
2. Docker
2. Fill
3. Title Bar
3. Freehand
4. Toolbox
4. Artistic Media
5. Standard Toolbar
5. Text
What’s New
Assessment
1. Spiral
1. c
2. Bezier
2. c
3. Ellipse
3. d
4. Polygon
4. c
5. Curve
5. d
What’s More 6. b
Independent activity 7. a
1. c 8. a
2. f 9. a
3. a 10. b
4. b 11. d.
5. j 12. d.
6. h 13. d.
7. i. 14. c.
8. d 15. c.
9. g
10. e
Independent assessment 1
1. COREL
2. DRAW
3. COREL
4. COREL
5. DRAW
6. DRAW
7. COREL
8. COREL
9. COREL
10. COREL
 References

CorelDrawx7, “Tools.” http://www.educba.com/coreldraw-tools/

CorelDrawx7, “Drawing Tools.” https://www.pdfdrive.com/coreldraw-x7-user-guide-corel-community-corel-

corporation-e16078042.html

learn-corel-draw-x7-graphics CorelDraw x7 program

19
 For inquiries or feedback, please write or call:
Department of Education, Schools Division of Bulacan
Curriculum Implementation Division
Learning Resource Management and Development System (LRMDS)
Capitol Compound, Guinhawa St., City of Malolos, Bulacan
Email address: lrmdsbulacan@deped.gov.ph

21