Empowerment Technology Module

SENIOR HIGH SCHOOL - ABM, GAS, HUMSS, STEM and TVL
LEARNING ACTIVITY SHEETS
EMPOWERMENT TECHNOLOGIES
WEEK 5
Imaging and Design for Online Environment
MELC WITH CODE:

1. Use image manipulation techniques on existing images to change or enhance their current state
to communicate a message for specific purpose. (CS_ICT11/12-ICTPT-Ie-f-7)
2. Create an original or derivative ICT content to effectively communicate a visual message in an
online environment related to specific professional tracks. (CS_ICT11/12-ICT-Ie-f-8)
RECHELLE T. BALDO MYLENE S. PADUL

SHS Teacher II SHS Teacher I
09302692486 09751537849
Name of Learner: _________________ Grade and Section________ Date: _______
Lesson 6: Imaging and Design for Online Environment
Background of Information for Learner
Imaging and Design for Online Environment is an online graphics and
layouts that taught me many effective things in order for me to use
image design and its advantages. They can improve cognition by utilizing
graphics to enhance the human visual system's ability to see patterns and trends.
What is Image Manipulation?
Is an art that involves transforming or altering an image using different
methods and techniques to achieved desired result. Some photo manipulations
are considered skillful artwork while others are frowned upon as unethical
practices, especially when used to deceive the public, such as that used for
political propaganda, or to make a product or person look better.
Basic Techniques in Image Manipulation
BACKGROUND COLOR
You can change the background if it does not match the image or the
totality of the presentation. You can also add effects to the background.
MULTIPLE IMAGES
You can combine multiple images to make a point or use to highlight your
message.
SHADOW
Using shadow effect will make the image realistic, because they
emphasize the object effectively. It is realistic in a way that every item has a
shadow if it needs one and
every item is proportional to
everything else.
PROPORTION
When combining images, resize the image to make it proportionate and
realistic. Proportion is probably one of the
most important things a designer must
possess if he wants to do image
manipulations. This will make the image
more realistic if the original design is
extremely far-fetched. Remember that
images that are supposed to be far away
have to be smaller than the ones that are closer.
BLENDING COLOR
You can use color blending to match the background with other
elements in the
page.
TEXTURE
Texture is the surface quality of the image. It adds to the depth of the
image and blends all the image together evenly. Image texture gives us
information about the spatial arrangement of color or intensities in an
image or selected region of an image.
Basic image manipulation using offline or open source software
PICASA- Picasa is a Google’s free photo manager to edit and organized your
photos. It has tools for photo editing like crop, straighten, rotate, red eye
removal, contrast and filters. originally created by a company named
Lifescape (which at that time was incubated by Idealab) in 2002. "Picasa"
is a blend of the name of Spanish painter Pablo Picasso, the phrase mi
casa (Spanish for "my house") and "pic" for pictures
PAINT. NET- Paint.net is a Windows-based alternative to MS Paint editor. It is

a free and open source available in Windows. It can be used for photo
editing like recolor, crop, text edit, rotate, multiple layers, and other photo
editing.
• Rick Brewster originally the author
• Initial release date: May 6 2004
GOOGLE SKETCH UP - Google Sketch up is a free , 3D modeling program
with tools that allow you to create 3D models of houses, home
renovation , wood working projects, and others with dimensional
accuracy.
• Original author – @ Last Software of Boulder , Colorado co
founded in 1999 by Brad Schell and Joe Esch.
• Developer – Trimble Inc.
• Initial release August 2000
AUTODESK PIXLR- Is a free photo-editing desktop application, based on the

existing mobile app. It is designed to offer the user a wide range of editing
tools which can be used to decorate, enhance and modify a photograph in
many different ways.
 Pixlr was founded in Sweden in 2008 by Ola Sevandersson.
On 19 July 2011, Autodesk announced that they had acquired
the Pixlr suite and that Sevandersson had joined the company.
ADOBE PHOTOSHOP - Adobe Photoshop is a tool to create, modify, combine

and optimize digital photos and images. It is used to perform
changes such as adjusting brightness and contrast of the images,
combine different image elements and keeps your image organized.
• Photoshop was created in 1988 by Thomas and John Knoll. Since
then, it has become the de facto industry standard in raster
graphics editing, to the point that Photoshop has become
a generic trademark leading to its use as a verb such as "to
Photoshop an image," "photoshopping" and "photoshop contest",
though Adobe discourages such use.
• Developers - Adobe System
• Initial release- February 19, 1990
Learning Competency with Code:
1. Use image manipulation techniques on existing images to change or enhance
their current state to communicate a message for a specific purpose
(CS_ICT11/12-ICTPT- Ie-f-7)
2.Create an original or derivative ICT content to effectively communicate a visual
message in an online environment related to specific professional tracks.
(CS_ICT11/12-ICTPT-Ie-f-8)
Directions/Instructions:
Read and understand each directions/instructions stated in each activity sheet.
Write you answer neatly and avoid erasure.
Exercises/Activities:
Activity 1. Guess the following techniques used to manipulate the images. (2
points each)
1. 3. 5.
2. 4.
Activity 2 Give at least 5 applications of image manipulation you mostly used.
Activity 3. “ Let’s Do Magic”
Direction: Take a photo of a landscape and a portrait – be it of yourself, a

family member, a friend or a pet. Create a photo collage where both pictures
are edited. Print your work in a short-sized photo paper. Check the rubric for
grading. The following things shall be done on the picture:
1. Cropping
2. Adjusting brightness and contrast
3. Color balancing
4. Combining text with images preferably positive quotes. Don’t forget to cite
the original writer!
5. Changing background for portraits only
Rubric: 20 points
Criteria 4 3 2 1
Creativity The work The work The work The work
and demonstrate demonstrate demonstrate demonstrate
Originality s superior s good use s average s little
Weight: creativity of creativity use of evidence of
(x2) and and creativity creativity
originality in originality in and and
the selection the selection originality in originality in
of the of the the selection the selection
visuals. visuals of the of the
visuals. visuals.
Compositio Artwork Artwork Composition Ideas are
n and exhibits exhibits demonstrate expressed
Design masterful good s limited with no unity
Weight: execution of composition knowledge in
(x1) balance, and design of design composition.
emphasis, elements. elements
pattern,
unity, color,
and
contrast.
Required All required 4 of the Only 2 of the Only 1 of the
elements elements are requirement requirement requirements
Weight: present. s are met. s is met is met.
(x2) Project is
unacceptable
.
Activity 4: Search an example of visual message in an online environment

related to specific professional tracks. Have a print out of visual message and
place in a long bond paper.
Activity 5. Create an original or derivative ICT content to effectively
communicate a visual message in an online environment related to specific
professional tracks.
Choices:
a. Infographics c. Logo or crest for a community, school or
organization
b. Brochure d. Team/Athlete/League recruitment poster

Empowerment Technology Module

Uploaded by

Copyright:

Available Formats

Empowerment Technology Module

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Empowerment Technology Module

Uploaded by

Copyright:

Available Formats

SENIOR HIGH SCHOOL - ABM, GAS, HUMSS, STEM and TVL

LEARNING ACTIVITY SHEETS

MELC WITH CODE:

RECHELLE T. BALDO MYLENE S. PADUL

PAINT. NET- Paint.net is a Windows-based alternative to MS Paint editor. It is

AUTODESK PIXLR- Is a free photo-editing desktop application, based on the

ADOBE PHOTOSHOP - Adobe Photoshop is a tool to create, modify, combine

Activity 3. “ Let’s Do Magic”

Direction: Take a photo of a landscape and a portrait – be it of yourself, a

Activity 4: Search an example of visual message in an online environment

You might also like