Adobe Photoshop CS5 – Illustrated Unit B: Selecting Pixels.

Slides:



Advertisements
Similar presentations
Intro to Photoshop. Learn what is Photoshop Identify different Photoshop Work Areas Understand the use of Bridge and Mini-Bridge Learn how to open and.
Advertisements

Adobe Fireworks CS3 Revealed CHAPTER THREE: IMPORTING, SELECTING, AND MODIFYING GRAPHICS.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
Chapter 6 Raster Editing
Photoshop. Tools Zoom – Alt zooms out – Notice status bar change Marquee.
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.
Bitmap Editing – Lesson 1
Tool BOX. Tool panelOptions bar Menu barTool panel.
Adobe Photoshop CS5 – Illustrated Unit B: Selecting Pixels
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
CIS 205—Web Design & Development Fireworks Chapter 3.
Intro to Photoshop.  Make a specific selection of an image using selection tools like Quick Selection, Magic Wand, Marquee Tool, Lasso Tool, Polygonal.
Adobe Photoshop CS Design Professional SELECTIONS MAKING.
Digital Media 11 – Photoshop SELECTIONS MAKING. Chapter C Getting Started with PhotoShop 7.02 Make a selection using shapes Make a selection using shapes.
Copyright © Texas Education Agency, All rights reserved.1 Digital and Interactive Media Photo Editing Basics.
BC 420 Foreground and Background Colors Foreground color used –With any painting tool –Creating type –Using the stroke command Background color used –What's.
Applications for Web Development (CIS 162) Photoshop Continued.
Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect.
Adobe Photoshop CS4 - Illustrated
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Project 4: Composite Movie Ad
Saturday, September 16, 2006 By: April M. Bowser Photoshop 7 Session 1.
© 2011 Delmar, Cengage Learning Chapter 4 Making Selections.
Project #1: Layers & Styles This lesson offers a step-by- step example that will help you master the art of layers. The power and flexibility of Photoshop.
Making Selections in Photoshop. The Selection Tools Marquee Selection Fly-out. The Lasso Selection Fly- out.
Adobe Photoshop CS Design Professional SELECTIONS ENHANCING SPECIFIC.
Adobe Photoshop Ch 5 Notes Selecting Image Content.
Chapter 3 Making Selections. Chapter Lessons Make a selection using shapes Modify a marquee Select using color and modify a selection Add a vignette effect.
Selecting in Adobe Photoshop by Michael Klapp. What is Selecting? A way to isolate sections of an image for editing.
Works like a paint brush No colored applied Selects what you “paint”
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.
Adobe InDesign CS2—Revealed PLACING AND LINKING GRAPHICS.
PLACING AND LINKING GRAPHICS
1 Using layers NOTES. 2 Open Adobe Photoshop Elements. Select a size of A4. Create 5 new layers by selecting layer > new. Do this action five times. Click.
1 Using layers NOTES. 2 Open Adobe Photoshop Elements. Select a size of A4. Create 5 new layers by selecting layer > new. Do this action five times. Click.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
CSC/FAR 020, Computer Graphics, September 11, 2013 Dr. Dale E. Parson Outline for week 3.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
To play, start slide show and click on circle Lesson 4 Lesson 4 Lesson 4 Lesson 5 Lesson Lesson 5.
ADOBE INDESIGN CS3 Chapter 5 WORKING WITH COLOR. Chapter 52 Work with Process Colors LESSON 1 2 Process colors are colors you create by mixing varying.
Chapter 2 Using Selection Tools and Shortcut Keys
Objective: Students will learn tools in Photoshop to manipulate images and make the unrealistic look possible. Bellwork: What are some unrealistic photos.
Welcome eager young artists! Ms. Edelman Thursday, February 04, 2016  DO NOW: take out your notebook and a pen. Review your notes from yesterday.
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
Pixels and Vectors. Raster VS Vector Raster images are made up of pixels. A pixel is a dot of color on a computer screen. If you zoom in on raster images,
© 2001 – All Rights Reserved – Page 1 Selections Selections.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
The Basics. Starting out This is the icon for Photoshop. Make sure that you have it!
Adobe Photoshop CS5 Chapter 2 Using Selection Tools and Shortcut Keys.
© 2010 Delmar, Cengage Learning Chapter 5 Working with Color.
PHOTOSHOP FINAL REVIEW HOW WELL DO YOU KNOW PHOTOSHOP?
Chapter 4 Drawing and Painting with Color
Adobe Photoshop CS5.
Chapter 6 Raster Editing
Using Photoshop to edit Images
CSC/FAR 020, Computer Graphics, February 2-4, 2010
Adobe Photoshop CS4 – Illustrated Unit B: Selecting Pixels
Selecting and Layering Multiple Images
Chapter 5 Working with Color.
Digital and Interactive Media
Introduction to Photoshop
Chapter 6 Raster Editing
Selection of an area: Restricts Changes to that Area
Graphic Editing Terms Cropping
Chapter 6 Raster Editing
Photoshop Bell Work Hand Tool: The hand tool moves an image within its window Zoom Tool: The Zoom Tool magnifies and reduces the view of an image. CTRL.
Vectors and Paths, also File Export
Presentation transcript:

Adobe Photoshop CS5 – Illustrated Unit B: Selecting Pixels

Objectives Use the Marquee tools Use the Lasso tools Use the Magic Wand tool Save and load selections Adobe Photoshop CS5 - Illustrated

Objectives Work with and save alpha channels Understand anti-aliased edges Work with a feathered edge Refine selection edges Adobe Photoshop CS5 - Illustrated

Using the Marquee Tools First select pixel to modify Marquee tools   Most basic tools for making selections   Rectangular Marquee Rectangular or square selections   Elliptical Marquee Oval or circular selections Pixels   Can be added or removed from a selection using quick keys Adobe Photoshop CS5 - Illustrated

Using the Marquee Tools Tool icon black triangle indicates additional hidden tools   Located beneath currently displayed tool If unhappy with selection   Deselect selection   Start over Adobe Photoshop CS5 - Illustrated

Using the Marquee Tools Positioning the first piece Repositioning the circle piece Adobe Photoshop CS5 - Illustrated

Using the Lasso Tools Three types of Photoshop Lasso tools   Lasso, Polygonal Lasso, Magnetic Lasso Lasso tools: make free-form selections   Click and drag anywhere on the canvas to create section of pixels Complex shapes: easier to make small selections and add to them with Shift key Polygonal Lasso tool   Uses straight lines for geometric shapes Adobe Photoshop CS5 - Illustrated

Using the Lasso Tools Selecting the interior of the object Positioning the fifth piece Adobe Photoshop CS5 - Illustrated

Using the Magic Wand Tool Magic Wand tool is powerful Click any canvas pixel   Tool selects other pixels based on tolerance   Greater the tolerance value, tool selects more pixels Options bar contiguous check box   Selects only contiguous (touch) pixels   Or selects similar pixels throughout the image Adobe Photoshop CS5 - Illustrated

Using the Magic Wand Tool Once needed pixels are selected   Can modify in many ways Zooming in on selected image areas   Helpful when making selections, including colors, using the Hue/Saturation dialog box Adobe Photoshop CS5 - Illustrated

Using the Magic Wand Tool Selecting the white pixels Selecting pixels without the Contiguous option Results of changing the hue of selected pixels Adobe Photoshop CS5 - Illustrated

Saving and Loading Selections Making selections   Complex and time-consuming work Saving selections   Smart idea   Can easily access selection in the future Adobe Photoshop CS5 - Illustrated

Saving and Loading Selections Swatches panel   Changes foreground/background colors Click swatch and foreground color changes   Click Eyedropper tool, sample any pixel from the image Saving created colors   Float pointer over a white area of the Swatches panel Adobe Photoshop CS5 - Illustrated

Saving and Loading Selections The finished project Pure Yellow Orange swatch on the Swatches panel Save Selection dialog box Adobe Photoshop CS5 - Illustrated

Working with and Saving Alpha Channel Alpha channels   Saved selections   Listed on Channels panel   Displayed as black and white thumbnail images   Selected areas represented by white   Areas not selected represented by black   Not automatically saved when the file saved   Must specify when saving a file Adobe Photoshop CS5 - Illustrated

Working with and Saving Alpha Channel The Dark Gray alpha channel Save Alpha Channels option in the Save As dialog box Adobe Photoshop CS5 - Illustrated

Understanding Anti-Aliased Edges Edge: outline of a selection Edge types of a selection   Aliased: hard edge Very blunt and obvious   Anti-aliased: crisp but smooth edge Anti-aliased edge   Creates a smooth transition between edge and background Uses many shades of edge pixel colors Adobe Photoshop CS5 - Illustrated

Understanding Anti-Aliased Edges Pixels: squares and a soft edge   Cannot be made with squares   Illusion created using anti-aliasing Adobe Photoshop CS5 - Illustrated Viewing the anti-aliased edge Viewing the aliased edge

Working with a Feathered Edge Feathered edge: blended edge   Settings available for controlling blend length at the edge   Feather value: equal to feathered edge Edge equally distributed inside and outside selection edge   Vignette: visual effect with feathered edge Image edge: usually oval, gradually fades away Adobe Photoshop CS5 - Illustrated

Working with a Feathered Edge Drawing the feathered oval selection The selected pixels relocated Adobe Photoshop CS5 - Illustrated

Refining Selection Edges Refine Edge dialog box   Offers useful options for viewing and refining the edge of a selection Two key options in the dialog box   Feather slider Dynamically feathers a selection while previewing the result   Contract/Expand slider reduces enlarged selection Useful for removing halos from the edge of a selection Adobe Photoshop CS5 - Illustrated

Refining Selection Edges Adobe Photoshop CS5 - Illustrated

Refining Selection Edges The Refine Edge dialog box Selection The silhouette of the eagle against black Adobe Photoshop CS5 - Illustrated

Summary Marquee and Lasso tools   Provide different ways to select image pixels Magic Wand tool   Selects other pixels based on tolerance Save selections   Easy to access selection in the future After sampling a selection color   Color can be saved in the Swatches panel Adobe Photoshop CS5 - Illustrated

Summary Alpha channels   Must specify saved selections as an alpha channel when saving file Images edges: made up of square pixels   Blunt square edge: aliased edge   Anti-aliased edge: made to look like a smooth edge Edges   Feathered and refined Adobe Photoshop CS5 - Illustrated