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

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Raster Graphics vs. Vector Graphics

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

2.01 Understand Digital Raster 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.

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.

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.

Agenda 3/3/15, 3/4/15 1)Sketch/write #17: Character Artists 2)Illustrator review: pencil, smoothing pencil, eraser 3) Illustrator Skills to Learn: Symbol.

Introduction to Graphic Arts Technology PRINT Versus WEB.

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

Graphic Images 101. Painted on a grid Drawn mathematically.

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.

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,

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

I n t r o t o d e s i g n Raster vs. Vector Images.

Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.

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 vs. Raster Objectives:

Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.

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.

Digital Imaging 101 Ann Ware

Introduction to Vector Graphics and Adobe Illustrator CS3

Photoshop 7.0. What is Photoshop Photoshop is a graphics package used to create, modify and correct pictures and images. Retouching photos.

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.

Agenda 3/20/14, 3/21/14 1)Sketch/write #17 2)Illustrator review: pencil, smoothing pencil, eraser, custom brushes 3) Illustrator Skills to Learn: Symbol.

A Basic Walk Through. Advantages of Vector Graphics  Scalable without resolution loss  Lines are crisp and sharp at any sizes  Print at high resolution.

Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.

Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.

Agenda 3/5/15, 3/6/15 1)Sketch/write #18: Character Design Tips 2) Illustrator review: Symbol tools, creating original symbols, mesh tool (bug scene).

Agenda 3/24/14, 3/25/14 1)Sketch/write #18 2)Illustrator review: Symbol tools, creating original symbols, mesh tool 3) Practice Symbol scene: Lady bug.

Guilford County SciVis V104.03

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.

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.

BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Digital Imaging 101 Ann Ware.

Computer Graphics Presented by: May Lau.

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

2.02 Understand Digital Vector Graphics

Types of Graphics Technological Design.

Vector vs. Bitmap.

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

CSI-447: Multimedia Systems

RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3

Bitmap vs. Vector.

Graphics Basics Ellen Eyth.

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

Some terms to become familiar with:

2.01 Understand Digital Raster Graphics

Digital Media Objective

2.01 Understand Digital Raster Graphics

Vector (Shapes) vs. Raster (Pixels)

2.02 Understand Digital Vector Graphics

CS-101 Introduction to Computing

Presentation transcript:

Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article Introduction to Adobe Illustrator: Illustrator Workspace Drawing Tools, select and direct select Creating basic shapes, shape effects, stacking order, Fills and Strokes, Color Library and Swatches 3) Adobe Illustrator Assignment #1: Abstract Shape Composition. 4) Continue your Imaging Portfolio Website: See directions on calendar websites

Sketch/write # 30: Read the article “Photoshop vs. Illustrator, Raster vs. Vector” on the website. What are raster (bitmap) images? Write the definition. What program uses rasters? What are examples of things you can do with raster images? List the benefits of raster imagery in bullet points. List the weaknesses of raster imagery. What are vector images? Write the definition. What program uses vectors? List examples of artwork you can make with vectors. List the benefits of Vector imagery. List the weaknesses of vectors.

Vector vs. Bitmap/Pixel Art Key Points About Vector Images Scalable Resolution independent No background Cartoon-like Inappropriate for photo-realistic images Become bitmap images (not scalable) once rasterized Illustrator is a popular vector drawing program AI (Adobe Illustrator) is a common vector format Key Points About Pixel (aka Bitmap aka Raster) Images Not scalable without loss of resolution Fixed resolution of pixels on a grid Confined to a rectangular background Good for photorealistic images, mimicking painting Photoshop is a popular bitmap editing program PSD, JPEG, JPG, GIF are common bitmap formats

Why Vector Art? 2D graphic imaging software falls into two basic categories Image editing software (Bitmap Art) Illustration software (Vector Art) Vector illustrations, because they consist of a mathematical equation of points and objects rather than pixels on a grid, are free from the confines of pixel resolution. Unlike bitmapped images, they will always print at the highest resolution possible, giving you printed output with smooth fills and crisp lines no matter what size you print it. However, vector graphics generally cannot contain the high level of detail as bitmapped images so they often have a cartoon-like appearance. Illustration software is most often used to create stylized, cartoon-like images, logos, maps, and other design elements that need to be output at any size.

Adobe Illustrator Assignment #1: Abstract Shape Composition. Name this: yourname_abstract.ai and save in your student home. All practice assignments will be turned in later. Create an abstract composition using shapes, lines, and color: Use the basic shape tools, line tools, curve and spiral tools, fill and stroke, pencil tools, effects tools Use a color scheme: analagous, complementary, or monochromatic. Include shades and tints. Vary your color fill, stroke color, and stroke weight. Manipulate shapes using the direct select tool (white arrow)

Abstract Student Examples