Vector Graphics Making custom images. Raster vs. Vector Graphics In computer graphics, a raster graphics image, or bitmap, is a dot matrix data structure.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

Images Images are a key component of any multimedia presentation.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Bitmap and Vector Graphics. Bitmap Graphics Photos Scanned Images Animations Most pictures you find on the Internet Photos are JPG files – lots of colours.
SWE 423: Multimedia Systems Chapter 4: Graphics and Images.
Introduction to Computer Graphics
Introduction to Raster Graphics Resize an image until it is pixelated.
Vector vs. Bitmap SciVis V
Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.
V Obtained from a summer workshop in Guildford County July, 2014
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Fonts Typeface Typography. Leading Spacing between lines.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
ICS 61 - Graphics. Light Color Wheel Color Perception.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Dedicated Vector and Bitmap editing software.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Default Fill & Stroke D Swap Fill & Stroke Shift X None / Gradient > Color < Stroke X Fill (Click to activate) X More about Fill and Stroke:
Graphics and Animation Multimedia Projects Part 2.
Adobe Illustrator CS? Is a graphic design software - it is the industry's premier vector- drawing environment for creating graphics that scale across media.
I n t r o t o d e s i g n Raster vs. Vector Images.
RASTER & VECTOR FILES. Raster images use many coloured pixels or individual building blocks to form a complete image. JPEG, BMP, TIFF, GIF are common.
Chapter 4 Drawing Lines and Shapes. Goals (1 of 2) Review the process of creating illustrations in Illustrator Learn the difference between open lines.
Vector vs. Raster Objectives:
Introduction to Image Processing. Image Processing is the steps of using image processing tools to covert different kinds of image sources into different.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
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.
Introduction to Vector Graphics and Adobe Illustrator CS3
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
Introduction To Technology.  In computer graphics, there are two type of graphics:  Raster  Vector.
Aim: What is Adobe Illustrator?. Adobe Illustrator is a vector based drawing program.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
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.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
2. Point A dot; visible mark In typography, a point is a period – the definitive end of a line.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
First, why use a program like Illustrator instead of Photoshop? Each is very good at different things. Illustrator is a drawing program and makes images.
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.
Guilford County SciVis V104.03
Mohammed AM Dwikat CIS Department Digital Image.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Computer Graphic. Raster graphics In computer graphics, a raster graphics image, digital image, or bitmap, is a data structure representing a generally.
SCAVENGER HUNT 2 John Bowser. Hue one of the main properties of a color.
Agenda Collect Color Meaning Artist PowerPoint Introduction to Adobe Illustrator ◦ Guided Notes ◦ Step-by-Step Illustrator Activity Alphabet Letters Project-
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Unit 1 Quiz Review INTRO TO ADOBE PHOTOSHOP. Vocabulary: Brushes & Selection Tools  POLYGONAL LASSO: Draws shape with a STRAIGHT EDGE and selects the.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
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
Vector vs. Bitmap.
Adobe Flash Professional CS5 – Illustrated
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
Agenda 2/18/16 Surreal World Project: Turn in yourlastname-SW.jpeg,
Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Media Objective
Vector (Shapes) vs. Raster (Pixels)
Agenda 11/19/15 SB #17 Photoshop Skills to Learn: pen tool, anchor points, paths, fill, stroke, line weight 3) Pen tool Practice #2 4) Line Art Portrait.
CSC/FAR 020, Computer Graphics, March 23-25, 2010
Presentation transcript:

Vector Graphics Making custom images

Raster vs. Vector Graphics In computer graphics, a raster graphics image, or bitmap, is a dot matrix data structure representing a generally rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium.

Photos use Raster

Vector images are best used for creating custom logos

Vector graphics as defined by Wikipedia……. is the use of geometrical primitives such as points, lines, curves, and shapes or polygons, which are all based on mathematical expressions, to represent images in computer graphics. "Vector", in this context, implies more than a straight line. Vector graphics is based on images made up of vectors (also called paths, or strokes) which lead through locations called control points. Each of these points has a definite position on the x and y axes of the work plan. Each point, as well, is a variety of database, including the location of the point in the work space and the direction of the vector (which is what defines the direction of the track). Each track can be assigned a color, a shape, a thickness and also a fill. This does not affect the size of the files in a substantial way because all information resides in the structure; it describes how to draw the vector.

Step-By-Step Time………Making Shapes Open up Photoshop File> New Height 10 inches Width 10 Inches Set a white background

Using Custom Shapes or “Ready-Made Outlines”

Using the Free-form Pen Tool

Using the Pen Tool with Anchors