Wednesday, 8 January 2014

Raster & Vector Graphics



Vector Graphics


  • an angle based on at least 2 points alluding to points in space that you can then use to create shapes based on the relationship, defined by the angles
  • Points in space relative to each other
  • Adobe illustrator can be used for vector graphics
  • Vector text is not pixelated
  • Vector maintains aspect ratio and will not lose quality 
  • Photogenic pictures such as GTA artwork are real life pictures drawn over with vectors.
  • Vectors are mainly used for printing
  • some websites can be optimised for use of vector graphics
  • Vectors are used for magazines, billboards etc because they can be easily resized and keep their quality. 
  • Vector is rarely used for tiling/textures in games
Vector Image examples:



Raster Graphics

  • AKA Bitmap
  • different kind of rendering style of how an image can be put on a (screen) uses pixels
  • Created images in Photoshop are generally raster graphics
  • Raster images lose their aspect ratio the more it is increased in size.
  • As pixels are not points that can scale, the pixels have to grow as well (this is also known as “stepping) as you do not get new pixels.
  • Raster graphics tend to be used for websites displayed on electronic screens
  • In some rare cases, Raster graphics can be used for print
  • Older cameras used to take pictures as bitmaps (.bmp) but now they are converted to JPEGs
  • Raster text is pixelated
  • Most tiling/texture in games are raster graphics
Bitmap Image examples:

What is an Aspect Ratio?

Aspect ratio is the measurement of image's width times the height (x:y), which is then simplified to it's lowest equivalent. 

16:9 ratio is the aspect ratio for HDTV and widescreen -  720p (1280 x 720) 1080p (1920 x 1080) are the most common true resolutions

Here is a table which consists of other true 16:9 resolutions

No comments:

Post a Comment