6

ARTS

QUARTER 1 – MODULE 2
MELC: 1. Applies concepts on the use of the software commands, menus, etc.
2. Utilize art skills using new technologies.

0
A, INTRODUCTION

This module was designed and written with you in mind. It is here to help you master
the Concepts on the Use of Computer Software’s. The scope of this module permits it to be
used in many different learning situations. The language used recognizes the diverse
vocabulary level of pupils. The lessons are arranged to follow the standard sequence of the
course. But the order in which you read them can be changed to correspond with the module
you are now using.

The module aims that a learner applies concepts on the use of software commands,
menus, etc. and 2) utilize art skills using new technologies (hardwork).

B. Discussion

Software is a collection of instructions that enable the user to interact with a computer,
its hardware, or perform tasks. Without software, most computers would be useless.

Three Types of Computer Software

1. Systems Software or Operating system is the software used by the computer to

translate inputs from various sources into a language which a machine can
understand. It coordinates the different hardware components of a computer. Example
is the Microsoft.

2. Programming Software is a kind of computer software which is used exclusively by

computer programmers.

3. Application Software is used to interact with a computer. Popular examples of

application software are the Microsoft Office suite which includes Word, Excel and
PowerPoint. Applications we use to connect to the internet are internet explorer and
Mozilla Firefox.

Importance of computer software in making painting

The first step is drawing your image. Then scan it into your computer and finally, use a
computer program to transform your work by cropping, editing, enhancing, lightening,
darkening, shading, adding color, layering, styling, or just about any other editing graphic you
can think of.

To get started with digital painting, the following could be of great help.

1. GIMP - a free and open-source raster graphics editor used for image
retouching and editing.
 2. Photo Editor - an application used for editing photos.

3. Photoshop - turn on photos into fantastical works of art. Crop, combine

retouch and restore.
4. Paint (windows) - for Laptop / desktop PC. A simple raster graphics editor
that gas been included with all version of Microsoft windows.
5. Inkscape - a professional quality vector graphics software which runs on
Linux, Mac OS X and Windows desktop computers.

Software tools used in digital printing.

The software above has several tools that provide all the colors that is needed to make
the coloring in your painting easy.

1. Burn Tool - darkens the image. Just drag the tool over the image.
2. Crop Tool - changes the size of the image. Select the area you want to crop
and press enter.
3. Eraser Tool - erases part of the image in a certain layer by flattening the
image or go through every layer to delete the part.
4. Type Tool - puts texts in a picture.
5. Pencil Tool and Brush Tool - these tools draw or paint a line. To
change the color of the paint brush, click on the color picker.

C. Readings.

Application Software for Logo Design Making

1. Microsoft Publisher

It is an office suite program used primarily for laying out and designing
publications from websites and newsletters to business cards and brochures.
However, Publisher also allows you to create your own logo by modifying one of the logos
included in the Publisher Design Gallery.

You need to provide your own content in terms of logo text and graphics. Adapting a logo in
Publisher may save you some time and money on logo design.

2. Microsoft Powerpoint

It is one of the most popular office software. From school projects to business
presentations, PowerPoint is always ready to back you up. Indeed, this software
is super helpful and simple to use, yet sometimes you might face some
challenges, such as creating PowerPoint logos.
3. Microsoft Word

Word may not be known for its graphic design capabilities, but Word 2010 offers
some versatile and effective tools and features to use with both text and images.
Use these tools to design a logo for your business or organization using your
basic office toolset, avoiding the expense and training required with higher-end graphics
software. The tools in Word enable you to combine text and graphics, create special effects
and convert everything into one image.

Microsoft Word offers a stunning range of amazing fonts to create a logotype. Plus, you can
make all kinds of creative choices, including pasting a text into different shapes, experimenting
with WordArt objects, adding patterns, and playing around with textures and backgrounds.
With due amount of inspiration and patience, you can craft an original emblem!

4. Microsoft Paint

It really is a helpful little tool, and you can use it to crop/resize photos or create
custom logos, banners and menu buttons. Using a combination of images and
fonts, you should be able to make nice banners, logos and buttons.

5. Photoshop

Creating a logo may seem like a daunting task, but with the help of digital art
software like Photoshop you can easily create an eye-catching and professional
looking logo even if you have no experience with logo designing software. And
once you've created your logo you can continue to use Photoshop to modify the logo for use
online or in print materials, allowing you to put your brand's logo just about anywhere and on
just about anything!

D. Examples
How to Use Microsoft Paint in Windows
The tools and features of this application is limited compare to other photo editors, it
still has its use in Windows 7 and 8.1. It is used to resize, rotate or crop images, as well as to
add various new elements such as text boxes or shapes. Paint can also convert images between
popular image formats such as GIF, JPEG, BMP and PNG but it cannot work with layers.
The operation is divided into eight (8) parts:
Part 1 – Opening Paint
Step 1: Click Windows logo in the bottom-left corner of the screen.
Step 2: Type in (paint). This will search your computer for the Paint Program.
Step 3: Look for the Paint app icon. In the Start menu, look for the Paint app icon, which
resembles a paint palette with paint on it.
Step 4: Click (Paint). It’s next to the Paint app icon. Doing so will open a new Paint window.

Part 2 – Drawing and Erasing

Step 1: Review the toolbar. The toolbar, which is at the top of the Paint window, is where
you’ll find all of the options used to interact with the Paint canvas.
Step 2: Select a primary color. Click any color in the palette that’s in the top-right side of the
Paint window to apply it to the “Color 1” box. This is the color that you’ll use when
using the left mouse button on the canvas.
You can create a custom color by clicking Edit colors in the upperright corner
of the window, selecting a color and shade you want to use in the color wheel, and
clicking OK.
Step 3: Select a secondary color. Click the “Color 2” box to the left of the color palette, then
click the color you’d like to use as your secondary color. You’ll activate this color
by using the right mouse button on the canvas.

Step 4: Select a brush type. Click the Brushes option at the top of the Paint window, then click
the type of brush tip you want to use. This is what affects the line size, shape, and
width options. If you just want to draw a regular free-form line, click the pencil-
shaped “Pencil” icon in the “Tools” section.
Step 5: Select a line thickness. Click the Size option to the left of the color palette, then click
the line thickness you want to use while drawing.
Step 6: Click and drag across the canvas to draw. Holding down the left mouse button while
dragging will draw your line. You can click and drag with the right mouse button to
use your secondary color.
Step 7: Fill a section with color. Click the “Fill with color” tool, which resembles a paint
bucket, in the “Tools” section, then click the canvas to change an entire section of it
to your primary color (you can right-click to use your secondary color instead).
If you have the canvas sectioned off (e.g., a line dividing the canvas in
two), only the section in which you click will be filled with color.
If your canvas is blank or contains no full sections, your whole canvas
will be filled in when you use the “Fill with color” tool.
Step 8: Erase mistakes. You use the eraser function by clicking the pink “Eraser” icon in the
“Tools” section and then clicking and dragging the eraser over the portion of the
image you want to erase.

Part 3 – Creating a Shape

Step 1: Select a color. Click the color you want to use as your shape’s outline.
Step 2: Select a “Fill” color if necessary. If you want to fill the shape with a color rather than
just drawing the outline of the shape, click the “color 2” box and then click the color
you want to use for the fill color.
Step 3: Find a shape to use. In the “Shapes” section of the toolbar, scroll up or down to see
all of the available shapes.
Step 4: Select your preferred shape. Click the shape you want to use to select it.
Step 5: Select a line thickness. Click Size, then click the line thickness you want to use in
the resulting drop-down menu.
Step 6: Select an “Outline” option if needed. By default, the shape’s outline will be the same
color as “Color 1” box; if you want to change the consistency of the color or remove
it entirely, click the Outline drop – down box, then click an option (e.g., No Outline)
to apply it.
Step 7: Select a “Fill” option if you like. If you selected a “Fill” color, you can add the “Fill”
option to your shape: click Fill, then click Solid color.
Step 8: Click and drag diagonally across the canvas. This will draw your shape.
Step 9: Anchor the shape. Once the shape fits the size and location you had in mind, release
the mouse button and click outside of the Paint canvas.

Part 4 – Adding Text

Step 1: Select a text color. Click the “Color 1” box, then click the color you want to use.
Step 2: Click A. It’s at the top of the window.

Step 3: Select a location for your text. Find the place on your canvas in which you want to
place the text, then click the place in question. You should see a dotted line indicating
a text box appear.
Step 4: Change the text’s font. In the “Font” section of the toolbar, click the top text box and
then click the font you want to use in the resulting drop-down menu.
Step 5: Change the font’s size. Click the number below the font name, then click the number
you want to use for your font.
Step 6: Add formatting to the text. If you want to bold, italicize, and/or underline your text,
click the B, I, and/or U button(s) in the “Font” section of the toolbar.
Step 7: Increase the text box’s size if necessary. Since you adjusted the default font and size,
you may need to enlarge the text box. You can do this by placing your mouse cursor
over one of the corners of the text box and then dragging diagonally away from the
text box’s center.
Step 8: Enter your text. In the text box, type in the text that you want to display.
Step 9: Give your text a background if you like. If you don’t want your text to sit on whatever
background items are on your canvas, click Opaque in the “Background” section of
the toolbar.
Step 10: Anchor your text. When you’re done editing your text, click anywhere on the canvas
(or outside of it) to anchor the text. Once it has been anchored, you can’t move it.

Part 5 – Opening an Image

Step 1: Click File. It’s in the top-left corner of the Paint window. A menu will appear.
Step 2: Click Open. This is in the middle of the menu. Doing so opens a File Explorer
window.
Step 3: Select a photo. Go to the file location of the photo that you want to open in Paint,
then click the photo to select it.
Step 4: Click Open. It’s in the bottom-right corner of the window. Your photo will be
uploaded to paint, and your paint canvas should resize to fit the photo.
Step 5: Use the right-click menu to open images in Paint. If you ever want to open an image
in Paint when Paint isn’t already open, you can right-click the image, select Open
with in the drop-down menu, and click Paint in the resulting pop-out menu.
Part 6 – Use the right-click menu to open images in Paint
Step 1: Click Select. It’s in the upper – left side of the Paint toolbar. A drop-down menu
will appear.
Step 2: Click Rectangular selection. This is in the drop-down menu. If you want to draw
the selection by hand, click Free-form selection.
Step 3: Create your own selection. Click and drag diagonally from the top-left side of the area
you want to save down to the bottom-right side, then release the mouse button. If you
are using a free-form selection, click and drag around an item you want to crop,
making sure to connect the two ends of the selection before proceeding.

Step 4: Click Crop. It’s at the top of the Paint window. Doing so will remove any part
of the photo that’s outside of the selected area, leaving only the area inside of the
selection. If you want to cut your selected section out of the photo, press Del.
Step 5: Click Rotate. This option is at the top of the paint window. A drop-down menu will
appear.
Step 6: Select a rotation option. Click one of the rotation options in the drop-down menu to
apply it to the photo.

Part 7 – Resizing an Image

Step 1: Click Resize. It’s in the Paint toolbar. A pop-up window will appear.
Step 2: Check the “Maintain aspect ratio” box. This option is in the middle of the window.
Doing so ensures that any changes you make to either of the size values won’t distort
your photo.
Step 3: Check the “percentage” box. It’s at the top of the window. If you want to resize to a
specific pixel rating, check the “Pixels” box instead.
Step 4: Change the “horizontal” value. In the horizontal text box, type in whatever number
you want to use to resize your photo. If you’re using pixels instead of a percentage,
you’ll type the number of pixels to use into the horizontal text box.
Step 5: Skew your photo if you like. Skewing a photo will angle it to the left or right. To skew
your photo, type a number into the “Horizontal” and/or “Vertical” text fields under
the “Skew(degrees)” heading.

Part 8 – Saving Your Project

Step 1: Save changes to an existing Paint Project. If you’ve already saved your project, you
can press Ctrl+S (or click the floppy disk icon in the upper – left corner of the screen)
to save the changes.
Step 2: Click File. It’s in the top-left corner of the paint window. The menu will appear.
Step 3: Select Save As. This option is in the middle of the menu. Selecting it prompts another
menu to appear to it’s right.
Step 4: Click JPEG picture. It’s in the right-hand menu. A “Save As” window will open.
You can select any other picture format.
Step 5: Enter a file name. In the “file name” text box, type whatever you want to name your
project.
Step 6: Select a save location. Click a folder on the left side of the window (e.g.
Desktop) to select it as the place in which to save your project.
Step 7: Click Save. It’s in the bottom-right corner of the window. Doing so will save your
file under your selected name in your specified save location.

How to create a logo in Microsoft Word:

1. Start Microsoft Word. For the purposes of this article, we’ll be using the 2016 version of
the program.

For more convenience, add a grid that will help you align the elements of your future logo.
2. Create a new document. Go to the “View” tab and check the “Gridlines” box.

3. Now go to the “Insert” tab and add a circle to your canvas.

4. Now select the background color. For our logo, we’ve changed the default color blue to
black.

5. Now you need to create a copy of the circle. Click on the circle with the right
mouse button and select “Copy.” Make the second circle slightly smaller than the original
one. To put the smaller circle above the bigger one, move it with a cursor. Click on the
inner circle and make its border line thicker. Change the color of the stroke line to white.
If your emblem has no border line, you can easily add it in settings.

6. By using the “Insert” tool, add two parallel horizontal lines to your logo.

7. The next step is to add your company name by using the “Text” tool. You can type the
text either inside, or outside the circle, whichever option you find more convenient. Let’s
add the text inside the circle.

8. By using the “Text” tool, customize the font of your brand name. Plus, make sure the
color of your text goes well with your icon.

9. Don’t forget to choose a transparent background for your text and remove the border line.
10. As we’re creating a logo for a coffee business, we need to draw a coffee-related item under
the brand name. By using the “Paste” tool, add the geometric shapes that will help you
depict a nice coffee cup.

11. To give a refined feel to the cup, add a curved line under the text.

12. Select all logo elements and click on “Group.” If you need to move the emblem, it’ll move
in one piece, with each element staying in its place.

13. Done! As you can see, Microsoft Word offers enough design features to craft a neat
emblem!
PART II: Activity Proper

Activity 1
Direction: Read the sentences carefully. Choose the letter of the correct answer by writing
the corresponding letter in a separate sheet of paper

1. A collection of instructions that enable the user to interact with a computer, it’s
hardware, or perform tasks.
A. Application software C. Computer Software
B. Programming Software D. System Software

2. Popular example of applications software.

A. Application Software C. Computer Software
B. Programming Software D. Microsoft Office Suite

3. A kind of computer software which is used exclusively by computer programmers.

A. Application software C. Computer Software
B. Programming Software D. System Software

4. The software used by the computer to translate inputs from various sources into a
language which a machine can understand.
A. Application Software C. Computer Software
B. Programming Software D. System Software

5. ________________ is created to manipulate data.

A. Application software C. Computer Software
B. Programming Software D. System Software

6. A piece of application software that allows the user to create, edit, format, and print
written documents.
A. PowerPoint C. Microsoft Word
B. Publisher D. Microsoft Excel

7. Applications used to connect to the internet.

A. Microsoft Excel C. Microsoft Word
B. Mozilla Firefox D. Microsoft Word

8. What is this application?

A. PowerPoint C. Microsoft Word
B. MS Paint D. Microsoft Publisher
 9. is an application that stands for?
A. GIMP C. Microsoft Word
B. MS Paint D. Photo Editor

10. What is this application software?

A. Photoshop C. MS Paint
B. GIMP D. Microsoft Publisher

Activity II

Look at the following applications. Identify the application logo in each number. Select
your answer inside the box by writing the correct letter on a separate sheet of paper.

A. B. C. D. E

1. MS Powerpoint

2. MS Publisher

3. MS Word

4. Photoshop

5. MS Paint

ACTIVITY IIII
Write  if the statement is correct and X if it is not. Write your answer in a separate
sheet of paper.

1. In Microsoft Powerpoint you can add animation to your text.

2. Photoshop is commonly used application in school and offices.

3. Microsoft Word creates and edit text.

4. Microsoft Paints enhance and beautify images.

5. In making invitations and brochures Microsoft Powerpoint is used.

ACTIVITY II Activity 1
1. D 1. C
2. A 2. D
3. B 3. B
4. C
4. D
5. E
5. A
ACITIVITY III 6. C
1. T 7. B
2. T 8. B
3. F
9. A
4. F
5. T
10. A
Key to Corrections
PART III

SUMMATIVE EVALUATION

A. Direction: Read and analyze what is being describe in the sentences? Write the correct
answer on a separate sheet of paper. Choose your answer from the word bank below.

Microsoft Excel Computer Case PowerPoint Paint

Computer Software Eraser Tool Inkscape Photoshop
Microsoft Office System Software Mouse GIMP
Programming Software Application Software Printer

1. A computer-based document that displays data in a grid format and allows the
user to enter and manipulate data, and to perform accounting functions.
2. This application gives you access to the familiar tool you already know. Design,
edit, view, present or share presentations quickly.
3. The metal and plastic box that contains the main components of the computer,
including the motherboard, central processing unit (CPU), and power supply.
4. Another important tool for communicating with computers. Commonly known
as a pointing device, it lets you point to objects on the screen, click on them, and
move them.
5. Used to print documents, photos, and anything else that appears on your screen.
6. A professional quality vector graphics software which runs on Linux, Mac OS X
and Windows desktop computers.
7. A free and open- source rster graphics editor used for image retouching and
editing.
8. A simple raster graphic editor that has been included with all version of
Microsoft windows.
9. Turn on photos into fantasntical works of art. Crop, combine retouch and
restore.
10. A tool that erases part of the image that is not needed.
11. A collection instructions that enable the user to interact with a computer, it’s
hardware, or perform tasks.
12. A kind of computer software which is used exclusively by computer
programmers
13. The software used by the computer to translate inputs from various sources into
a language which a machine can understand.
14. This is used to interact with a computer.
15. Popular example of application software.
B. Direction: Read the Questions and write the letter of the correct answer on the space
provided before each number.

_____1. Ability to create and make things unique

A. Unique B. Passion C. Creativity D.Networking

_____2. A piece of application software that allows the user to create, edit, format, and
print written documents.

A. B. C. D.

_____3. Commonly used for meetings or seminars in delivering topics/information.

A.Microsoft Word B. Photoshop C. Microsoft Powerpoint D. Microsoft Print
_____4. Basic Graphics/Painting utility
A. Microsoft Paint B. Photoshop C. Microsoft Word D.Microsoft Publisher
_____5.. Which of the following is an example of Microsoft Paint.

A.. B. C. D.

C. Direction: Select from the given activities what will you prefer to do or available to you.
If you are using the Microsoft Office software, have it print and submit your output.

Option A. For pupils with gadgets and Internet Connectivity

Logo Making Using Microsoft Application

Theme: Create your logo for your desired business

1. Make a logo design that will represent your product.

2. The art skills in logo making should be visible to the design.

3. Ask someone or a member of your family to give suggestion for your design.

4. Finalize your work based from their suggestion.

 B. Finish your output on time and print it out.

Option B. For pupils without gadgets and Internet Connectivity.

Materials Needed
1. Bond Paper
2. Pencil
3. Ruler
4. Crayons/color pencils
Theme: Create your logo for your desired business
What to do?
1. Look for an object that best describes your product.
2. Imagine a word and symbol or logo you want to make.
3. Using a pencil, draw your logo on a bond paper.
4. Be sure to use the art skills learned in logo making.
5. Ink your work by covering all pencil marks on the shape. Erase guidelines or
unnecessary lines
6. Color your work using any color media you have
7. Finish your artwork on time.
Rubrics. C

5 1
3
Criteria Very Not
Evident
Evident Evident

1. Follows all the steps correctly.

2. Possess knowledge in application used.

3. Shows uniqueness.

4. Finishes the output on time.

Reference
C TECH.(2019, April 10)How to make a logo design in Microsoft
word(Video).Youtube.https://www.youtu.be/ylRQ5RPvJQU
https://unsplash.com/photos/v6asLq_dYzw

DiggiNet.(2016, March 25)How to create a logo in powerpoint 2010 by using

standard shapes( Video).Youtube.https://youtu.be/ov3gHybqMBI
Key to Corrections (FOR TEACHERS ONLY)

SUMMATIVE EVALUATION SUMMATIVE EVALUATION

A B.

1. Microsoft Excel 1. C
2. PowerPoint 2. A
3. Computer Case 3. C
4. Mouse 4. A
5. Printer 5. A
6. Inkscape
7. GIMP
8. Paint
9. Photoshop
10. Eraser Tool
11. Computer Software
12. Programming Software
13. System Software
14. Application Software
15. Microsoft office

Rubrics. C

5 1
3
Criteria Very Not
Evident
Evident Evident

1. Follows all the steps correctly.

2. Possess knowledge in application used.

3. Shows uniqueness.

4. Finishes the output on time.

SUSANA M. AQUINO
CORAZON L. VIADO
Linmansangan Elementary School
Binalonan II