Graphics (Bitmap Vs Vector)

S1 Technology 1

Learning Intentions/Success Criteria

Learning Intentions Use features of Microsoft Word and Paint.

Success Criteria • Create shapes using Paint tools • Edit pixels • Create shapes using Microsoft

Word objects • Crop objects • Scale objects • Rotate objects • Group objects • Layer objects • Change colour of objects • Change colour of object’s border

2

Types of Graphics

There are two main types of graphics:

1. Bitmap

2. Vector

3

Bitmap Graphics

• Bitmap graphics are made up of pixels of different colours.

• Pixels are small dots that make up a graphic.

• When you take a photograph using a digital camera or scan an image from a magazine, you are creating a bitmap graphic.

4

Bitmap Graphic Tools (Paint)

5

Activity 1

Complete Task 1-3.

6

Advantages/Disadvantages of Bitmap Graphics

Advantages • A bitmap graphic is

composed of many tiny parts, called pixels, which are often many different colours.

• It is possible to edit each individual pixel.

Disadvantages • Since the computer

has to store information about every single pixel in the image, the file size of a bitmap graphic is often quite large.

• When you resize a bitmap graphic, it tends to lose quality.

7

Vector Graphics

• Made up of objects. • It is possible to edit each

object separately, for example, change the shape, colour, size and position.

• Even if an object is quite large, it doesn't need a lot of computer memory and therefore the file size is very small.

• You can resize object without losing quality.

• Used to create logos and graphic designs.

8

Vector Graphic Objects (Microsoft Word)

9

Activity 2

Complete Tasks 4-8.

10

Vector Graphics (Advantages and Disadvantages)

Advantages • Edit each object

separately, for example, change the shape, colour, size and position.

• A large object will not require a lot of computer memory (small file size).

• When you resize images, they do not lose quality.

Disadvantages • You cannot edit

individual pixels. • Lots of layered

objects will require a lot of storage space.

• Graphics have a flat perspective and only suited to creating logos, cartoons, diagrams and simple illustrations.

11

Activity 3

Complete Task 9.

12

Comparison of Bitmap and Vector Graphics

Bitmap graphics Vector graphics

What are they

made up of?

Pixels of different colours Objects

What can be

edited?

Individual pixels Individual objects

Is the file size

big or small?

Large, as the computer stores

details of every pixel

Small, as the computer stores

details of objects, which do not

require much memory

What happens

when they are

resized?

They lose quality They do not lose quality

How real do

they look?

Real Not real (many of them look like

cartoon images)

Common file

formats

.bmp, .dib, jpeg, gif, tiff, .png .cgm, .svg, .odg, .eps, .xml

13

Activity 4

Complete Task 10.

14

Solution to Task 10

1. a) An image composed of many tiny pixels, in which each individual pixel can be edited. 2. c) An image composed of individual objects. 3. b) Individual pixels can be changed, which makes very detailed editing possible. 4. b) Images can be scaled up or down with no loss of quality. 5. c) They have a large file size because information has to be stored about every pixel. 6. a) They don't look as realistic as bitmap graphics. 7. c) .bmp, .jpg, .gif 8. b) .svg, .eps, .xml 9. c) Illustrator 10. b) Rounded Rectangle Tool

11. c) Selects the colour at a given point. 12. d) All of these.

15