Introduction to Vector Images

Slides:

Advertisements

Similar presentations

2.01 Investigate graphic image design.

Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.

Importing and Modifying Graphics

© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.

Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Telling a Story: Introduction.

Introduction to Illustrator. With the release of Illustrator, Adobe has completed a tightly integrated trio of applications (Photoshop, InDesign and now.

Chapter 12 Using Clipping Masks, Paths, & Shapes.

Raster Graphics vs. Vector Graphics

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,

Multi-media graphics--JOUR 205 Vectors vs. bitmaps.

SWE 423: Multimedia Systems Chapter 4: Graphics and Images.

2.02 Understand Digital Vector Graphics

Desktop Publishing Carnegie-Mellon University Spring 2001 Dave Watterson Art Director, GATF

Introduction to Computer Graphics

Vector vs. Bitmap SciVis V

Objective 1.  Computer graphics falls into two main categories:  Bitmap images  Vector images.

Vector Graphics 2.02 Understand Digital Vector Graphics.

Objective 1.  Also known as raster images.  Made up of pixels in a grid.  Pixels: tiny dots of individual color that makes up what you see on your.

Raster vs Vector and Image Resolution By Josh Gallagan.

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.

Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.

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.

Dedicated Vector and Bitmap editing software.

Unit 30 Digital Graphics – Course overview Anne Sewell

JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.

Vector vs. Bitmap

TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

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.

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.

Agenda 5/27/05 Imaging Quick Write/Sketch Adobe Illustrator Lesson #3 –Rectangular and polar grid tools –Regular type, type in a box, type in a shape,

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

Vector Graphics 2.02 Understand Digital Vector Graphics.

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.

Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.

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.

BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS

2.02 Understand Digital Vector Graphics

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

2.02 Understand Digital Vector Graphics

2.01 Investigate graphic image design.

2.02 Understand Digital Vector Graphics

Types of Graphics Technological Design.

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Vector vs. Bitmap.

Bitmap vs. Vector.

Agenda 2/18/16 Surreal World Project: Turn in yourlastname-SW.jpeg,

Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article

2.02 Understand Digital Vector Graphics

Traditionally artist have created their work with the following tools:

2.02 Understand Digital Vector Graphics

2.01 Investigate graphic image design.

1.01 Investigate graphic types and file formats.

Digital Media Objective

2.01 Investigate graphic image design.

2.02 Understand Digital Vector Graphics

2.02 Understand Digital Vector Graphics

2.02 Understand Digital Vector Graphics

CS-101 Introduction to Computing

Presentation transcript:

Introduction to Vector Images TEXT

Vector Images Today’s Objectives Define the term resolution independent Discus characteristics of vector images Identify art suitable for vector based creation Use Illustrator tools to create and fill simple objects Convert text to objects or outlines

Characteristics of Vector Images Clean, crisp, sharp lines Based on vectors (mathematical) formulas Object oriented Lines, arcs, curves Resolution independent Type/Text in Quark is vector Save as eps. files (meta files)

Characteristics of Vector Images Vector graphics are resolution independent can be reduced or enlarged without loss of image quality X686Y1÷(9.3√3.384)±17.11 X243Y1÷(8.6√3.147)±12.11

Characteristics of Vector Images Paths are made up of two or more points connected by line segments open path closed path

Characteristics of Vector Images Apply color Fill objects or text with color, blends, or patterns Drawing tools Draw straight lines, boxes, circles, and freeform

Advantages of Vector Images Good resolution Uses resolution of output device (rasterize) Eliminates the jaggies seen in bitmap images PhotoShop @1200% Illustrator @1200%

Advantages of Vector Images Smaller file sizes Images defined by xy coordinates

Challenges of Vector Images Learning curve (pen tool) Best for non-photographic images Illustration art Logos Screen rendering is bitmapped wysi NOT wyg Non-PostScript printers RIP software is available

Purpose of a Logo Graphical reminder of the group it represents Needs to: Convey the organization in a positive manner Memorable & recognizable at a glance Unique and distinguishable from competition Work for all organizational applications

Types of Logos Two basic types of logos Image Based Typographic Pictogram Ideogram Abstract Typographic

Types of Logos Pictogram Representation of any single thing Provides a direct interpretation of the design Best used for organizations with single product Need to make sure image relates to the organization (ex.) Publishing company might use a logo with a book

Types of Logos Ideogram Image represents idea More difficult to design Different people may perceive it differently Requires additional research during design stage (ex.) Logo for AT&T

Types of Logos Abstract The image does not represent any single concept Used when an organization has many products Created to give a dynamic look Most common type of logo used today (ex.) Nike, Target

Types of Logos Typographic Create a unique version of organization’s name Typeface captures the personality of the organization Should use a custom typeface (ex.) Ford, Wal-Mart, Conversa

Types of Logos Combinations Oftentimes include abstract and typographic elements (ex.) Electrical Digest,Betty Crocker, Adobe

How are they the same/different?

How are they the same/different?

How are they the same/different?