Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Deke's Techniques is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
In this movie, I'll show you how to take the cartoon pig from the previous movie, and integrate it into this photographic environment, so it's just a little lark of a technique. Don't expect any big revelations this time around. I'm going to start off inside of this image which comes to us from the Fotolia image library. About which you can learn more at fotolia.com/deke. And then, armed with a rectangular marquee tool, I'll go ahead and right click inside of this image and choose duplicate layer. Then I'm going to send the layer to the sans serif picture file right there.
And I'll go ahead and call this new layer field as well and I'll click OK. I'll advance to that image and the layer's in the wrong place, it's no big deal. I'll just go ahead and drag it under the pinkishness layer. And, you can turn off the grass and sky layer that we created in the previous movie, or you can just select them both and press the backspace key or the delete key on the Mac in order to get rid of them. The next thing I want to do is to add a kind of cartoon shine to the pig's body. So I'll go ahead and select the body layer right here, and then I will select the Ellipse tool from the Shape tool flyout menu, and I will draw a great big ellipse like this inside however, the pink ellipse that represents the pig himself.
Now I'm using the spacebar to move this big ellipse on the fly, as I create it, and then when I think I have something that I like, I'll just go ahead and release the mouse button to create that shape. Now, it comes in with the stroke and no fill. That's not what I want. Instead, I'm going to get rid of the stroke, and I'm going to do so here in the Properties panel. I could it up here in the Control panel, but I want you to see that when a shape layer is selected in the most recent version of Photoshop, that you have this little extra icon up here next to masks, and that will give you access to your live shape properties, and that way you can change the fill and stroke from here instead.
So I'll just go ahead and, and change the stroke to nothing and I'll change the fill to white, like so. Next, I'm going to hide that Properties panel. And I'm going to create a copy of this existing ellipse as opposed to drawing a new one. And I'll do so using the Black Arrow tool, also known as the Path Selection tool and the way I'm going to duplicate this shape is to Alt+drag or Opt+drag it like so to approximately this location right there let's say, and I just need to make sure that it's going to hit the tip of the M right there.
So, I just nudged it down a little bit, and I'm going to take this duplicate shape, and by the way, both of the paths exist inside this one shape layer. I'm going to go ahead and rename it shine. And then, I'll go up to the Control panel and I'll click on the Path Operations icon and I'll choose to track front shape in order to produce this effect here. Alright, now I'll zoom out, so I can take in the big shape here. And I wanted to cut a little differently. I want to cut some of this stuff out. So I'll go up to the Edit menu and choose Free transform path, or you can press Ctrl+T, or Cmd+T on the Mac.
And I'm going to make this guy just slightly taller. So, I've got a height value of about 102% up here in the control panel. So, it just drag the bottom handle down, and now press the Enter key or the Return key on a Mac in order to accept that change. Obviously, I need mask away this little bit of shine there, and I'm going to do that, you could use another shape if you wanted to, but I'm going to use the Rectangular Marquis tool. And I'll just drag around this area like so. And then, with the shine layer active, I'll drop down to the Add Layer Mask icon at the bottom of the Layers panel, and I will Alt+click or Option+Click on it to mask that area away.
Now, what we want to do is add some shading underneath the legs, which are represented by these Ws here. I'll create a new layer by pressing Ctrl+shift+ or Cmd+shift+n on the Mac, and I'll call this layer Shadows. And then press the Enter key or the Return key on a Mac. Now I'll press the L key to switch to the Lasso tool, and I'm going to take advantage of the polygonal lasso function, so I'll press and hold the alt key, or the opt key on a Mac, and so long as that key is down, then I can just click around like so. And then as soon as I release the key, I go ahead and complete the selection.
And now I'm going to add over here by shift dragging, and then you want to keep your mouse button down. But you want to release the Shift key, then press and hold the Alt key, or the Option key on a Mac. And keep clicking like so, and just keep that alt key down until you're ready to complete the selection. And now, make sure your foreground color is black, which it is for me, and then just press Alt+backspace or Opt+delete on a Mac to fill those areas with black. Now I'm going to zoom out, and the next thing that I want to do is make the hooves appear like they're in the grass, and I'm going to do that by making a duplicate of the field layer.
So I'll just go ahead and press Ctrl+j or Cmd+j on the Mac in order to jump it and then I'll drag it up the list and it's gotta go in front of the Ws. At least the Ws and everything below them has to be covered. And now, I'm going to turn that layer off for just a moment and zoom out like so and I'm going to grab my Rectangular Marquee tool by pressing the n key. And I'll go ahead and marquee this lower region right there and I'll turn the field back on and with that field active I'll drop down to the add layer mask icon and I'll click on it and that just cuts along the feet.
So that's not a particularly good mask so far but we can make it much better automatically. So just make sure that layer mask is selected and then what you want to do, I'll go ahead and zoom back in here. So we can see what happens. I'll go up to the Select menu and choose Refine Mask. And this command is so amazing that it can work from not even good selections at all. Just a rectangular marquee. And just to show you, I'll take this radius value up to 50 pixels. And notice that PhotoShop essentially goes in and automatically selects the grass.
Notice that it becomes more translucent. And to get rid of that effect, just crank the contrast value all the way up to 100%, and that's all you need to do. Then just click OK, then the grass is masked. Good enough for this pig, anyway. Now I'm going to drop down to the pinkishness layer here. So I'm going to drop down to the black white circle, down here at the bottom of the layers panel, and I'll press the Alt key, or the Option key on the Mac, and choose Levels. And I'm going to call this layer darken. And I'm going to go ahead and turn on Use Previous Layer To Create Clipping Mask, and click OK.
And then I'll just change the black point value there to 100, and we end up getting a darker, and yet still very pink pig. Notice that there's this big lens flare in the background. Whether it's real or not, I don't know, but I want it to appear in front of the pig as well, on the pig. So I'm going to go ahead and Shift+click on the pinkish layers so that both of these layers are selected, and then I'll right-click inside the image window with the rectangular marquee tool, and I'll choose convert to smart object. Then I'll go up to the Filter menu, choose Render and choose Lens Flare and I went ahead and used the default lens type.
The top one here, 50 to 300. And I cranked the brightness value up to 150%, as you can see. And then I'm going to bring the hotspot there into the pig. So right there on its bottom. Then I'll click OK and we end up with this effect here. And that friends, is all there is to it. That's how you go about taking a cartoon pig and integrating it into a photographic environment, here inside Photoshop.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.