Vector Shapes: Rounded Edges to Photo


Adobe® Photoshop® Intensive


Lesson Info

Vector Shapes: Rounded Edges to Photo

So actually, the next technique that we're going to do is building on the same one, and we're going to use a different tool this time still a shape tool still set to path mode, but a different one. Nevertheless, so this is what we're going to create this time. So what we have here, if we take a peek in our layers panel to see what's going on, we've got a color feel layer we've been seeing those for the past two days lets you know what color is being filled with. They have a mask automatically, but nothing's being mask, which means you're seeing that gray blue color over the whole document. The next layer we have here is a saxophone player, and we've got a rounded rectangle vector mask. Now I know it's a vector mass because it's gray it's not black in the background and that's your indication that hey, you can't grab a painting tools and paint on this thing because it doesn't contain pixels. It contains a set of instructions based on points and paths, which again just gives you flexibil...

ity on sizing without losing quality. So let's, go ahead and close this document and recreate it, I'm gonna open up our I stock sexy guy ha ha ha ha! Isn't that funny? Taxi not sexy I mean he is sexy body sexy so I thought that was funny I have to do those things to entertain myself with my naming schemes they're entertaining to me ok? So let's say we started out with this photo and we want to give it rounded edges rounded edges have been all the rage for about the last three four five years in design if you go to buy stock photo dot com you will see that I well maybe not the newest website but the one before that all the photos had rounded edges case around it ages was it with a thing for several years and it's still a really interesting effect applies very subtle so what we're going to do is we're going to come over here to our tools panel and this time we're going to choose the rounded rectangle tool and again if you're encountering a tool set that has a slew of tools in it and you want to use your keyboard shortcuts then just look to see what the letter is next to that tool and press the shift key keep it held down as you click that letter and you will cycle through all the tools that are in that particular tool set so that could be handy so we're back on the rectangular further rounded rectangle tool rather and I want to make my edges fairly round so before I draw the shape I'm gonna go up to the radius setting in the options bar and I'm going to increase it well here again since we have a text label and a field into which we could type if we have our our cursor over the text label of that feel we get that nice little scrubby cursor so to increase my radius aiken simply click and drag to the right and that's a bit more of a visual way if you don't know in advance the exact curvature you want of those edges and it is an experimentation thing I've done this one hundred times I know about forty pixels works so you'll have to experiment on your own for that magic number. So now when it come over to the document I'm still in path drawing mode so nothing is gonna happen except a thin gray outline which is all I want because I just want it for this shape then I'm going to use in a mask hey so let's say for the sake of argument that forty pixel radius didn't quite give me the rounding that I wanted what do you do? Press the escape key to get rid of that path and now we can come back up to the options bar and I can increase it a little bit more and now when I click and drag to draw diagonally with it, my corners are more rounded than they were and while I'm still holding down the mouse button, I want to move my path up on the document I'm gonna press the space bar, drag him up, and then continue drawing diagonally to increase the size of that shape when I get it just right and let go of all my buttons again, nothing happens, but there's an outline sitting there if you were to print this thing that outlined will not print now we want to come over to our document, and I need tio unlock the background layer before I can actually add the mask, so I'm gonna go ahead and give it a quick double click. Now I can add my vector, masked by either command clicking or control, clicking the layer mask icon at the bottom of the layers panel, or by expanding my mask panel and clicking the little icon that looks like a fountain pen nib either one. So now I have perfectly rounded edges on this photo and to really appreciate it. Let's, go ahead and add a solid color background behind this, so I'm gonna either go to my layer menu and choose new phil layer solid color, or I'm going to show you another way to do that the little half black, half white circle with the bottom of the layers panel also gives you access to those adjustment layers. So I'm gonna go ahead and click that little poppet mini and as you can see, solid color is an option from there, too. So it doesn't matter which method you use if you've got a big honking screen and your mouse is down near the bottom that's probably faster to use that little half black, half white circle so you don't have a mouse all the way back to the top of the screen to go ahead and two solid color again father shops gonna ask what color you want to use I'm just going to go ahead and choose white for this and click ok and then drag the fil layer to the bottom of your layers. Pain also it's not hiding are sexy guy class my mex masks panel. Now you may leave the photo with the hard edges like this because it looks really nice. I'll zoom in a little bit, you can see nice, beautiful, crisp, perfect edges on this photo. Perfect! Okay, so you can feather them if you want. We've seen that already. Just double click to expand the masks panel if it's not expanded already. Now, I'm not getting my sliders here and it's telling you why you don't have a mask selected right now, okay, so in my layers panel, I can understand that, because the active layer is the phil layer ok, so I want to click the mask soon as I clicked the mask. Then those sliders become active and I can click and drag that feather slider to feather the edges of the rounded rectangle if you want, you don't have to do that step nine times out of ten when I'm doing this on my own photos I leave the rounded edges as hard I like the way that looks a lot okay, but you gotta options. It's all that options and the beauty about doing this effect in this manner again is because you get the flexibility to experiment with softening those edges if you want, you do not get that ability if you created this affect in any other way, any other questions on that one? Yeah, I have a question from a re burger. Not sure exactly how you pronounce that sorry a couple people have seconded the question. How do you get the clipping masks that have two rounded edges and two sharp edges? So you want rounded edges on top? And is that where I just on the bottom that's what it sounds like to me. Okay, I would have to play around that it can't be done, but there's not a simple option. No, um nicorette asked, how do you perfectly center the vector shape within the image boundaries how do you perfectly center the victor shape within the image boundaries? I don't know of a way to do that other than using the ruler tools do you know you would select your background or both layers and then use your align tools in the move tool right? That work is what I will do it won't center the mask it would only senator why maybe if it was locked uh that might work the case we're going experiment we're going to move our guy over a little bit to the right so yesterday when we were talking about layers if you activate more than one layer and you activate the move tool, you get a set of alignment tools in the options bar will one of those is center both items, so if we click center, nothing happens I don't know, I don't know, so I'm not real sure on that when we can take a look at it during the break all right, let's, go ahead and continue on oops there we go. So one more variation on this so let's say that you were creating head shots for your staff web page or let's say you work in a magazine and you're creating head shots for your columnist in other words, you have to process images several different images that need to look exactly alike in size in color in the mask shaped that you've given them well, you can use this tool in conjunction with what's called a smart object and you can actually actually create templates. Now I'm gonna back up just to hear well, actually, I'm going to show you what we're gonna do and then I'll back up just to here and explain to you what some are objects are using smart objects in conjunction with vectors is hugely powerful, ok? Because let us say that I had about ten more head shots to apply this exact same edge curvature to well, if I used a smart object and the spectrum ask, you already know that I can experiment with feathering, so the cool part about this is is you can swap content out, so since I have already applied the mask to this one photo, if I control, click or right, click towards the right of the layer like towards the name of the layer, not on the thumbnail not on the mask but near the name so the right part of the of the layer if you control or right click you get a poppet menu, one of the options is replace content, so I'm going to click that photo shop is going to ask me, what would you like to replace the contents of that layer with I'm going to navigate to wear the other winless we're in day two and we're in effect your tools round edges round template and now I'm going to click on my cleverly named I stopped guy this is actually one of the programmers that I stopped photo his name's brett he's fabulous pretty funny picture though, so we're going to go ahead and click place and when I do photo shop is going to swap the contents of that layer and it's going to keep the mask at his hands down the easiest way that you can add in effect to a photo or a mask and then swap it out with other content you could save this as a template you could save this on your computer that you're doing the scent on in your office save it as round edge photo template, a rounded template, her head shot template or something you meaningful to you and then you don't ever have to worry as new people come in or the staff changes or the columnist change, you know those riders can be kind of flaky, so you're always assured of having the exact same effect on every single photo. Okay, so I haven't shows you how to create a smart object yet, but I wanted to kind of get you excited about doing this kind of thing gets me do all the photos you're swapping and have to be the same size all the photos air swapping in do not have to be the same size yeah if you swap this with a photo that's way bigger you can always some and free transform and bring down the size of just the photo without altering size of the mask yeah so a little sneak peek ahead at using this vector shaped tool masking technique with a smart object can let you create smart object templates ok, so we're going to come back to the smart object part of this by just wanted to show you to get you excited about that because it is very, very useful the other way that you could insure that you always apply the same kind of masking to a photo different photos over and over and over is either to set up an action which are quite technical to do their real easy to mess up in action in photo shop is basically you're turning on a tape recorder in its recording every keystroke that you make and if it encounters one condition that was different from the condition in which he recorded your key strokes the action will stop it won't run and you have to troubleshoot it by using this method there is no trouble shooting it just flat out works and I'm a fan and of those kinds of things in photo shop so we're going to come back to this in just a little bit but that was a teaser for you the next thing that I want to talk about is using channels to create selections so we've we've been using the selection marqise than we use selection by color tools and then we used quick mask we used the victor tolls. One more thing that I want to show you on the victor tools though is remember when we were back in shape player mode? I'll go ahead and bring up the girl's photo here remember we're back in shape player mode and we drew with the tool and it created a layer a color filled layer with a vector mass so the color is only showing up inside the shape that you drew well, you can load that as a selection really, really easily it's easier to do when you're in shape player mode like this so you could use these vector tools to get your marching ants if you want so grab the vector tool, put it in shape player mode and then if you command or control click the layer thumbnail and this is the layer thumbnail right here if you command or control, click it okay the mask if you commander control click the mask of that layer you get marching and surround it so you may not need that layer you could throw it away, but you used that layer to get the marching ants around that area, so that can also be another another useful way to use those a vector tools it's all about options and photoshopped. It really, really, really is knowing what all the tools to do, the different things that you can do with them and how you can use them together to get the thing that you want selected. At least I can ask you a question. Sure. Um, guitar goddess would like to know if you play guitar there's so many photos of guitars are you musician? I'm a classically trained pianist on I do have an electric guitar and I really want to learn how to play it. But I haven't learned yet, but I can play a mean air guitar. You should see me it's. Unbelievable. I'm so accurate. I told her you are a rock and roller. So I am megadeth is my very favorite band in the whole wide world. My dave mustaine lady. Okay, so now it's cruz on tio something that scares a whole heck of a lot of people and that is using channels and photoshopped to get selections. Okay, this is really, really powerful stuff here, but don't let it scary because it's just not scary.

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