LESSON 6

IMAGING AN D DE SIG N FO R
ONLINE ENV IR ON MEN T

By Andria Kristy L. Trabajo

 OBJECTIVES
n iqu e s to cre a te an effective
Apply image manipulation tech
in the arts and de s ign tra ck ; an d
visual message

hich ca n ex p lain why an image

fy conce pts an d p rin ciples w
Identi
e nv o king s tron g rea ctio ns .
is effective or not in
WHAT IS PHOTO EDITING
 PHOTO EDITING
in simple terms, It is the process of making
adjustments or enhancements to a photograph
in order to improve its appearance or convey a
specific message.
 BASICS OF IMAGE EDITING

RASTER IMAGES VECTOR IMAGES

are a type of digital image that is
composed of a grid of individual pixels.
Each pixel contains specific color
information, and when combined, these
pixels create a complete picture.
unlike raster images, are not based on
a grid of pixels. Instead, they are
created using mathematical formulas
that define lines, curves, and shapes.
This makes vector images resolution-
independent, as they can be scaled to
any size without losing quality.
 BASICS OF IMAGE EDITING
3D MODELING (OR MODELLING)
is the process of creating a three-dimensional representation
of an object or scene using specialized software.

It involves manipulating geometric shapes and structures in a

virtual environment to simulate the appearance of real-world
objects.
 image format
JPEG PNG
or Joint Photographic Experts Group is a
or Portable Network Graphics is a raster graphics
commonly used method of lossy compression for
file format that supports lossless data
digital images, particularly for those images
compression.
produced by digital photography.

GIF
(Graphics Interchange Format) - a losslesss
format for image files that supports both
animated and static images.
SVG
is a vector format. It's used for web graphics and
can be easily scaled to different sizes without
losing quality.
example: Icons on websites that need to look sharp on various screen
sizes are often saved as SVG files.
 image format
.3DS
This is a file format used for 3D models
Example: A 3D model of a building for
architectural visualization might be saved as a
.3ds file.
 GRAPHIC SOFTWARE
PROGRAMS
are applications or tools used to create, edit,
manipulate, and manage visual elements such as
images, illustrations, and designs on a computer.

can be broadly grouped into vector graphic editors,

raster graphic editors, and 3D modelers
 GRAPHIC SOFTWARE
PROGRAMS
RASPER EDITORS VECTOR EDITORS 3D EDITORS

Adobe Photoshop Adobe illlustrator

 FEATURES OF IMAGE EDITORS
SELECTION Cropping

This encompasses tools like Create new compositions by

Marquee, Lasso, and Magic Wand for selecting specific areas from an
precise area picking. image.

LAYERS Cloning
Like transparent sheets, layers can Replicate patterns or elements within
be individually adjusted and blended an image.
without affecting others.

Image Size Image Orientation

Resize images, crucial for web
Rotate images to any desired angle.
optimization and viewing.
 FEATURES OF IMAGE EDITORS
Sharpening and Softening Contrast and Brightening

Enhance clarity or create softer Fine-tune image visibility and

effects for different visual impacts. luminosity for better visual appeal.

Saturation:

Adjust color intensity for vivid or

subdued tones.
THANK YOU!