10

10

ARTS
Quarter 2 – Module 2a:
Technology-Based Arts
Computer-Digital Art
Mobile Phone Art
MAPEH – Grade 10
Alternative Delivery Mode
Quarter 2 – Module 2a: Technology-Based Arts, Computer-Digital Art, Mobile
Phone Art
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 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

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

Development Team of the Module

Writer: Cyrene Rose Sabanal

Editors: Mayflor Olarte-Abuso , Mary Rose G. Acupanda
Reviewers: Rowena Z. Ambata, Bethel- Anne S. Parco
Management Team: Senen Priscillo P. Paulin, CESO V Rosela R. Abiera
Fay C. Luarez, TM, Ed.D., Ph.D. Maricel S. Rasid
Nilita L. Ragay, Ed. D Elmar L. Cabrera
Jenith C. Cabajon

Printed in the Philippines by ________________________

Department of Education –Region VII Schools Division of Negros Oriental

Office Address: Kagawasan, Ave., Daro, Dumaguete City, Negros Oriental

Tele #: (035) 225 2376 / 541 1117
E-mail Address: [email protected]
 10

Arts
Quarter 2 – Module 2a:
Technology-Based Arts
Computer-Digital Art
Mobile Phone Art
Introductory Message
For the facilitator:

Welcome to the Arts 10 Alternative Delivery Mode (ADM) Module on

Technology-Based Arts, Computer-Digital Art, and Mobile Phone Art!

This module was collaboratively designed, developed and reviewed by

educators both from public and private 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 Arts 10 Alternative Delivery Mode (ADM) Module on

Technology-Based Arts, Computer-Digital Art, and Mobile Phone Art!

This module was designed to provide you with fun and meaningful
opportunities for guided and independent learning at your own pace and

ii
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:

What I Need to
Know This will give you an idea of the skills or
competencies you are expected to learn in
the module.
What I
Know This part includes an activity that aims to
check what you already know about the
lesson to take. If you get all the answers
correct (100%), you may decide to skip this
module.

This is a brief drill or review to help you link

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

This is a task which aims to evaluate your

level of mastery in achieving the learning
Assessment
competency.

In this portion, another activity will be given

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

iii
 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.

We hope that through this material, you will experience meaningful

learning and gain deep understanding of the relevant competencies. You
can do it!

iv
 What I Need to Know

Technology has literally taken over every aspect of life in the 21st century, and
the creative and visual arts have not been spared. In fact, for the younger
generations, art as you know it, is defined by technology—from its creation, to its
manipulation, to its reproduction, and even to its distribution.

Technology-based art is essentially computer-generated and/or manipulated.

Through the centuries, visual artists used actual brushes and palettes, and a whole
array of paints, inks, and natural pigments applied to paper, canvas, fabric, stucco
walls and ceilings. Today’s computer artists employ the ever-expanding powers of
image manipulation programs and applications to create their works which can
appear in an entire range of media—whether as a physical output or a virtual
experience.

LEARNING COMPETENCY:

 identifies art elements in the technology-based production arts ; A10EL-IIb-1

 identifies distinct characteristics of arts during the 21st century in terms of:
1.1 production
1.2 functionality range of audience reach; A10EL-IIa-2
 identifies artworks produced by technology from other countries and their
adaptation by Philippine artists ; A10EL-IIa-3
 discusses the concept that technology is an effective and vibrant tool for
empowering a person to express his/her ideas, goals, and advocacies,
which elicits immediate action ; A10PL-IIh-1
 explains the role or function of artworks by evaluating their utilization and
combination of art elements and principles; A10PL-IIh-2
 uses artworks to derive the traditions/history of a community (e.g.,
landscapes, images of people at work and play, portrait studies, etc.) ;
A10PLIIh-3 and
 compares the characteristics of artworks in the 21st century. A10PL-IIh-4

At the end of the module, you should be able to:

o Identify and compare the characteristics of arts in the 21st century in terms of
its roles and functions by evaluating their utilization;
 o Use artworks to derive the traditions/history of a community by creating their
own artwork;
o Justify the concept that technology is an effective and vibrant tool for
empowering a person to express his/her ideas.

What I know

PRE-ASSESSMENT

Directions: Read each item carefully and use your Arts notebook to write
your answers in. Write the letter only.
1. What art makes use of electronic and mechanical devices, rather than the
artist’s own hand, to produce the desired images and effects?
A. Computer/digital arts C. Mobile Phone Art B. Digital Photography D.
Technology-based Arts
2. What device can NOT be used to create digital art?
A. Android Phones C. Laptops
B. Keypad Phones D. Tablets
3. “Phablets” is a combination of the two words, which are,
A. Laptop and Keypad Phone C. Phone and Tablets
B. Phone and Laptop D. Tablets and Keypad Phone
4. This allows you to make a collage out of images from your photo gallery.
A. Face App C. Photo Booth
B. Magic Mirror Booth D. Photo Grid
5. The following are the tasks that traditional photo editors used to perform
manually, except:
A. Airbrushing C. Filter
B. Cropping D. Retouching
6. What art is essentially computer-generated and/or manipulated?
A. Computer/digital arts C. Mobile Phone Art B. Digital Photography D.
Technology-based Arts
7. Which of the following is an example of computer art?
A. Digital Illustration C. Digital Painting
B. Digital Imaging D. All of the above
8. Aside from using mobile phone software, what is another means of creating
art from scratch using computer technology?
A. Adobe Illustrator C. Microsoft Publisher
B. Digital Camera D. Microsoft Word Office
9. What is the new trending photo-morphing app that uses what it calls artificial
intelligence and neural face transformations to make creepy, hilarious, weird,
and sometimes fascinating alterations to faces?
A. Instagram C. Photo Grid
B. Face App D. Photo Booth
 10. An iPad application that enables you to “doodle” on your images using
available stickers.
A. Doodle Booth C. Pic Monkey
B. Pics art D. Photo Booth

What’s In

Activity: Describe Me!

Frieder Nake Jean-Pierre Hebert, 2007

Polygon Drawings, 1965 https://www.slideshare.net/mobile/ronalynconcordia/arts-grade-10-quarter-2
Task 1: Write your general impression of these artworks and a short explanation of
your opinions. Do this in 5-7 sentences only. Write your answers in your
Arts notebook.

Task 2: What are three common characteristics you notice in these artworks? Point
out these characteristics. Write your answers in your Arts notebook.

What’s New

Technology has become a pervasive influence in our society. It has

especially influenced the way that we create and appreciate art. More artists are
using Photoshop and digital cameras to create and edit pieces than ever before.
Artists are also able to use technology as a new medium with which to create art.
https://www.usf.edu/business/documents/undergraduate/honors/thesis-gamboa-sarah.pdf
 What is It

Computer/Digital Arts: Computer-Generated Artworks

Computer/digital arts make use of electronic and mechanical devices, rather
than the artist’s own hand, to produce the desired images and effects. Thus, these
are definitely technology-based art forms. In recent decades, personal gadgets such
as laptops, tablets, and android phones have incorporated the artistic capabilities of
the large-scale computers. So, it is now possible for anyone to be a digital artist.

There were questions as to whether it was, in fact, “true art” since it made use
of electronic and mechanical devices, rather than the artist’s own hand, to produce
the images and effects. Within a few years, however, there was a general
acceptance of digital art as an exciting and thought-provoking form of modern art.
Exhibits of computer art became highly popular and critically acclaimed, as digital
artists or computer art masters or “superstars” came to the fore in Europe, Russia,
and the United States.
Samples of Computer/Digital Arts: Computer-Generated Artworks:

Vera Molnar Ronald Davis

(Des) Ordres, 1974 Mountain and Staurolyte, 1997 Plotter
drawing Computer-generated 3D art
https://www.slideshare.net/mobile/ronalynconcordia/arts-grade-10-quarter-2
 Manfred Mohr, 1999 Olga Kisseleva, 2012
https://www.slideshare.net/mobile/ronalynconcordia/arts-grade-10-quarter-2

Some digital artists have even used their works to express their views on
political, social, and cultural issues; as well as to advocate causes that are critical to
modern life, such as the environment and climate change. Others even explore the
philosophical relationship between science and technology and the arts.

Advantages of Digital Art

More Efficient. Easier to get started and work quickly.
More Forgiving. Nothing is permanent when you have the undo button.
More Exploration. Unlimited experimental possibilities.
Easier duplication. Ideal for working with clients.
Equipment/Materials. After you buy your computer, software, and tablet
you’re set.

Disadvantages of Digital Art

Unlimited Possibilities. Limitless possibilities can lead to creative
paralysis.
No Original Copy. No original physical copy. It can be printed on textured paper
but it’s not the same as an original painting.
https://blake-dehart.com/blog/2018/3/14/should-you-do-traditional-art-or-digital-art

The Philippine Scene

In our country, Filipino artists were likewise influenced by the technology trend
in art. However, this was more in the commercial sphere. From the 1960s to the
1990s, their computer-generated works were primarily geared towards illustrating for
international comic books. In fact, Filipino illustrators earned quite a reputation for
their talents and were highly in demand in this field. They eventually became equally
sought after as animators for some of the major film production companies in the
United States, as well as animated television series produced in different countries.
Eventually, however, the concept of computer-generated works as a means of
serious artistic expression gained ground among the younger generation of local
artists. Today, even the more established names in the field—artists and critics alike
— have come to accept and recognize digital works as fine art. Filipino Digital
Artists
Ronnie del Carmen
Ronnie del Carmen has served
as the co-director of the animated film
Inside Out. Ronnie del Carmen shared
that he had to use his own life
experiences to create this masterpiece.
He also landed a job as an animator in Warner Bros and became a storyboard artist
for Batman: The Animated Series.
Inside Out
https://www.awn.com/animationworld/ronnie-del-
carmen-might-be-hardest-working-man-storytelling

Armand Serrano
Armand Serrano is
a visual development
artist and production
designer for animated feature
films. As one of the most
renowned Filipino digital artists, he
started as an assistant animator at
FilCartoons which is based in
Manila. Further, some of his most
recent credits with Disney are Big Hero 6 and Zootopia.

Tadashi and Hiro Hamada’s garage laboratory in Big Hero 6

https://www.pinterest.com.au/pin/48484133465538827/

Paul Abadilla
Now a sets art director based in San
Francisco Bay Area, Paul Abadilla works at Pixar
Studios for more than a decade now. He took part
in the making of feature films such as Cars 3 and
Brave. On the side, he gives local and
international talks and creative art workshops.

Brave, Paul Abadilla

https://www.ciit.edu.ph/filipino-digital-
artists/

There are also institutions offering training courses on the digital arts, such as
the First Academy of Computer Arts, the Philippine Center for Creative Imaging
(PCCI), as well as the Technical Education and Skills Development Authority
(TESDA) through scholarships given by the Animation Council of the Philippines
(ACPI). Courses such as these open up an array of career opportunities for young
Filipinos in the fields of advertising, animation design, multimedia communication,
and web development.

Mobile Phone Art / Computer-Generated Images

The mobile phone that you constantly hold has evolved from a mere
communication tool, into a creative device that allows you to generate original works
of art for an entire range of purposes. These could be personal photographs and
videos that you can manipulate with a myriad special effects, both visual as well as
sound and music. They could also be school projects or reports that require you to
combine images, incorporate text, even include simple animation. And the wonder of
it all is that you can do all these right on your own mobile devices, particularly the
newgeneration models known as android tablets, phones, and combination of both
called “phablets.” The tasks that traditional photo editors used to perform manually—
cropping, retouching, airbrushing—are now just a few of the many editing effects
done for you with split-second ease at the click of a mouse, a keyboard command, or
a few taps and drags of your finger on a touch screen.
You are probably already familiar with the following image manipulation
programs and applications that run on today’s android devices:
• Pixlr – a powerful, free online image editor
• Pic Collage – allows you to make collages incorporating photos, stickers,
text, and frames
• Photo Grid – a downloadable application for android phones that allows you
to make collages out of images from your photo gallery
• Doodle Booth – an iPad application (with a free downloadable version) that
enables you to ‘doodle’ on your images using available stickers
• Photo Booth – an application for taking photos and videos using an iPad or
iPad mini (a version for the iPhone, called SimpleBooth, is also available)
• Magic Mirror Booth – an iPhone application that allows you to take
amusing, distorted images, simulating camera effects
• Pic Monkey – a free online photo editing tool that provides filters, frames,
text, and effects to manipulate your images
• Flipagram – a downloadable application that allows you to ‘bring your photos
to life’ in short videos set to music of your choice
• Picsart – a free photo editor and drawing application, as well as a social
network for you to share your art with others
• Snapseed – a photo application that enables you to enhance, transform, and
share your photos; a free downloadable version for android phones is
available
• Instagram – a fast and fun way to share images with others; snap a photo,
choose from among the available filters, and share via Facebook, Twitter,
Tumblr, and more

Each of these has an extensive array of special features you can use to modify
your images. Among these are: frames, borders, and banners; filters, cropping in
different shapes, automatic collage or color change, stickers, text bubbles; effects
such as warp, skew, tunnel, fish eye, and negative; adding “spot color” to only certain
elements of an image; creating a photo montage with music.
Here are some of the examples:
 Original Image Modified with cropping, superimposed text, and a ‘silk’ texture

https://www.slideshare.net/mobile/ronalynconcordia/arts-grade-10-quarter-2

Original Image Modified to ‘pencil sketch’ effect in gray scale, plus rounded corners
 Mirror Photo – multiple mirror images
https://www.slideshare.net/mobile/ronalynconcordia/arts-grade-10-quarter-2

Computer Generated Images

If you want to create original images from scratch, you may make your own
illustrations using specialized programs for image generation and manipulation.
Examples of these would be Adobe Illustrator and Corel Draw. These are, however,
designed to run on desktop computers and laptops, so you would need to have
access to these larger and more complex devices.
There are scaled-down versions of such programs specifically developed for
use on smaller, handheld units like your personal tablet or android phone. These
enable you to perform virtually all of the tasks that a program like Illustrator performs
but, almost literally, in the palm of your hand. Many of these come at a fraction of the
cost of the more complex programs or, in some cases, even for free.

What’s More

Task 3: Give a brief explanation of the statement “mobile phone art is a technology-
based art form”. Do this in 2-3 sentences only. Write your answer in your Arts
notebook
Task 4: Do you find yourself exposed to or involved in using digital devices and
applications in most aspects of your life? List down two benefits and two
risks or disadvantages. Write your answers in your Arts notebook.
 What I Have Learned

I have learned that

_______________________
____________________.
I have realized that
_____________________________________________.
I will apply
_____________________________________________________.

What I Can Do
THIS ACTIVITY IS OPTIONAL if you don’t have a gadget to use.

Creating Mobile Phone Art / Computer-generated Art

1. Depending on the devices available to you, you may either:

a. Capture an image using your cellphone camera
b. Create an image from scratch using a drawing/illustration program on a
computer, laptop, or tablet
2. Save your captured image or finished illustration in preparation for transforming it
into an example of cellular phone art or computer-generated art.
3. Using any of the applications installed in your available device(s), experiment with
different effects and features to modify your saved image or illustration. You may
try some of the following effects, as well as others offered by the application(s)
you are using:
o re-size
o crop o skew / warp o rotate o flip o adjust brightness o
adjust sharpness o change colors o gray scale o sepia tone
o apply a texture o superimpose text, trying different fonts o
apply frames, borders, or banners o edit out an element that
you do not want to appear o add an element that is not in
the original image
4. Save the most unique, striking, or remarkable modified images and print it or send
it to your teacher thru messenger.
 Assessment

Directions: Read each item carefully and use your Arts notebook to write your
answers in. Write the letter only.

1. In a computer/digital art, what devices are used by an artist to produce the

desired images and effects?
A. Artist’s own hands C. Large-scale computers
B. Electronic and mechanical devices D. Personal gadgets 2.
What art is essentially computer-generated and/or manipulated?
A. Computer generated arts C. Mobile Phone art
B. Digital Photography D. Technology-based art
3. Who is this Filipino artist who also landed a job as an animator in Warner Bros
and became a storyboard artist for Batman: The Animated Series?
A. Anina Rubio C. Fernando Amorsolo
B. Armand Serrano D. Ronnie del Carmen
4. The following are institutions in the Philippines offering training courses on
digital arts, EXCEPT:
A. Animation Council of the Philippines (ACPI)
B. Department of Tourism
C. Philippine Center for Creative Imaging (PCCI)
D. Technical Education and Skills Development Authority (TESDA)
5. What device has evolved from a mere communication tool, into a creative
device that allows you to generate original works of art for an entire range of
purposes?
A. Desktop C. Mobile Phone
B. Laptop D. Tablets

6. What filter is used in the photo below?

A. Modified to multi-image collage in different tints

B. Modified to a completely different color
 C. Modified to multiple mirror images
D. Modified to ‘pencil sketch’ effect in gray scale

https://www.slideshare.net/mobile/ronalynconcordia/arts-grade-10-quarter-2

7. If you want to create images from scratch, which of the following specialized
programs for image generation and manipulation is NOT suitable to be used?
A. Adobe Illustrator C. Gimp (GNU Image Manipulation
Program)
B. Corel Draw D. Photo Grid
8. Computer art or digital art first came on the scene early in what year?
A. 1960 B. 1970 C. 1980 D. 1990
9. What is one of the disadvantages of today’s digital art?
A. Easier to get started and work quickly
B. Ideal for working with clients
C. Limitless possibilities can lead to creative analysis
D. Unlimited experimental possibilities
10. The following are the tasks that traditional photo editors used to perform
manually, EXCEPT:
A. Airbrushing C. Filter
B. Cropping D. Retouching

Additional Activities
Do this in your Arts Notebook
1. As a young citizen of the Philippines and of the world, how do you feel about
the influence of digital technology in education? Explain in 5 sentences. Write
your answer in your notebook.