B.Sc. Multimedia ComputingMedia Technologies Vector Graphics.

Slides:



Advertisements
Similar presentations
Scalable Vector Graphics UFCFHD-15-M Information Architecture and Web Design.
Advertisements

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
SVG Scalable Vector Graphics. What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines.
Media TechnologiesB.Sc.(Hons) Multimedia Computing Graphics Devices Principles and Image Structures.
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
2.02 Understand Digital Vector Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
Object Orientated Data Topic 5: Multimedia Technology.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
V Obtained from a summer workshop in Guildford County July, 2014
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
1. 2  A computer is a device capable of storing data  in a format suited to the computer,  which is then processed by mathematical manipulation and.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Graphics: Creating Images Chapter 8, Exploring the Digital Domain.
MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - GRAPHICS. In this chapter how the computer creates, stores, and displays graphic images how the computer creates,
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
MULTIMEDIA M U A T H H U M A I D R a s h A t a l l a h.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Lecture 4 - Introduction to Computer Graphics
Vector vs. Bitmap
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Object Orientated Data Topic 5: Multimedia Technology.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Chapter 3: Images Yaqoob Al-Slaise ITBIS351. Outline Work out your graphical approach by planning your approach Organizing your tools Configuring your.
1 Scalable Vector Graphics (SVG). 2 SVG SVG is an application language of XML. “SVG is a language for describing two- dimensional graphics in XML. SVG.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
File Format. Graphic file Format GIF –cross-platform compatibility –developed by CompuServe as a common format for exchanging bitmapped images between.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Vector Graphics Multimedia Technology. Object Orientated Data Types Created on a computer not by sampling real world information Details are stored on.
Graphic Format Factors
By Courtney Field Creative digital graphics. Types of graphics and examples There are a number of different types of graphics file formats. Each type.
3.6 Multimedia/digital media Integrating the Components.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
CISC 110 Day 3 Introduction to Computer Graphics.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Mohammed AM Dwikat CIS Department Digital Image.
Introduction to Vector Graphics Graphics. Graphics L1 Introduction to Vector Graphics Learning Objectives All to create and manipulate a simple group.
Bitmap vs. Vector How computers work with photographs and drawings.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Digital Imaging 101 Ann Ware.
Digital Illustration Chapter 6 File format.
Lesson 22 Graphics Software.
Vector vs. Bitmap.
CSI-447: Multimedia Systems
Lecture Week 4 Images.
IMAGES.
Introduction to Computer Graphics
Uses and Principles of animation
1.01 Investigate graphic types and file formats.
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Lesson 22 Graphics Software.
Lecture 4 - Introduction to Computer Graphics
CS-101 Introduction to Computing
Presentation transcript:

B.Sc. Multimedia ComputingMedia Technologies Vector Graphics

Agenda Characteristics of Vector Graphics Vector Graphic Formats Pros & Cons Scalable Vector Graphics (SVG)

Vector Graphics Vector graphic files contain mathematical descriptions of one or more image elements, which are used by the rendering application to construct a final image. Vector files are thus said to be made up of descriptions of image elements or objects, rather than pixel values.

Example Formats Microsoft Windows metafile.WMF Corel Computer Graphics Metafile.CGM Adobe Systems Macromedia Autodesk Data Exchange.DXF Macromedia Shockwave Flash.SWF

Vector Graphics - Pros Vector files are useful for storing images composed of line-based elements such as lines and polygons, or those that can be decomposed into simple geometrical objects, such as text. More sophisticated formats can also store 3D objects such as polyhedrons and wire-frame models. Vector data can be easily scaled and otherwise manipulated to accommodate the resolution of a spectrum of output devices.

Vector Graphics - Pros Many vector files containing only ASCII-format data can be modified with simple text editing tools. Individual elements may be added, removed, or changed without affecting other objects in the image. It is usually easy to render vector data and save it to a bitmap format file, or, alternately, to convert the data to another vector format, with good results.

Vector Graphics - Cons Vector files cannot easily be used to store extremely complex images, such as some photographs, where color information is paramount and may vary on a pixel-by-pixel basis. The appearance of vector images can vary considerably depending upon the application interpreting the image. Factors include the rendering application's compatibility with the creator application and the sophistication of its toolkit of geometric primitives and drawing operations

Vector Graphics - Cons Vector data also displays best on vectored output devices such as plotters and random scan displays. High-resolution raster displays are needed to display vector graphics as effectively. Reconstruction of vector data may take considerably longer than that contained in a bitmap file of equivalent complexity, because each image element must be drawn individually and in sequence.

Random v Raster

Scaleable Vector Graphics SVG is a language for describing two-dimensional graphics and graphical applications in XML Scaleable means extendable Interaction - mouse events Animation - animated components

SVG still in Development Development by WC3 - SVG Web Consortium Working Group Group membership made up of interested parties from computer graphics community et al. Representatives from companies including: Adobe Systems Microsoft Corporation Macromedia Sun Microsystems Autodesk Corel Nokia

SVG Group at

Reference Guide Encyclopedia of Graphics File Formats Second Edition James D. Murry and William VanRyper O'Reilly & Associates 1996 ISBN

A Word on Standards De-Facto Standard ‘by fact’ A format, language, or protocol that has become a standard not because it has been approved by a standards organization but because it is widely used and recognized by the industry as being standard; e.g. SWF - adopted by fact of use. De-Jure - ‘by law’ Adopted by agreement e.g SVG development within framework of W3C Working Group.