graphics (bitmap vs vector) - wordpress.com...vector graphics • made up of objects. • it is...

15
Graphics (Bitmap Vs Vector) S1 Technology 1

Upload: others

Post on 04-Jun-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Graphics (Bitmap Vs Vector)

S1 Technology 1

Page 2: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Learning Intentions/Success Criteria

• Learning Intentions • Success Criteria

2

Page 3: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Types of Graphics

There are two main types of graphics:

1. Bitmap

2. Vector

3

Page 4: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

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

Page 5: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Bitmap Graphic Tools (Paint)

5

Page 6: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Activity 1

Complete Task 1-3.

6

Page 7: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

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

Page 8: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

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

Page 9: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Vector Graphic Objects (Microsoft Word)

9

Page 10: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Activity 2

Complete Tasks 3-5.

10

Page 11: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

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

Page 12: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Activity 3

Complete Task 6.

12

Page 13: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

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

Page 14: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Activity 4

Complete Tasks 7-9.

14

Page 15: Graphics (Bitmap Vs Vector) - WordPress.com...Vector Graphics • Made up of objects. • It is possible to edit each object separately, for example, change the shape, colour, size

Activity 5

Complete Task 10.

15