Viewers: in countries Watching now:
This course 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.
- Hey, gang, this is Deke McClelland. Welcome to Deke's Techniques. This week I'm gonna show you how to take multiple photographs captured with different depths of field. So for example, in this photo the coins from the ancient Roman city of Bath in England are in focus and in this one right here the placard in the background is in focus instead and we're gonna auto-blend them inside Photoshop in order to create this more flatly focused image right here. Here, lemme show you exactly how it works.
All right, here's that final blended depth of field effect. Now in order to pull this off you need at least two photographs with different focus points. So in my case I have this one in which I'm focusing on this little placard which is about six inches back inside of this display. And then I have another photo in which I'm focusing on the coins which are just a couple of inches back. Now as I say you need at least two photographs. If you have more, if anything, you'll get better results. All right, now we need to add these two photos as layers inside of a single document and to do that go up to the File menu, choose Scripts, and choose Load Files into Stack.
Now if your images aren't already open then click the Browse button and locate them, but in my case they are open so I'll just click Add Open Files. I don't want, however, to add the final comp so I'll go ahead and select it and click remove to get rid of it. All right, now notice these two check boxes here. You wanna turn the first one on, Attempt to Automatically Align Source Images and that way the coins will be aligned with their background, but the second one you wanna leave off, Create Smart Object After Loading Layers. No, thank you. That will actually get in the way of our effect so leave it off and then click Okay in order to produce this image and now notice, by the way, if I turn off this layer, that our coins are nicely aligned.
However, we do have a problem. The images are a little bit crooked and to solve that just go ahead and switch to the Crop tool and then press and hold the Control key or the Command key on the Mac so you can get that Straighten option appear on the fly and just go ahead and drag along underneath one of these lines of text. And I found that having an angle value of -1.0° ended up working out nicely and you can see that's what I have in that Heads Up display above and to the right of the cursor.
All right, then go ahead and zoom out a little bit and modify your crop boundary to taste. I'm looking for a width value of about 5260 actually and it doesn't look like I'm gonna quite get that because I am zoomed out a little too far. But that's probably good enough and the height value it came up with is something around 3520 which I just happened to nail. All right, now I'm gonna drag the image over a little bit and down so that we're cropping the image like so and then very important, make sure Delete Crop Pixels is turned off.
It seems to be on these days by default which is a little bit insane so turn it off so that you don't get rid of any of the extra pixels outside the canvas and then press the Enter key or the Return key on the Mac in order to accept that change. All right, now I want my coins to be in front, the coins that are in focus so I'm gonna go ahead and drag them up the stack like so and because we're gonna have layer masks I'm gonna shorten these layer names so that we're just seeing the numbers, the numbers assigned to the original images in case I ever need to come back to them. All right, now click on one layer, shift click on the other so that both of them are selected and go up to the Edit menu and choose Auto-blend Layers.
And by default you should see stack images selected. That's what you want and we also add this check box, Seamless Tones and Colors. It's a really great feature, although, it has a drawback that you'll see, but leave it on for now. Click Okay and then wait for Photoshop to work its magic. You are gonna see a progress bar for a few moments and then you'll see that Photoshop has automatically masked the in-focus portions of both of these layers, but all is not necessarily well. I'm gonna go ahead and zoom in here so that we can see what I'm talking about.
Notice that we have some pretty harsh edges around things, for example, notice how this stick right here just kinda declines into low focus at this point and that's following the mask. If I Control Click or Command Click on one of these layer masks, then you can see the tracing around there. These are very sharp masks by the way. They don't have soft edges so it's more probable than not that you're gonna see some abrupt transitions. And the best way to eliminate any of those sharp transitions is to blur the mask.
Problem is, I'll go ahead and press Control D or Command D on the Mac to deselect the image and then I'll Shift Click on this layer mask to turn it off and notice, I'll go ahead and zoom in here and I hope you can see this. Notice that the image got corrected inside of the area that it's visible, but it did not get corrected outside. I don't know why Photoshop does this because what it means is that you can't ever go back and modify the mask without revealing some bad stuff. So here's the solution, press Control Alt Z or Command Option Z on the Mac to back step as many times as it takes and in my case I'm having to do it quite a bit here.
And then I'll go ahead and zoom back out until you get rid of the blend. So you wanna go back to your unmasked images like so. Then again make sure that both of your layers are selected like so and return to the Edit menu and again choose Auto-Blend Layers, but this time turn that check box, Seamless Tones and Colors, off and then click Okay and that way Photoshop won't attempt to modify the colors in the two images to match each other. However, as a result we really have some bad edges now and here's what you do to take care of that.
First of all, Shift Click on a layer mask for the background image. You don't need it to be masked at all. You can even throw away that mask if you want to and then go up here to this image and make whatever sort of modification you need to make it more or less match. So what I'm gonna do is go up to the Layer menu, choose New Adjustment Layer and choose Levels and I'll go ahead and call this layer Darken, let's say, and I'll turn on this check box, Use Previous Layer to Create Clipping Mask and I'll click Okay and that way we're affecting this layer and this layer only.
And now I'm gonna click in this middle value here in the properties panel which is the gamma value and then I'm gonna press Shift Down Arrow a couple of times to reduce the gamma value to 0.8. And I might tap the down arrow key a few more times to reduce that gamma value further until I'm seeing more or less of a match around this coin right there. So I've got a gamma value of 0.77. You might come up with something different. At which point I'll just go ahead and hide the properties panel. All right, now what you wanna do because we still have some very choppy edges going on here, you wanna select that layer mask by clicking on it here inside the Layers panel and actually what you wanna do is double click on it to bring back the properties panel.
And now the easiest way to blur a mask is to modify the Feature value like so and what that's gonna allow us to do is blur the mask on the fly so we can always come back and change our collective minds later if we like. And for my part I ended up with a Feather value of 50 pixels like so at which point I will once again go ahead and hide the properties panel and also press the M key to switch back to the rectangular marquee tool. And I'll press the F key a couple of times in order to switch to the full screen mode so that we can take in the final version of the image which features both this placard in the background and these foreground coins in focus which is largely a function of the Auto-blend Layers command here inside Photoshop.
All right, gang, next week I have an extra special treat for you. I'm gonna show you how to assign multiple strokes and drop shadows and color overlays and gradient overlays to any layer you like inside a Photoshop CC 2015. Deke's Techniques, each and every week. Keep watching.
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.