SESSION 1

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 11
Elements of Design

Empowerment Technologies
Senior High School Applied - Academic
22
What will be the effect of using a graphic
oraganizer in presenting information?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 44
 What do you
think about the
design?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND
 ● Differentiate and Identify the
Elements of design (image)
Learning manipulation.
Objectives
● Appreciate how the elements can
At the end of the improve the design
lesson, you should be
able to do the
following: ● Follow and use the elements of
design.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 66
Empowerment Technologies
Senior High School Applied - Academic
TYPOGRAPHY
It describes the way a text is properly
designed, organized, and presented on a
website.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND
SHAPES
Two-dimensional (LW) element with an area on a plane.
FOR
COLOR
create balance and harmony
24
 SESSION 2

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 25
25
Advanced Image Manipulation Techniques

Familiarizing with an Image Editing

Application

Empowerment Technologies
Senior High School Applied - Academic
Empowerment Technologies
Senior High School Applied - Academic
Empowerment Technologies
Senior High School Applied - Academic
Empowerment Technologies
Senior High School Applied - Academic
Empowerment Technologies
Senior High School Applied - Academic
Have you tried editing
a picture?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND
Learning ● Identify categories and types of
Objectives image editing application.
● Familiarize with Adobe
At the end of the Photoshop /GIMP interface.
lesson, you should be
able to do the
● Uilize the basic feature of
following: Adobe Photoshop/GIMP

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 32
32
GUESS
THE LOGO

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND
 It is free, 3D-modelling
program with tools that
allow you to create 3D
models of houses, -home
renovation, woodworking
projects, and other with
dimensional accuracy.
 A free photo editing tool
that is similar to Photoshop and
has more than 600 effects,
overlays, and borders that you
can use.
 A Windows-based
alternative to the 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 work
 A tool to create, modify, combine and optimize digital photos and
images, combines different image elements and keeps your images
GIMP or GNU image manipulation program is a free, open-source, image/graphics
program used for image retouching and editing, free-form, drawing /painting, and
other specialized tasks.
 SESSION 3

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 39
39
 Types of Basic
Image Editing
Application
● Built-in
Applications
● Third-Party
Applications

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 40
Built-in
Applications
● Windows (MS
Paint, MS Photos, etc)

● Android (Gallery,
Google Photos, etc.)

● MacOS (Apple
Photos)

● iOS (Photo
Applications in iOS)

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 41
 Third-Party
Applications
● Picsart
● Snapseed
● Snapchat
● Pixlr
● Pizap

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 42
42
Advanced Image Editing
Application

● good for those who want

to make additional
advanced adjustments to
the image.

● Users can apply different

effects on different parts
of the image.
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 43
43
 Bibliography
Allen, Jennifer. “What is Photoshop?” Lifewire, March 9, 2020.
https://www.lifewire.com/what-is-photoshop-4688397

Chastain, Sue. “Adobe Photoshop Basics: Menu Bar Options.” Lifewire, May 21,
2020.
https://www.lifewire.com/navigating-the-adobe-photoshop-menu-bar-4091
953

“Image Editing 101: Image Editing Software.” GCF Global. Retrieved 12 May 2020,
from
https://edu.gcfglobal.org/en/imageediting101/image-editing-software/1/

Kabili, Jan. “Get to Know Photoshop.” Adobe. Retrieved 12 May 2020, from

44
 Bibliography
Maida, Jesse. “Global Photography Services Market 2019-2023 | Growing Use of
Technologically Advanced Services in Photography to Boost Demand |
Technavio”. Businesswire, June 5, 2019.
https://www.businesswire.com/news/home/20190605005528/en/Global-Phot
ography-Services-Market-2019-2023-Growing-Technologically

Patterson, Steve. “Getting to know the Photoshop Interface.”

photoshopessentials.com. Retrieved 12 May 2020, from
https://www.photoshopessentials.com/basics/getting-know-photoshop-interf
ace/

Patterson, Steve. “Photoshop Layers Panel Essentials.” photoshopessentials.com.

Retrieved 12 May 2020, from
45
https://www.photoshopessentials.com/basics/layers/layers-panel/
 SESSION 4

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 46
46
Image Manipulation Techniques

Online File Formats and Principles

of Image Manipulation

Empowerment Technologies
Senior High School Applied - Academic
 When you edit your pictures,
what file format do you use?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 48
48
 ● Define image.
Learning ● Identify the classification of
Objectives image file formats.
● Appreciate the types of file
At the end of the formats in connection to
lesson, you should be
able to do the
maintaining the quality of an
following: image.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 49
49
What is Image?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 50
 Image is a
representation
of something
that conveys
meaning like
photographs,
paintings,
drawings,
illustrations,
sculptures,

ENGAG
abstracts, etc.
EVALUAT
EXPLOR
EXPLAIN EXTEND 51
Image has
various formats
but classified
into two
categories:
● Printable
File Format
● Online File
Format
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 52
 Printable Image
File Format are
those image
formats that can
be uploaded on
the internet and
can be printed out
(as the name says)
to have a hard
copy of the image.
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 53
53
Printable Image
File Formats
● JPEG
● PNG
● PDF
● TIFF

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 54
 Joint
Photographic
Experts Group
(JPEG)
● refers to the file
format of a still
and flat image. It is
a file extension
that still pictures
are saved as
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 55
55
Portable Network
Graphics (PNG)
● used for creating
flyers and posters
● even if the image is
resized into a larger
size or a smaller
size, it will not
reduce its quality

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 56
Portable Document
Format (PDF)
● converts word processed
document, spreadsheet,
and even presentations
into an image file format
where they can still read
the document even if they
are away from their
desktop computers
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 57
57
Tagged Image
File Format
(TIFF)
● used for raw
files that came
from filmed
cameras

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 58
 Online Image
File Formats
● Images that can
be uploaded
and shared
online

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 59
Online Image
File Formats
● GIF
● BMP
● SVG

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 60
 Graphic
Interchange
Format (GIF)
● refers to a
graphic file
format that has
movements
(interchanging
movements)
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 61
Bitmap (BMP)
● refers to a file
format for colors
per pixel
● used for creating
animated
characters in a
low resolution
where pixels
(colors per box)
are shown
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 62
62
 Scalable Vector
Graphics (SVG)
● commonly used
file format for
images on web
pages and
websites

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 63
How do a printable file format and
an online file format differ from
each other?

64
Difference of Online and Printable Image File Formats

File Format Printable Online Use

JPEG (JPG) Yes Yes with some quality
compression
PNG Yes Yes with same file quality
PDF Yes Yes but as a document file
EPS Yes No due to high quality
compression
TIF (TIFF) Yes Yes with some quality
compression
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 65
65
Difference of Online and Printable Image File Formats

File Format Printable Online Use

GIF Yes but with low quality Yes
printing
BMP Yes with low quality printing Yes
SVG Yes but very low quality Yes
printing and small image only

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 66
66
How can you manipulate such
image file formats?

67
 Wrap Up

Image is a representation of something that

conveys meaning like photographs, paintings,
drawings, illustrations, sculptures, abstracts, etc.
Image File Formats are classified into two
categories: Printable File Formats and Online
File Formats.

68
 Wrap Up
Printable File Formats and Online File Formats
have similarities yet differences in usage and
capacities.

Under Printable File Formats are JPEG, PNG, PDF,

EPS and TIFF. On the other hand, under Online
File Formats are GIF, BMP, and SVG

69
 Bibliography
Daculan, M. n.d. “PRINCIPLES AND BASIC TECHNIQUES OF IMAGE
MANIPULATION.” Academia.edu. Accessed May 13, 2020.
https://www.academia.edu/31500683/PRINCIPLES_AND_BASIC_TECHNIQUE
S_OF_IMAGE_MANIPULATION
.

Lundquist, Samual. 2020. “Image file formats: when to use each file type.”
99designs. 99designs. January 24, 2020.
https://99designs.com/blog/tips/image-file-types/.

Magdaraog, Lany Lyn. 2019. “Empowerment Technologies - Principles and Basic

Techniques of Image Manipulation” LinkedIn SlideShare. January 12, 2019.
https://www.slideshare.net/LanyLynMagdaraog/empowerment-technologie
s-principles-and-basic-techniques-of-image-manipulation
70
.
 Bibliography

Nehring, Cathy, Dan Polden, and Dan Polden. n.d. Print File Formats. Accessed May
12, 2020. https://dcopy.net/support/file-formats/print-file-formats.php.

“Scalable Vector Graphics.” 2020. Wikipedia. Wikimedia Foundation. May 7, 2020.

https://en.wikipedia.org/wiki/Scalable_Vector_Graphics.

71