EMPOWERMENT TECHNOLOGIES

IMAGING AND
DESIGN FOR ONLINE
ENVIRONMENT
Covered Today
SOURCES OF PHOTOS AND GRAPHICS
ONLINE DIGITAL FILE FORMATS FOR IMAGES
AND TEXT
CLASSFICATION OF DIGITAL FILE FORMAT
IMAGE FILE FORMATS
BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
PRINCIPLES AND BASIC TECHNIQUES OF IMAGE
MANIPULATION
BASIC IMAGE MANIPULATIONN USING OFFLINE
OR OPEN SOURCE SOFTWARE
IMAGE
What is an Image?
 1. PERSONAL
AND 2. SCANNED
PROFESSIONAL IMAGES
PHOTOS

SOURCES
OF PHOTOS
AND 3. STOCK PHOTO 4. ONLINE STOCK
LIBRARY PHOTOS
GRAPHICS
ONLINE DIGITAL
FILE FORMATS
FOR IMAGES AND
TEXT
FILE FORMATS
-Uses suffixes that are added to the
end of a file name (file name
extensions)
1. Proprietary Formats
-owned and controlled by individuals
or corporation and not available to
the public

2. Open formats
–string digital info that are full can be
used by the public and are not
encumbered by copyrights or patents
CLASSFICATION OF DIGITAL FILE FORMAT

UNCOMPRESSED \ LOSSLESS FILE LOSSY FILE

RAW FORMAT FORMAT FORMAT
 1. RASTER IMAGE
2. VECTOR IMAGE
FILES (Bitmap
(Vector Graphics
Image)
Files)
Means of representing
lossless file created using
digital images in bits of
mathematical geometric
information for storage
equations to represent
which translate into
images in digital
pixels (smallest info. of an
computer graphics
image) when viewed on
screen ; majority of raster
files are lossy
 .bmp (Bitmap Image
1. RASTER Bits

IMAGE FILES .gif (Graphical

Interchange Format)
(Bitmap Image)
.jpg (JPEG – Joint
Photographic Experts
Group)
.png (Portable Network
Graphics)

.psd (Photo Shop

Download)
.ai (Adobe Illustrator)

.drw (Drawing File)

.dxf (Drawing Exchange

Format)
2. VECTOR
.ps (Postscript) IMAGE
(Vector Graphics
.svg (Scalable Vector
Files)
Graphics)
BASIC PRINCIPLES
OF GRAPHICS AND
LAYOUT
LAYOUT
-process of planning and arranging
graphics or text in a page or book
 Symmetrical
LAYOUT
Asymmetrical

Text

Image

Proximity and Harmony

Consistency

Color and Shape

Emphasis
PRINCIPLES AND
BASIC TECHNIQUES
OF IMAGE
MANIPULATION
PHOTO EDITING TOOLS
-allow you to manipulate or edit images,
apply effects, filters, add frame, crop, add
text, change background color, make
photo collage, and photo album that you
would like to do in an image.
Background Color PHOTO
Multiple Images
EDITING
Shadow
TOOLS
Proportion

Blending Color

Texture
Emphasis
BASIC IMAGE MANIPULATIONN USING
OFFLINE OR OPEN SOURCE SOFTWARE

PICASA PAINT.NET GOOGLE SKETCH UP

ADOBE GIMP
AUTODESK PIXLR
PHOTOSHOP
-Mrs. Khay-