bitmap and vector images: make sure you know the differences

26

Upload: davina-and-caroline

Post on 10-May-2015

3.201 views

Category:

Technology


0 download

DESCRIPTION

Not knowing the difference between a Bitmap and Vector image could mean that your visual content leaves you looking unprofessional. Check out the differences in this presentation.

TRANSCRIPT

Page 1: Bitmap and Vector Images: Make Sure You Know the Differences
Page 2: Bitmap and Vector Images: Make Sure You Know the Differences

What is a bitmap image?

Page 3: Bitmap and Vector Images: Make Sure You Know the Differences

A Bitmap image = a Raster imageJust in case you were wondering ..

Page 4: Bitmap and Vector Images: Make Sure You Know the Differences

A large GRID with with lots of little squares (= pixels) in it

Figure #1PS. Bitmaps aka 'maps of bits' - seriously..

Page 5: Bitmap and Vector Images: Make Sure You Know the Differences

Colour is placedin each of these squares to build up an image

Figure #2

Page 6: Bitmap and Vector Images: Make Sure You Know the Differences

Stand back from the grid and you'll see a photo image

Figure #3

Area shown on previous slide

Page 7: Bitmap and Vector Images: Make Sure You Know the Differences

Working with Bitmaps

Page 8: Bitmap and Vector Images: Make Sure You Know the Differences

This image is 250 pixels by 250 pixels in size

Page 9: Bitmap and Vector Images: Make Sure You Know the Differences

This image is 100 pixels by 100 pixels in size.The image still looks good.

Page 10: Bitmap and Vector Images: Make Sure You Know the Differences

This image is1000 pixels by1000 pixels in size.

The image is blurry

There's not enough colour to go around

Page 11: Bitmap and Vector Images: Make Sure You Know the Differences

Try and create or buy, as large an image as possible

Page 12: Bitmap and Vector Images: Make Sure You Know the Differences

You can reduce the size of thisimage and it will still look good

Page 13: Bitmap and Vector Images: Make Sure You Know the Differences

But if you try and increase the size of the Bitmap it might become blurry!

Page 14: Bitmap and Vector Images: Make Sure You Know the Differences

● Great for complex photos

● Most programmes can workwith a simple bitmap image

Page 15: Bitmap and Vector Images: Make Sure You Know the Differences

● They aren't scalable to larger sizes

● Files can be very big

● Images not easily edited

Page 16: Bitmap and Vector Images: Make Sure You Know the Differences

jpegpsd (Photoshop)

pngtiffgif

Popular Bitmap Formats

Page 17: Bitmap and Vector Images: Make Sure You Know the Differences

What is a vector image?

Page 18: Bitmap and Vector Images: Make Sure You Know the Differences

The points are connected by lines - called Paths

The points are calledAnchor Points(A & B)

Page 19: Bitmap and Vector Images: Make Sure You Know the Differences

A path can be various shapes

The paths can be coloured, have thickness (stroke) and can be infilled with colour

Page 20: Bitmap and Vector Images: Make Sure You Know the Differences

Here's an example of vector art Thanks to artgerm.deviantart.com

Page 21: Bitmap and Vector Images: Make Sure You Know the Differences

Fonts are vector graphics

In some programmes, you can edit the paths of the font - e.g. Inkscape

Page 22: Bitmap and Vector Images: Make Sure You Know the Differences

● File size is usually small

● Scalable, and they remain sharp

● The image is easily editable

Page 23: Bitmap and Vector Images: Make Sure You Know the Differences

Not well suited to photo images

Page 24: Bitmap and Vector Images: Make Sure You Know the Differences

pdfepsai svg

Popular vector formats

Page 25: Bitmap and Vector Images: Make Sure You Know the Differences

Quick Summary

Page 26: Bitmap and Vector Images: Make Sure You Know the Differences

To learn more about creating good visual content and making your own visuals

Click Herehttp://UsefulGraphicDesignTutorials.com/

We also show you how to make funny & interesting shapes!