Graphics Theory

Learning Objectives

• Learn about use of graphics & their importance

• Identify what makes a good graphic & why

• Recognise different graphic formats

Starter TaskCan you name these graphics and logos below?

1. 2. 3. 4.

5. 6.8.

9.10. 11.

12.

7.

What are graphics?

‘A picture is worth a

thousand words’

• A graphic is a visual representation of a word/s or occurrence/event

• Graphics can be paper-based or electronic• Virtually all graphics today are electronic

Why are they so important?

• Eye catching image that captures a persons interest within an instant

• Can be more powerful than text

• Can be a representation of an organisation, e.g. a company logo or football team badge

File Types

• JPEG

JPEG stands for Joint Photographic Experts Group.

It is basically a compression tool for images.

•BMP

A bitmap image defines the colour of every pixel in the image.

Good for high quality images but it uses a lot of memory.

File Types

PNGThe Portable Network Graphics (PNG) format is one of the most recent formats.

This format was created as freeware.

•GIFGraphics Interchange Format

GIF is a common way of compacting bitmap images.

Vector vs Bitmap

• Which graphic loses quality when resizing?

Check it out at

• https://www.youtube.com/watch?v=fy9Pby0Gzsc

The software

There are many types of software for image

Manipulation, the most commonly used are:

• Jasc Paint Shop Pro

• Macromedia Fireworks

• Adobe Photoshop

Pixelation Pixelation is an

effect caused by displaying a bitmap at such a large size that individual pixels, are visible to the eye.

Pixelation [2]Early graphical applications ran at low resolutions with a small number of colours, and had visible pixels. The resulting sharp edges gave curved objects and diagonal lines an unnatural appearance.

Anti - AliasingAnti-aliasing is the process of blurring sharp edges in pictures to get rid of the jagged edges on lines. After an image is rendered, some applications automatically anti-alias images.

Original image Anti aliased image

Your mission!!!!

• Name 4 common file types.

• Explain what lossy and lossless images are. (bitmap & vector based etc)

• Describe anti-aliasing.

• Describe Pixilation and show an example.