Vector Graphics A free program that creates vector images is InkscapeInkscape.

Slides:



Advertisements
Similar presentations
CHAPTER 20 CREATING SVG GRAPHICS. LEARNING OBJECTIVES How to embed a graphic stored within a.SVG file in an HTML page How to use the and tag pair to specify.
Advertisements

SAMPLE SLIDESHOW Edited by T.B. Miller White on Black Makes your images pop out of the slide. Makes the text easier to read. Don’t change it.
B.Sc. Multimedia ComputingMedia Technologies Vector Graphics.
Introduction to Raster Graphics Resize an image until it is pixelated.
Object Orientated Data Topic 5: Multimedia Technology.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Fonts Typeface Typography. Leading Spacing between lines.
JRN 302: Introduction to Graphics and Visual Communication - File formats, conversion Tuesday, 8/4/15.
Graphic Images 101. Painted on a grid Drawn mathematically.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
GRIN-Global Resource Guide: This document lists some programs useful when creating documentation and training materials – Enjoy!
BTEC ICT Task 4 By Elliot lee. Hardware required to create and edit a graphic »Memory »Storage »Monitor »Processor »Input devices – scanners, tablets,
U1_a02_copyright text and images ADD NAME HERE. Insert below a copyright free IMAGE that could be used in your health and safety presentation.
1 Type in the URL to access the WEBSPACE Control Panel HOW TO MAKE CHANGES AND UPDATES TO YOUR WEBSITE.
Vector vs. Raster Objectives:
Graphic Format Factors
2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Adobe Photoshop Weebly Microsoft.
Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Accessible Web Publishing Wizard For Microsoft® Office E-Series Webcasts Best Practices for Microsoft® PowerPoint.
Make an Icon in Paint. Open Paint – found under the Accessories menu in Start - Programs Image – Attributes – set the size of the picture to 32 x32 pixels.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
7. Data Import Export Lingma Acheson Department of Computer and Information Science IUPUI CSCI N207 Data Analysis Using Spreadsheets 1.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
IT11 Agenda for Feb Golden Rule Reminder. 2. PowerPoint demonstration on the structure of Java Applet programs. Source Files HTML Files Class Files.
Calculating Fractal Dimension from Vector Images Kelly Ran.
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Part – 3 : HTML 5 SVG Tag. † SVG stands for Scalable Vector Graphics. † SVG is used to define vector-based graphics for the Web. † SVG defines the graphics.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Ryan Bibby 10/10/2014 Slide. 1 Graphics Software Project 1 | Assignment 2 | Ryan Bibby.
Type Topic in here! Created by Educational Technology Network
Graphic Format Factors
2.02 Understand Digital Vector Graphics
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
Graphic Format Factors
Chapter 4: Scalable Vector Graphics (SVG)
Visio.
Visio.
2.02 Understand Digital Vector Graphics
Cosc 4735 Vector Graphics.
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Image Asset Vector Asset
the first card insert text here.
2.02 Understand Digital Vector Graphics
How To Use This Template
A few tricks to take you beyond the basics of Microsoft Office
Graphic Format Factors
Graphic Format Factors
A guide on using the Cool Math Graphing Calculator AND taking screenshots to insert into our office tools.
Vector (Shapes) vs. Raster (Pixels)
Graphic Format Factors
HTML Text editors and adding graphics
Graphic Format Factors
Type Topic in here! Created by Educational Technology Network
Type Topic in here! Created by Educational Technology Network
Type Topic in here! Created by Educational Technology Network
Type Topic in here! Created by Educational Technology Network
2.02 Understand Digital Vector Graphics
Graphic Format Factors
Graphic Format Factors
Type Topic in here! Created by Educational Technology Network
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
Graphic Format Factors
Presentation transcript:

Vector Graphics A free program that creates vector images is InkscapeInkscape

Inkscape does not draw raster graphics. It creates.svg files You can on the other hand save a.png file but it is just a raster snapshot of the image.

So what the heck is a.svg file? (scalable vector graphic) It is a xml text file that store information about objects that are drawn. The image to the right has three objects. The main thing to note is that we can grab the object and move them around at any time. We CANNOT do this in Paint.net since it paints pixels to the image and then forgets the object you are painting. Try it.

The name of this language is XML (extended markup language) Its also heavily used in web pages. Here is the start of a xml-svg file.

You can make these guys any size you want and you get no pixelization. Cool. From within Inkscape you can export the image in any size you want to a.png file or you can save as.wmf or.emf files which CAN be inserted into powerpoint Office doesn’t speak.svg