SlideShare a Scribd company logo
This report will discuss what digital graphics are and how this relates to
producing graphics and images for games.
Digital graphics and digital imaging is the creation of digital images, from a
physical scene. The term is often assumed to be the processing, compression,
storage, printing and display of images.
There are two types of digital images which are Bitmap and Vector.
Unit 13: Assignment 1
Digital graphics technology
Harley jones
12c
Bitmap (Raster)
In computer graphics the raster image, or bitmap is a dot matrix which is a 2-
dimentional patterned array, used to represent characters, symbols and images. Most
types of technology uses dot matrices for display of information including mobile
phones, TV's and printers. A bitmap corresponds bit-for-bit with images displayed on
the screen. A bitmap is technically characterized by the width and height of the image
in pixels and by the number of bits per pixel a color depth, which determines the
number of colors it can represent. Unlike vector graphics, when zooming in on an image
it tends to loose its quality.
Common bitmap files: jpg, ipeg, gif, png, tif, tiff, bmp
Common bitmap programmes: paint, Photoshop
Common bitmap images: photographs and paintings.
In uncompressed bitmaps, image pixels are generally stored
with a color depth of 1, 4, 8, 16, 24, 32, 48, or 64 bits per pixel.
Bitmap Advantages
Bitmaps are very easy to create and easy to come by.
Bitmaps are fairly simple to output, as long as your RIP or printer has sufficient memory.
They are very cost effective. You can take a picture or scan in a drawing, and easily show it on the Internet or send in an email.
A bitmap image uses solid color pixels, which can be identified and recolored easily.
The geographic location of each cell is implied by its position in the cell matrix. Other than an origin point, e.g. bottom left corner, no geographic
coordinates are stored.
Bitmap Disadvantages
The most common disadvantage of this image format is that they are not upward scalable. You can make a bitmap smaller without too much loss, but you
cannot make it larger without loosing quality. If you ever see a bitmap image blown up, you’ll notice it has little individual squares or dots that make up the
image. When you see it at its optimal size you don’t notice the individual dots, but if you try to make it bigger, the image become fuzzy or pixelated.
Another disadvantage of bitmap images is that they require higher resolutions for a smooth appearance.
Examples of bitmap graphics
These are bitmap images, as you can see that when zoomed in to an image the pixels are
clearly visible and distort the picture however from distance the picture quality is fine.
Vector graphics
Vector graphics is the use of points, lines, curves and shapes which are all based
on mathematical expressions to represent images in computer graphics. These
graphics are based on vectors which lead through locations called control
points.
Common file formats: ai, cdr, ps, pdfs
Common vector graphic programmes:
adobe illustrator, CorelDraw,
Common uses of vector graphics;
drawing, illustrations, cartoons
Vector graphics can be resized and will not lose clarity and be printed at any
resolution .
Advantages of Vector images:
The most important point of vector images is their power of scalability. Vector images remain
smooth because your computer re-computes the coordinates of the points and adjusts the vector
equation constants.
Each set of lines in a vector image represent separate and distinct objects. therefore every object
can be re-edited at any time. For example, if you created a vector art file with a circle in the
background. You could open the drawing file at any time and change the circle to a square.
Another very important reason of using vector images instead of bitmaps is their size. Vector
images are much smaller in size than the bitmap image format.
Disadvantages of Vector images:
Drawings containing trapping information can only be scaled up to 20 percent larger or smaller.
Thin lines may disappear if a vector drawing is reduced too much.
Small errors in a drawing may become visible as soon as it is enlarged too much.
Another important disadvantage of vector is the time and talent needed to create it. You cannot
take a photograph in vector. Vector images are drawn on the computer by a graphic artist using
vector editing software such as Adobe Illustrator.
Examples of vector graphics
These are vector images, here the pictures
show that when zoomed in the quality isn’t
ruined and no pixels are visible and they
remain in focus.
Pixels
In digital imaging, a pixel is a physical point in a raster image, it is the smallest
controllable element of a picture represented on the screen. LCD pixels are
manufactured in a two-dimensional grid, and are often represented using dots
or squares, but CRT pixels correspond to their timing mechanisms and sweep
rates.
Each pixel is a sample of an original image, more samples typically provide more
accurate representations of the original. The intensity of each pixel is variable.
In color image systems, a color is typically represented by three or four
component intensities such as red, green, and blue, or cyan, magenta, yellow,
and black.
When zoomed in
the picture resizes
and loses its quality.
A normal bitmap image.
Factors that effect
quality
Capturing images
Drawing in to a sketch pad
Advantages:
It makes it easier to edit your design and add different affects to it.
If you’re good at drawing, you can make it look realistic.
Disadvantages:
It takes time to get used to the sketch pad and the different tools used on the programme.
Scanning an image
Advantages:
The scanned image allows you to trace over the image on the programme and makes it easier to complete the design.
The programme also makes it easier to edit on the programme.
Disadvantages:
The detail on the scanned image may be faint and will make it harder to see it all.
Taking a photograph
Advantages:
The finished design will then become photorealistic.
Disadvantages:
You need a good equality camera to take HD photos.
There could be potential equipment failures.
Output
When using paper to look at your work the image is made up of pixels
containing a colour model. For paper the colour model is Black, Yellow,
Cyan and Magenta.
When using a screen to look at your work the image is also made up of
pixels containing a colour model. For screens, the colour model is Red,
Green and Blue.
The difference between the two is that they both use separate colour
wheels.
Organisation
Keep folders numbered for easy navigation.
Make sure the named folders have the necessary documents included.
Make sure you save every piece of the work you add.
Keeping files organized is important because if you lose any valuable
information it could ruin your work.
Report conclusion
In this report I have covered the advantages and
disadvantages of both bitmap and vector graphics
and what they are and used for.

More Related Content

DOCX
Digital graphics technology
DOCX
Unit 13 assignment 1 report
DOCX
Digital graphics technology
DOCX
Digital Graphics Technology
DOCX
Digital graphics technology
DOCX
DOCX
DOCX
Digital graphics technology
Digital graphics technology
Unit 13 assignment 1 report
Digital graphics technology
Digital Graphics Technology
Digital graphics technology
Digital graphics technology

What's hot (17)

PPTX
Btec creative media production digital graphics technology
PDF
Computer graphics notes
PPTX
Basic of computer graphic - Computer Graphic - Notes
DOCX
Graphics
PPTX
P1 powerpoint presentation
PPT
Overview of graphics systems
DOCX
Unit 13 assignment 1 EF
PPTX
Graphics hardware and introduction to Raster display system
DOCX
Unit 13 Report - 4018
PPTX
Graphic hardware and software
PPT
Ch06
DOCX
Graphics and Graphics Hardware System
PDF
Introduction Computer Graphic
PPTX
Application of computer graphics and input devices
PPT
computer graphics
PPTX
Computer Graphics
PPT
Ch07
Btec creative media production digital graphics technology
Computer graphics notes
Basic of computer graphic - Computer Graphic - Notes
Graphics
P1 powerpoint presentation
Overview of graphics systems
Unit 13 assignment 1 EF
Graphics hardware and introduction to Raster display system
Unit 13 Report - 4018
Graphic hardware and software
Ch06
Graphics and Graphics Hardware System
Introduction Computer Graphic
Application of computer graphics and input devices
computer graphics
Computer Graphics
Ch07
Ad

Similar to Vector and bitmap (20)

PPTX
Bitmap and vector
PPTX
Bitmap and vector
DOCX
Digital graphics technology by fateha
DOCX
Digital Graphics Technology
DOCX
Digital graphics technology
DOCX
Digital graphics technology
DOCX
Digital graphics technology
DOCX
Digital graphics technology
DOCX
Digital graphics
DOCX
Vectors UNIT 13 assignment (W.A)
DOCX
Vectors UNIT 13 assignment (W.A)
DOCX
Vectors UNIT 13 assignment (W.A)
DOCX
Digital graphics (repaired)
PPTX
Grade 8, Lesson 3: Graphics
PPT
Techinal file raster and vector images
DOCX
Digital graphics
PPT
L3 cmp technicalfile_
DOCX
Unit 13 assignment 1
DOCX
Unit 13 Report - 4018
DOCX
Assignment 1 - 4018
Bitmap and vector
Bitmap and vector
Digital graphics technology by fateha
Digital Graphics Technology
Digital graphics technology
Digital graphics technology
Digital graphics technology
Digital graphics technology
Digital graphics
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)
Digital graphics (repaired)
Grade 8, Lesson 3: Graphics
Techinal file raster and vector images
Digital graphics
L3 cmp technicalfile_
Unit 13 assignment 1
Unit 13 Report - 4018
Assignment 1 - 4018
Ad

More from haverstockmedia (20)

PPTX
PPTX
DOCX
Music video idea
DOCX
Video idea weeknd -Amad Islam
DOCX
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
DOCX
The weeknd lyric analysis By Amad Islam
DOCX
PPTX
Analysisoflyrics 111010192016-phpapp01
DOCX
Beyonce - dance for you
PPTX
British board of film classication (bbfc)
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
ODP
3 different ways of classifying audiences
PPTX
Final Sketch Evaluation - 4018
DOCX
Analysis For Attack The Block - 4018
DOCX
Focus Group - 4018
DOCX
Audience Research - 4018
DOCX
In this broadcast product
Music video idea
Video idea weeknd -Amad Islam
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd lyric analysis By Amad Islam
Analysisoflyrics 111010192016-phpapp01
Beyonce - dance for you
British board of film classication (bbfc)
3 different ways of classifying audiences
3 different ways of classifying audiences
3 different ways of classifying audiences
3 different ways of classifying audiences
3 different ways of classifying audiences
Final Sketch Evaluation - 4018
Analysis For Attack The Block - 4018
Focus Group - 4018
Audience Research - 4018
In this broadcast product

Recently uploaded (20)

PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Big Data Technologies - Introduction.pptx
PPT
Teaching material agriculture food technology
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Approach and Philosophy of On baking technology
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
Cloud computing and distributed systems.
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
MYSQL Presentation for SQL database connectivity
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Electronic commerce courselecture one. Pdf
Building Integrated photovoltaic BIPV_UPV.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Big Data Technologies - Introduction.pptx
Teaching material agriculture food technology
Chapter 3 Spatial Domain Image Processing.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Machine learning based COVID-19 study performance prediction
Approach and Philosophy of On baking technology
Network Security Unit 5.pdf for BCA BBA.
Unlocking AI with Model Context Protocol (MCP)
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Cloud computing and distributed systems.
Advanced methodologies resolving dimensionality complications for autism neur...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
MYSQL Presentation for SQL database connectivity
MIND Revenue Release Quarter 2 2025 Press Release
Review of recent advances in non-invasive hemoglobin estimation
Electronic commerce courselecture one. Pdf

Vector and bitmap

  • 1. This report will discuss what digital graphics are and how this relates to producing graphics and images for games. Digital graphics and digital imaging is the creation of digital images, from a physical scene. The term is often assumed to be the processing, compression, storage, printing and display of images. There are two types of digital images which are Bitmap and Vector. Unit 13: Assignment 1 Digital graphics technology Harley jones 12c
  • 2. Bitmap (Raster) In computer graphics the raster image, or bitmap is a dot matrix which is a 2- dimentional patterned array, used to represent characters, symbols and images. Most types of technology uses dot matrices for display of information including mobile phones, TV's and printers. A bitmap corresponds bit-for-bit with images displayed on the screen. A bitmap is technically characterized by the width and height of the image in pixels and by the number of bits per pixel a color depth, which determines the number of colors it can represent. Unlike vector graphics, when zooming in on an image it tends to loose its quality. Common bitmap files: jpg, ipeg, gif, png, tif, tiff, bmp Common bitmap programmes: paint, Photoshop Common bitmap images: photographs and paintings. In uncompressed bitmaps, image pixels are generally stored with a color depth of 1, 4, 8, 16, 24, 32, 48, or 64 bits per pixel.
  • 3. Bitmap Advantages Bitmaps are very easy to create and easy to come by. Bitmaps are fairly simple to output, as long as your RIP or printer has sufficient memory. They are very cost effective. You can take a picture or scan in a drawing, and easily show it on the Internet or send in an email. A bitmap image uses solid color pixels, which can be identified and recolored easily. The geographic location of each cell is implied by its position in the cell matrix. Other than an origin point, e.g. bottom left corner, no geographic coordinates are stored. Bitmap Disadvantages The most common disadvantage of this image format is that they are not upward scalable. You can make a bitmap smaller without too much loss, but you cannot make it larger without loosing quality. If you ever see a bitmap image blown up, you’ll notice it has little individual squares or dots that make up the image. When you see it at its optimal size you don’t notice the individual dots, but if you try to make it bigger, the image become fuzzy or pixelated. Another disadvantage of bitmap images is that they require higher resolutions for a smooth appearance.
  • 4. Examples of bitmap graphics These are bitmap images, as you can see that when zoomed in to an image the pixels are clearly visible and distort the picture however from distance the picture quality is fine.
  • 5. Vector graphics Vector graphics is the use of points, lines, curves and shapes which are all based on mathematical expressions to represent images in computer graphics. These graphics are based on vectors which lead through locations called control points. Common file formats: ai, cdr, ps, pdfs Common vector graphic programmes: adobe illustrator, CorelDraw, Common uses of vector graphics; drawing, illustrations, cartoons Vector graphics can be resized and will not lose clarity and be printed at any resolution .
  • 6. Advantages of Vector images: The most important point of vector images is their power of scalability. Vector images remain smooth because your computer re-computes the coordinates of the points and adjusts the vector equation constants. Each set of lines in a vector image represent separate and distinct objects. therefore every object can be re-edited at any time. For example, if you created a vector art file with a circle in the background. You could open the drawing file at any time and change the circle to a square. Another very important reason of using vector images instead of bitmaps is their size. Vector images are much smaller in size than the bitmap image format. Disadvantages of Vector images: Drawings containing trapping information can only be scaled up to 20 percent larger or smaller. Thin lines may disappear if a vector drawing is reduced too much. Small errors in a drawing may become visible as soon as it is enlarged too much. Another important disadvantage of vector is the time and talent needed to create it. You cannot take a photograph in vector. Vector images are drawn on the computer by a graphic artist using vector editing software such as Adobe Illustrator.
  • 7. Examples of vector graphics These are vector images, here the pictures show that when zoomed in the quality isn’t ruined and no pixels are visible and they remain in focus.
  • 8. Pixels In digital imaging, a pixel is a physical point in a raster image, it is the smallest controllable element of a picture represented on the screen. LCD pixels are manufactured in a two-dimensional grid, and are often represented using dots or squares, but CRT pixels correspond to their timing mechanisms and sweep rates. Each pixel is a sample of an original image, more samples typically provide more accurate representations of the original. The intensity of each pixel is variable. In color image systems, a color is typically represented by three or four component intensities such as red, green, and blue, or cyan, magenta, yellow, and black.
  • 9. When zoomed in the picture resizes and loses its quality. A normal bitmap image. Factors that effect quality
  • 10. Capturing images Drawing in to a sketch pad Advantages: It makes it easier to edit your design and add different affects to it. If you’re good at drawing, you can make it look realistic. Disadvantages: It takes time to get used to the sketch pad and the different tools used on the programme. Scanning an image Advantages: The scanned image allows you to trace over the image on the programme and makes it easier to complete the design. The programme also makes it easier to edit on the programme. Disadvantages: The detail on the scanned image may be faint and will make it harder to see it all. Taking a photograph Advantages: The finished design will then become photorealistic. Disadvantages: You need a good equality camera to take HD photos. There could be potential equipment failures.
  • 11. Output When using paper to look at your work the image is made up of pixels containing a colour model. For paper the colour model is Black, Yellow, Cyan and Magenta. When using a screen to look at your work the image is also made up of pixels containing a colour model. For screens, the colour model is Red, Green and Blue. The difference between the two is that they both use separate colour wheels. Organisation Keep folders numbered for easy navigation. Make sure the named folders have the necessary documents included. Make sure you save every piece of the work you add. Keeping files organized is important because if you lose any valuable information it could ruin your work.
  • 12. Report conclusion In this report I have covered the advantages and disadvantages of both bitmap and vector graphics and what they are and used for.