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.
In this movie, we'll take the remaining reflective spaces, on the game board. Specifically, these 2 win votes spaces and home state, and we will replace them with them with elements found elsewhere inside the game board, in order to create this effect, right here. At first it may seem like just a lot of busy work. For example, I'll go ahead and switch over to the image in progress here. Obviously we need to select something like this win votes space right there. That's in good shape. And then duplicate it and rotate it into the proper position.
The problem is that no two spaces, whether they're supposed to be identical or not, are going to actually be identical in a photographic image. So in addition to some scaling and rotating, we'll also need to apply some advanced blending. The first thing I'm going to do is grab this home state emblem over in the south, so I'll go ahead and zoom in on it. And I'll also switch from my rectangular marquee tool to the elliptical marquee, and then I'll select around this area like so.
And of course you can move that selection on the fly by pressing and holding the space bar, and that'll allow you to better align your selection along with the contents of this space. And I want to keep it pretty tight right here, because I don't want to select into fly anywhere over on the left, or win votes above and to the right. So this looks like a good selection to me. At which point I'll go ahead and select the board game layer here inside the Layers panel. And then I'll press Ctrl+Alt+J, or Cmd+Option+J on the Mac, so I can jump and name this layer.
And I'll just go ahead and call it home state and then I'll click OK. Now I want to move this layer to the top of the stack and you can do that by either dragging upward or there is a keyboard shortcut you can take advantage of. And that's Ctrl+Shift+ or Cmd+Shift+ on a Mac. So Ctrl or Cmd with right bracket, I'll go ahead and undo that. Ctrl or Cmd with right bracket just moves it up one level, like so, Ctrl or Cmd left bracket moves it down. If you add Shift then you go all the way to the top.
So again Ctrl+Shift+. That's Cmd+Shift+ on the Mac. Now I'm going to press the Ctrl key, or the Cmd key on the Mac to get my move tool on the fly. And I'll go ahead and drag home state over like so. And I'll space bar drag the image to scroll it. And I'll control or command drag this guy over until it's more or less in the proper place. Now, of course, it needs to be rotated. But if we're going to apply a transformation we might as well do so dynamically, which means that we first need to convert this tiny layer into a smart object, by right-clicking on it.
In this case using the elliptical marquee tool. And I'll go ahead and choose Convert to Smart Object. Now we're going to have an easier time seeing how this home state in front right here, how it aligns to the one in back if we get rid of the white. Notice that the white doesn't match. I'm going to zoom in just a little more. The white behind home state here doesn't match this kind of yellowish white. That's left behind in the lower left corner of the image. So I'm just going to drop out that white by switching over to the Layers panel and double-clicking on an empty portion of that home state layer to bring up the Layer Style panel.
And then what we need to do is modify the This Layer settings. So if you want to drop out the white, you need to drag this top white slider triangle. Over to the left like so and I'm going to take it all the way over to 100, is what I'm looking for right there. Now, notice that that leaves behind some very jagged edges. To get rid of them, press the Alt key or the Option key on the Mac and, drag the right half of this white slider triangle over to 200.
So these values read 100/200 like so, and now we have a pretty soft transition as you can see, and now I'll click OK in order to accept that change. Now we need to rotate and otherwise transform this layer into place, so I'll go up to the Edit menu. And I'll choose Free Transform, or you can press Ctrl+T or Cmd+T on the Mac. And then I'll just go ahead and drag this guy around like so in order to spin it and I'm dragging outside the transformation boundary incidentally, in order to rotate the layer.
Now, I'm just going to kind of nudge it a little bit from the keyboard until the S is more or less in alignment, as you see it here. And now I'll drag this target which is the transformation origin, the point around which we can scale and rotate this layer. I'll drag it into the upper curve of the S like so. And then I'll drag out again in order to pivot the layer with respect to that point. So that it more or less aligns and actually at this point I think things are looking pretty good. You're going to be able to see better, however, what the transformation looks like.
If you go ahead and apply it by pressing the Enter key or the Return key on the Mac. And this actually looks pretty great the way it is. Right now, with the exception of the fact that it's a little bit too opaque. So I want to go ahead and mix these two images together. By reducing the opacity of this layer to 70% which I'll do by just tapping the 7 key like so, and we end up with this effect here. So, if I zoom out a little bit, and I turn the layer off. You can see that's the way it really looks. The way it was photographed, with a reflection coming off of it.
And, this is the way it looks now. Which is pretty darn good. Obviously, it's not a perfect match, but it's very nearly perfect. Which is good enough for me. Now, let's go ahead and grab a couple of win votes, here, from the south, once again, this mustard colored area. And, I'll go ahead and select this guy, and I'm just kind of dragging, again, fairly tight around it with the elliptical marquee tool, to go ahead and select that. And I'm using the space bar in order to better align this ellipse with that space.
And now, I'll go ahead and scroll up to this win votes and I'll press the Shift key, in order to add to my existing selection. And I'll go ahead and get this guy in place as well. You can use the space bar, do whatever you want in order to select it. Accurately of course. Now I've got two win votes selected, I want you to see that. And so I'm going to switch back to the board game layer and press Ctrl+Alt+J or Cmd+Option+J on a Mac in order to jump and name this layer. And I'll call it win votes, not very creative, but it tells a story.
And now I'll press Ctrl+Shift+. Or Cmd+Shift+ on the Mac in order to pop that guy to the top of the stack. And I'll Ctrl or Cmd-drag these two spaces over to about here, let's say in order to get them more or less into the desired location. Now again, I have to transform this layer. So just in case I change my mind later I want to convert it into a smart object. By right-clicking inside the image window and choosing Convert to Smart Object. You can tell it's a smart object because it has a little page icon in the bottom, right corner of the thumbnail.
Go back to the Edit menu. Choose Free Transform once again, and I will go ahead and rotate these guys around. Like so. And I'll go ahead and move this one upward. Now at this point, I think I'd like to be able to see through this layer to the image below. Which is why it's so great that you can change the opacity on the fly when you're working in a free transform mode. You can't do it from the keyboard. That is, you just can't press a number key, but you can select this value and change it. And I'm going to take it down to 70% just temporarily so I can see what I'm doing. And also go ahead and zoom in here a little bit, and it looks like that guy's right about there.
Now grab that target, and I'll drag it down so this is the center of the transformation once again, and I'll go ahead and zoom out. And I'll drag this guy up to about here, is where it looks like it wants to be. Now, I ended up figuring out some very specific values. Notice that the rotation value's almost 90 degrees. Which makes sense, right? Because we're rotating from the southern corner of the board game, over to the western corner. And, they happen to be perpendicular to each other. So, that's almost 90 degrees, right there.
But, not quite. In fact, the exact value I'm looking for is 89.88, and then, I'm going to change, and, this is something I discovered through trial and error, obviously. I'm going to change width value to 100.2 percent, and then I'm going to change the height value to 100.7 percent, like so. And then, after I press the Enter key or the Return key on the Mac to make sure that none of these values are highlighted anymore. I'll just go ahead and use my arrow keys to nudge the spaces into the desired locations.
And that looks like it right there. So I'll press the Enter key or the Return key on the Mac in order to complete the transformation. I'll turn off the layer just for a moment and then turn it back on to see that things are lined up and they are. But notice if I zoom in here, and I press the 0 key to increase the opacity back to 100%. Here are these win votes that are sitting on top and there's the win votes in the background. So because this game was printed in the 70s, they had different print technology obviously. Things weren't digital back then. So all of the spaces are a little different from each other.
The placement of the text is a little different. And also, if you take both of these spaces in at the same time, you can see that they're not colored really the way that they ought to be. They're too bright, the blue is. And too homogeneous as well. We don't have that texture that we have in the west blue background. And so, what I'm going to do is select the words, win votes. Using the Color Range command. So, I'll go up to the Select menu, and choose Color Range. I can't really see what I'm doing here because my Selection Preview is set to Grayscale.
So, I'll change it to none, and I'll click inside of the T, and I'll Shift-click inside the O, and the V a couple of times just to get things started. And then, I'll switch back to Grayscale. And I'm going to crank this fuzziness value up to 100, then press the Tab key so that value's no longer active. And now, I'll press the Shift key and click a few more times inside the words win votes. You need to make sure that you don't have any grey stuff inside the letters up above, or down here below.
But you don't want to go to far with it. If you do, if you accidentally select too much more than you see than I've selected here on screen, then just go ahead and press Crtl+Z or Cmd+Z on a Mac to undo that most recent change. And this looks like it's going to look pretty well for me. So again, the fuzziness is 100. You want to make sure the letters light up white, like so. And then click OK in order to create that selection. Now we only want to select inside of win votes, the two win votes spaces.
So you want to find the intersection of the current selection and the layer itself and you do that by mashing your fists. So, it's Ctrl+Shift+Alt here on the PC or Cmd+Shift+Option on the Mac. All three modifier keys. And then notice when you hover your cursor inside the layer thumbnail, right there, you'll see a little x next to the pointing finger and that indicates an intersection. Go ahead and click, so that's a Ctrl+Shift+Alt-click or Cmd+Shift+Option-click on a Mac. And, let's turn that, now that we've just selected the letters, like so.
And, a little bit of the edge detail, so that's not a problem. Let's go ahead and turn that into a layer mask, by clicking on the Add Layer Mask icon, at the bottom of the Layers panel. Now, notice if I go ahead and zoom on in here, that we've taken away too much information. And, we're leaving behind, those very, very light win votes letters in the background. So I'll go ahead and turn that layer back on. What we need to do is expand the mask. That is to say if I Alt+click or Option+click on this layer mask thumbnail right here, you can see the mask anywhere where it's white.
Then we're seeing the contents of the layer, the active layer, and anywhere where it's black, we're not seeing the contents of the layer and the gray means we're kind of seeing it. But what we need to do is expand the whiteness outward. So I'll Alt-click or Option-click on that layer mask thumbnail so that I can once again see the full color image. The way that you expand white in Photoshop is to go up to the Filter menu. Make sure that layer mask thumbnail is selected. Choose Other, and choose Maximum. So maximum is going to expand the maximum luminance level which is white, and minimum is going to expand the minimum luminance level which is black.
So maximum, when you're working on a mask like this, a layer mask, maximum expands the mask and minimum contracts it. Anyway I'm going to choose Maximum and I want this guy to have a radius of two pixels and you want Preserve assuming that you're working in Photoshop CC, you want Preserve to be set to Roundness. This is a totally wonderful option. That gives you round edges instead of square edges, and also allows you to enter decimal values. Anyway, we're looking for 2.0 roundness, click OK.
And we end up with this effect here. So you can see that fills in the gaps nicely. This was before, horrible, and this is after very nice. And we have some slightly wonky edges up here, we kind of have these little shadows behind the letters, but I'm not troubled by that. I think it's going to look good, and in fact it looks great when you start to zoom out from the image like so. And so that friends, is how you go about restoring repeating details such as the spaces on this game board inside of a digital photograph, 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.