Drawing in Illustrator

Slides:



Advertisements
Similar presentations
Chapter 4 Making Selections. Chapter Lessons Make a selection using shapes Modify a marquee Select using color and modify a selection Add a vignette effect.
Advertisements

Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
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.
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
© 2011 Delmar, Cengage Learning Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Creating Vectors – Part Two 2.02 Understand Digital Vector Graphics.
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
Chapter 10 Creating 3D Objects. Objectives Extrude objects Revolve objects Manipulate surface shading and lighting Map artwork to 3D objects Work with.
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
Linda Krzywda Bryant and Stratton College Grad 215: Illustrator CS5 Ms. Tamara Long April 14, 2011.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
Chapter 10 Creating 3D Objects. Extruding Objects The Extrude & Bevel effect makes two- dimensional objects three-dimensional. A two-dimensional object.
Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Designing Original Illustrations Lesson 8.
Chapter 2 Creating Text and Gradients. Objectives Create and format text Flow text into an object Position text on a path Create colors and gradients.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
Adobe Photoshop CS4 - Illustrated
Chapter 2 Drawing Objects in Adobe Flash. 1.Use the Flash drawing and alignment tools 2.Select objects and apply colors 3.Work with drawn objects 4.Work.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
1 Pertemuan 04 Drawing with Path and Point Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Chapter 6 Working with Patterns and Brushes. Objectives Use the Move command Create a pattern Design a repeating pattern Use the Pattern Options panel.
© 2001 – All Rights Reserved – Page 1 PathsPaths.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
Chapter 6 Working with Patterns and Brushes. Using the Move Command The word offset refers to the distance an object is moved or copied from a starting.
 Looks like the Layers Panel  Allows you to organize paths  Converts paths into: › Filled shapes › A brush stroke › A selection › A clipping mask.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
Adobe Illustrator CS5 – Illustrated Unit C: Going Beyond the Basics.
Chapter 6 Value and Texture. Goals Differentiate between the use of value and texture in illustrative art Get a handle on the various attributes of strokes.
© 2011 Delmar, Cengage Learning Chapter 6 Working with Patterns and Brushes.
Advanced 2D Design Concepts Guilford County Sci Vis V
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.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
CIS 205—Web Design & Development Fireworks Chapter 2.
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
To play, start slide show and click on circle Lesson 5 Lesson 5 Lesson 6 Lesson 6 Lesson Lesson 7.
© 2011 Delmar, Cengage Learning Chapter 10 Creating 3D Objects.
Aim: What is a Bezier curve? Ms. Edelman Technology Tuesday, 2.12.
CSC/FAR 020, Computer Graphics, November 22, 2010 Dr. Dale E. Parson Outline for week 12 Merging, Splitting, Pathfinder,
Animation Fall Semester Exam Review James Martin High School Career and Technical Education.
Advanced 2D Design Concepts V The basic fill options include uniform or solid, fountain or gradient, and pattern. The uniform fill is produced.
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 Photoshop CS5.
PROPERTY OF PIMA COUNTY JTED, 2011
Pertemuan 05 Drawing with Shape
"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.
Adobe Illustrator CS5 – Illustrated
Pen Tool.
Chapter 7 Vector Editing
2.02 Understand Digital Vector Graphics
Creating Vectors – Part Two
Chapter Lessons Use the Macromedia Flash drawing tools
Brush Tool Apply and draw with brushes to create artistic elements.
Enhancing Artwork and Creating Web Graphics
Working with Advanced Techniques
Performing Essential Operations
CSC/FAR 020, Computer Graphics, November 17, 2014
Creating Vectors – Part Two
CSC/FAR 020, Computer Graphics, November 18, 2013
Presentation transcript:

Drawing in Illustrator

Objectives Trace artwork with Image Trace Use the Pen tool Join paths and points Draw curved paths Reverse the direction of a path Outline a stroke Create an art brush Apply brushes Create pseudo strokes

Tracing Artwork with Image Trace Image Trace feature: Allows you to convert a digital image into individual objects Available on the Control panel when a image is placed Tracing presets Trace artwork with a variety of results Examples: black-and-white artwork, trace based on artwork color, and continuous tone

Tracing Artwork with Image Trace Expanding in Illustrator Used for a number of different procedures Makes objects selectable Located on the Object menu

Tracing Artwork with Image Trace FIGURE F-1: Image Trace on the Control panel

Tracing Artwork with Image Trace FIGURE F-2: Expanding the traced artwork

Using the Pen Tool Pen tool Creates two types of paths Straight paths: automatically connect points Curved paths: created by dragging Creates two types of anchor points Corner points: join straight paths at an angle Curved points: join curved paths with a smooth arc Smooth points Show direction handles, which determine length and arc of curved paths

Using the Pen Tool Add Anchor Point or Remove Anchor Point tool Used to add or remove anchor points Convert Anchor Point tool Converts anchor point from a corner point to a smooth point, or vice versa

Using the Pen Tool FIGURE F-3: Drawing the path FIGURE F-4: Moving the anchor point FIGURE F-5: Converting the anchor point to a smooth point

Using the Pen Tool Table F-1: Four types of Pen tools

Joining Paths and Points Join command Used to join two anchor points Unites two anchor points when positioned in the same location Automatically draws straight between two points in different locations Allows joining when using the “draw/flip” technique Average command Used to align points

Joining Paths and Points FIGURE F-6: Reflected path FIGURE F-7: Viewing the single closed path FIGURE F-8: Reshaping the object

Drawing Curved Paths Curved paths Direction handles Drawn by clicking and dragging the Pen tool to create smooth points Direction handles Can be used for modifications Best method for restarting a deselected path Click and drag the last point of the path

Drawing Curved Paths FIGURE F-9: Drawing the first path

Drawing Curved Paths FIGURE F-10: Drawing the eighth anchor point

Drawing Curved Paths FIGURE F-11: Closing the path

Reversing the Direction of a Path Direction handles: Determine the “flow” of the path when drawing a smooth point Click and drag a direction handle in a specific direction Redirecting the path: Changes the position of the direction handle so it points in the new direction Done using the Convert Anchor Point tool

Reversing the Direction of a Path FIGURE F-12: Viewing the second anchor point and direction handle

Reversing the Direction of a Path FIGURE F-13: Repositioning the direction handle

Reversing the Direction of a Path FIGURE F-14: Closing the path

Outlining a Stroke Outline Stroke command: Converts a path with a stroke into a filled object Traces the outline of the stroke at its current stroke weight Converts the stroke into a filled object with that size Especially useful when tracing a curved object Located on Object menu under Path

Outlining a Stroke FIGURE F-15: Outlined stroke FIGURE F-16: Modifying the object

Creating an Art Brush Brushes: Illustrator objects that you paint with or apply to other objects as strokes Examples: Oval shaped brush Traced object brush (e.g., charcoal line) Important method for creating interesting and classic drawing effects

Creating an Art Brush FIGURE F-17: Viewing the placed image

Creating an Art Brush FIGURE F-19: FIGURE F-18: Art Brush Options dialog box FIGURE F-18: Dragging the traced artwork to the Brushes panel

Applying Brushes Brushes in Illustrator Calligraphic, Scatter, Art, Bristle, and Pattern To apply an art brush as a stroke: Select the object and on the Brushes panel click the art brush Brush artwork will stretch and wrap around the entire object Use Stroke panel to specify brush stroke weight

Applying Brushes Changing the color of brush strokes Change the color of an applied art brush stroke just like you do any other stroke Ability to change the color of an art brush stroke depends on how the art brush was created If you find that you can’t change the color of a brush stroke, you need to modify its formatting

Applying Brushes FIGURE F-20: Evaluating the Pencil Lead brush applied FIGURE F-21: Viewing the Charcoal brush applied

Creating Pseudo Strokes False stroke effects Black copy of the artwork pasted behind the original artwork Modified so that it shows from behind the artwork in varying amounts Unique because the stroke appears to be hand-drawn

Creating Pseudo Strokes FIGURE F-22: Viewing the offset, united path FIGURE F-23: Making a point for the blade

Creating Pseudo Strokes FIGURE F-24: Viewing the final artwork

Summary Trace artwork with Image Trace Use the Pen tool Join paths and points Draw curved paths Reverse the direction of a path Outline a stroke Create an art brush Apply brushes Create pseudo strokes

Summary