Computer graphics can be produced as either raster or vector images. Raster images use a grid of pixels that can lose quality when enlarged, while vector images use mathematical objects so quality is maintained at any size. Common file formats like JPEG and GIF are used for raster images, which tend to be larger files, while vector programs like Illustrator create smaller vector files suitable for logos and graphics that need crisp scaling. Resolution refers to the pixel or dot density of an image, with 72 ppi for screens and over 150 dpi recommended for high-quality print.
Computers have radicallychanged how graphics, photos
and printed materials are produced.
What once took a highly trained artist many hours to
produce with specialized equipment can now be done
much easier using computer software.
Intro to Computer GraphicsIntro to Computer Graphics
3.
Graphics areproduced using a grid of small squares
known as pixels. Each pixel is assigned a specific
colour value and location.
When editing a raster graphics (ex. Digital photo), you
are actually editing pixels rather than objects or shapes
(Photoshop)
Pixels can be seen by zooming in on a digital image
(tiny squares).
Raster GraphicsRaster Graphics (write blue text)(write blue text)
4.
Raster graphicsare generally larger
files than vector images.
Images lose quality (become
“pixelated”) if enlarged more than
20% of the original size.
Raster GraphicsRaster Graphics (write blue text)(write blue text)
5.
Drawing programssuch as
CorelDraw and Adobe Illustrator
produce vector graphics.
These types of graphics are made of
lines and curves defined by
mathematical objects called vectors
(geometric characteristics).
Vector GraphicsVector Graphics (write blue text)(write blue text)
6.
A vectorgraphic can be moved or
resized without losing quality and file
sizes are generally smaller than raster
graphics.
Best choice for creating type or logos
where crisp outlines are needed since
clarity is not lost when scaled/resized.
Vector GraphicsVector Graphics (write blue text)(write blue text)
7.
BMP: Bitmapis the standard
Windows image format
GIF: Graphics Interchange Format;
designed to minimize file size and
download (electronic transfer) time
Common Image FilesCommon Image Files (write blue text)(write blue text)
8.
JPEG: JointPhotographic Experts Group; compresses file
size by selectively discarding data, unlike GIF format, JPEG
retains colour information.
TIFF: Tagged-Image File Format; used to
exchange files between applications and computer
platforms; “flexible” bitmap image supported by virtually
all paint , image editing, and page-layout applications.
Common Image FilesCommon Image Files (write blue text)(write blue text)
9.
Resolution ishow many pixels or dots
make up the image you see.
On a monitor, resolution is measured
in pixels per inch.
Screen resolution is 72 ppi.
ResolutionResolution (write blue text)(write blue text)
10.
Print resolutionis measured in
dots per inch.
Print resolution should be at least 150 dpi.
For high quality printing, images should be 300 dpi or
greater.
Print resolution depends on the printing press being used
(Offset, Web etc.).
ResolutionResolution (write blue text)(write blue text)