SlideShare a Scribd company logo
1 of 13
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 withouttoo 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.
Capturing images
Sketch pads can be used to draw an image on an
online website called Pixlr where images can be
uploaded to draw over or to start from scratch.
When finished the image can be saved as a picture.
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

What's hot

Multimedia tools (sound)
Multimedia tools (sound)Multimedia tools (sound)
Multimedia tools (sound)dhruv patel
 
what is Font in multimedia
 what is Font in multimedia what is Font in multimedia
what is Font in multimediamaliksiddique1
 
Attributes of output primitive(line attributes)
Attributes of output primitive(line attributes)Attributes of output primitive(line attributes)
Attributes of output primitive(line attributes)shalinikarunakaran1
 
Computer graphics basic transformation
Computer graphics basic transformationComputer graphics basic transformation
Computer graphics basic transformationSelvakumar Gna
 
Multimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoMultimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoBadar Waseer
 
Transform coding
Transform codingTransform coding
Transform codingNancy K
 
Chapter 6 color image processing
Chapter 6 color image processingChapter 6 color image processing
Chapter 6 color image processingasodariyabhavesh
 
Multimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia System & Design Ch 1, 2, 3 MultimediaMultimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia System & Design Ch 1, 2, 3 MultimediaBadar Waseer
 
Huffman and Arithmetic coding - Performance analysis
Huffman and Arithmetic coding - Performance analysisHuffman and Arithmetic coding - Performance analysis
Huffman and Arithmetic coding - Performance analysisRamakant Soni
 
Attributes of output Primitive
Attributes of output Primitive Attributes of output Primitive
Attributes of output Primitive SachiniGunawardana
 
Multimedia applications
Multimedia applicationsMultimedia applications
Multimedia applicationssmoky_stu
 
video compression techique
video compression techiquevideo compression techique
video compression techiqueAshish Kumar
 
Chapter 5 : ANIMATION
Chapter 5 : ANIMATIONChapter 5 : ANIMATION
Chapter 5 : ANIMATIONazira96
 
Video Compression Basics
Video Compression BasicsVideo Compression Basics
Video Compression BasicsSanjiv Malik
 
Image compression standards
Image compression standardsImage compression standards
Image compression standardskirupasuchi1996
 

What's hot (20)

Multimedia tools (sound)
Multimedia tools (sound)Multimedia tools (sound)
Multimedia tools (sound)
 
what is Font in multimedia
 what is Font in multimedia what is Font in multimedia
what is Font in multimedia
 
Halftoning in Computer Graphics
Halftoning  in Computer GraphicsHalftoning  in Computer Graphics
Halftoning in Computer Graphics
 
Attributes of output primitive(line attributes)
Attributes of output primitive(line attributes)Attributes of output primitive(line attributes)
Attributes of output primitive(line attributes)
 
Computer graphics basic transformation
Computer graphics basic transformationComputer graphics basic transformation
Computer graphics basic transformation
 
Multimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoMultimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 video
 
Transform coding
Transform codingTransform coding
Transform coding
 
Noise
NoiseNoise
Noise
 
Chapter 6 color image processing
Chapter 6 color image processingChapter 6 color image processing
Chapter 6 color image processing
 
Multimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia System & Design Ch 1, 2, 3 MultimediaMultimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia System & Design Ch 1, 2, 3 Multimedia
 
Huffman and Arithmetic coding - Performance analysis
Huffman and Arithmetic coding - Performance analysisHuffman and Arithmetic coding - Performance analysis
Huffman and Arithmetic coding - Performance analysis
 
Digital Audio in Multimedia
Digital Audio in MultimediaDigital Audio in Multimedia
Digital Audio in Multimedia
 
Audio compression
Audio compressionAudio compression
Audio compression
 
Attributes of output Primitive
Attributes of output Primitive Attributes of output Primitive
Attributes of output Primitive
 
Multimedia applications
Multimedia applicationsMultimedia applications
Multimedia applications
 
video compression techique
video compression techiquevideo compression techique
video compression techique
 
Chapter 5 : ANIMATION
Chapter 5 : ANIMATIONChapter 5 : ANIMATION
Chapter 5 : ANIMATION
 
Video Compression Basics
Video Compression BasicsVideo Compression Basics
Video Compression Basics
 
Image compression standards
Image compression standardsImage compression standards
Image compression standards
 
Huffman codes
Huffman codesHuffman codes
Huffman codes
 

Viewers also liked

Bitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the DifferencesBitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the DifferencesDavina and Caroline
 
Bitmap & Vector Images
Bitmap & Vector ImagesBitmap & Vector Images
Bitmap & Vector ImagesMrFennerHamble
 
Vector and bitmap images
Vector and bitmap imagesVector and bitmap images
Vector and bitmap imagesianasurchxo
 
Image file formats
Image file formatsImage file formats
Image file formatsBob Watson
 

Viewers also liked (6)

Bitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the DifferencesBitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the Differences
 
Bitmap & Vector Images
Bitmap & Vector ImagesBitmap & Vector Images
Bitmap & Vector Images
 
Graphics
GraphicsGraphics
Graphics
 
Vector and bitmap images
Vector and bitmap imagesVector and bitmap images
Vector and bitmap images
 
Bitmap and vector
Bitmap and vectorBitmap and vector
Bitmap and vector
 
Image file formats
Image file formatsImage file formats
Image file formats
 

Similar to Bitmap and vector

Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhadilasharif
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Digital graphics technology by fateha
Digital graphics technology by fatehaDigital graphics technology by fateha
Digital graphics technology by fatehahaverstockmedia
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technologyhaverstockmedia
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technologyhaverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Unit 13 assignment 1 report
Unit 13 assignment 1 reportUnit 13 assignment 1 report
Unit 13 assignment 1 reporthaverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)haverstockmedia
 
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)haverstockmedia
 
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)haverstockmedia
 

Similar to Bitmap and vector (20)

Vector and bitmap
Vector and bitmapVector and bitmap
Vector and bitmap
 
Vector and bitmap
Vector and bitmapVector and bitmap
Vector and bitmap
 
Unit 13
Unit 13Unit 13
Unit 13
 
Unit 13
Unit 13Unit 13
Unit 13
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Digital graphics technology by fateha
Digital graphics technology by fatehaDigital graphics technology by fateha
Digital graphics technology by fateha
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Unit 13 assignment 1 EF
Unit 13 assignment 1 EFUnit 13 assignment 1 EF
Unit 13 assignment 1 EF
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Unit 13 assignment 1 report
Unit 13 assignment 1 reportUnit 13 assignment 1 report
Unit 13 assignment 1 report
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)
 
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)
 
Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)Vectors UNIT 13 assignment (W.A)
Vectors UNIT 13 assignment (W.A)
 

More from haverstockmedia

Video idea weeknd -Amad Islam
Video idea weeknd -Amad IslamVideo idea weeknd -Amad Islam
Video idea weeknd -Amad Islamhaverstockmedia
 
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)haverstockmedia
 
The weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad IslamThe weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad Islamhaverstockmedia
 
Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01haverstockmedia
 
British board of film classication (bbfc)
British board of film classication (bbfc)British board of film classication (bbfc)
British board of film classication (bbfc)haverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audienceshaverstockmedia
 
Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018haverstockmedia
 
Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018haverstockmedia
 
Audience Research - 4018
Audience Research - 4018Audience Research - 4018
Audience Research - 4018haverstockmedia
 
In this broadcast product
In this broadcast productIn this broadcast product
In this broadcast producthaverstockmedia
 

More from haverstockmedia (20)

Eval 2
Eval 2Eval 2
Eval 2
 
Eval 1
Eval 1Eval 1
Eval 1
 
Music video idea
Music video ideaMusic video idea
Music video idea
 
Video idea weeknd -Amad Islam
Video idea weeknd -Amad IslamVideo idea weeknd -Amad Islam
Video idea weeknd -Amad Islam
 
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
The weeknd feat ed sheeran Dark Times Lyric Analysis (Amad Islam)
 
The weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad IslamThe weeknd lyric analysis By Amad Islam
The weeknd lyric analysis By Amad Islam
 
Imvdb
ImvdbImvdb
Imvdb
 
Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01Analysisoflyrics 111010192016-phpapp01
Analysisoflyrics 111010192016-phpapp01
 
Beyonce - dance for you
Beyonce -  dance for youBeyonce -  dance for you
Beyonce - dance for you
 
British board of film classication (bbfc)
British board of film classication (bbfc)British board of film classication (bbfc)
British board of film classication (bbfc)
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
3 different ways of classifying audiences
3 different ways of classifying audiences3 different ways of classifying audiences
3 different ways of classifying audiences
 
Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018Final Sketch Evaluation - 4018
Final Sketch Evaluation - 4018
 
Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018Analysis For Attack The Block - 4018
Analysis For Attack The Block - 4018
 
Focus Group - 4018
Focus Group - 4018Focus Group - 4018
Focus Group - 4018
 
Audience Research - 4018
Audience Research - 4018Audience Research - 4018
Audience Research - 4018
 
In this broadcast product
In this broadcast productIn this broadcast product
In this broadcast product
 

Recently uploaded

Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 

Recently uploaded (20)

Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 

Bitmap and vector

  • 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 withouttoo 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. Capturing images Sketch pads can be used to draw an image on an online website called Pixlr where images can be uploaded to draw over or to start from scratch. When finished the image can be saved as a picture.
  • 12. 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.
  • 13. 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.