Special Program in

Technical Vocational
Education
8
Quarter Internet and Computing
I
Fundamentals II
TLE – Internet and Computing Fundamentals II
Quarter 1 – Module 14: Working with Shapes

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 module 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 - Schools Division of Pasig City

Development Team of the Self-Learning Module

Writers: Evangeline P. Baldovino

Jessica Ocenar
Maria Joanne Froa
Editor: Michael Ivan S. Ordillano
Reviewer: Michael Ivan S. Ordillano
Illustrator:
Layout Artist:
Management Team: Ma. Evalou Concepcion A. Agustin
OIC-Schools Division Superintendent
Aurelio G. Alfonso EdD
OIC-Assistant Schools Division Superintendent
Victor M. Javeña EdD
Chief, School Governance and Operations Division and
OIC-Chief, Curriculum Implementation Division

Education Program Supervisors

Librada L. Agon EdD (EPP/TLE/TVL/TVE)

Liza A. Alvarez (Science/STEM/SSP)
Bernard R. Balitao (AP/HUMSS)
Joselito E. Calios (English/SPFL/GAS)
Norlyn D. Conde EdD (MAPEH/SPA/SPS/HOPE/A&D/Sports)
Wilma Q. Del Rosario (LRMS/ADM)
Ma. Teresita E. Herrera EdD (Filipino/GAS/Piling Larang)
Perlita M. Ignacio PhD (EsP)
Dulce O. Santos PhD (Kindergarten/MTB-MLE)
Printed in the Philippines
Teresita P. by Department
Tagulao of Education – Schools Division of
EdD (Mathematics/ABM)
Pasig City
 Special Program in
Technical Vocational
Education
Internet and Computing 8
Fundamentals II

Quarter 1
Self-Learning Module 14
Working with Shapes
Introductory Message
For the Facilitator:

Welcome to the Internet and Computing Fundamentals II Module on Working

with Shapes.
This Self-Learning Module was collaboratively designed, developed and
reviewed by educators from the Schools Division Office of Pasig City headed by its
Officer-in-Charge Schools Division Superintendent, Ma. Evalou Concepcion A.
Agustin, in partnership with the City Government of Pasig through its Mayor,
Honorable Victor Ma. Regis N. Sotto. The writer utilized the standards set by the K
to 12 Curriculum using the Most Essential Learning Competencies (MELC) in
developing this instructional resource.

This learning material hopes to engage the learners in guided and independent
learning activities at their own pace and time. Further, this also aims to help learners
acquire the needed 21st century skills especially the 5 Cs, namely: Communication,
Collaboration, Creativity, Critical Thinking, and Character 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. Moreover, you are expected to encourage and assist the
learners as they do the tasks included in the module.
 For the Learner:

Welcome to the Internet and Computing Fundamentals II Module on Working

with Shapes.
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 material while being an active
learner.

This module has the following parts and corresponding icons:

Expectations - This points to the set of knowledge and skills

that you will learn after completing the module.

Pretest - This measures your prior knowledge about the lesson

at hand.

Recap - This part of the module provides a review of concepts

and skills that you already know about a previous lesson.

Lesson - This section discusses the topic in the module.

Activities - This is a set of activities that you need to perform.

Wrap-Up - This section summarizes the concepts and

application of the lesson.

Valuing - This part integrates a desirable moral value in the

lesson.

Posttest - This measures how much you have learned from the
entire module.
 EXPECTATIONS

At the end of the learning activity, the students should be able to:

A. Determine procedures in adding, editing, and removing shapes & text in

document;
B. Locate and identify the different drawing tools format command; and
C. Recognize the importance of doing attractive appearance of a well-formatted
document.

PRETEST

SPELL IT

Directions: Read the statements properly. Complete the terms being described.

1. It fills the selected shape with solid color, gradient, picture, or texture.
T_ _ _ _ _ _ _

2. It groups objects together that they are treated as a single object.

G____

3. It shows various built-in shapes. S _ _ _ _ _

4. It shows various built-in styles. S _ _ _ _ _ _ _ _ _ _ _ _

5. It changes the orientation of texts such as vertical or rotate.

T___ ________

TEXT DIRECTION STYLES GALLERY

TEXT FILL GROUP SEND BACKWARD

SHAPES TEXT OUTLINE

 RECAP

Do you found enjoyment in practicing and inserting a graphic and wrapping

it into position in your MS Word document?

MATCHING TYPE
Directions: Match the wrapping styles with the corresponding icons.

COLUMN A COLUMN B

1. In front of text style

A.
2. Square style

B.
3. In line with text style

C.
4. Behind text style

D.
5. Tight style

E.
 LESSON 1

MS Word includes drawing tools that would enable you to create your own
shapes, lines, texts, arrows, and many other options to draw with.

CREATING AUTO-SHAPES

To insert a shape:
1. Select the Insert tab, go to the Illustrations group, and then click
the Shapes command. A drop-down menu of shapes will appear.
2. Select the desired shape you want from the drop-down menu of
shapes.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_insert_menu2.png

3. Click the mouse on the document and drag it to draw the shape.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_insert_in_document3.png
4. Resizing the shape is like resizing the ClipArt and picture.
5. Combine any of the basic shapes to create an object.
6. Click outside the drawing to deselect the command.

After creating your shape, the Ribbon displays the Drawing Tools Format
tab. These Drawing tools will allow you to format, design, and modify
your drawing.
FORMATTING SHAPES

1. Right-click on the shape to show the context menu.

2. Select the Format AutoShape from the context menu.
3. The format shape task pane will appear.
4. There are three icons namely FILL & LINE EFFECTS, and LAYOUT
PROPERTIES.

5. Click any one of the icons to show the menu.

6. Select the design, effects, and layout you want to apply.
7. Besides the object, there is a LAYOUT OPTIONS icon, when you click, will
you layout tools.

To resize a shape:
1. Select the shape you want to resize. Sizing handles will appear on
the corners and sides of the shape.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_resize_select.jpg

2. Click and drag the sizing handles until the shape is the desired
size. You can use the corner sizing handles to change the shape's
height and width at the same time.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_resize_handle.jpg
 3. To rotate the shape, click and drag the rotation handle.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_resize_yellow.jpg

To change the shape style:

Choose a shape style that allows you to apply preset colors and effects to
change the appearance of your shape.
1. Choose the shape you want to change.
2. Click the Format tab, to select from the drop-down list in the
Shape Styles group.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_style_command.png

3. A drop-down menu of styles will appear. Select the style you want
to use.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_style_menu.png

SELECTING COLORS FROM THE COLOR LIBRARY

You can change the color and shading of an object from the Drawing Tools Format
Tab or the Context Menu.

1. Right-click on the shape you want to apply color, and on the CONTEXT
MENU, click the FORMAT AUTO SHAPES.
2. On the FORMAT AUTO SHAPES dialog box, choose the COLOR AND LINES
tab.
 3. Choose the FILL COLOR drop-down arrow and select the color you want to
apply.
4. You can also click the FILL EFFECTS to apply GRADIENT, TEXTURE,
PATTERN, or PICTURE effects and click OK.
5. Right-click on the shape you want to apply color, and on the CONTEXT
MENU, click the FORMAT SHAPES.
6. On the FORMAT SHAPE task pane, choose the FILL AND LINE icon.
7. Click the Fill category and select from the fill options.
8. If you select the Solid Fill, the Theme Colors gallery will appear where you
can select the color that you want to apply.

https://media.gcflearnfree.org/content/568ee08b4ba91213b0054eb4_01_07_2016/shapes_fill_menu.png

ADDING GRADIENTS, TEXTURE AND PICTURE FILLS

1. Right-click on the object and on the Context Menu select Format Shape.
2. On the Format Shape task pane, select Picture or Texture Fill or Pattern
Fill.
3. Select from the gallery of pictures, textures, and pattern which you would like
to apply to the object.
 ACTIVITIES
Activity I – MISSING ME! Write the missing letters in the box provided to satisfy
the given description of the drawing tools format command.

1. It fills the selected shape with color, gradient, or texture.

S F

2. It changes the shape of the drawing.

E S

3. It applies a visual effect to a selected shape such as shadow, glow, or

reflection.
T E

4. It changes the orientation of texts such as vertical or rotate.

T D

5. It changes the way the text wraps around the selected object.
W T

Activity II – Draw a shape ► if you agree with the statement below and ◄ if
not. Write your answer in the space provided for you.

____ 1. Picture tools allow you to format design and modify your drawing.

____ 2. To create basic shapes, on the Home tab go to the Illustration group.

____ 3. Another way to format a drawing is by right-clicking on the shape.

____ 4. You can use fill effects to apply gradient, texture, pattern, or picture effects.

____ 5. You can select the shape you want from the drop-down menu of built-in
shapes.
 WRAP-UP

Directions: Create signage showing the rules in the school (such as SILENCE
PLEASE) or at home (such as KEEP THE ROOM CLEAN). Add drawing, clip art,
or shapes using MS Word.

VALUING

The knowledge that I have learned today is/are ________________.

I have realized that____________________________________________.

I want to learn more in _______________________________________.

 POST TEST
Directions: Read the questions carefully and encircle the letter of the best
answer.

1. MS Word includes _____________ that would enable you to create your

own shapes, lines, texts, arrows, and many other options to draw with.
a. drawing tab c. drawing bar
b. drawing tools d. drawing pen

2. It changes the width of the shape or pictures.

a. rotate c. shape height
b. shape width d. shape style

3. It brings the selected object forward.

a. align c. send backward
b. group d. bring forward

4. It links the text box to another so that text flows between them.
a. align text c. text direction
b. create link d. bring forward

5. It fills the selected text with color, gradient, or texture.

a. Text fill c. text direction
b. Text effect d. text outline
 Wrap Up and Valuing.
NOTE: “Answers may vary” on the activity that is open-ended questions such as
Post Test
1. B
2. B Activity 2
3. C 1. ►
2. ►
4. B
3. ►
5. A 4. ►
5. ►
Activity I Pre-Test
1. Shape fill 1. Shape Fill
2. Edit shape 2. Group
3. Text effects 3. Shapes
4. Text 4. Styles Gallery
direction 5. Text direction
5. Wrap text
Recap
1. D
2. C
3. B
4. A
5. E
KEY TO CORRECTION
 References
ONLINE SOURCES

Word 2016 – Shapes

https://edu.gcfglobal.org/en/word2016/shapes/1/

GCFGlobal. “Word 2016- Text basics”. 1998-2020.

ONLINE IMAGES

https://www.thebalancecareers.com/free-microsoft-letter-templates-2062563

https://www.pcmag.com/reviews/microsoft-office-365-home

https://www.fiverr.com/waleedahmad847/edit-and-redesign-your-existing-ms-
word-document

https://www.lifehack.org/488803/why-you-should-buy-microsoft-office

https://www.pngitem.com/so/cartoon-computer/

https://www.google.com/search?q=first+electric+typewriter&tbm=isch&ved=2ahUK
Ewic2IKh8MfqAhWPHaYKHZmNBawQ2-
cCegQIABAA&oq=first+ELECTRI+typewriter+&gs_lcp=CgNpbWcQARgAMgYIABAHE
B46AggAOggIABAIEAcQHlDegwpYm60KYJ64CmgAcAB4AYAB8QKIAYIbkgEIMC4xN
C4zLjGYAQCgAQGqAQtnd3Mtd2l6LWltZw&sclient=img&ei=0BcLX5ywHI-
7mAWZm5bgCg#imgrc=M9q8LYCq2anX9M
https://www.google.com/search?q=copy+icon+in+ms+word&tbm=isch&ved=2ahUK
Ewi3toja6MfqAhURAqYKHYmOB7wQ2-
cCegQIABAA&oq=COPY+in+ms+word+icon&gs_lcp=CgNpbWcQARgAMggIABAIEAcQ
HlD1ugFY1tABYOzcAWgAcAB4AIABmQ2IAYoskgEFNy0yLjKYAQCgAQGqAQtnd3Mt
d2l6LWltZw&sclient=img&ei=5A8LX7e0JZGEmAWJnZ7gCw#imgrc=z7-
cTXCWGqQ4wM

PHOTO CREDITS

Microsoft Word print screens

Microsoft logos property of Microsoft Corporation