Creative Vector Photo Frames


Adobe® Photoshop® Intensive


Lesson Info

Creative Vector Photo Frames

So now we're going to look at a little bit of a different technique still placing an illustration but this time we're going to use the illustration as a mask so this image also fake not riel this wild frame was created this is an illustration that I downloaded from my stock and I simply used it to mask my photo so I'm gonna go ahead and close that and show you how I did it so I'm gonna open up my yeah someone had opened up my lady's photo here this is the photo that I started out with but since I know that um I want to add a little bit more space around because I want to add another solid color background I'm going to go ahead and double click the background later to make it editable go down in size and use my crop tool to get myself more room to work and I'm gonna hold down the option key or ault on the pc as I expand the edges of my crop box to give myself more room press return okay, now we're ready to place our illustration so now we're going to the exact same technique again go to...

the file menu choose place navigate toward the illustration lives this one lives in the picture frame file and our frame is cleverly named frame so this is exactly how the illustration which when I downloaded it from my stop okay, so I clicked place it comes in with re sizing handles, which I can use to make it a little bit smaller if I want again holding down the shift key to keep it from getting there you go click within the box to move it around and I'm gonna cheat on this one and not really used the shift key too much because it's an illustration so I'm really not worried about making it gloppy job it's the women that I would be concerned about ok, so when I get it framed just right, go ahead and press return now what you want to do is you want to drag the illustration below the photo layer so we're going to click and drag this below the photo layer. Now I'm going to show you a little trick you can make photo shop, shove whatever is on the top layer through the shape of whatever is on the layer underneath it be it an illustration, be it a brush stroke beit text this is how you shove a photo through anything friday we're actually gonna look at shoving a photo through texts and other shapes, but it's using this exact same technique. Okay, so what you want, tio? The easiest way to do it is with a keyboard shortcut, but the technical name of what we're about to do is creating a clipping group what we're doing is we're clipping the layer on top to the layer on the bottom there by shoving it through the shape of whatever is on that layer underneath it doesn't even matter what color the thing is underneath doesn't have to be black it does need to have transparency though so if you have in your cursor over the dividing line between those two layers and you hold down a modifier keane it's option on a mac or altana pc and if you mouse over that dividing line your cursor is going to turn into two intersecting circles what she see those intersecting circles click one time photoshopped takes the thumbnail, scoots it over to the right and gives you a downward pointing arrow letting you know hey this layer is shoved through the shape of what's on the layer underneath it so nails in back outs you can actually see it so that's how that was created and again because it is a vector place is a smart object so it is still retaining all of its vector nous even though we didn't create the victor in photo shop we can summon free transform and we can resize that baby so the cows come home and we will never pixel ate the edges of that illustration ever moved around you all kinds of fun things with it so that's how you can create that so let's do it again on another image we're quickly running out of time here I can't believe how fast these days go it's just unbelievable. So here's another example of the exact same thing case I'll go ahead and delete that one or close it rather and we're going to start with our stock mermaid now we need to place our illustration so back up to the file menu choose place choose the ice stock frame here's the frame that I downloaded for my stock photo go ahead and click place this came in really small do we care that it came in really small? Absolutely not because it's a vector it's not made of pixels, we can blow that sucker up billboard size and it will still look fabulous. So hold on the shift option or shift all on the pc to make the illustration bigger when you get it sized just right go ahead and press return to accept now what we want to do is we want to drag our frame layer underneath our photo if we try to do it right now photoshopped will squawk it us because you cannot drag anything underneath a lot background layer see how we get that circle with a slash saying you can't do this, so what we want to do is double click that background layer first to make it editable now we can drag the illustration below the photo and we do the exact same thing again. Hold hold on the option, or all key in, hover your kosher over the dividing lines between those two layers, click one time, and the photo gets shoved through the illustration. It's really amazing! And then, if you wanted to, of course, she could add a solid color background layer here, so I've got my color picker again. What color don't make my background so I don't know that's mouse away from the color picker and pick up one of the nice rest colors from her hair. Look. Ok, drag it to the bottom of your later stack, and you've got a beautifully creative frame. You could also add a drop shadow to the illustration layer to give it a little extra depth. The obligatory drop shadow, yeah to chain that's, right?

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