Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,

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.
Adobe Fireworks CS3 Revealed CHAPTER THREE: IMPORTING, SELECTING, AND MODIFYING GRAPHICS.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
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.
Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers.
Bitmap Editing – Lesson 1
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
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.
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
Working with Special Layer Functions
By: Zaiba Mustafa Copyright ©
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.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Special Layer Functions.
Adobe Photoshop CS Design Professional LAYER FUNCTIONS WORKING WITH SPECIAL.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
Working with Symbols and Interactivity
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
CIS 205—Web Design & Development Fireworks Chapter 1.
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.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Refining Original Illustrations Lesson 9.
Adobe Photoshop CS Design Professional WITH LAYERS WORKING.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN.
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.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
PLACING AND LINKING GRAPHICS
Adobe Photoshop CS Design Professional TYPE TRANSFORMING.
Chapter 13 Transforming Type.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
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.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
© 2011 Delmar, Cengage Learning Chapter 13 Transforming Type.
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.
Adobe Photoshop CS4 – Illustrated Unit C: Working with Layers
Logo with Curved Text.
Flash Interface, Commands and Functions
Adobe Flash Professional CS5 – Illustrated
Chapter 7 Vector Editing
2.02 Understand Digital Vector Graphics
Graphic Editing Terms Cropping
Chapter Lessons Use the Macromedia Flash drawing tools
Vectors and Paths, also File Export
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
CSC/FAR 020, Computer Graphics, March 23-25, 2010
Presentation transcript:

Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,

Chapter K2Using Clipping Groups, Paths, & Shapes Use a clipping group as a mask Use pen tools to create and modify a path Work with shapes Convert paths and selections Chapter Lessons

Chapter K3Using Clipping Groups, Paths, & Shapes Shape –Vector object –Keeps its crisp appearance when resized, edited, moved, reshaped, or copied Rasterized Shape –Converted into bitmapped object that cannot be moved or copied –Uses smaller file size Shape Types

Chapter K4Using Clipping Groups, Paths, & Shapes Add a predesigned shape: –Ellipse –Circle –Rectangle Create a unique shape using a pen tool Working with Shapes

Chapter K5Using Clipping Groups, Paths, & Shapes Defining Clipping Masks Create an effect in which the bottom layer acts as a mask for all other layers in the group

Chapter K6Using Clipping Groups, Paths, & Shapes One or more straight or curved line segments connected by anchor points Use to turn an area defined within an object into a separate individual object Paths can be either open or closed Defining Paths

Chapter K7Using Clipping Groups, Paths, & Shapes Two distinct endpoints: anchor points at each end of the open path An example is an individual line Open Paths

Chapter K8Using Clipping Groups, Paths, & Shapes One continuous path without endpoints An example is a circle Closed Paths

Chapter K9Using Clipping Groups, Paths, & Shapes Use a clipping path to: –Extract a Photoshop object from within a layer –Place it in another program such as Adobe Illustrator –Retain its transparent background Clipping Path

Chapter K10Using Clipping Groups, Paths, & Shapes Use the Pen Tool or the Freeform Pen Tool Draw a path by placing anchor points along the edge of another image or wherever required to draw a specific shape Paths are stored on the Paths palette Creating Paths

Chapter K11Using Clipping Groups, Paths, & Shapes Use a Clipping Group as a Mask Clipping Mask Effect Isolate an area and make images outside the area transparent Image of the roses is masked by text

Chapter K12Using Clipping Groups, Paths, & Shapes Clipping Mask Process Rasterize the type or shape layer: –Change the vector graphic into a bitmapped object made up of colored pixels Use a Transform command to reshape layer contents Create the clipping mask

Chapter K13Using Clipping Groups, Paths, & Shapes Transform Commands ScaleChanges the image size RotateAllows rotation 360° SkewStretches an image horizontally or vertically; cannot exceed image boundary DistortStretches an image horizontally or vertically; can exceed image boundary PerspectiveChanges opposite sides of an image equally

Chapter K14Using Clipping Groups, Paths, & Shapes Transform Commands Rotate 180Rotate image 180° clockwise Rotate 90 CWRotate image 90° clockwise Rotate 90 CCWRotate image 90° counter- clockwise Flip HorizontalProduce a mirror image Flip VerticalProduce an upside-down image

Chapter K15Using Clipping Groups, Paths, & Shapes Transform Examples

Chapter K16Using Clipping Groups, Paths, & Shapes Using Transform Commands After selecting a transform command, a bounding box is displayed around the object –Contains handles used to modify the selection Reference point is located in the center of the bounding box –Point around which transform command takes place

Chapter K17Using Clipping Groups, Paths, & Shapes Use Pen Tools to Create and Modify a Path Using Pen Tools Tools used to create a path: –Pen Tool –Freeform Pen Tool –Magnetic Pen Tool

Chapter K18Using Clipping Groups, Paths, & Shapes Pen Tools to Create a Path Pen ToolCreates curved or straight line segments Freeform Pen Tool Creative unique shapes Magnetic Pen Tool Lets the tool find an object’s edge

Chapter K19Using Clipping Groups, Paths, & Shapes Tools Used to Modify a Path Add Anchor Point Tool Delete Anchor Point Tool Convert Point Tool

Chapter K20Using Clipping Groups, Paths, & Shapes Pen Tools to Modify a Path Add Anchor Point Tool Adds an anchor point to an existing path or shape Delete Anchor Point Tool Removes an anchor points from an existing path or shape Convert Point Tool Converts a smooth point to a corner point and a corner point to a smooth point

Chapter K21Using Clipping Groups, Paths, & Shapes Creating a Path Paths are saved with the image they were created in and stored in the Paths palette Create a path based on an existing object OR Create a shape with a pen tool

Chapter K22Using Clipping Groups, Paths, & Shapes Creating a Closed Path Position the pointer on top of the first anchor point A small circle appears next to the pointer (indicates that the path will be closed when the pointer is clicked)

Chapter K23Using Clipping Groups, Paths, & Shapes Paths Example The active path is called Starfish1 and displays an outline of the starfish Starfish1 Path

Chapter K24Using Clipping Groups, Paths, & Shapes Modifying a Path Establish a path and then embellish it and convert it into a selection Examples: –Add more width or more curves to an existing path –Fill a path with the foreground color

Chapter K25Using Clipping Groups, Paths, & Shapes Selecting a Path Use the Direct Selection Tool to select a path Manipulate individual anchor points without affecting the entire path

Chapter K26Using Clipping Groups, Paths, & Shapes Moving an Anchor Point Force the two line segments on either side of the anchor point to shrink or grow by moving the anchor point Move individual line segments to new locations Shorten or elongate direction handles to adjust the amount of curve or length of a line segment

Chapter K27Using Clipping Groups, Paths, & Shapes Adding and Deleting Anchor Points Split an existing line segment into two to produce more sides to an object Remove anchor points to straighten a bumpy path

Chapter K28Using Clipping Groups, Paths, & Shapes Converting Anchor Points Convert corner points into smooth points: –Gives a drawing a softer appearance Convert smooth points into corner points: –Gives a drawing a sharper appearance

Chapter K29Using Clipping Groups, Paths, & Shapes Work with Shapes Using Shape Tools Choose one of six shape tools to create a shape Three buttons appear on the left side of the options bar: –Shape layers button –Paths button –Fill pixels button

Chapter K30Using Clipping Groups, Paths, & Shapes Vector Data Shapes and paths contain vector data: –They do not lose their crisp appearance if resized or reshaped

Chapter K31Using Clipping Groups, Paths, & Shapes Modifying a Shape Change the blending mode to alter how the shape affects existing pixels in the image Change the opacity setting to make the shape more transparent or opaque Use the anti-aliasing option to blend pixels on the shape’s edge with surrounding pixels

Chapter K32Using Clipping Groups, Paths, & Shapes Creating a Rasterized Shape Select or create a non-vector-based layer Select the shape required Click the Fill pixels button on the options bar

Chapter K33Using Clipping Groups, Paths, & Shapes Embellishing Shapes Styles and filters can be applied to shapes Bevel and Emboss style applied to the top layer

Chapter K34Using Clipping Groups, Paths, & Shapes Shapes Added to an Image New Rectangle Shape New Burst Shape with Style applied

Chapter K35Using Clipping Groups, Paths, & Shapes Convert Paths and Selections Converting a Selection into a Path Convert a selection into a path to use: –Clipping paths –Other path features Create the selection, then click the Make work path from selection button on the Paths palette

Chapter K36Using Clipping Groups, Paths, & Shapes Converting a Path into a Selection Select a path on the Paths palette Click the Load path as selection button on the Paths palette

Chapter K37Using Clipping Groups, Paths, & Shapes Chapter K Tasks Use a clipping group to create a clipping mask Use Pen and Shape tools to create a path Use Pen and Shape tools to modify a path

Chapter K38Using Clipping Groups, Paths, & Shapes Chapter K Tasks Use shape tools to create shapes Embellish shapes by applying styles and filters Convert a selection into a path and a path into a selection