2. Teaching-Learning
Reminders
❑Prepare all the necessary learning materials before
the actual session.
❑Prepare a space that is conducive for learning (e.g.
free from noise and any distraction).
❑Refrain from recording any part of the session for data
privacy and security.
❑Refrain from doing things that may distract other
learners.
3. Teaching-Learning
Reminders
❑Always answer and communicate using appropriate
language.
❑Keep private chats to a minimum unless discussing
lesson content.
❑Pay attention to the subject teacher while he/she is
discussing the lesson or while someone is speaking.
❑Always maintain positive attitude during the session.
4. Teaching-Learning
Reminders
❑Keep the camera on and the microphone muted when
not in use.
❑Close other browser windows applications so that the
focus will be on the lesson only.
❑Use raise hand icon if you wish to speak and wait to
be acknowledged by the teacher.
❑Use the chat box to ask relevant questions or share
meaningful insights and comments.
7. The following topics are included in this module:
A. Online file formats for images and text
B. Principle and Basic Techniques of Image
Manipulation
8. In this module, you are expected to meet the following
competencies:
A. use image manipulation techniques on existing images to
change or enhance their current state to communicate a
message for a specific purpose (DepEd-MELC);
B. create an original or derivative ICT content to effectively
communicate a visual message in an online environment
related to specific professional tracks (DepEd-MELC)
12. Online File Formats for Images and Text
Since the introduction of
graphics on the web, file
formats have also become an
important aspect in the design
stage. The most common file
formats are JPEG, GIF, BMP,
TIFF, and PNG.
14. Online File Formats for Images and Text
1. JPEG (Joint Photographic Expert
Group) - is the most popular image format
used on the web. JPEG files are very 'lossy'
files where much of the information about
the image is lost from the original state to
keep the image file size small. JPEG files
are used mostly by photographers, artists,
graphics designers, medical imaging
specialists, art historians and other groups
because image quality and color fidelity is
important in the field.
15. Online File Formats for Images and Text
2. GIF ( Graphics Interchange Format) - is
limited to the 8-bit palette with only 256
colors. This format was popularized in the
1980s as an efficient means to transmit
images across data networks and on the
web since it uses the basic form of file
compression. GIF is best used for
diagrams, cartoons and logos which use
few colors and is the chosen format for
animation effects.
16. Online File Formats for Images and Text
3. BMP (Bitmap image file) - or device
independent bitmap (DIB) file format is the
image file used in the Microsoft Windows
operating system. It is an uncompressed
file and is made up of millions of dots
called 'pixels', with different colors
arrangements. It is also called raster
image. BMP file format is not usually used
on the web since it takes up a big space
in the memory and does not scale well.
17. Online File Formats for Images and Text
4. TIFF (Tagged Image File Format) - is a file
format created originally by Aldus
Corporation for desktop publishing. TIFF is
supported by many imaging programs
and is good format for graphic storage,
processing and printing. This makes TIFF
the superior raster image format. Its
control was transferred to Adobe Systems
in 2009. It is considered high-quality image
format. However, it produces a very large
file size and takes huge disk consumption.
18. Online File Formats for Images and Text
5. PNG (Portable Network Graphic) -
is an image format developed by a
group of graphic software
developers. This format supports full-
color images and used for
photographic images. PNG does
best with line art, text and logo
20. Principle and Basic Techniques of Image Manipulation
Image editing or image manipulation
includes the processes of adjusting or
modifying images which can be digital, or
pictures taken from a camera.
There are many available programs on the
web or instant image manipulation and
other editing techniques. However. whether
you are using free software or purchased
one, there are basic techniques common to
all editing programs.
21. Principle and Basic Techniques of Image Manipulation
1. Cropping -
It is the process
of removing
unwanted parts
of the image
focusing only on
the subject.
22. Principle and Basic Techniques of Image Manipulation
2. Color Balance - In
any image
manipulating program,
this command will allow
you to make changes
in the mixture of colors
in an image.
23. Principle and Basic Techniques of Image Manipulation
3. Adjusting the
Brightness and
Contrast - This
command is the most
basic technique when
adjusting the image
tone (highlights,
shadows, and
midtones).
24. Principle and Basic Techniques of Image Manipulation
4. Compression and Resizing -
compressing and resizing an
image is an important aspect in
image manipulation. Images to
be uploaded on the web must of
the standard resolution 72 dpi
(dots per inch) to maintain its
image file size of 30-50 KB. If the
image is for printing, set the
minimum resolution to 300 dpi
and set its physical printing size in
inches
25. Principle and Basic Techniques of Image Manipulation
5. Color Blending - Use the
different special effects
buttons available in the
different image editing
software. You can combine
colors and commands that
will give you a more dynamic
image result.
26. Principle and Basic Techniques of Image Manipulation
6. Combining Multiple
Images - Compositions
must be planned and
conceptualized first so that
you will be able to render
the best image and
message possible