Using Vector Drawing Tools


Adobe® Photoshop® Intensive


Lesson Info

Using Vector Drawing Tools

Should this election tools that we've been looking at so far or the selection marquis this election, my color tools, which include the quick selection toll in the magic wand and we also looked at quick mask mode, but now we're going to start looking at the shape tools better built into photo shop and give you just a little bit of a teaser here and show you what we're going to create, and then we're going to go back and create it. So this collage right here, if you take a peek in my layers panel, you can see how I've got an oval shape over here. Well, that shape was drawn with one of theta shops, victor shaped tools. Okay, so you can create shapes with more than just tools that create marching ants or selections. Okay and photo shop has a slew of different shapes built in which you're ever so useful. The oval is a really great one. Another teaser for you. Great for collages, you wedding photographers out there, khun sell these things be really fabulous. Oh, so romantic and the last teas...

er is giving your photo rounded edges so all of these masks he's shapes were created with victor shaped tools. That's what we're going to look at in this part of the class, I'm gonna go ahead and close up a few of these guys, actually all of them, and we're going to create a new document, and we're just going to draw a few shapes on it so I can show you what photo shops, different drawing modes. Do somebody create a new document by pressing command or control in for new info? Shop asks what size you would like the document, and toward the top of this dialogue is a priest's it menu of a whole bunch of frequently use sizes, so that can be useful for you when you're creating new, empty documents, and once you choose a preset, then you can. You oftentimes have different options on sizes, so I'm just gonna set this one to be ten, twenty four by seven sixty eight pixels that should give us enough frame to draw several shapes, so you're shaped tools live towards the bottom of your tools panel. I have my tools panel set to two column mode, so mine appear directly below the type tool. Ok, so if you click the shape tool button, you will see a slew of shapes and there's even more than this, so we're going to start out with the rectangular shape tool. And then I want to try it up to the options bar and I want to talk just a tiny bit about the different drawing mode you can put these tools in so up here at the top of your screen you're going to see three buttons and not they're not flush left, but they're almost left okay, so this is your tool preset picker like you get with any other tool in options bar but thes three buttons right? Here are your different drawing modes this first mode, which is what your copy photo shop is most likely set to unless you've been playing with it in the options bar the's tools the vector shaped holes will create a new layer that's filled with color with a mask to create the shape that you're drawing so if you draw with a square photo shop is really going to give us a solid color phil layer with a mask that only reveals the color in the shape of the item that we drew so that's one way to use these tools another way to use these tools is to create paths, and the path doesn't doesn't contain any color at all. Okay it's just a thin gray outline of the shape that you've drawn either with the pen tool when in which he would be drawing by hand or by using one of the shape tools which give you a pre built shape okay, so we'll look at path mode in the moment the last option for all of the drawing tools and photo shop is tio ok take the shape that I have drawn and just to fill it with actual pixels doesn't create a new layer, so whatever layer you're on, if you had the tool in this drawing load it would fill it with pixels whatever color your foreground colored ship was set too, so we're going to start off in shape player mode and this is actually how I created texas flag that we looked at yesterday when we were discussing what the heck layers are, why you should care about them so before I draw anything, I'm gonna go ahead and choose another color, so I'm going to click my foreground colored ship it's just a single click and we're going to go ahead and choose something in the green room because I love green. Go ahead and click ok, so now we have green is our foreground color ship. I have my rectangular shaped tool activated and in the options bar I have my drawing mode set to shape layers and once again, if you just have your mouse over these icons and let it be still for a minute, then you will get a little yellow tool tip that tells you what each of those buttons are, so if you forget, don't worry about it now, as I come over here to my document and click and draw, click and drag diagonally down were to make a shape, watch what happens in my layers panel see how funny shot created a shape for us automatically, and if we look at what it made, I'll zoom in. You've seen this icon before heaven ship that's, an adjustment layer or a phil layer, phil layers are adjustment layers as well. You know it is because got that little slider which stands for adjustment layer and the color inside of here is telling you what it's filled with what color it's filled with if you want to change that color or you have to use double click this layer thumbnail well, the way our shape is being made is that photo shop has created this phil layer, the whole layers filled with green, but it's added a mask, so the green is only being revealed in the shape that we drew. And the cool thing about this is that if you notice I have her over this thumbnail, I get the little tool tip. Oh, this is a vector mask thumbnail. We haven't really talked about victor's yet in this class, but I've got a great illustration as soon as we get through this segment that gives you an idea of how vectors and pixel based images differ vectors are created or usually created in a program such as carell, drawer, adobe illustrator and instead of being made of pixels like our photographs are little blocks of color vectors are made of points and pass. Okay, so the great thing about vectors is that you can resize them without ever worrying about any kind of quality loss along the edges. Okay, so that will be comport later on. All right, I'll go ahead and zoom back out so that you know, pretty self explanatory with the rectangular tool, you know, you're going to draw squares, rectangles if you want to restrict uh, any of these shapes to being perfectly square or perfectly oval, then you can hold down the shift key as you click and drag. And no matter how far out I drag, I see I'm trying to drag to the right, but it refuses to make a rectangle. It only gives me a perfect square. Okay, that also works with your marquee selection tools. If you want to make a perfectly square selection marquis or a perfectly circular selection marquis than you can hold down the shift key with those tools as well. So let's, keep cruising down here and see what else we got. We've got a rounded rectangle tool here, so I'll draw this guy over here and you'll notice that the edges are indeed rounded how rounded can they be as round as you want to make them the setting that controls that is in the options bar and it's called radius and that controls how grounded those corners become higher numbers indicate more rounding okay, all right and you can also switch the victor shaped tools appear in the options bar while you've got one of them active, you can quickly switch between the others in the options bar you don't have to go all the way back down to the tools panel to do that okay, so now I'm going tio switched to another tool and I'll draw an oval ok again if I wanted restricted to being perfectly circular than I can press the shift key and it will pop back into a perfect circle the polygon tool the options that you get for this one are how many sides do you want it to have? So this is how you can create a star? Yeah someone go ahead and click and drag to draw diagonally hey, so if I want to change this then I can do that keeps tyneside and create all kinds of wonderful shapes that ok, if you want to draw a regular old line, you can do that to you just click the line tool the options that you get with the lion tool is how why do you want it to be what's the weight of that line so I'm going to draw I'm going click this field and type five and then I'm going to click this little down we're pointing triangle which lets you add options to whatever shape that issue if you give that a click this is how you can make arrows and photo shop okay so air hits so if I wanted tio in my screen shots that I do for books and magazines I oftentimes want to point out something important with a circle or an arrow to really draw your attention to particular setting so oftentimes I will add arrowheads so I'm gonna go ahead and make the length and width to be even okay that's the length and width of the arrowhead not of the line and I'm going to tell father shop that I would like an air ahead to appear at the end of my line so I'm gonna go and give that a click and you want to change these options before you draw it so now when I come back to my document when I click in drag its huge I'm gonna make a little smaller okay take that down the three hundred and now when we click and drag is still huge but you can see that I am indeed getting an arrow and I'll turn off these other shapes so that's how you can draw lines and give them arrowheads things like that in the program another cool shaped hole that I want to point out is the custom shaped hole now when you first look that was in the custom shape still you will not be very impressed, so we've selected the your activated the tool in the tools panel. Now we can come up to the options bar in that same little down reporting triangle that we used to add arrowheads with the lion tool if you give that a click, you're not going to see anything you do get some more custom shape options, but the menu that I meant to point out was this guy right here? Yes, this downward pointing, trying will not to be confused with this down, we're pointing triangle so this is your shape preset picker okay, so I'm going to give that a little click and you're going to see a few shapes and extremely lame set of shapes very, very lame. So just like with some of these other tools thie grady and to remember how we were able to load extra radiance, you've got this little fly out menu on the panel that you get when you click that little downward pointing triangle right there you want to click this rightward facing triangle, give it a click and you'll see that holy thor look at all these categories of shapes these are individual shapes, these are categories of shapes tons and tons of shapes built into the program that you might never know that they're there. So I'm going to go ahead and turn on all again father shop is going to ask you, do you want? Do you mean to replace the current shapes with all of these? Or do you want to a pin? Them? Well, since I'm loading all of the shapes there is, they're all going to be in there, so I'm gonna go and say, replace so hear all that for shapes you can create with photo shop specter tools and this is really powerful because you can resize these babies all day long and you will never lose quality on them, okay? The edges will never get jagged because there are no pixels involved. It's really a set of instructions of how to how far a shot can create that shape for you to see it based on the siri's of points and pass and like, we're going to look at that here in just a little bit, so lots of fun stuff as you can see here. So I just wanted to point that out to you that you have all of those built in shapes, why recreate something if it's already in the program, okay, so now and we're going to go ahead and turn off this layer so we're back to our white background, and now I want to switch drawing modes, ok? So in the options, barr, I'm going to turn my drawing tool drawing mode to pass, and we're gonna take a look at what that does. So now I'm gonna go back to my rectangle tool, and this time as I click and drag diagonally on my screen, all I get is an outline. Ok, so we're gonna be using these outlines form asking for our collages for the next few minutes, ok? If you want to get rid of this outline, it won't print unless you feel it with color. Nothing's gonna happen, okay, but you can use these to create selections. You know, if you need to draw a perfect square, you can use these. Make a selection in the last thing you can do this if you want to get rid of it, just press the escape key. Okay, once you've drawn a path and you want it out of here distress the escape key, the last drawing mode that I want to look at is phil pixels, and I'm gonna go ahead and get back on my background layer, okay for I do that, and when you draw with this one as soon as you release your mouse button, photo shop fills that shape with actual picks, will so it's no longer vector in nature at all? And the phil happens on the currently active layer. I clicked on my background layer before I activated and drew with that tool. Because I've got all these other shape players turned off. So photo shop would have squawked at me. Had I had one of those layers active. So that's. Why I clicked on my background layer. So that's. Just a no overview of how the drawing tools work in some of the different shapes that you can draw with him.

Class Description

In this special photoshop tutorial, you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, author of Photoshop® CS5: The Missing Manual. There is so much to cover in Adobe® Photoshop® CS5 that we need almost a week to cover everything. In this special 4-day workshop you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, internationally acclaimed instructor and author. Lesa is informative yet entertaining with a unique way of explaining difficult concepts so you understand the "why" behind the "how". Get ready to spend a fun, high-energy week digging into the power of Photoshop.

Software Used: Adobe Photoshop CS 5.1


1Introduction: Nitty Gritty Basics + Layers 2Workspace Overview 3Q&A: Workspace 4The Truth About Resolution and File Formats 5Changing Resolution Without Changing Quality 6Q&A: Resolution and File Formats 7Resizing with the Crop Tool 8Cropping with the Ruler Tool 9Resizing with Content-Aware Scale 10Resizing for Print/Web 11Layers and Layer Types 12Duplicating, Moving, and and Aligning Layers 13Q&A: Layers 14Creating Reflections 15Layer Alignment Tools 16Simple Slimming Technique (Resizing Layers) 17Colorizing a Black and White Image 18Creating a Solid Color Fade with Fill Layers 19Layer Masks: Hand Painted Image Collage 20Layer Masks: Gradient Mask Collage 21Layer Blend Mode Collage (Include Load Images as Stack) 1Using Selections Part 1 2Using Selections Part 2 3Q&A: Selection Tools 4Color Selections: Fixing Animal White Eyes 5Tightening Up Layer Masks 6Painting Selections with QuickMasks 7Using Vector Drawing Tools 8Vector Shapes: Creating an Oval Vignette 9Vector Shapes: Rounded Edges to Photo 10Use Channels to Create Selections 11Tough Selections Around Hair & Fur 12Refine Edges Part 1 13Refine Edges Part 2 14Creative Edges on Photos 15Embellishing with Vector Art 16Creative Vector Photo Frames 17Editing Smart Objects 18Smart Objects Template: Creating Dark Edge Vignette 1Smart Objects: Selective Blurring 2Smart Objects: Selective Sharpening 3Sharpening with the High Pass Filter 4Q&A: Sharpening 5Auto Color Adjustments 6Shadows and Highlights 7Using Levels 8When to Use Smart Objects 9Using Curves 10Lightening and Darkening with Blend Modes 11Enhancing Eyes and Teeth 12Changing Colors with Hue/Saturation 13Changing Colors by Hand Painting 14Faux Dodge/Burn: Reduce Wrinkle 15Color to Black and White 1Healing Brush 2Content Aware Fill 3Using Text in Photoshop 4Designing with Baseline Shift 5OpenType Fonts 6Placing Text Behind an Object 7Barely There Text: Faded and Hollow Text 8Pushing Photos Through Text 9Adding Texture to Your Text 10Convert Text to Paths 11Combine Images using Advanced Blending 12Realistic Photo Aging 13Faking HDR 14Wrapping Texture Around an Object