0% found this document useful (0 votes)
26 views31 pages

Imaging and Design For Online Environment

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
26 views31 pages

Imaging and Design For Online Environment

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 31

PHOTO

EDITING
• Photo editing encompasses the
processes of altering images,
whether they are:
➢ digital photographs
PHOTO ➢ traditional photo chemical
photographs
➢ Illustrations
EDITING • Traditional analog image editing is
known as photo retouching, using
tools such as an airbrush to modify
photographs, or editing illustrations
with any traditional art medium.
•vector graphics editors
•raster graphics editors
•3D modelers
GRAPHIC
the primary tools with which a
SOFTWARE user may manipulate, enhance,
PROGRAM and transform images. Many
image editing programs are also
used to render or create
computer art from scratch.
BASIC OF IMAGE EDITING
01 02
RASTER IMAGES VECTOR IMAGES
❑ are stored in a ❑ such as Adobe Illustrator,
computer in the form of Inkscape and etc. are used
a grid of picture to create and modify vector
elements or pixels. images, which are stored as
descriptions of lines, Bezier
curves and text instead of
pixels.
BASIC OF IMAGE EDITING
01 02
BASIC OF IMAGE EDITING
01 02
DIFFERENCE BETWEEN RASTER AND
VECTOR IMAGES
RASTER IMAGES
use many colored pixels or
individual building blocks to form
a complete image JPEGs, GIFs and
PNGs are common raster image
types. Almost all of the photos
found on the web and in print
catalogs are raster images.
DIFFERENCE BETWEEN RASTER AND
VECTOR IMAGES
VECTOR IMAGES
alternatively, allow for more
flexibility. Constructed using VECTOR
mathematical formulas rather
than individual colored blocks,
RASTER
vector file types such as EPS, AI
and PDF are excellent for creating
graphics that frequently require
resizing.
BASIC OF IMAGE EDITING
03
3D MODELING (OR MODELLING)
❑ is the process of developing a mathematical
representation of any three dimensional
surface of an object via specialized software.
The product is called a 3D model. It can be
displayed as a two-dimensional image
through a process called 3D rendering or used
in a computer simulation or physical
phenomena. The model can also be
physically created using 3D printing devices.
JPEG
ly used method of lossy is a commonly used method of lossy
for digital images, compression for digital images,
for those images particularly for those images
a digital photography. produced by a digital photography.

IMAGE
PNG
ETWORK GRAPHICS PORTABLE NETWORK GRAPHICS

aphics file format that is a raster graphics file format that


FORMATS
sless data compression. supports lossless data compression.

GIF
rmat for image files that a lossless format for image files that
h animated and static supports both animated and static
images.
BMP
ly used method of lossy
for digital images, is a raster graphics image used to
for those images store bitmap digital images
a digital photography.

IMAGE
EPS
ETWORK GRAPHICS
used in vector-based images in
aphics file format that Adobe Illustrator.
FORMATS
sless data compression.

SVG
is an XML-based vector image
rmat for image files that
format for two-dimensional graphics
h animated and static
w/ support for interactivity and
animation
.3ds
is one of the file formats used by the
Autodesk 3Ds Max 3D Modelling,

IMAGE animation and rendering software.

FORMATS
.fbx
is an exchange format, in particular
for interoperability between
Autodesk products and other digital
content creation software
FEATURES OF IMAGE EDITORS

SELECTION MARQUEE TOOL


for selecting rectangular or other regular polygon-
one of the shaped regions
prerequisites for many
of the app mentioned
below is a method of LASSO TOOL
selecting part(s) of an for freehand selection of a region
image, thus applying a
change selectively MAGIC WAND TOOL
without affecting the selects objects or regions in the image defined by
entire picture proximity of color or luminance
LAYERS
which are analogous to
sheets of transparent
acetate, stacked on top of
each other, each capable
of being individually
positioned, altered and
blended with the layers
below, w/o affecting any
of the elements on the
other layers.
IMAGE SIZE
resize images in a
process often called
image scaling, making
them larger, or smaller.
High image resolution
cameras can produce
large images which are
often reduced in size for
Internet use.
❖ CROPPING
creates a new image by selecting a
desired rectangular portion from the
image being cropped. The unwanted
part of the image is discarded. Image
cropping does not reduce the
resolution of the area cropped.

❖ CLONING
uses the current brush to copy from
an image or pattern. It has many
uses: one of the most important is to
repair problem areas in digital
photos.
❖ IMAGE ORIENTATION
Image editors are capable of
altering an image to be rotated in
any direction and to any degree.
Mirror images can be created and
images can be horizontally flipped
or vertically flopped. Rotated image
usually require cropping afterwards,
in order to remove the resulting
gaps at the image edges.
❖ PERSPECTIVE
is the art of drawing solid objects on a
two- dimensional surface so as to
give the right impression of their
height, width, depth and position in
relation to each other when viewed
from a particular point.
SHARPENING AND SOFTENING
• Sharpening makes • Softening makes images
images clearer. Too softer that removes some
much sharpening of the highly visible flaws.
causes grains on the Too much causes the
surface of the image. image to blur.
SATURATION
is an expression for the
relative bandwidth of the
visible output from a light
source. As saturation
increase, colors appear
more “pure.’’ As saturation
decreases, colors appear
more ‘’ washed-out.’’
CONTRAST AND • Contrast of images and brighten
or darken the image.
BRIGHTENING Underexposed images can be
often be improved by using this
feature.
• Brightening lightens the image so
the photo brightens up.
Brightness is a relative
expression of the intensity of the
energy output of a visible light
source.
• Adjusting contrast means
adjusting brightness because they
work together to make a better
image.
PHOTO MANIPULATION
Photo manipulation involves transforming or
altering a photograph using various methods and
techniques to achieve desired results. Some photo
manipulations are considered skillful artwork
while others are frowned upon as unethical
practices, especially when used to deceive the
public, such as hat used for political propaganda ,
or to make a product or person look better.
DIFFERENCE
PHOTO EDITING PHOTO MANIPULATION
includes all simple editing
signifies the regular process used techniques and have some
to enhance photos and to create manipulation techniques like
them ‘’Actual editing simple erasing, adding objects , adding
process’’. Also includes some of some graphical effects, background
the regular programs used for correction, creating incredible
editing and expose how to use effect, change elements in an
them. image, adding styles , eliminating
blemishes from a person’s face and
changing the features of a person’s
body.
❖ Infographics
also known as data visualization, information design, and communication design
• Infographics are
•It is any graphic that important because they
display and explains change the way people
information, whether find and experience
that be data or words. stories. Infographics
When we use the term are being used to
‘’infographics’’, we’re augment editorial
using it as a general content on the web, it
term used to describe create a new way of
data presented in a seeing the world of
visual way. data, and they help
communicate complex
ideas in a clear and
beautiful way.
I
N
T F
Y O 01 02 03
P G
E R
S A
P STATISTICAL PROCESS GEOGRAPHIC
O H FLOW
F I
C
S
PROCESS OF MAKING INFOGRAPHICS

01 02 03
RESEARCH BRAINSTORM DESIGN
➢Know what is ➢ Gather ideas 04 ➢Choose your tool
needed ➢ Build thought and start designing
➢Take a reference process
➢Know the audience
➢Decide the type of
infographics
PROCESS OF MAKING INFOGRAPHICS

04 05
REVIEW LAUNCH
➢Cross check the data
04
➢ Make it viral
to deliver flawless ➢ Share on social
output network
a more than matters a source
BEST PRACTICES WHEN MAKING INFOGRAPHICS
structure 3 color lot and
reference
palette

01 02 03 04
Maintain Don’t use Typography Include
a more than matters a source
structure 3 color lot and
palette reference

You might also like