EMPOWERMENT TECHNOLOGIES SUBJECT FORM QUIPPER

1. Empowerment Technologies
Senior High School Applied - Academic
Unit 6: Image Manipulation Techniques
Lesson 1
Online File Formats and
Principles of Image Manipulation

2. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Have you ever tried
to produce filtered
photos?
2

3. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
How does
image
manipulation
help us in
showing our
feelings and
emotions?
3

4. Learning
Objectives
At the end of the
lesson, you should
be able to do the
following:
ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT 4
● Define image.
● Identify the classification of
image file formats.
● Become familiar with online
image file formats.
● Determine the principles of
image manipulation.
● Follow the principles of image
manipulation.
4

5. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Are you familiar with Haiku?
5

6. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Haiku
Is a short Japanese poem that contains 17 syllables with a
3-line format. It follows the five-seven-five format, which
means that the first and third lines have five syllables, and
the second line has seven syllables. It is made famous for
being short yet meaningful.
6

7. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
In this activity, you will create a poem in a haiku
format. The title is not included in the number
of syllables per line. Present your work in the
class and explain how meaningful your poem is
in your life.
Haiku Format
7

8. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
1. Which part of composing the haiku poem is
easiest? Which part of the poem is the
hardest?
8
Guide Questions

9. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
2. Why do you think composing a poem with
haiku format is hard?
9
Guide Questions

10. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
3. In terms of posting images, how do you
think could an image become meaningful
yet simple?
10
Guide Questions

11. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
What is Image?
11

12. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Image is a
representation of
something that
conveys meaning
like photographs,
paintings,
drawings,
illustrations,
sculptures,
abstracts, etc.
12

13. What do you think is the relation of
haiku in image?
13

14. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Image has
various formats
but classified
into two
categories:
● Printable
File Format
● Online File
Format
14

15. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
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.
15
15

16. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Printable Image
File Formats
● JPEG
● PDF
● EPS
● TIFF
16

17. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
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
17
17

18. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
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
18

19. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
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
19
19

20. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Encapsulated
PostScript
(EPS)
● is a file
format for
images
printed in
large
billboards
20
20

21. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Tagged Image
File Format
(TIFF)
● used for raw
files that came
from filmed
cameras
21

22. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Online Image
File Formats
● Images that can
be uploaded
and shared
online
22

23. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Online Image
File Formats
● GIF
● BMP
● SVG
23

24. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Graphic
Interchange
Format (GIF)
● refers to a
graphic file
format that has
movements
(interchanging
movements)
24

25. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
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
25
25

26. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Scalable Vector
Graphics (SVG)
● commonly used
file format for
images on web
pages and
websites
26

27. How do a printable file format and an
online file format differ from each
other?
27

28. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Difference of Online and Printable Image File Formats
28
28
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

29. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT 29
29
Difference of Online and Printable Image File Formats
File Format Printable Online Use
GIF Yes but with low quality
printing
Yes
BMP Yes with low quality printing Yes
SVG Yes but very low quality
printing and small image only
Yes

30. How can you manipulate such
image file formats?
30

31. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Principles of
Image
Manipulation
31
31

32. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Choosing
an Editing
Application
Software
32
32

33. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Choosing
the right
image file
format
33
33

34. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Purpose of
the
manipulated
image
34
34

35. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Themes
and Motifs
35
35

36. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Symbolism
of the image
36
36

37. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Parallelism
of the
elements in
the image
37
37

38. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Contrast of
the
elements in
an image
38
38

39. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Harmony of
the
elements in
the image
39
39

40. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Proportion
of the
elements in
an image
40
40

41. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Practice 1
Listed on the next slide are
different image file formats.
Classify the following items
as either printable or online
uploadable by writing them
in their appropriate boxes.
41

42. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT 42
● JPEG
● PNG
● BMP
● GIF
● SVG
● PDF
● EPS
● TIFF
Printable Online Uploadable

43. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Practice 2
In line with activity 1,
write down at least two
(2) principles of image
manipulation and explain
how it is important.
43

44. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT 44
Answer the following completely in your own words.
1. Define Image.
2. What are the two classifications of image file formats?
3. What is the difference between printable file formats and
online file formats?
4. Can an EPS file format be uploaded online? Why or why not?
5. Why is a bitmap format not recommended to be printed?
Defend your answer.
44
44
44
44

45. ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND
EVALUAT
Answer the following
comprehensively:
Stephen King says
“Symbolism exists to
adorn and enrich, not to
create an artificial sense of
profundity”. What is your
perspective on this?
Explain your answer.
45

46. 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.
Printable File Formats and Online File Formats
have similarities yet differences in usage and
capacities.
46

47. Wrap Up
Under Printable File Formats are JPEG, PNG,
PDF, EPS and TIFF. On the other hand, under
Online File Formats are GIF, BMP, and SVG.
There are various principles of image manipulation
to consider: Choosing of Editing Application
Software, File Formats, Uploading and Printing,
Themes and Motifs, Symbolism, Parallelism,
Contrast, Harmony, and Proportion.
47

48. Bibliography
48
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-
technologies-principles-and-basic-techniques-of-image-manipulation.

49. Bibliography
49
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.