SENIOR HIGH SCHOOL CORE SUBJECT

EMPOWERMENT TECHNOLOGIES
TEACHING GUIDE

TOPIC / IMAGING AND DESIGN FOR THE ONLINE

LESSON NAME ENVIRONMENT

CONTENT The learners demonstrate an understanding of:

STANDARDS How to manipulate text, graphics, and images to create ICT content
intended for an online environment
PERFORMANCE The learners shall be able to:
STANDARDS
At the end of the 2-week period independently apply the techniques of
image manipulation and graphic design to create original or derivative ICT
content from existing images, text and graphic
LEARNING The learners:
COMPETENCIES
6.evaluate existing websites and online resources based, on the principles of
layout graphic, and visual message design

SPECIFIC 1.Basic principles of graphics and layout

2.Principles of visual message design using infographics
LEARNING
3.Online file formats for images and text
OUTCOMES 4.Principles and basic techniques of image manipulation
5.Basic image manipulation using offline or open- source software
6.Combining text, graphics, and images
7.Uploading, sharing, and image hosting platforms

Usable platforms/ applications currently include but are not limited to:
Google Sketch Up (freeware)
GIMP (open source/ freeware

TIME 16 HRS
ALLOTMENT
CONTENT 1.
LESSON 1. Introduction / review: 15 minutes
OUTLINE 2. Motivation: 15 minutes
3. Instruction / Delivery 180 minutes
4. Practice: minutes
5. Enrichment: 10 minutes
6. Evaluation: 10 minutes
MATERIALS LAPTOP, LCD PROJECTOR, TV, AUDIO DEVICE
RESOURCES PHOTOSHOP 3.0
Internet

PROCEDURE
INTRODUCTION: 35 mins
1. Introduction of the module 3 and the requirements of the
module.

SLSPI: EMPOWERMENT TECHNOLOGIES

Reyman Rusty S. Jayme – PRC DRR Instructor (Phil. Red Cross – SoCot Chapter)
 SENIOR HIGH SCHOOL CORE SUBJECT
EMPOWERMENT TECHNOLOGIES
TEACHING GUIDE
MOTIVATION : 15 Mins
Day 1:
The teacher should
a. Show to students the different advertising business photos have a collection of
and ask them the following questions: advertisement
1. Which among the 5 photos that catch your eyes; 10 photos and show
photos? 20 photos them to the class.
b. Ask the students who has cellphones and imaging application
in their cellphones.

INSTRUCTION / DELIVERY: 55 mins

Day 1: Basic Principles of graphics and layout (IS:
LECTURE/RETURN DEMO)
A. The teacher will request a student representative to report
1. Basic principles of Graphics and lay out
2. Principles of design
3. Image file formats
4. Image manipulation
5. Image editor
6. Online web hosting sites

c. Ask the students to make a copy of the picture they like, topics
presented, and evaluate based on the principles.
d. Summary of the day’s lesson.
The teacher
Day 2: BASIC OF PHOTOSHOP DESIGN: prepares lcd, while
(IS: LECTURE/RETURN DEMO) students take note,
B. COMPUTER LABORATORY for those who have
laptop, will follow

PRACTICE: 4 day (280 minutes)

Day 2: Tutorials on Photoshop: IMAGE MANIPULATION

(IS: LECTURE/RETURN DEMO)
C. The teacher will show the different menu in photoshop.
1. Students will prepare 2 or more pictures of an anime and
deskstop background.
2. They will cut choosen part of an anime and paste it to a new
layer.

DAY 3: IMAGE MANIPULATION. (PORTRAIT)

(IS: LECTURE/RETURN DEMO)

D. SELF IMAGE MANIPULATION

3. Students will prepare an image of themselves and try
manipulate, enhance the image. (self image)

DAY 4: POSTER

E. Poster Design
4. Approaches on how to design a poster.

SLSPI: EMPOWERMENT TECHNOLOGIES

Reyman Rusty S. Jayme – PRC DRR Instructor (Phil. Red Cross – SoCot Chapter)
 SENIOR HIGH SCHOOL CORE SUBJECT
EMPOWERMENT TECHNOLOGIES
TEACHING GUIDE
ENRICHMENT: Day 1 (5 Minutes) The teacher will
1. Images and graphics can change the presentation and provide scotch
tape/masking
appearance of the document and can easily attract readers. tapes.
This is to achieve maximum viewing efficiency. To realize this,
principles of design have been established.
a. Balance – describes the placement of the entire
element in an image
b. Contrast – refers to the combination of opposite
properties of the elements
c. Unity –is defined as the proper harmony of all the
elements present in the image
d. Proportion – is the correlation of the element with one
another
e. Rhythm – is the amount of appropriateness of each
element in an image with one another
2. In creating and editing images, you need to save your product
in a storage device. Image files can be saved using different
file formats.
a. Psd – raw image file
b. Jpeg format – discards information in photos buyt can
recreate the image seamlessly
c. Tiff – is also a popular format in online images, can be
lossy or lossless compression.
d. Gif – a format that can store simple graphical
information and can be normally viewed in an
electronic device.
EVALUATION:
The teacher require
DAY 2: each student to
submit their work
1. Work animation design thru a facebook…
a close group of
DAY 3: Empowerment
2. Self Image manipulation technology
Day 4:
3. As a dedicated marketing agency staff, you are asked to
create a poster regarding the earthquake drill awareness.
The poster should entice everybody to practice, and follow
earthquake drill religiously. The poster should contain
basic information such as telephone numbers of contact
persons, agency, etc. The size of the poster is 2 ft x 3 ft. As
your General Manager, I will personally inspect the poster
before it is printed and disseminated.

SLSPI: EMPOWERMENT TECHNOLOGIES

Reyman Rusty S. Jayme – PRC DRR Instructor (Phil. Red Cross – SoCot Chapter)