SlideShare a Scribd company logo
Vector Graphics 2.01 Investigate graphic image design.
Node Handle Vector Graphics Vector graphics are created from  mathematical formulas used to define lines, shapes and curves.  Edited in draw programs  Shapes can be edited by moving points called nodes (drawing points)
Shapes that make up the image. Original Image Resized Image Examples More examples http://qvectors.com/
Uses of Vector Graphics Graphics that will be scaled (or resized)  Architectural drawings and CAD programs Flow charts Logos that will be scaled (resized) Cartoons and clip art Graphics on websites Because they have very small file sizes. This allows them to load quickly. Fonts and specialized text effects
Advantages of Vectors Resolution Independent Regardless of how much the image is enlarged or reduced, the image definition and quality remain the same. Small File Sizes Easily transferred over the Internet.
Disadvantages of Vectors Lower color quality than raster images. They do not support as many colors. Not good for photographic images. Click to see an example.
Popular Vector Graphic Software Xara Xtreme Adobe Illustrator CorelDraw Inkscape – open source software similar to Adobe Illustrator.
Common Vector File Formats AI – Adobe Illustrator  Industry standard used by developers of vector graphics. Used to create, save, and archive original artwork. EPS – Encapsulated Postscript  Meta Graphic Graphics developers generally save a copy of the AI file in EPS format because it can be opened by computers running different operating systems. Preferred format for vendors/clients  who use the graphics in publications due to its portability.
Meta Graphics Can contain vector and raster data. Shapes in vector graphics can be filled with textures and patterns that are raster graphics. Useful when layering text on top of raster graphics. Examples WMF – Windows Metafile EPS – Encapsulated Postscript
More Vector Formats  SVG – Scalable Vector Graphics  Standard format created by W3C  Versatile, all-purpose vector format PLT – Hewlett Packard Graphics Language Plot File CDR – Corel Draw DXF – AutoCAD WMF – Windows Metafile

More Related Content

What's hot

Raster graphics
Raster graphicsRaster graphics
Raster graphicslenance
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
Mirza Obaid
 
Representation of Vector Graphics
Representation of Vector GraphicsRepresentation of Vector Graphics
Representation of Vector Graphics
Forrester High School
 
Hand Drawing Techniques
Hand Drawing TechniquesHand Drawing Techniques
Hand Drawing Techniques
mbgomillion
 
Presentation on Adobe Photoshop
Presentation on Adobe PhotoshopPresentation on Adobe Photoshop
Presentation on Adobe Photoshop
OpenDev
 
File types
File typesFile types
File types
Kate Carlyle
 
Assignment 3 charts in excel
Assignment 3 charts in excelAssignment 3 charts in excel
Assignment 3 charts in excel
ktqwerty
 
Image file formats
Image file formatsImage file formats
Image file formats
Bob Watson
 
Graphic Design - Shapes
Graphic Design - ShapesGraphic Design - Shapes
Graphic Design - Shapes
Jamie Hutt
 
Corso Base Di Powerpoint
Corso Base Di PowerpointCorso Base Di Powerpoint
Corso Base Di Powerpoint
Alessio Sperlinga
 
Raster vs vector graphics
Raster vs vector graphicsRaster vs vector graphics
Raster vs vector graphics
Khang-Ling Loh
 
Chapter 5 dimensioning in auto cad 2010
Chapter 5   dimensioning in auto cad 2010Chapter 5   dimensioning in auto cad 2010
Chapter 5 dimensioning in auto cad 2010
Shelly Wilke
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
Reymart Canuel
 
The representation of objects
The representation of objectsThe representation of objects
The representation of objects
Isabelop
 
Ms access
Ms access Ms access
Ms access
preetikapri1
 
The art of basic drawing
The art of basic drawing The art of basic drawing
The art of basic drawing
Nhungturtle
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
Steve Hickey
 
Bitmap vs vectors image
Bitmap vs vectors imageBitmap vs vectors image
Bitmap vs vectors image31angel
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
shira73
 

What's hot (20)

Raster graphics
Raster graphicsRaster graphics
Raster graphics
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
Representation of Vector Graphics
Representation of Vector GraphicsRepresentation of Vector Graphics
Representation of Vector Graphics
 
Hand Drawing Techniques
Hand Drawing TechniquesHand Drawing Techniques
Hand Drawing Techniques
 
Presentation on Adobe Photoshop
Presentation on Adobe PhotoshopPresentation on Adobe Photoshop
Presentation on Adobe Photoshop
 
File types
File typesFile types
File types
 
Image Files Formats
Image Files FormatsImage Files Formats
Image Files Formats
 
Assignment 3 charts in excel
Assignment 3 charts in excelAssignment 3 charts in excel
Assignment 3 charts in excel
 
Image file formats
Image file formatsImage file formats
Image file formats
 
Graphic Design - Shapes
Graphic Design - ShapesGraphic Design - Shapes
Graphic Design - Shapes
 
Corso Base Di Powerpoint
Corso Base Di PowerpointCorso Base Di Powerpoint
Corso Base Di Powerpoint
 
Raster vs vector graphics
Raster vs vector graphicsRaster vs vector graphics
Raster vs vector graphics
 
Chapter 5 dimensioning in auto cad 2010
Chapter 5   dimensioning in auto cad 2010Chapter 5   dimensioning in auto cad 2010
Chapter 5 dimensioning in auto cad 2010
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
 
The representation of objects
The representation of objectsThe representation of objects
The representation of objects
 
Ms access
Ms access Ms access
Ms access
 
The art of basic drawing
The art of basic drawing The art of basic drawing
The art of basic drawing
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Bitmap vs vectors image
Bitmap vs vectors imageBitmap vs vectors image
Bitmap vs vectors image
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 

Similar to Vector graphics

Brief Introduction About Vector Artwork Services!
Brief Introduction About Vector Artwork Services!Brief Introduction About Vector Artwork Services!
Brief Introduction About Vector Artwork Services!
Art Fixers
 
Digital graphics
Digital graphicsDigital graphics
Digital graphics
Nicole Melia
 
Raster and vector
Raster and vectorRaster and vector
Raster and vector
Lewis Barratt
 
Unit 54 digital graphics for print
Unit 54 digital graphics for printUnit 54 digital graphics for print
Unit 54 digital graphics for printbtecmedia12
 
Unit 54 Digital Graphics for Print
Unit 54 Digital Graphics for PrintUnit 54 Digital Graphics for Print
Unit 54 Digital Graphics for Print
btecmedia12
 
ONTAP - Computer Files
ONTAP - Computer FilesONTAP - Computer Files
ONTAP - Computer FilesWRDSB
 
The Growing Impact of Photo Manipulation Services in Visual Culture
The Growing Impact of Photo Manipulation Services in Visual CultureThe Growing Impact of Photo Manipulation Services in Visual Culture
The Growing Impact of Photo Manipulation Services in Visual Culture
Cre8iveskill
 
Graphics in mobile terminals
Graphics in mobile terminalsGraphics in mobile terminals
Graphics in mobile terminals
Tomi Aarnio
 
Raster and vector
Raster and vectorRaster and vector
Raster and vector
ben boardman
 
online_formats_for_images_and_texts.pptx
online_formats_for_images_and_texts.pptxonline_formats_for_images_and_texts.pptx
online_formats_for_images_and_texts.pptx
RegineArellano2
 
GIS Raster vs Vector for Forestry Class.pdf
GIS Raster vs Vector for Forestry Class.pdfGIS Raster vs Vector for Forestry Class.pdf
GIS Raster vs Vector for Forestry Class.pdf
Forestmensuration
 
Task 1 scott
Task 1  scottTask 1  scott
Task 1 scott
veeras1997
 

Similar to Vector graphics (20)

Brief Introduction About Vector Artwork Services!
Brief Introduction About Vector Artwork Services!Brief Introduction About Vector Artwork Services!
Brief Introduction About Vector Artwork Services!
 
Chap30
Chap30Chap30
Chap30
 
Unit 54 assignment 1
Unit 54   assignment 1Unit 54   assignment 1
Unit 54 assignment 1
 
Digital graphics
Digital graphicsDigital graphics
Digital graphics
 
Raster and vector
Raster and vectorRaster and vector
Raster and vector
 
Page 4
Page 4Page 4
Page 4
 
Page 4
Page 4Page 4
Page 4
 
Unit 54 digital graphics for print
Unit 54 digital graphics for printUnit 54 digital graphics for print
Unit 54 digital graphics for print
 
Unit 54 Digital Graphics for Print
Unit 54 Digital Graphics for PrintUnit 54 Digital Graphics for Print
Unit 54 Digital Graphics for Print
 
ONTAP - Computer Files
ONTAP - Computer FilesONTAP - Computer Files
ONTAP - Computer Files
 
Graphics
GraphicsGraphics
Graphics
 
Computer & Illustrator Basics
Computer & Illustrator BasicsComputer & Illustrator Basics
Computer & Illustrator Basics
 
The Growing Impact of Photo Manipulation Services in Visual Culture
The Growing Impact of Photo Manipulation Services in Visual CultureThe Growing Impact of Photo Manipulation Services in Visual Culture
The Growing Impact of Photo Manipulation Services in Visual Culture
 
Graphics in mobile terminals
Graphics in mobile terminalsGraphics in mobile terminals
Graphics in mobile terminals
 
Technical file
Technical fileTechnical file
Technical file
 
Raster and vector
Raster and vectorRaster and vector
Raster and vector
 
online_formats_for_images_and_texts.pptx
online_formats_for_images_and_texts.pptxonline_formats_for_images_and_texts.pptx
online_formats_for_images_and_texts.pptx
 
GIS Raster vs Vector for Forestry Class.pdf
GIS Raster vs Vector for Forestry Class.pdfGIS Raster vs Vector for Forestry Class.pdf
GIS Raster vs Vector for Forestry Class.pdf
 
Ms Visio
Ms VisioMs Visio
Ms Visio
 
Task 1 scott
Task 1  scottTask 1  scott
Task 1 scott
 

Vector graphics

  • 1. Vector Graphics 2.01 Investigate graphic image design.
  • 2. Node Handle Vector Graphics Vector graphics are created from mathematical formulas used to define lines, shapes and curves. Edited in draw programs Shapes can be edited by moving points called nodes (drawing points)
  • 3. Shapes that make up the image. Original Image Resized Image Examples More examples http://qvectors.com/
  • 4. Uses of Vector Graphics Graphics that will be scaled (or resized) Architectural drawings and CAD programs Flow charts Logos that will be scaled (resized) Cartoons and clip art Graphics on websites Because they have very small file sizes. This allows them to load quickly. Fonts and specialized text effects
  • 5. Advantages of Vectors Resolution Independent Regardless of how much the image is enlarged or reduced, the image definition and quality remain the same. Small File Sizes Easily transferred over the Internet.
  • 6. Disadvantages of Vectors Lower color quality than raster images. They do not support as many colors. Not good for photographic images. Click to see an example.
  • 7. Popular Vector Graphic Software Xara Xtreme Adobe Illustrator CorelDraw Inkscape – open source software similar to Adobe Illustrator.
  • 8. Common Vector File Formats AI – Adobe Illustrator Industry standard used by developers of vector graphics. Used to create, save, and archive original artwork. EPS – Encapsulated Postscript Meta Graphic Graphics developers generally save a copy of the AI file in EPS format because it can be opened by computers running different operating systems. Preferred format for vendors/clients who use the graphics in publications due to its portability.
  • 9. Meta Graphics Can contain vector and raster data. Shapes in vector graphics can be filled with textures and patterns that are raster graphics. Useful when layering text on top of raster graphics. Examples WMF – Windows Metafile EPS – Encapsulated Postscript
  • 10. More Vector Formats SVG – Scalable Vector Graphics Standard format created by W3C Versatile, all-purpose vector format PLT – Hewlett Packard Graphics Language Plot File CDR – Corel Draw DXF – AutoCAD WMF – Windows Metafile

Editor's Notes

  1. Teacher Note: This is a vector graphic (WMF) from the clipart files in Microsoft PowerPoint. Notice that the image does not become pixelated when it is resized, it retains the original quality.To break the image down into its individual parts:Click on the image.On the Draw toolbar, click on Ungroup.Click Yes in the Dialog box.Click Draw, Ungroup again.Now the individual shapes can be moved and manipulated. For a fun activity, allow students to experiment with ungrouping an image and re-coloring it. Be sure they Regroup it before trying to move it, though. If they don’t regroup, they will only move pieces of the image instead of the entire image.
  2. Teacher Note: Emphasize to the students the much better quality of the raster graphic because it is made up of pixels which can show much more detail than lines.Hyperlink opens this URL: http://alabamamaps.ua.edu/tutorial/example1.html