Vector & Raster Graphics in Processing

Slides:



Advertisements
Similar presentations
Lecture # 11 JavaScript Graphics. Scalable Vector Graphics (SVG) Scalable Vector Graphics (SVG), as the name implies, are - scalable (without pixelation):
Advertisements

Eleven colors and rasters. Color objects Meta represents colors with color objects You can create a color by saying: [color r g b] r: amount of red (0-255)
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
Introduction to Computer Graphics
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Fonts Typeface Typography. Leading Spacing between lines.
Vector A software technology that uses mathematical points based on “vectors" (information giving both magnitude and direction). Because the computer.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Vector Graphics Making custom images. Raster vs. Vector Graphics In computer graphics, a raster graphics image, or bitmap, is a dot matrix data structure.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Lecture 4 - Introduction to Computer Graphics
SOFTWARE TYPES Word processing Page layout Paint Draw.
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
Understanding digital image - of which it consists Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library.
Graphics and Images Communicating Information : Documents and Publications.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
RASTER & VECTOR FILES. Raster images use many coloured pixels or individual building blocks to form a complete image. JPEG, BMP, TIFF, GIF are common.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
SAS SVG(Scalable Vector Graphics) Application in Statistics Student-ID: B Name: 陳佑逸 Instructor: 莊庭瑞 教授.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Vector Graphics Multimedia Technology. Object Orientated Data Types Created on a computer not by sampling real world information Details are stored on.
Photoshop 7.0. What is Photoshop Photoshop is a graphics package used to create, modify and correct pictures and images. Retouching photos.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
BC ASSIGNMENT NO 5 HABEEB UR REHMAN HABEEB UR REHMAN.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Introduction to the Computer Graphics Anton V. Kudinov, Assistant professor of Computer Engineering Department.
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Bitmap vs. Vector How computers work with photographs and drawings.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Multimedia Subject: Informatics of Technology II year
Vector (Shapes) vs. Raster (Pixels)
Graphics 1 Graphics 2 Color 2 I Spy 1pt 1 pt 1 pt 1pt 1 pt 2 pt 2 pt
Digital Illustration Chapter 6 File format.
Higher Graphic Communication
Types of Graphics Technological Design.
Introduction to Graphics
What is SVG?.
Web Graphics 101 Web Image File Formats Image Optimization
Introduction to Humanities Computing
Introduction to raster graphics
CSI-447: Multimedia Systems
Chapter 4: Scalable Vector Graphics (SVG)
Scalable vector graphics
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Higher Graphic Communication
Graphics Basics Ellen Eyth.
Chapter III, Desktop Imaging Systems and Issues: Lesson IV Working With Images
CS Computer Graphics Valdosta State University, Spring 2018
Some terms to become familiar with:
Graphics and Animation
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
Digital Media Objective
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
Final Study Guide Arts & Communications.
Vector (Shapes) vs. Raster (Pixels)
Multimedia System Image
Lesson 21 Working with Images.
What is SVG?.
Lecture 4 - Introduction to Computer Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Graphics and Animation
CS-101 Introduction to Computing
Presentation transcript:

Vector & Raster Graphics in Processing February 28 and March 1, 2017

There are 2 forms of graphical display devices and data structures Raster graphics paint picture elements (pixels). A raster display literally paints pixels. Most modern displays are raster. Data structure is a 2D matrix of pixels, e.g., JPEG or PNG files. In Processing a raster data structure type is PImage. Vector graphics draw strokes (not pixels). An oscilloscope or laser projector is a vector display. There are vector terminals. Data structure is a mathematical description of strokes & optionally fill. SVG (Silicon Vector Graphics) is a vector file format. In Processing two vector data structure types are PShape and PFont. When you render a vector description on a raster device, it becomes pixels.