Creative Edges on Photos


Adobe® Photoshop® Intensive


Lesson Info

Creative Edges on Photos

So now we're going to look at this is so fun I love finding other uses for tools new fabulous tools ok, so I've opened up a few examples to get you excited about what we're about to learn this really super funk ified edge was created with the refined edge dialog box ok you can see the mask over here in the layers panel that's a heck of a mass going on right there it's got all kinds of funk ified edges that was created would they refine into dialogue? Okay this one was as well this one's really impressive because with water it looks more natural here's a close that peak at the layer mask I created for that one you won't believe how fast this technique is and then on example of how you would use this other than this adding amazingly cool edges to your image you can also use it in ad situations so this was a little ad that I created and I love making these stuff up feed the sharks dot com yes you too can paddle your way to fiji shark pre farmer not included and even made a little logo for...

the adl shark this actually was in I write the beginners photoshopped column for fender shop he's your magazine and this was actually in there so I like showing you real world examples of how you would actually incorporate this technique into your workflow so here I have used this technique that we're about to learn to make the water look like it's kind of fading onto the ad itself, a funnel, a graphic design trick. Ok, so now let's, go back by pressing the f key closer will adhere. Ok, so let's, close all these guys up and, oh, I didn't give you the original image on this that's okay, we can just start with the layers, the originals in the layers panel so I'm gonna go ahead and turn off the visibility I of the two layers that I created for you, you won't believe how easy this technique is. You're all thinking. Oh, no, they're fine is dialogue box again. So this time we're gonna activate our original layer and we're gonna pop up to the tools panel, and we're going to grab our rectangular marquis bethany's a year to use in the rectangular marquis tool when she haven't active, you want to click and drag diagonally to draw a box around your image about and half inch or an inch in from the edges. Okay, so I'm gonna start my drag about here, maybe not hands, maybe a half inch, basically, you're sectioning off an area of the photo that you don't want, what we're about to do to mess with, ok, so I mean he's my space bar to move my selection around and we're going to call this one good so you just want to draw a box inside the bounds of your photo because anything that's outside the box that's where the funky stuff is gonna happen to the edges now we want to add a we want to open up the refined edge dialog box we're going to go ahead and click the refined edge button at the top in this time I'm going to change the view mode to black or white either one will work in this situation it just gives you a little bit more contrast so you can see what's happening to the edges rather than trying to figure out what's gonna happen by looking at that red overlay so I'm gonna go ahead and choose on white clothes that little pop up menu up now we're gonna turn on smart radius and now we're going to drag the radius slider way up and immediately all kinds of glorious things start happening to our image ok, this is where you can also play around with east siders done here I'm going to drag the contrast slider up, which basically is telling photoshopped tio make the edges that you're creating harder instead of soft because if I dragged the contrast on zero see how soft that is well as I increase the contrast, the edges get more defined which is what you want for this particular technique you can even use the shift edge slider to funk a fire your edges even more isn't that neat, so now we can tell photo shot when we're happy with the way it looks, what we want to do with this new and improved selection, so from the output to menu, I can tell it to send this to a new layer with a layer mask I don't have to turn I don't have to turn on decontaminate colors because we're not performing an extraction were just fucking up our edges never thought you'd hear that in this class to do funky back new layer with blair mass from the output poppet menu enamel me click ok, we get a new layer with a mask, so now we can add a solid color background layer will use the half black, half white circle the bottom of the layers panel to solid color, and I'm just going to choose white drag it underneath the layer that you just created and now you've got truly funky edges so that's a fun one so let's, take a look at that one again with a different image and like I said earlier photos of water oh my gosh, it looks so natural so if you were dealing with let's say you're a graphic designer and you're designing an ad for as some kind of jeep cherokee whatever and it's going through mud or some kind of all terrain vehicle advertisement well if you've got mud flying around, why not add a funky edge like this which kind of makes the mud feel like it's fine out at you as I'm looking at this surfer image it feels like the water is fixing to be on me because I like coming out of the photo so it's a it's a real fun one to be so I'm gonna go ahead and turn off the visibility I of the two layers that I created for you so we're back to our original image now we're going to grab the rectangular marquis and this time I'm gonna get a little bit farther in with my box and this is just experimentation okay try all different placements and shapes of your selection here you could even do it with the oval or the elliptical marquis doesn't matter you just need a selection or you could hand draw selection handpainted selection so now that we have a selection we want to go to refinish because remember this refine ege button is not going to show up until you have marching ants on your screen and a selection told activated in the tools pale now you can click refine ege when a turn on our view mode is already set to white which is fine in this case turn on smart radius drag that slider way up toe whatever looks good to you and then start playing around with the contrast and the shift edges seeking in all kinds of of crazy stuff here not getting the exact same effect that I got the last time but she could just keep experimenting with the different sliders to get the different effects and lisa question from will sixty one can this be used in a in a batch process or can you create a template with that to make that water good question I don't know of a way tio create that template honestly yeah I don't know how you would use that in the batch process okay? So I'm not getting the exact same effects that I got previously in this one so I'm gonna go ahead and say cancel and you know why I was on the solid color feel layer I wasn't on the actual image layer so I did that on purpose to show you exactly what way ok one more time with feeling we're on the layer that we actually want to affect the one that contains riel pixels now we're going to draw a selection marquis onto our image and click the refine edge button, cross our fingers, click the smart radius button, drag it up their radio yes, yes I did that on purpose to show you what would happen so now we're going to drag our contra test slider in again if you want a softer kind of edge then you're going to leave it not at zero percent but close to if you want a harder edge you can pump that contrast up so I like the softer bit because it looks more organic and it looks more like water so I'm gonna go ahead and bump up my radius a little bit more and now we can use our shift edge slider to create even wilder effect so there is no end to the stuff that you can do to the edges of your photo with this dialogue box and it is just so easy ok, so we're gonna call that good and now I need to tell photo shot what I want to do with our new selection so from the output to menu this time I'm just going to choose layer mass because I'm on the layer that I want to effect so I'm just gonna let it mask that layer click ok we've got our mask now we're gonna add are solid background so from the half black half white circle the bottom of the layers panel to solid color in this time we're going to go with black and click ok and then you want to drag that to the bottom of your layers panel that's pretty cool isn't it pretty dad gun cool yet another product you photographers khun sell to your clients all right, any questions on balance, and then we'll move on to smart objects and smart filters. Boot uh, groovy shots would like to know what do the different view modes do in the refine edge pop up dialogue box the different view moods change the color onto which you're previewing the selection. Some folks, several folks have asked vivid clicks. What do you do if you don't have c s five? Because that was all wait, I think we could move along. All right, so now we're going to go into smart objects. Ok? So may this little collage to kind of help explain what smart objects are we've been dealing with regular old layers so far yesterday when we where we use the file place command, what we actually did was we created smart object so you can think of smart objects as smart layers. You can think of them as a container into it to container like a box into which you can put any kind of filed hat imaginable any kind of file type that photo shop can read, you can put into a smart object when you do this photoshopped memorizes everything about that smart object it memorizes what its original size wass it looks at the file type, and it remembers any special powers inherent to that file type. So remember when we were talking about illustrations and vectors and how they're infinitely scale will because they're made from points and path and not pixels when you import a vector illustration as a smart object in the photo shot photoshopped remembers that it's a vector in you retain the infinite scale ability, even though you didn't create it as a vector and photo shaw. So the way I use a smart objects a whole lot is in downloading illustrations for my stock photo that I've been used to embellish photos so you makes a little bit of the of artwork and illustration with realism in your photos to make them more visually interesting. Another great reason to use smart objects is that if you bring in a regular photo is a smart object, and you need to experiment with the size of that photo within your document or the piece of art that you're creating, you can make that photo small, make it bigger, make a smaller make it bigger without losing quality, because photoshopped remembers how big that photo used to be remembers its pixel dimensions. As long as you don't make it way bigger than it was originally, you're not going to suffer inequality loss because every time you manipulate pixels in an image, you're messing with the pixels. You're losing a little bit equality, so when you we've been doing a lot of using the free transform tool, but every time we do that re sizing it's possible that we're mission if the pixels a little bit and losing a little bit equality not so with a smart object because photoshopped remembers the original it's not so much that it's linked it does know where the original lives okay, when you place it and it's not so much that it's a linking thing or an embedding thing, it just remembers everything about that original file if you can place a raw file as a smart object and always be able to get back to that raw file, okay, so you can place content and experiment with free transform without losing quality. You can place file types that have special powers like a raw file or an illustration, and it will retain those special powers because it knows what file type that is. And as you saw when we added the rounded edges to that one photo that head shot, you can swap content in and out of that layer, and everything that has been applied to that first layer content happens to the second layer content, so that's, how you would make a smart object template came, we're going to do that to another cool thing about smart objects is that if you have several different elements in your design that air the same let's say it's a logo and that logo appears in a couple of different places in that design if you change one instance of the smart object all the other instances of that smart object change at the same time so if there's a change in the logo and you've placed that logo as a smart object and let's say you've copied it, you've duplicated that smart object and maybe the logo is really big down at the bottom of the piece and it's really small at the top of the piece if you update the one smart object with the new logo they both changed but they retain the sizing that you applied to them so smart objects are crazy, powerful and probably the most practical use for smart objects is they allow filters to run none destructively in their own little space and the layers panel they stack up just like layer styles member we're adding the drop shadows and the inner shadows and how they appeared in the layers panel is their own little entity your filters will appear as their own entities this gives you the power to do selective sharpening sharpen only parts of your image sharpened the irises to make him pop or the lips toe lip gloss or haired at extra texture you can also do selective blurring you can create shall adapt the field effects after the shot even if you didn't get it in camera. So we're going to be using smart objects for their s today because they are crazy, powerful in fun. So this whole illustrations just showing me different file types that you can put into a smart object.

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