|
Virtual Church Hall
Main Site
|
Beginner's
guide to computer graphics
This
brief guide gives an introduction to how computers display pictures.
It gives a simple explanation of the difference between bitmap and
vector formats and when to choose which.
The information here will help you
understand computer graphics, save you time when editing them and
give you enjoyment in their use |
 |
| Computer
pictures are made up of dots. The number of dots per inch (dpi)
is known as "resolution". In general terms, the more
dots per inch, the clearer the picture. But it also means the
smaller the picture. A picture file large enough to print clearly
at a reasonable size on high resoultion printer is also said to
be high resolution. All the graphics supplied by Christian Computer
Art are high resolution without being small. |
 |
Printers
have resolutions of 240 dpi (dot matrix); 300 dpi, 600 dpi (laser
printers); 360 dpi, 720 dpi (ink jet). These are the common resolutions
there are others. Computer screens show at much lower resolution,
often between 75 and 90 dpi. They also use light to show colour,
compared to ink or toner in printers. So colours and resolution
being handled differently, screens do not not necessarily give an
exact representation of what will be printed. |
| Bitmaps
If
you think about a picture, it is essentially a rectangular grid.
Each square in that grid is a dot in the picture. Even a small
picture that prints out one-third of an inch square on a 300 dpi
laser printer (100x100) will have 10,000 squares, or "cells".
These "Picture Cells" are referred to as pixels.
Let
us assume for the moment that the picture is simple 2-colour (black
and white). We already know that computers work in binary digits
("bits") and each bit can have only one of two states,
often referred to as "0" and "1". The computer
allocates one bit to each pixel and uses the 0 and 1 to represent
black and white. Referring to each cell in this way is known as
a "bitmap". A bitmap file contains all this information
plus some other computer code which says what sort of picture
it is, how big it is and so on. There are several bitmap formats.
Most compress the bitmap data as well, so there is no direct mathematical
correlation between file size and picture dimensions, especially
when comparing different formats. Nevertheless, a bigger file
usually means a bigger picture!
All
Christian Computer Art disks contain bitmap files. |
|
 |
So what about colour? To
put colour to a picture, the computer simply increases the number
of bits per pixel. There are four permutations of 1 and 0 with
two bits, so you can use four colours. Three bits gives you eight
colours and 24 bits allow approximately 16.7 million colours.
This is a flexible system, because you can choose which colours
you use. For example, a depth of 3 bits gives you eight colours.
The computer will recognise these as colours 0 - 7 (computers
prefer to start counting from 0 rather than 1). Your graphics
software will allow you allocate whatever colour you want to each
of the eight colour positions. The colours themselves are identified
by numbers. The most common method is the combination of the three
primary colours of light: red, green and blue (RGB). Each of the
elements usually has 256 stages of strength (numbered 0 through
to 255, or often in hexadecimal from 00 to FF). It's just a matter
of mixing the amount of each of the primary colours to get colour
you need. For example, maximum red plus maximum green and zero
blue will produce yellow. Zero all values for black and maximise
all values for white.
The
RGB system is best for colours on screen. For printing, a system
known as CMYK is used. This stands for Cyan, Magenta, Yellow and
Keyline Black. These are the colours used on a four-colour printing
press and if you are sending files to a printer, he will usually
want separations; that is four pictures: each containing one of
the four colours.
|
| Common
bitmap file formats are: BMP, PCX, PICT, TIFF, JPEG, RLE, IFF-ILBM,
IMG, DIB, PNG, GIF. |
| Vector
The
other method of storing graphics is called "vector".
Rather than store a bit-by-bit representation of the graphic as
with bitmap formats, vector formats store instructions to the
computer on how to draw the picture. When the picture is resized,
the computer simply follows the drawing instructions again making
best use of pixels to ensure a well-defined graphic every time.
To get good definition on bitmaps the file must be reasonably
large. The same picture could often be stored in a smaller file
in a vector format. Vector does not handle the very small pictures,
such as icons, very well. These are better done as bitmaps.
There
are fewer vector formats. Look for EPS, CDR, WMF, CGM |
|
| Enlarging
a bitmap and a vector file |

Original file |

Detail of spoon enlarged as bitmap image |

same area enlarged as vector image |
|
|
Which
is better, bitmap or vector? Both
systems have their merits and demerits. Both systems have their
afficionados and their opponents.
Generally
speaking, graphics created in vector format look "flatter"
and often have more regular shapes than bitmap pictures. With
the right software it is possible to convert between the two systems.
The Christian Clip Art CD contains vector pictures created from
bitmaps, so they do not look as flat as those created as vectors.
The
problem with bitmap files is that they do not lend themselves
to increasing in size. Curves and lines that are not horizontal
or vertical suffer from a pronounced jagged edge, because the
dot pattern is magnified.
Pictures with a lot of data do not lend themselves to vectoring.
Colouring of vector images is very basic. Vector cannot support
full-colour pictures. So the highly detailed images in the Bible
Picture Library are all bitmap.
The simpler Christian Clip Art graphics are provided in both bitmap
and vector formats. |
| Which
graphics editor?
If
you want graphic editors, usually bitmap editors have the words
"Paint" or "Photo" in the name, whereas "Draw"
is often in the name of vector editors.
The market has moved on in recent years. The main drawing program Corel Draw has been almost elcisped by Adobe Illustrator and Macromedia Freehand.
The editor of this site heartily recommends Corel Paint Shop Pro Photo XI (PC) . It is very similar in power to the industry leader, Photoshop, but comes at a fraction of the price. And it has extra helpful functions that are easy to use, like object removal, red-eye.
Paint Shop Pro is effectively a bitmap (raster) editor buit it is really a hybrid. One of the advantages of a vector editor is that is object oriented; the picture is built up in layers and each layer can be edited independently. It means, for example, that you can delete an object and the background picture is still there behind it. Paint Shop Pro also supports vector drawing. In some cases, the ability to easily to change the share of an object is required - and that includes formatting text. This is best done using a vector layer. Paint Shop Pro can combine all the layers into a single raster image.
Another product that is powerful (but has fewer features) is Xara Xtreme . Although the web has trraditionally supported only raster graphics, Xara were one of the first companies to see how vector drawing could be used to create web graphics. Xtreme is a hybrid vector/raster editor that comes from the vector stable, and is extremely good value. The editor of this site uses Xtreme as well as Paint Shop Pro.
|
Pay in US Dollars
Pay in Pound Sterling |
| Click
here to read about using graphics on the World Wide Web |
|