Chapter 7 Vector Editing

Slides:



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

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.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
Chapter 6 Raster Editing
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Photoshop/Illustrator
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
DIGITAL GRAPHICS & ANIMATION
Creating Vectors – Part Two 2.02 Understand Digital Vector Graphics.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
DIGITAL GRAPHICS & ANIMATION
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics.
Lesson 17 Enhancing Presentations with Multimedia Effects
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Working with Graphics Lesson 4.
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Chapter 6 Working with Patterns and Brushes. Objectives Use the Move command Create a pattern Design a repeating pattern Use the Pattern Options panel.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
 Looks like the Layers Panel  Allows you to organize paths  Converts paths into: › Filled shapes › A brush stroke › A selection › A clipping mask.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
Working in FreeHand – Lesson 21 Working in FreeHand Lesson 2.
Chapter 3 Drawing and Composing an Illustration. Drawing Straight Lines When you are working with the Pen tool, your view of the board becomes more critical.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
Aim: What is a Bezier curve? Ms. Edelman Technology Tuesday, 2.12.
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.
Animation Fall Semester Exam Review James Martin High School Career and Technical Education.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
AN ILLUSTRATION DRAWING AND COMPOSING Adobe Illustrator CS Design Professional.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Adobe Photoshop CS5.
Chapter 6 Raster Editing
Introduction to Illustrator
Chapter 4 Working with Frames.
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Fill and Stroke Stroke is the outline of a shape, text or image.
Using the Selection Tools
Live Trace & Live Color Adobe Illustrator.
Chapter 6 Raster Editing
Exercise 28 - Skills Vector tools enable you to create perfectly formed shapes and lines of all sorts. What’s more the vector objects keep their shape.
2.02 Understand Digital Vector Graphics
Creating Vectors – Part Two
Chapter Lessons Use the Macromedia Flash drawing tools
Chapter 6 Raster Editing
Working with Symbols and Interactivity
Drawing in Illustrator
Performing Essential Operations
Creating Vectors – Part One
INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where.
Creating Vectors – Part One
Creating Vectors – Part Two
Presentation transcript:

Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

Lessons Lesson 7.1: Understanding Essential Vector Terminology Lesson 7.2: Working with Objects Lesson 7.3: Converting Raster Images to Vector Objects by Tracing Digital Media, 3e

Learning Outcomes 7.1: Recognize the essential elements of a vector object and use vector terminology 7.2: Draw simple shapes and lines using vector drawing tools 7.3: Draw straight or curved paths segment by segment 7.4: Transform objects using a selection tool and a bounding box 7.5: Adjust curves 7.6: Stack and reorder objects 7.7: Create a clipping mask 7.8: Convert a raster image into a vector object using a tracing feature Digital Media, 3e

Anatomy of a Path The lines in a vector image are usually called paths by most vector applications A closed path refers to objects without a clear beginning and end such as a circle, square, or other shape An open path refers to a path with a distinct beginning and end such as a single straight, curved, or wavy line Each path includes one or more segments, which can be either straight or curved Digital Media, 3e

Anatomy of a Path (continued) The beginning and end of each segment on a path is marked by anchor points (sometimes referred to as nodes in certain vector programs) Distinct anchor points at the beginning and end of a path are referred to as endpoints Anchor points along the path where the angle changes are called corner points Anchors along a curve are called smooth points Digital Media, 3e

Stokes and Fills The visible outline of a path is called a stroke (or an outline) A fill is a color or pattern applied to the inside of a path Digital Media, 3e

Stokes and Fills (continued) Using the Control panel in Illustrator to adjust fill and stroke options Digital Media, 3e

Raster vs. Vector Software Why is it important for a graphic artist to be familiar with both raster and vector editing software? Is one graphic format easier for you to grasp than the other? Digital Media, 3e

Drawing Simple Shapes and Lines Shape tools are vector drawing tools that enable a user to draw common, closed path shapes with ease and efficiency When you draw with a shape tool, anchor points and segments are automatically added along the path of the object Digital Media, 3e

Drawing Simple Shapes and Lines (continued) A line tool draws open path line segments Anchor points and segments are automatically added to objects you draw with a line tool Digital Media, 3e

Drawing Straight and Curved Segments with a Pen Tool The Pen tool (or Bezier tool in CorelDRAW) enables you to draw objects by placing anchor points one at a time Drawing an object with a pen tool requires a series of clicks Click once on the workspace where you would like a line to begin; this places an anchor point Move the insertion point to the spot where you want the line segment to end and click again; another anchor point appears and a line segment connects the two points To end the path (in Illustrator), press Ctrl + Click (PC) or Command + Click (Mac) Digital Media, 3e

Drawing Straight and Curved Segments with a Pen Tool (continued) To draw straight line segments (A) Set the first anchor point with a mouse click (B) Set a second anchor point with a mouse click and a line is drawn (C) Set two more anchor points and two more line segments are drawn Digital Media, 3e

Drawing Straight and Curved Segments with a Pen Tool (continued) To draw a curved line segment: Click once on the workspace to set an anchor point Move the insertion point and click again, holding down the mouse button, and drag Digital Media, 3e

Drawing Straight and Curved Segments with a Pen Tool (continued) You can draw either open or closed path objects with a pen tool Digital Media, 3e

Editing Objects Using Selection Tools and Bounding Boxes A bounding box is an outline around a selected vector object that can be used to transform the object Digital Media, 3e

Editing Objects (continued) Using Selection Tools and Bounding Boxes (continued) You can use the Selection tool and the bounding box to move, scale (resize), or rotate an object Digital Media, 3e

Editing Objects (continued) Transforming Curved Segments In most vector programs, when you select a curved segment, lines (called directional handles) appear at the smooth points on that segment Directional handles are used to shape curves on a path The lines on directional handles are called directional lines and are capped at the end with directional points You can click and drag the directional lines or directional points to reshape and/or resize a curve Digital Media, 3e

Editing Objects (continued) Rearranging Stacked Objects You can overlap or stack objects in a vector editing program by clicking an object with the selection tool and dragging it over another object You can change the order of stacked objects You can select an object to reorder Digital Media, 3e

Editing Objects (continued) Creating a Clipping Mask A clipping mask is a vector object used to hide portions of lower objects in a stack Similar to a layer mask in a raster editing program To create a clipping mask in Illustrator, stack two or more objects, select them, and then choose Clipping Mask > Make The hidden parts of the lower objects are not erased by the clipping mask Digital Media, 3e

Converting Raster Images to Vector Objects by Tracing Most vector editing programs include a feature that automatically traces bitmap images and converts them to vector objects Scan a sketch into a bitmap file and place it in a vector document (or use a photo), trace and convert it to vectors, and then use editing tools to adjust and finalize the image Digital Media, 3e

Image Effects Is there ever a point where it becomes important to say, “This is good enough”? Has the ability to make images “perfect” actually improved the effectiveness of the message? Digital Media, 3e

Key Concepts Vectors are defined by open and closed paths, anchor points, and segments Strokes and fills are what make a path visible Shape and line tools make it easy to draw objects with a single stroke or click Certain tools in vector applications enable you to draw a path by plotting anchor points one at a time Selection tools can be used to select and transform a whole object or one segment/anchor point at a time Digital Media, 3e

Key Concepts (continued) Bounding boxes appear around selected vector objects and can be used with a selection tool to quickly transform objects Directional handles at smooth points on a curved segment control the size and shape of the curve You can stack and rearrange vector objects A clipping mask is a vector object used to hide portions of lower objects in a stack A tracing feature converts bitmap images into editable vector objects Digital Media, 3e