graphics (bitmap vs vector) - wordpress.com...vector graphics • made up of objects. • it is...
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/1.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/2.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/3.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/4.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/5.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/6.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/7.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/8.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/9.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/10.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/11.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/12.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/13.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/14.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062919/5f01d9587e708231d40155b0/html5/thumbnails/15.jpg)
Activity 5
Complete Task 10.
15