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 McClellan. Welcome to Deke's Techniques. This week, we're going to take what is probably my favorite new command in Photoshop CC 2014, found under the Select menu, it goes by the name Focus Area. And we're going to use it to extract lynda.com director, Scott Ericsson from his low-focus environment, in order to create this kind of line engraving effect that I call, Very Local Currency. Here, let me show you exactly how it works. All right, here's that pseudo-monetary engraving effect just so you have a chance to see it on-screen.
And you may note that the horizontal lines, more or less, follow the contours of Scott's face. But the first thing that we need to do is extract him from his background using the new Focus Area command in Photoshop CC 2014. And so you can see in the original photograph by Jacob Cunningham, that we have Scott set against this low focus background. So what we need to do is set him on a new layer by pressing ctrl+A or cmd+A on the Mac, in order to select the entire image. And if I zoom out, you can see that we have marching ants around the edges.
And then press ctrl+shift+alt+J or cmd+shift+opt+J on the Mac, to jump the entire thing and remove it from this layer. And we'll go ahead and call this new layer Scott and click okay and you can see that the background is now empty white. And I'll demonstrate that by turning Scott off for a minute. And now I'll turn it back on. Now we need to extract them. So if you're working with the newest version of Photoshop CC, great. You can follow along, if not, you can see what's up. I'll go up to select menu and choose the focus area command. And then Photoshop is going to automatically do it's thing here, and it is going to take a moment in order to run this calculation.
And then at some point, you're going to see sky get extracted from his background. Now, if Photoshop is masking away too much, you want to increase the in-focus range value, as I've done here. If it's selecting too little, you want to take that value down. What I'm going to do is take it up to five for now. And notice that that leaves Scott's ear masked away. Notice these little brush tools. One has a plus sign next to it, the other has a minus sign. By default, the plus is selected. And what that allows you to do is brush back in, for example, Scott's ear.
So I'll just brush in there to bring it back. And then you want to get rid of some details. And I'm going to Spacebar drag the image down a little bit. And to get rid of the details, you can either switch to the minus brush or you can just press and hold the alt key or the opt key on the Mac, and brush like so in order to get rid of some stuff. And if you want to add details back in, such as the top of his eyebrow here, you can brush back in without pressing the Alt or Opt key. And I'm going to alter option click right about there just to finesse things just a little bit to see if I can get rid of just that tiny little detail.
And then I'll alter option drag above Scott's hair like so, and all you have to do is alter option drag a little bit inside of the stuff that you want to get rid of. And you don't want to get to tight to the hair for example. This is going to look pretty rough. But believe it or not, this is the effect we're looking for. And you can turn on the Soften Edge option if you think it's going to do any good. What's going to do you a lot of good is to go ahead and click on the Refine Edge button. So, that's what I'm going to do to bring up the Refine Mask dialog box.
And now, I'll change Radius Value to 20 pixels and that'll allow Photoshop to reevaluate the edges. And now, I'm going to crank up the contrast value to 50% and I'll press the Tab key, and you want to make sure that you're outputting to the layer mask which we are. At which point, just go ahead and click the OK button in order to accept your change. Now, you may notice that you've got some garbage over here in the far left hand side. And if you want to inspect the mask by itself, just go ahead and Alt+Click or Opt+Click on its thumbnail here inside the Layers panel.
And then I'll just go ahead and select this garbage over here. Black is my background color, so I'll press Ctrl+Backspace or Cmd+Delete on a Mac, in order to get rid of that stuff. And then, I will press Ctrl+D or Cmd+D on a Mac to deselect the image. And I will Alt-Click or Opt-Click, once again, on the layer mask, in order to turn it back on. All right. Now, obviously, those edges look pretty terrible. But they're going to look just fine when we turn this into an engraving effect. And to do that, you want to make sure that you have your rectangular marquee tool selected, near the top of the tool box.
And then, right-click inside the image window, and choose, duplicate layer. And we'll go ahead and put this layer inside of a new document, and I'll click OK as well. And now I'm going to right click on that layer mask here inside the layers panel and I'm going to choose delete layer mask to get rid of it. And now I'm going to flatten the image by going into the layer menu and choosing flatten image like so. Now I want to convert this image to grayscale. So I'll drop down to the black and white circle at the bottom of the layers panel, click on it, and choose Black and White.
Now, the settings that I came up with, and these are purely subjective settings by the way, are 100 for the reds value, 80 for the yellows, I took the greens value down to zero. I set the cyans to 150, I set the blues to 100, and I set the magentas to zero, like so. And then, I went up to the file menu and chose the Save As command. And I went ahead and saved the file under this name right here, 'Portrait in gray'. And I'm going to do that for you right now. So, I'll go ahead and click the Save button, and I'll click the Yes button in order to replace the original file.
When you see this dialog box right here, Photoshop Format Options, it's very important that you leave the maximize compatibility check-box turned on for this effect to work and then, click OK. All right, now that we've saved the file, you can go up to the image menu, choose mode, and choose Grayscale. And this is essentially the first step in creating the engraving effect. You have to convert it to a Grayscale image first, be sure to flatten the image for this effect to work. So, click on the Flatten button. And then, when you see the Discard message, go ahead and click Discard.
Then, you want to go back to the Image menu, choose Mode again and this time, choose Bitmap. Now, this image happens to be 300 pixels per inch. We're going to quadruple the size to 1200 pixels per inch. And you want to change the method to Halftone Screen and then, click OK. And once you see the halftone screen right here, you want to set the Shape to Line. Although, you can experiment with the others ones if you want to. But for an engraving effect, you want Line. And I set the angle zero degrees. Again, you can adjust that to taste.
And I set the Frequency to 20 lines per inch. So we have some big, thick lines. Then you want to click OK in order to apply that effect. And notice if you zoom on in, you're going to have tons and tons of detail. Go back to the image menu, choose Mode, and choose Grayscale again. And you're going to see this little dialog box here asking you for the size ratio. One is just fine, click OK. Now we do want to make this image smaller by going up to the image menu, once again. And this time I want you to choose the Image Size command if you're working along with me.
And you want to make sure that resample check box is turned on. Then reduce the resolution value to 300 pixels per inch. And for the best results where this effect is concerned, you want to set your interpolation method here from Automatic, which is the default, to Bilinear, which is going to give you the smoothest results. So go ahead and choose Bilinear, then click OK, and you'll get this smaller image right here. Then right-click inside the Image window and choose Duplicate Layer. And let's go ahead and put this layer back inside the original image Our Driend Scott and I'll click OK.
Now I'll return to that image like so and there it is. Now we need to rename it. So I'm going to go ahead and call it engraving, and then I will press the Alt key or the Opt key on a Mac and Click on this horizontal line between the engraving and the Scott layers. So that we are masking the engraving layer inside of the Scott layer like so. All right. Now we want to add the paper fiber so just go ahead and turn on that fiber layer that I've created for you in advance. It comes to us from the Fotolia Image Library, about which you can learn more and get special deals at fotolia.com/deke.
Now we're going to colorize this layer by dropping down to the fx icon so notice the layer selected and choose Color Overlay. Click on this little color swatch where there's red or, as in my case, gray, and we need to dial in a few money-like values. So I'm going to change the hue value to 75 degrees. Tab down to the saturation value, change that to 25% and I'll take the brightness value up to 100% and then click OK. And now I'll change the mode from normal to color in order to colorize the money like so.
And then let's switch to Dlending Options Default right there on the left-hand list. And I'm going to change the blend mode to Multiply. And I'm going to take the opacity value down to 50% to create this effect right here and then click OK. And now, we need to go ahead and add the money symbol, which comes to us, by the way, this is something we created in the past for those of you who are regular viewers of this course. This comes to us from Illustrator, for one thing, but it was Deke's Techniques 168 way back in 2010.
And so, I just basically copied this illustration from Illustrator, pasted it into Photoshop as a smart object. And now, we're going to colorize it as well by dropping down to the fx icon once again, choose Color Overlay. Go ahead and click on the color swatch and this time, we're going to dial in a brighter green. It has a hue value of 90 degrees, a saturation of 75%, and a brightness of 25% then click OK. And now you want to change the blend mode for this color overlay to screen. So that we're just coloring the black stuff in the logo.
But you can see, we've got a lot of white stuff left over. And to get rid of that, go ahead and switch over to Blending Options, Default once again. I want you to press the Alt key, or the Opt key on the Mac, and drag the left half of this white slider down to 200. So we have zero, then 200/255 for the, this layer settings. And then, you want to set the blend mode to multiply, but that doesn't quite do the number. Notice we have this light, sort of halo around the seal.
So what you need to do to get rid of it is turn on this check box, blend interior effects as group, and then it will go away like so. And now you can click OK to accept that change. Now we're almost done, there's just one more modification we need to make and to see it up close and personal, I'm going to zoom in. By pressing Ctrl-Plus or Cmd-Plus a couple of times. Go ahead and switch to this engraving layer here inside the Layers panel and then right-click inside the image window. Using your rectangular marquee tool once again and choose convert to small object. And now what you want to do in order to match the lines to the contours of Scott's face.
You want to go up to the Filter menu > Distort > Displace. And I came up with a horizontal scale value of zero, which means that we're not waving the lines back and forth, and a vertical scale value of five, so they will ripple up and down. You want to leave displacement map set to Stretch to Fit and undefined areas are fine at repeat edge pixels then, click OK. And now, go ahead and locate that file we just saved called Portrait in gray.psd and click on the open button. And Photoshop will use that file in order to ripple the horizontal lines as we see right here.
So if I press Ctrl+Z or Cmd+Z on MAC, this is the before version of those lines. And if I press ctrl or cmd+z again, this is the after version. And now I'm going to go ahead and press the F key a couple of times, in order to fill the screen with the image. And that's how you create a pseudo currency like engraving effect using a combination of the new focus area command along with the bit map conversion and a displacement map here inside Photoshop. So, how do you like that one? I can't hear you. No, seriously I, I can't hear you.
Next week I'm going to show you how to integrate 2D and 3D art in Photoshop to create this entirely synthetic hammer head shark. 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.