Image Manipulation

1. EMPOWERMENT
TECHNOLOGIES
Quarter 1-Week 4
CRECENCIA DRUCILA LOPEZ SHS
John Carlo L. Rollon

2. IMAGING AND DESIGN
FOR BASIC IMAGE
MANIPULATION

3. Create an original or derivative ICT
content to effectively communicate a
visual message in an online environment
related to specific professional tracks.

4. BASIC IMAGE
MANIPULATION

5. An image editor is a software application
that allows the photo to be edited and
enhanced. It can be an online application
(www.canva.com), offline software (Adobe
Creative Suite) and open source (GIMP
software and SketchUp - formerly Google
SketchUp). The image file format that can be
used are JPEG or JPG, TIFF, GIF and PNG.

6. An image editor is an application
that contains tools that can alter
digital photos and images. This
type of application is used to
enhance photos and is typically
used by graphic editors and artists.

7. What’s In
This lesson provides information
about the image editing applications
using GNU Image Manipulation
Program (GIMP), a free image
software editing tool.

8. What’s New
Using your smart phone,
capture an image that you
want to use as a subject for
image editing.
Activity 1.1 Capture the Moment

9. Image File Formats
File formats, specifically image file
formats, are facilities or methods to
store and organize digital images. The
manner of interpreting digital image
files is due to the format of storing and
coding the image files.

10. Image File Formats
The elements of the picture, which are
referred to as pixels or picture elements, are
arranged and stored in a manner dictated by
the format of the image. Furthermore, the size
that an image occupies in the storage device
is directly related to the formatting used.

11. Compression Methods
Lossy and lossless compression
are two different methods for
reducing the size of digital data
files.

12. Compression Methods
Lossless compression refers to a compression method
where the original data can be perfectly reconstructed
from the compressed data without any loss of
information. This means that the compressed file is an
exact replica of the original file, and there is no loss of
quality in the process of compression.

13. Compression Methods
Lossy compression is a compression method where some
amount of data is lost during the compression process,
resulting in a smaller file size. The lost data cannot be fully
recovered, and the compressed file will not be an exact replica
of the original file. However, lossy compression can still
produce high-quality results while significantly reducing the
file size.

14. Compression Methods
In summary, lossless compression produces a
compressed file that is an exact replica of the
original file, while lossy compression
sacrifices some data in the compression
process to achieve a smaller file size.

15. Image File Formats
Joint Photographic Experts Group (JPEG or JPG)
-This is a compression method that complies with the
JPEG File Interchange Format (JFIF). This format applies
a "lossy" compression method to image files, which
means that a huge number of pixels are lost or
discarded in the storing the image. The information is
not lost, however, but a great space for storage is saved.

16. Image File Formats
Tagged Image File Format (TIFF) - A lossless
or lossy compression method that is widely
used for professional photography and
printing. TIFF compression can use either
lossless or lossy compression algorithms,
depending on the intended use of the
image.

17. Image File Formats
Graphics Interchange Format (GIF) - This is a
popular file format for storing graphical
images with fewer colors. This file format
supports 256 colors only. GIF compression
method uses lossless compression techniques

18. Image File Formats
Portable Network Graphics (PNG) - The
intention for the creation of this file format is
to be a free and open source substitute for
GIF. This file format is expected to be fully
compatible with online applications. This is a
lossless compression method; thus, it is also
used in editing applications.

19. Image File Formats
BMP (Bitmap) - A lossless compression
method that is used for images that require
very high resolution, such as medical
images or technical drawings. BMP
compression does not use any compression
algorithms, and the file size is directly
proportional to the image resolution.

20. Image File Formats
RAW (Raw Image Format) - A lossless
compression method that is used for digital
photography, where the camera sensor data is
stored directly without any processing. RAW
compression does not use any compression
algorithms, and the file size is directly
proportional to the image resolution.

21. What is It
GIMP- GNU Image
Manipulation Program

22. What is It
GIMP- GNU Image Manipulation Program
GIMP, which stands for GNU Image Manipulation
Program, is a free and open-source image editing
software. It is available for various operating systems,
including Windows, macOS, and Linux. GIMP offers a
wide range of features and tools for image editing and
manipulation, making it a popular alternative to
proprietary software like Adobe Photoshop.

23. What is It
It is a basic part of GIMP that
contains the window that has tool
box, work area and layers
window. (see Figure 3.1)
Components of GIMP

25. What is It
1. Opening of Image Files.
Click the File > Open (you can press ctrl
+ O) > choose in the directory where you
saved the image you want to edit, then
click open button. (see Figure 3.2)
GIMP Manipulation Techniques

27. What is It
2. Select Tools
Select tools can be seen in the toolbox.
It allows you to select a portion of image
you want to edit like crop tool,
rectangular tool, ellipse tool and free
tool. (see Figure 3.4)

29. What is It
3. Paintbrush tool
Select the paintbrush tool then click and
hold the left mouse button while
drawing. You can choose different
colors in the foreground color in the
select tool. (see Figure 3.5)

31. What is It
4. Text tool
Select text tool. It allows you
to create, edit and display the
text. (see Figure 3.6)

34. Other tools
Rectangle Select Tool: Select a rectangular
region.
Ellipse Select Tool: Select the elliptical region.
Free Select Tool: Select a hand-drawn region
with free and polygonal segments.

35. Other tools
Fuzzy Select Tool: Select a contiguous
region based on color.
Select by Color Tools: Select regions with
similar colors Shift + O.
Scissor Select Tools: Select tools using
intelligent edge-fitting.

36. Other tools
Foreground Select Tools: Select a region
containing foreground objects.
Paths Tools: Create and edit paths.
Color Picker: Select Color from image pixels.
Zoom Tools: Adjust the zoom level.
Measure: Measure distance and angle.

37. Other tools
Move: Move layers, selections, and other objects.
Alignment: Align or arrange layers and other
objects.
Crop: Remove edge areas from image or layers.
Unified Transform: Transform the layer,
selection or path Shift + T.

38. Other tools
Rotate Tool: Rotate the layer selection or
path Shift + R.
Scale Tool: Scale the layer selection or path
Shift + S.
Shear Tool: Shear the layer selection or path
Shift + H.

39. Other tools
Handle Transform Tool: Deform the layer,
selection or path with handles Shift + L.
Perspective Tool: Change perspective of
the layer, selection or path Shift + P.
Flip Tool: Reverse the layer, selection or
path horizontally or vertically Shift + F.

40. Other tools
Warp Transform: Deform with different tools.
Text Tool: Create or edit layers
Bucket Fill Tool: Fill selected area with a
color or pattern Shift + B.
Gradient Tool: Fill selected area with a
color gradient.

41. Other tools
Pencil Tool: Hard-edge painting using a brush.
Paintbrush Tool: Paint smooth stroke using a
brush.
Erase tool: Erase the background or
transparency using a brush Shift + E.

42. Other tools
Airbrush Tool: Paint using a brush with a
variable pressure.
Ink Tool: Calligraphy-style painting.
Clone Tool: Selectively copy from an image or
pattern, using a brush.
Healing Tool: Heal image irregularities.

43. Other tools
Perspective Clone Tool: Clone from and
image source after applying a perspective
transformation.
Blur/Sharpen Tool: Selective blurring or
unblurring using a brush Shift + U.

44. Other tools
Smudge Tool: Smudge selectively using a
brush.
Dodge/Burn Tool: Selectively lighten or
darken using a brush Shift + D

45. What's More
Using the picture, you captured in your
smartphone, as background, make a quotation or
meme picture using Text tool. (see Figure 3.8)
Save your work and name it using your
SURNAME, FIRST NAME_SECTION.
Activity 1.2 Text Tool

47. What's More
From the File option, select the
Save As option and save your
work in the desired directory.
Saving Your Work

49. What I Have Learned
1. What are the advantages of
using GIMP image editor?
2. What are the other applications
of GIMP?

50. What I Can Do
Applying what you have learned, make a flyer,
poster, or any infographic campaign material
related to your chosen track and strand then,
post it on your facebook to gather feedback
from the online environment.
Building UP