Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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, we will take on another popular Internet meme. This one revolves around the notion that all ducks are actually wearing dog masks. So you can see that we have this mallard open up on screen, and that his yellow bill resembles a dog's face, but not enough in my opinion, which is why we are going to doll things up in order to create this effect right here. The great thing about this effect, having shown it around to a few people, if I zoom out to take in the entire image and this is the first time you've actually seen the photo, I found that many people it just sort of dawns on them over time that there's something that's been done to the duck.
At first, they see the tongue hanging out the ducks mouth and then they notice that there are whiskers and eyes and the nose and so forth. All right, so I am going to switch back to my base image, which is called Male mallard.psd. And I also have opened this dog's face right there that we are going to superimpose over the bill. Now notice that I'm viewing the dog at 100%, so this is a low-resolution image. Now normally when you're thinking of transforming an image, which is what we are going to do here, you would start with a high-resolution image and scale it downward. That way you will keep as much detail as possible.
The thing is, because we're going to be applying a four-point distortion and a very heavy-duty distortion as well, if you apply such a distortion to a high-resolution image, you end up getting choppy results. You end up getting jagged results, so you are better off starting with a low-resolution image in the first place. That gives you smoother results, as we'll see. All right, I am going to right- click inside this image using one of the selection tools, and then I will choose the Duplicate Layer command. I will go ahead and send this layer to Male mallard.psd, and let's call this new layer dog and click OK. All right, now let's switch back to that image.
There is the dog, so I will Ctrl+Drag or Command+Drag him up into place there so that we can match him to the bill. Now because we are going to be applying transformation, I want it to be a non-destructive transformation, so with this layer selected, I will go up to Layers panel flyout menu and I will choose Convert to Smart Object, and that way we can modify the distortion later if we need to, without harming the image. All right, I am going to drag the dog layer to the top of the stack and press the 5 key to reduce the Opacity of the dog to 50% so that we can see the bill in the background. Now the interesting thing about the bill, if I move the dog over for a moment, notice that the width of the bill is pretty uniform down the entire length, whereas the dog's face actually tapers.
So we start with this relatively big skull and then his face tapers down to a snout. That's why we need to distort this image so heavily. All right, I am going to Ctrl+Drag or Command+Drag him back more or less into place. And if you're working along with me, then you can bring up some guidelines that I have created for you in advance. Go up to the View menu, choose Show and then choose Guides if you're not already seeing them, or you can press keyboard shortcut Ctrl+Semicolon or Command+Semicolon on the Mac. I'm going to scroll my image up just a little bit here, and now let's drag the dog down just a little bit as well. All right, now that I can see all of my guidelines, I will go to the Edit menu and choose the Free Transform command, or you can press Ctrl+T or Command+T on the Mac.
And now I am going to go ahead and drag this bottom handle downward until it snaps into alignment with that horizontal guide, as you see there. To take advantage of the next step, you need to make sure that your guides are locked down, so go up to the View menu and make sure the Lock Guides command is turned on. If it's not, go ahead and choose it. Then I want you to press the Ctrl key, or the Command key on the Mac, which allows you to drag a corner handle independently of the other corner handles. And I'm going to drag this guy over to this location. I also press the Shift key as well, so I'm pressing Ctrl+Shift as I drag. That would be Command+Shift on the Mac.
Now I am going to Ctrl+Shift+Drag or Command+Shift+Drag this lower left-handle like so, and then finally, I am going to Ctrl+Drag this top handle to this location right there, this top intersection, as you can see, and I will Ctrl+Drag this top-right corner to this point right there, to this slightly lower guide intersection. And then I will press the Enter key or the Return key on the Mac in order to apply that modification, and you can see that we've pretty well distorted the heck out of this dog's face. Now one of his eyes isn't quite in alignment, so I am going to double-click on the thumbnail for the dog layer in order to open it inside of a new image window.
If you get this warning, just click OK. And now, go ahead and roughly select this right eye like so. Just using the Rectangular Marquee tool is fine, and I am going to move that guy over just a little bit. Then I will press Ctrl+Alt+J or Command+ Option+J on the Mac to jump the selection. I will call this new layer "eye" and I will click Ok. Then I will press Ctrl+Shift+Left Arrow or Command+Shift+Left Arrow to nudge that eye over to the left. Now this doesn't look right at all, but it's going to work out beautifully. All right, now you can close the image and then click the Yes button here on the PC.
You click the Save button on the Mac in order to update that Smart Object inside the composition. All right, now press the 0 key in order to restore the opacity to 100%. And you can see what I was talking about there. Notice that down here at the snout we have some very soft transitions. Obviously we are interpolating up, which means that we are diminishing the resolution of the image, but up here toward the top of the dog, where his eyes are, we are getting somewhat jagged results to this point. This jaggedness would be even more noticeable if we were working with a higher-resolution image.
All right, I am going to zoom back out. Now let's go ahead and paint in some details from the dog onto the duck, and we will do that by Alt+Clicking or Option+ Clicking on this Add Layer Mask icon at the bottom of the Layers panel. And what that does is it creates a black layer mask so we are effectively masking away everything on that layer. Now go ahead and grab the Brush tool, which you can get by pressing the B key. And we want a hard brush here, so go ahead and right-click inside the image window, crank the Hardness value up to 100%. You can modify the Size value on the fly, but I'm starting off at 15 pixels.
Then I will press the Enter key or the Return key on the Mac to accept that change. Press the X key in order to make the foreground color white, if necessary. And then start painting in that snout like so. And you want to paint it up pretty high like this, and notice I am not doing the world's best job at this point. I am just trying to get it roughed in so I can see what I am doing. All right, having done that, I will go ahead and zoom in a little bit so that I have a little more control. And having painted in too much snout, I will press the X key in order to switch the foreground color back to black. And I will begin clicking and Shift+Clicking around the snout like so, and the fact that I'm clicking and then Shift+Clicking is creating straight lines between my click and Shift+Click points.
So I will click here, Shift+Click at this location, Shift+Click down like so, so I keep Shift+Clicking all the way down to the bottom of the snout. I will click right there. I will Shift+Click at this point. Shift+Click here as well. I might need to paint a little bit of that away actually right there. Then click at that point, Shift+Click, ShiftClick, and we are pretty much done, with the exception of the fact that the snout is not tapering and all of a sudden disappears. So I'm going to increase the size of my cursor by pressing the right bracket key a few times. Then I will right-click inside the image window and I will crank the Hardness value down to 0%, press the Enter key or the Return key in order to hide that panel, and now I will paint a blurry brushstroke, like so, across the top of the snout so it just sort of emerges into view.
All right, that's good where the snout is concerned. Now we need to paint in the eyes, so reduce the size of the cursor a little bit. We are going to continue to work with the soft brush here. Press the X key to switch to the foreground color to white, and let's just go ahead and paint in this eye. They should be right there on the duck nostrils right there. Just go ahead and paint the eyes in. Then I am going to reduce the size of my cursor, right-click again. Let's change the Hardness value to something like 90% this time, press the Enter key a couple of times in order to hide that panel, press the X key in order to switch the foreground color back to black, and let's click and Shift+Click like so, to get rid of that little bit of dimple at the side of the dog's face.
That's too much actually, so I will press Ctrl+Z or Command+ Z on the Mac to undo that change. I do want to get rid of this area, however, so I will just click and Shift+Click my way up. Let's increase the size the brush a little bit, paint away some of these other details. Potentially I went too far, once again so I will press Ctrl+Z, Command+Z on the Mac. Let's right-click inside the image window and change the Hardness value to let's say 50% this time. Press the Enter key and then reduce the size of the cursor by pressing the left bracket key and paint around the dog's eyes just a little bit in order to hide some of those dog-eye details.
All right, so there you have it. We have now managed to map the dog's face onto the duck's bill, but we are still missing a few details. We need to go ahead and add the mouth and the tongue and the whiskers and all that jazz, and we will do so in the very next movie.
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.