11lesson 1 Online File Formats and Principles of Image Manipulation
11lesson 1 Online File Formats and Principles of Image Manipulation
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 1
Haiku
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 2
Haiku Format
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 3
Guide Questions
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 4
Guide Questions
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 5
Guide Questions
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 6
Unit 6: Image Manipulation Techniques
Lesson 1
Online File Formats and
Principles of Image Manipulation
Empowerment Technologies
Senior High School Applied - Academic
● Define image.
● Identify the classification of
Learning image file formats.
Objectives ● Become familiar with online
image file formats.
At the end of the ● Determine the principles of
lesson, you should
be able to do the image manipulation.
following: ● Follow the principles of image
manipulation.
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 88
Have you ever tried
to produce filtered
photos?
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 9
How does
image
manipulation
help us in
showing our
feelings and
emotions?
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 10
What is Image?
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 11
Image is a
representation of
something that
conveys meaning
like photographs,
paintings,
drawings,
illustrations,
sculptures,
abstracts, etc.
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 12
Image has
various formats
but classified
into two
categories:
● Printable
File Format
● Online File
Format
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 13
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.
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 14
14
Printable Image
File Formats
● JPEG
● PDF
● EPS
● TIFF
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 15
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
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 16
16
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
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 17
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
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 18
18
Encapsulated
PostScript
(EPS)
● is a file
format for
images
printed in
large
billboards
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 19
19
Tagged Image
File Format
(TIFF)
● used for raw
files that
came from
filmed
cameras
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 20
Online Image
File Formats
● Images that can
be uploaded
and shared
online
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 21
Online Image
File Formats
● GIF
● BMP
● SVG
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 22
Graphic
Interchange
Format (GIF)
● refers to a
graphic file
format that has
movements
(interchanging
movements)
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 23
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
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 24
24
Scalable Vector
Graphics (SVG)
● commonly used
file format for
images on web
pages and
websites
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 25
How do a printable file format and
an online file format differ from
each other?
26
Difference of Online and Printable Image File Formats
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 27
27
Difference of Online and Printable Image File Formats
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 28
28
How can you manipulate such
image file formats?
29
Principles of
Image
Manipulation
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 30
30
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 31
31
Choosing
an Editing
Application
Software
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 32
32
Choosing
the right
image file
format
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 33
33
Purpose of
the
manipulated
image
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 34
34
Themes
and Motifs
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 35
35
Symbolism
of the image
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 36
36
Parallelism
of the
elements in
the image
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 37
37
Contrast of
the
elements in
an image
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 38
38
Harmony of
the
elements in
the image
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 39
39
Proportion
of the
elements in
an image
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 40
40
Written Work #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.
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 41
● JPEG ● SVG
● PNG ● PDF
● BMP ● EPS
● GIF ● TIFF
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 42
Conclusion
Give 1 Principle of Image
Manipulation and explain
why it is important.
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 43
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.
EVALUAT
ENGAGE EXPLORE EXPLAIN EXTEND 44
44