CSC/FAR 020, Computer Graphics, November 21, 2013 Dr. Dale E. Parson Outline for week 13 Tracing, Live Paint, Live Color,

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Learning Arcsoft PhotoStudio 5.5. How to Scan an Image 1.Hook scanner to computer via the USB port 2.Open PhotoStudio 3.Click on the Acquire shortcut.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Importing, Grouping, and Layers – Lesson 31 Importing, Grouping, and Layers Lesson 3.
Illustrator CS4 Inspiration + basics + tutorial. Inspiration By viewing artworks of artists, we get to know what we can do with techniques and skills.
 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.
CSC/FAR 020, Computer Graphics, October 27, 2014 Dr. Dale E. Parson Outline for Week 9 Vectors and Paths, also File.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
CSC/FAR 020, Computer Graphics, November 2012 Dr. Dale E. Parson Assignment #7, Illustrator/Photoshop Dual Image, due.
CSC/FAR 020, Computer Graphics, November 12, 2014 Dr. Dale E. Parson Outline for week 11 Illustrator Type, Pathfinder,
CSC/FAR 020, Computer Graphics, November 14, 2012 Dr. Dale E. Parson Outline week 11 through end of semester Illustrator.
Microsoft Publisher 2010 Chapter 4 Creating a Custom Publication from Scratch.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Jorge Cornejal Carlin Baez Edisson Garcia. How to Use LAYERs Illustrator's layers allow you to simplify your work. With layers, you can modify, edit,
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
Adobe CS6: The Graphic Design Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
Adobe CC: Graphic Design Portfolio Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
CSC/FAR 020, Computer Graphics, September 24, 2014 Dr. Dale E. Parson Outline for week 5.
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.
CSC/FAR 020, Computer Graphics, April 6, 2010 Dr. Dale E. Parson Outline for week 11 Illustrator Type, Pathfinder, Trace.
Intro Graphic Design PROPERTY OF PIMA COUNTY JTED,
CSC/FAR 020, Computer Graphics, October 20, 2014 Dr. Dale E. Parson Outline for week 8, Type tools.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
Creating a Silhouette in Illustrator. Go File>Place and place the photo on the artboard. Select the photo and click Live Trace (its on the tool bar right.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
1 Layer up to keep warm… A short tutorial on the usage of layers.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Chapter 8 Recoloring Artwork and Working with Transparency, Effects, and Graphic Styles.
CSC/FAR 020, Computer Graphics, December 1-11, 2010 Dr. Dale E. Parson Final Image Assignment 8 Due in my Inbox 11:59.
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Adobe Photoshop CS5 – Illustrated Unit D: Working with Type and Gradients.
Click on this button to move to the previous slide of your notebook. Click on this button to move to the next slide of your notebook. Click on this button.
Illustrator Training Level I Training; Using Illustrator as a 2d visualization tool.
CSC/FAR 020, Computer Graphics, November 2013 Dr. Dale E. Parson Final Image Assignment 8 Due in my Inbox 11:59 PM Monday.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
CSC/FAR 020, Computer Graphics, November 16, 2009 Dr. Dale E. Parson Outline for week 12 Selection.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
CSC/FAR 020, Computer Graphics, November 22, 2010 Dr. Dale E. Parson Outline for week 12 Merging, Splitting, Pathfinder,
CSC/FAR 020, Computer Graphics, October 26, 2009 Dr. Dale E. Parson More outline for week 8, Type tools.
Forms Go to Right click on image and copy.
Adobe Photoshop CS5 Chapter 3 Working with Layers.
Photoshop: More with Layers Computer Information Technology Section 7-6.
Chapter 4 Drawing and Painting with Color
CDM105 Session 8 Macromedia FLASH MX 2004 Part 1 : The Interface, Drawing graphics, Symbols, Layers and Frame-by-frame animation 1 CDM105 Session 8.
INTRO to PIXLR.com.
Creating & Working with Clipping Masks
setting the resolution - 72 vs 300 dpi (300 better quality)
Gimp Guide Mr Hall.
CSC020, Computer Graphics Adjustment Layers 1.
Live Trace & Live Color Adobe Illustrator.
2.02 Understand Digital Vector Graphics
Chapter Lessons Use the Macromedia Flash drawing tools
CSC020, Computer Graphics Type tools 1.
CSC/FAR 020, Computer Graphics, October 30, 2013
CSC/FAR 020, Computer Graphics, November 17, 2014
CSC/FAR 020, Computer Graphics, November 13, 2013
CSC/FAR 020, Computer Graphics, November 18, 2013
CSC/FAR 020, Computer Graphics, November 18, 2009
CSC/FAR 020, Computer Graphics, November 16, 2011
CSC/FAR 020, Computer Graphics, October 2, 2013
CSC/FAR 020, Computer Graphics, December 1, 2010
Live Paint, Live Color, Swatches, Tracing
CSC/FAR 020, Computer Graphics, October 26-31, 2011
CSC/FAR 020, Computer Graphics, October 5-7, 2009
CSC/FAR 020, Computer Graphics, March 23-25, 2010
Presentation transcript:

CSC/FAR 020, Computer Graphics, November 21, 2013 Dr. Dale E. Parson Outline for week 13 Tracing, Live Paint, Live Color, Swatches

Converting a Tracing to Paths Place DaleParsonDual/DSC_0012.jpg into a blank Illustrator page. Scale to fit. Duplicate twice to get 3 identical layers, make only the top one visible and editable. Live Trace -> Photo Low Fidelity on top layer. Preview with Tracing Options to lower Max Colors, etc. It is still a single Object. Expand to turn it into a Group of Paths. Object -> Ungroup to separate Paths. Delete this Layer when done.

Manual Trace Add a new transparent layer. Make raster image visible, lock layer. Select top layer for adding manual Paths. Selection and other layers can be Locked via the Object menu. Make and select a few Objects on this Layer. Group them, Isolate Selected Object from Control Panel. Release in gray upper bar, delete Shape layer.

Live Paint Create a closed area (“face”) with multiple Pencil strokes. Use a fairly fat stroke. Select all Paths enclosing the area. Use Live Paint Bucket in conjunction with Color and Color Guide panels to fill the area. Double click Paint Bucket to set options. Color selects color for Color Guide choices. Both Fill and Stroke colors can be applied. Option key allows sampling while painting.

Multiple Face Fill Double clicking a face in Live Paint Bucket fills across non-stroked edges. Triple clicking a face in Live Paint Bucket re-fills that color across the Live Paint Group. Merge Live Paint on Control Panel to unify multiple paint groups. Live Paint Selection tools selects faces or edges, Shift-click to add to / subtract from.

Live Paint Group Manipulation Observe Layer Panel. Select, Double Click paint group to isolate it. Click gray area above window to de-isolate. Expand forms two Path Groups, the previously paint- filled faces and the previously stroke-color edges. Object -> Live Paint -> Release unfills and creates thin-stroked paths. To manually trace a raster layer, turn on its eyeball, lower its opacity and lock it.

Tracing to Live Paint Group Select a raster image layer. Trace as before, e.g., low fidelity photo. Click Live Paint button on Control Panel. Entire Traced Image becomes a (possibly overly-complicated) Paint Group. Object -> Live Paint -> Release and adjust Stroke size to get a line drawing of the trace.

Line Extraction Place a copy of BlackVultures….psd in an empty Illustrator page. Check “Flatten Layers to Single Image.” Live Trace to Grayscale. Convert Trace to Live Paint. Optional edit using Live Paint tools. Object -> Live Paint -> Release. Set Stroke for line drawing. You can then re-convert to a paint group, re-edit.

Live Color Color Panel sets basic hue. Color Guide has visual menu of color combination schemes. Color Guide Panel menu has Tints / Shades, Warm / Cool and Vivid / Muted schemes. Color Guide Options gives resolution. Color menu also has Invert / Complement options.

Swatches Window -> Swatches Pull down menu to open swatch libraries. Most are solid colors. Patterns give pattern-stamp-like fill. Gradients give graded color schemes.