School : PSU Laboratory Junior Grade 10

High level:
Teacher: Sophia B. Vasquez Area: MAPEH (Art)
Teaching 9 & 15 Nov. 2023 Quarter: 2nd
Date:
Grade 10 Detailed Lesson
Plan
OBJECTIVES
A. Content The learners….
Standard:
New technologies that allow new expressions in art using art elements a
processes.

B. Performan The learners….

ce Standard:
Create a tech-based artwork (video clips, and printed media such as poste
menus, brochures etc. ) relating to a selected topic from the differe
learning area using available technologies, e.g., food and fashion.

C. Learning At the end of lesson, students will be able to;

Competencies
/ Objectives: 1. Classify art elements in technology-based production;
2. Identify distinct characteristics of arts during the 21st century in terms of
3. Name different artist from other countries along with their artwor
produced by technology;
4. Evaluate works of art in terms of artistic concept ideas using crite
appropriate for the style or form;
5. Mount an exhibit of completed technology-based artworks.

II. CONTENT
Topic: Technology-Based Art

Lessons 1. Computer /Digital Arts

2. Phone Art/Computer Generated Images;
3. Videos Games, Videos TV and Film, Digital painting and Imaging;
4. Processes Used in Technology-Based Arts.

III. LEARNING RESOURCES

A. Reference: MAPEH 10 Books

B. Other Power point Presentation

Learning Printed Images, Video, Audio
Resource:

IV. TEACHERS ACTIVITY STUDENTS ACTIVITY

PROCEDURES
A. Preliminary Good morning class! Good morning ma’am! Its nice to see you toda

Please lead a prayer

Before we proceed, let us have a quick re- We use canvas, paintings and paint brush
call about your pass lesson in first quarter, create a finish product of painting.
in terms of making art, what process did
you do when making your artwork?
 Have you find it a little of too much work
while in the process of making your Yes ma’am, because you have to provide t
output? needed materials in making an artwork, and al
needed a comfort place to start your painting.
Yes indeed, do you think there is a
convenient way to make an art without the
struggle you have mentioned earlier? Let
us find out.

B. Motivation Before we proceed to our discussion,let us Level one:

play first a game, called “Spot the
Difference” where in you will be provided
an identical image next to each other,
however it has a bit of difference in its
details. You must find the small difference
of details that you can spot in the image,
encircle that part and the first group to Level Two:
finish the task is the winner.

This will be done with with three groups.

Well done everyone!

C. Abstraction/ What do you see? How can you describe

Presentation/ the images shown?
Discussion

Lesson 1 :
Computer/Digital
Art

It is a painting containing with different

materials.The processed of painting is done
traditional way, with the use of acrylic pai
paint pallet, paint brush, canvas, and the tim
and effort of the artist itself.

How about the next image, how can you

describe it? What type of artwork does it
shows?

It shows a different kind of texture in t

artwork. It is made in a technology or devi
artworks. It looks so realistic and show som
kind of illusion in eye of the viewer that the fi
image is moving even though it is not. While
the second image shows a different gradient a

Very good, in relevance with our activity,
called “spot the difference” how can you
relate the images I just have shown you
and with the perception that you have
shared ?
What is the difference of the process in
making artwork between traditional and
technology-based?
Very good.
What is Technology-based Art?
Under Technology-Based Art we have
four categories, they are as follow;
1. Computer/Digital Art;
2. Phone Art/Computer Generated Images;
3. Videos Games, Videos TV and Film,
Digital painting and Imaging;
4. Processes Used in Technology-Based
Arts.
First we have computer/digital art
What does it mean when we say computer
art?
We have four types of computer art, each
type has images provided, can you define
each type based on the image provided?
color in the picture.
There shows a different process of maki
artworks, from traditional to technology-bas
arts.
Traditional art began with muddy handpr
slapped on cave walls and progressed
mediums that are still practiced today, such
painting, drawing, and sculpture. Traditional
uses materials to create a masterpiece, such
pencil, paint brush, canvas, acrylic paint/pa
and many more. While Digital art is defined
art created using tools such as computers a
digitally coded information.Digital art c
include many subcategories, such as digi
paintings, photographs, videos, and animation
Technology based arts is essentially compute
generated and /or manipulated with technolo
being a fundamental force in the developme
and evolution of art, they are interlinked to ea
other.
Computer arts or digital arts first came on t
scene in the early 1960s. understandably, th
was due to the technology that was constan
developing.
Computer art is any art with computers play
role in the production or display of the artwor
It can be an image, sound, animation, vide
CD, ROM, CD-ROM,video games, webs
algorithm, performance, or gallery installation
1. Computer graphics
1. Computer graphics
This is the most lucrative area of computer
and involves using specialized software
create computer images. The images can ran
from something quite basic (like compa
logo).
2. Digital installation art
2. Digital installation art
Use of computer technology to produ
large-scale public art projects. It can invol
projecting film or computer generated imag
onto an objects like a wall or building.

3. Generative art 3. Generative art

This method means an artwork has be
generated in a random automated manner by
computer program using mathematic
algorithm.

4. Computer/Digital illustration
4. Computer/Digital illustration This is the use of computer software li
adobe illustrator to produce works of art, simi
to traditional fine art. While photograph
elements might be incorporated into such wor
they are not its primary basis.

Very good, next we have Digital Art.

What does it mean when we say Digital Digital Arts. General term for range of artis
Art? work s and practices that use digital technolo
as an essential part of the creative and/
presentation process.

Computer art is any art with computers play

role in the production or display of the artwor
It can be an image, sound, animation, vide
CD, ROM, CD-ROM,video games, webs
algorithm, performance, or gallery installation
In terms of Technology-Based Production
there are art elements that should be seen
or presented in a picture, same with the
features in paintings. Same question, can
you define each type based on the image
provided?

This are :

1. Rhythm
 Rythm
Possibly one of the most difficult and mo
important ingredients required for buildi
interesting composition. Rhythm refers to t
movement or the visual flow within a certa
piece. Sometimes also referred to as a tempo
a beat that invites the eye to enter into t
journey of the artist soul.
2. Emphasis
Emphasis
Principe of arts which refers to the use of visu
elements to draw attention to a certain are
usually a focal point in an artwork. There a
many ways you could g about using in your a
it involves contrasting different against ea
other.
3. Proportion
Proportion
Comparison of dimension of forms. It is t
relationship in scale between one element a
another, or between a whole object and one
the its parts.
4. Variety
Variety
Compliments to unity and harmony, and is ne
to create visual interest. Without unity
harmony, an image is chaotic and “unreadable
without variety it is dull and uninteresting

5. Movements
Movements
Is a path our eyes follow when we look at
work of art, and is generally very important
keep a viewers eyes engaged in the wo
Without movement, artwork will be stagnant.

6. Balance
Balance
Refers to the use of artistic elements such
lines, texture, color and form in the creation
artworks in a way that render visual stabili
Refers to the equilibrium of different elemen
Balance is important as it brings visu
harmony, rhythm and coherence to artwork, a
I confirms its completeness.
There are four types of balance, and they
are as follows:

Symmetry
Approximate symmetry
Radial symmetry
Assymmetry

We have famous artist that creates Digital

Artwork;

George Nees
a German academic who pioneered
computer art and generative graphics.
Using ALGOL language -high level
computer programming language devised
to carry out scientific calculations- Nees
created drawings and graphics for
productions, art and architectural
drawings.

Famous digital artwork:

Gravel stones (1965)

Mountain and staurolite (1997)

Ronald Davis
an American painter famous for his use of
geometric abstraction, abstract illusionism,
shaped canvas painting, and 3d computer
graphics.

Famous digital artwork:

Three cubes (2001)

Ring (1968)

Mazzochio twelve (2012)

 Olga Kisselva (b. 1965)
Russian artist who works mainly in
installation, science and media art. Her art
uses various media, including video,
immersive virtual reality , the web,
wireless technology, performance, large
scale art installation, and interactive
exhibitions.

Famous digital artwork:

Lost-time (2012)

Troll mirror (2015))

Digital art in the Philippines

Philippines digital arts offers a wide range

of career opportunities to creative Filipino
to help business convey their ideas about
their products and services to consumers.

Can you give an example of digital career

that are existing herein the Philippines? Career field in digital art
1.Game development
2.Interactive media
3.Web design
4.Motion pictures
5.Visual media

Before we proceed to the next lesson, let

Lesson 2 : Phone us have an “ICE BREAKER!”
Art/Computer
Generated Images The activity is called “Draw on my Back
Challenge”
For the mechanics, there will be a five
member needed to participate in the game.
Each member will be provided a blank
paper and a pen, placing at the back of the
member, the last member from the line
will called and to show an image that will
start to draw. The winning team will
determine if who finishes the drawing first
from back to front.

Plus point to the team that imitate

correctly the drawing

Can you describe the relevance of the

image shown to our activity? It shows that there is a progress, the task ima
changes its features once it gets closer to t
front, same goes with the image shows t
evolution of our smart phone, from keypad
touch screen, relating it to our actvity.
What do you think is the role of
smartphones/mobile phone in the world of Mobile Phone Arts define
art?
the mobile phone that you constantly hold h
evolved from a mere communication tool, to
creative device that allows you to genera
original works of art for an entire range
purposes.

Android Tablets, phone and combination

both called “phablets” ,enable easy , editin
cropping, airbrushing, and retouching- in jus
few seconds by dragging or tapping the apps
a touch screen on your cellphone.

Can you give me an example of Software

Application that we mostly used today in
our social media, art making, photo
editing?
 Flipagram- allows you to bring photo
life.
 doodle booth-an Ipad application th
enables you to doodle.
 photo collage- allows you to make collag
incorporate photos, stickers, texts a
frames.
 photo grid- allows you to make a colla
out of images from your photo gallery.
 Instagram- fast way of sharing videos
mages with others via Facebook, tumb
and twitter.
 Pics art-used to generate animated gifs a
even raw stuff on your photos.
 Air brush-- photo editing app specialize

What does this image represent?
How about this image?
We have a famous photographer in the
early 21st century she is named
Cindy Sherman (b. 1954)
American photographer and film maker
known for her conceptual frame work.
leading photographer of 21st century
What do you think she is emphasizing in
her photo? (image shown above)
We have the rule of thirds
photography
quick fixes and edits .
 Fotor- online designer and editing tool th
includes crop, rotate, brightness, highligh
Computer Generated Imagery (CGI)
Is the application of computer graphics to crea
images in art, print media, video game
television programs, commercials, and videos.
Visual scenes may be dynamic or static and m
be two-dimensional (2D).CGI commonly refe
to 3D computer graphics to create scenes
especial effects in films and televisions.
Digital Photography
uses a display of electronic sensors off light o
other electromagnetic energy to capture t
image focused and store and digitized the ima
to a computer for digital processing or digi
printing.
she uses the cameras in various tools such
make up, costumes, and stage scenery to reve
how self-identity is often an unstab
compromise between dedicates and person
intention.
in
 It involves mentally dividing up your
image using two horizontal lines and two
vertical lines. you then position the
important elements in your scene along
those lines or at points where they meet.

For many photographers, this type of

composition is a basic way to give
structure to photographs and make them
more appealing.

Image shown above is an example of

applying rule of third in a photography

The important elements within a frame

should be placed at the intersection points
of these lines, as shown in the above
diagram. Or, when photographing subjects
like a tree or horizon, which are comprised
of straight lines, the rule of thirds suggests
placing them along one of the four lines
instead.

Lesson 3 :Video
Games, Videos TV
and Film,Digital
Painting and
Imaging

What have you observe from the images

shown above? They were all consist of digital portrait, gam
poster, a movie poster,
Yes they are all Video Games, Videos TV
and Film,Digital
Painting and Imaging
Who experience to play in this kind of
game toy? Me!

Did you know that before phone gaming,

devices, computer gaming, we have this
type of gaming toy.

Gunpie Yokoi (1941-1997)

creator of the game Boy and Virtual boy.
he did extensive work on the system we
know today as the Nintendo Entertainment
System.

How can you define Video Games?

Video Games
It is an active various games played
electronically manipulating images on a scre
using specialized electronic gaming devic
computers, or mobile devices for in
How about Video entertainment.

Video
electronic medium used to record, cop
broadcast and display virtual media that can
transported as an analog or digital signal in
wireless broad cast, in film making, vid
production and animation, a video frame is o
of the many still images which make up t
complete moving picture.
How about Digital Painting and Imaging
Digital Painting and Imaging
Art created using digital technology during a
phase of its creative process, and/or the fin
result requiring a form of digital technology f
it to be viewed. it adapts traditional painti
media such as acrylic paint, oils, in
watercolor, etc. and applies tthe pigment
traditional carriers like canvas, paper, polyest
etc., by means of computer. software drivi
printers.

Characteristics of Digital Painting

1. Transparency
2. Symmetry
3. Distortion
4. Repetition
5. Embossing (creating 3D illusion)
6. Texture
7. Perfect circles, ellipse, squares, and
other forms.
8. flat surface

Among the characteristics of digital

painting,what characteristics does the
image shows ?

1. Transparency

2. Symmetry

3. Distortion

4. Repetition

5. embossing (creating 3D illusion)

6. Texture

7. perfect circles, ellipse, squares, and oth

forms.
8. flat surface

Common Mistakes for Beginners

1. Starting with no Idea

2. Too many Details
3.Too little value dynamics and
atmospheric perspective
4. overusing pure white
5. not using warm or cool colors
effectively
6. using only hard pr only soft brushes
 7. using too many saturated colors
8. getting stuck on brushes
In technology-Based Art we have 5
Lesson 1. Computer Manipulation
4 :Processes Used
in Technology-
Based Arts.
2. Light Setting
3. Digital Enhancement
4. Printing
5. Digital Circulation
D. Activity A. If you will become a software
application developer of a digital
company, what application are you going
to develop? create the application name
and draw the icon/logo. cite certain
features of that application.
E. Generalization What was the role of technology in the
world or art?
What is traditional making of art and
technology-based art?
The process of altering, editing, or moving te
or data in a computer. It involves the chang
you make to the appearance of a photo f
various purposes such as advertiseme
magazines, books, and gallery artwork.
Camera position used effective are the be
processes to get perfect photographs. T
advantage of shooting digitally is th
photographers can see exactly how the lig
builds up after each shot.
Process of setting technologies related
produced an altered image in a frequen
spectra with the purpose of rendering a mo
usable image.
Is the process of reproducing text and ima
with ink on paper using a printer or printi
press.
Is expressed as a series of digits from 0 ans
typically represented by values of a physic
quantity such as voltage or magne
polarization.
Technology based arts refers to the late
electronic technologies such a digital painti
and imagining, Internet printi
materials,cellular phones, videos,and games.
is an effective and vibrant tool that he
empower artist to express their goals, ideas a
advocates to elicit immediate action.
Traditional art began with muddy handpr
slapped on cave walls and progressed
mediums that are still practiced today, such
painting, drawing, and sculpture. Traditional
uses materials to create a masterpiece, such
pencil, paint brush, canvas, acrylic paint/pa
 and many more. While Digital art is defined
art created using tools such as computers a
digitally coded information.Digital art c
include many subcategories, such as digi
paintings, photographs, videos, and animation

Can you differentiate the process of Traditional art was prominently created usi
making art from early century to 21 st cultural perspective and ideas, it is also ma
century? using more physical conventional media such
pencils, charcoal, oil paintings, clay, and suc
While in the 21st century, me media art defin
as a genre that encompasses artworks creat
with new media technologies, including digi
art, computer art, animations, etc……

Very good!

F. Analysis/Quiz choose the letter of the correct answer.

write the chosen letter on sheet of paper.

1. It is known as the computer-generated

and or manipulated from of art.
a. computer art
b. digital art
c. technology-based art
d. visual art

2. In what year did computer / digital arts

begins?
a. early 1950’s
b. early 1940’s
c. earrly 160’s
d. early 1920’s

3. What do you call an artist who produces

artworks through digital ways?
a. digital artist
b. digital art worker
c. digital worker
d. digital photographer

4. The following are some of the basic

elements of technology based arts
EXCEPT one.
a. balance
b. harmony
c. proportion
d. Dimension

5. The word “Phablet” came from the

words_____
a. phone and laptop
b. phone an tablet
c. smartphones and tablet
d. photo shoot
 6. The following apps can be used for
editing a mobile photo, EXCEPT ______
a. artweaver
b. doodle booth
c. airbrush
d. photogrid

7. Which of the following application for

android allows you to make a collage?
a. doodle booth
b. flipagram
c. pixlr
d. photogrid

Test II. Identify who is the artist

A. Ronald Davis
B. B. Olga Kisseleva
C. C. George Nees

8. __________ 9.___________

10.____________

G. Application Take a pictures about the given subjects on

the first column. choose only one best shot
for every subject. do not edit yet. print and
mount in on the second column. based on
the given modification on the third
column, edit the original photo then print.
the first one is done for you.

Subject Original Modified/

 Edited
Nature

People Crop
Student Rotate
Building Multiple
mirror
Vehicle Pencil
Sketch
Family/ Apply
Guardian Frames/
Border

CHOOSE ONLY ON OUTPUT

A. Photo Editing

Instruction : with the use of any android or

smart phones, take a picture of anything
related to nature, people or any subject as
you wish . apply any of the editing tools
found in your camera phone settings (eg.
crop, filter, adjust, sharpness/brightness,
doodle)

using any of the application installed in

your available devices, experiment with
different effects and features to modify
your saved images or illustrations. make a
presentation of your pictures and apply
background music.

B. Digital Painting

Instruction: with the use of any android or

smart phones, using any of the application
installed in your available devices (e.g Ibis
paint application, drawing application)
draw the software application that you
have created in Activity 1. you may use
the tracing method to make your artwork
more easier.

explore the application you are using or

you can watch any tutorial in
“YouTubeNiversity”.

You may submit your output to me

through Bluetooth or share it application.
V. EVALUATION
Criteria/Rubrics
Category Accomplished Developing Artist Beginning Artist
Artist
25 15 10
Material Application Demonstrates Demonstrates some Lacks demonstratio
and Technique Qualities & Qualities & of qualities &
characteristics of characteristics of characteristics o
Various media, various media & various media
techniques & processes. techniques &
processes. processes.
Completion Most of the steps are Some of the steps Lacks conten
completed to the are completed but understanding and i
best of student needs finishing clearly a work i
ability. touches. progress.
Creative process Expresses original Expresses original Lack original idea
idea and insightful ideas but has few and has few details.
perspective with an details.
appropriate amount
of details.
craftmanship Artwork reflects Artworks reflects Artwork appears t
deliberate control adequate control and be work in progres
having good having some with little or n
craftmanship. craftmanship. control o
craftmanship.

Follow up 1. How was the process of making your output?

questions? 2. Did you find it hard using digital drawing application?
3. Does your skill improve from traditional to digital art making?
4. What have you realized throughout the process of your art work?
5. What method do you prefer of making art work, traditional or technology -based? Why?