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.
All right, as promised in the previous movie, in this movie I am going to show you how to repair seams in a repeating pattern tile. What I am looking at here is that midway point in the previous movie, in the previous composition, where I'd gone ahead and assembled the two ribbons inside of a Smart Object subject to the Offset filter. What I am going to do now, you can see that we have these bad seams in the red ribbon that are covering up, incidentally, the bad seams in the gold ribbon, and what I want to do is put a little bit of gold ribbon over here on the left-hand side and fix the red ribbon down here at the bottom.
So I'll switch over to the red ribbon image, and this is a stock image from the Fotolia Image library. Notice that it's got some extra width. This original version of the image has a little bit of extra ribbon associated with it. And the good news here is that this is a fairly uniformly horizontal strip of ribbon. So what I am going to do is select just slightly up with my rectangular marquee tool--notice that. I am selecting into the antialiasing at the top and then I am selecting down across the bottom, like so, all the way to the left-hand side of the image, but I'm not selecting the little bit of antialiasing below the ribbon. Just above.
The reason will become evident in just a moment. All right, I'll go up to the Edit menu and choose the Copy command, or press Ctrl+C, Command+C on the Mac. Ten I am going to switch back to the previous composition and I'll go to the Edit menu and choose the Paste command, or Ctrl+V, Command+V on a Mac, just to paste that guy into place. I'll go ahead and zoom in a little bit, so I can better see what I'm doing. I'll put the ribbon in a place that it looks like it wants to be. How about right there? That looks pretty darn good. And I'll move over here. Now I need to go ahead and of course mask this ribbon, and so I'll go ahead and select an area like this little vertical area.
So this is not the world's toughest mask, by the way. With this layer selected, let's go ahead and call it 'red ribbon', why don't we? With this layer selected, I'll drop down to the layer mask icon, the one that says Add Layer Mask, and instead of clicking on it, I'll Alt+Click or Option+Click. If you Alt+Click or Option+Click on that little mask icon, then you go ahead and mask that portion of the ribbon away. All right, now I am going to grab my Brush tool--which I can get by pressing the B key--and I've got a little brush going. So its Size is 25 pixels, Hardness 0%, I want it to be nice and soft for this effect, and my foreground color is black so that I can paint into the ribbon.
Because I am painting away the ribbon I should say, and I am painting in the bow from the Smart Object below. All right, that looks good. Now the only thing--well, there's two parts that are kind of messy at this point-- actually three things. Three things are a problem. You can't see one of the problems very well. Basically, this bit of ribbon just begins abruptly, but the texture of the ribbon is so indistinct at this point that we can't really tell. But we might as well be careful. So I am going to go ahead and grab my Gradient tool, which I can get by pressing the G key, and I am going to create the gradient around this area here. But just to test how big that ribbon is, I'll Ctrl+Click on it or Command+Click on its thumbnail there inside the Layers panel. And that just draws a selection around the opaque portion of the layer. And I can see that starts right there and I know that my greeting wants to end right there.
So I'll press Ctrl+D or Command+D on a Mac once I've positioned my cursor in order to deselect the image. Then I'll drag from about this point to here. And by the way, I neglected to mention a very important thing that I did in advance here. I'll go ahead and release. That takes care of that, by the way. We've got this gradient, so that we are partially masking away the right side of the ribbon, so it's fading into place. But the reason it's working is because I've set my gradient--up here in the Options bar-- I've set it to foreground and transparent, so that I'm not wiping out any other portions of my layer mask.
All, right, so I just painted in a little bit of black there. All right, the other problem is that this little bit of antialiasing at the top here covers part of the gold ribbon. So I am just going to select very carefully into that gold ribbon using my Rectangular Marquee tool. And so I can see what I am doing, I'll press Ctrl+H, Command+H on a Mac, to hide that selection. Then I'll check that my layer mask is selected. It is. My foreground color is black, so I'll press Alt+Backspace here on a PC, or Option+ Delete on the Mac, to fill that selected area with black. Now we've got a nice transition there.
All right, the one remaining bad part of this red ribbon, notice that all of a sudden we have a little bit of antialiasing at this point down here. Okay, so what I am going to do--that's from the Smart Object below. That's from the original version of the ribbon. So I am going to select this area quite carefully, once again with the Rectangular Marquee tool. It's amazing how much you can get done with this tool. I am going to go ahead and select that region, and then I'll create a new layer above red ribbon. So I'll go ahead and select the red ribbon layer. Create a new layer by pressing Ctrl+Shift+N, Command+Shift+N on the Mac. Let's just call this white because that's what it's going to be filled with, and I'll press Ctrl+Backspace, or Command+Delete, to fill that region with white because white is my background color.
All right, so that takes care of the red ribbon. It looks lovely. All right now, let's get some gold ribbon action going. I'll switch to my original gold ribbon image. The longest length of gold ribbon is up here at the top. So I am going to grab it like so and Ctrl+C, Command+C on the Mac, to copy it, switch back to my composition, Ctrl+V, Command+V, in order to paste it and then I'll go up to the Edit menu and choose Free Transform--Ctrl+T, Command+T on a Mac, for what that's worth. I'm going to right-click inside of the bounding box and choose Rotate 90 degrees CW or CCW. It doesn't even matter, just I'll choose one of them.
It will rotate the guy 90 degrees, and I'll press the Enter key, or the Return key on a Mac, in order to apply my modification. Then I'll move this guy into place and I am going to actually going to apply two passes of Free Transform in a row, which is not normally something I recommend you do. But the rotate-90-degree commands, they are actually nondestructive. They just move pixels to different locations they don't rewrite pixels, so no harm done so far. Anyway, I am going to go ahead and grab this portion of the ribbon that's covering up the gold bow and just delete it, just get rid of it. And actually, I didn't get rid of enough, so I'll slide it over some more and delete that.
No need to mask that away quite yet. Then I'll click off. I'll press the 5 key to reduce the opacity of this layer to 50%, so I can see through it to the layer below. And basically, what I have to do is sort of shift it a little bit. I've got to skew it and resize it a little bit so that it totally covers up the gold ribbon in the background because it's going at this kind of wacky angle. So I'll go up to the Edit menu, choose Free Transform--Ctrl+T, Command+T on a Mac-- and I am going to Alt+Drag, or Option+ Drag, this top handle right there in order to scale both sides out from the center.
And then I am going to Ctrl+Drag or Command+Drag this side handle in order to skew this layer just a little bit. I might actually Ctrl+Drag this corner handle in order to distort the ribbon out a little bit and Ctrl+Drag this one as well. That would be a Command+Drag of those two handles on the Mac, by the way, in order to move those handles independently, so we are applying a four-point distortion. All right, then I'll press the Enter key, the Return key on a Mac, in order to go ahead and apply that modification. Now that was the destructive pass of free transform for what that's worth.
All right, now I am going to get my Lasso tool right here--and actually you may feel more comfortable with the Polygonal Lasso tool. So I'll go ahead and grab that guy, and I'll click around the area that should be opaque where this ribbon is concerned. So it's a little too big right now, just so I have some wiggle room. I am going to get rid of some of that wiggle room of course, so that it fits better, so that it looks like it actually belongs inside of this image. Then I'll double-click in order to finish that polygonal selection. I'll drop down here to the Add Layer Mask icon. Actually, let's go ahead and name this layer first.
We will call it 'gold ribbon' just to be tidy. Then I'll drop down to Add Layer Mask and click on it, and that goes ahead and masks that portion of the ribbon. Now it's not the most complicated mask on earth, but actually it's going to work just fine. All right, now I am going to the 0 key to restore the opacity back to 100% there. And that looks pretty rotten, so let's go ahead and grab the Brush tool, which you can get by pressing the B key once again. And I'll increase the size of my brush. I am doing that by pressing the Right Bracket key. And I'll just go ahead and paint with black inside of that portion of the ribbon, just to reveal some of that sort of luminescence that's going on there in the original undistorted portion of the ribbon.
Then I'll go ahead and paint over on this side as well to ensure that we have a mask. Because if I leave that alone, if I left it the way it was, then I potentially create another problem seam because you may recall that the left edge has to match the right edge. All right, so that looks pretty good. I think I'm seeing a little bit of red ribbon coming through. Yes, I am. That's bad. So I'll reduce the size of my cursor by pressing the Left Bracket key. Press the X key in order to switch the foreground and background colors and go ahead and paint a little bit of white into there.
But I went too far--darn it--and so I am going to have to undo that. That's the easiest thing to do anyway. I'll just go ahead and paint over that again. All right, better not to make those kinds of mistakes, frankly. All right, then finally, the last thing I need to do is add those shadows. So I'll get my Rectangular Marquee tool, just like I did, and I'll go ahead and select about that region there. We actually need a new layer, so I'll click on white to make it active. Press Ctrl+Shift+N in order to invoke the New Layer command. Call it grads. Go ahead and click OK, and let's get the Gradient tool.
Notice I'm still creating a foreground-to-transparent gradient here. But I have in advance set the foreground color, which was black when we were working inside the layer masks, but now that I'm out of the layer mask it goes back to the color I set it as. It's a very dark shade of red. So it has a Hue value 10 degrees, Saturation 50%, and Brightness of 10%. And I'm working with HSB sliders over here inside the Color panel. All right, now I am going to drag in order to create a little gradient like so, and I am pressing the Shift key to constrain the angle of my drag. That looks good.
Then I'll press M key to switch back to the Marquee tool and go ahead and marquee this region right here. Again, I'm being careful just to get the area that has ribbon in it. Then I'll press the G key in order to get the Gradient tool, and I'll drag like so in order to fill that little region with a gradient. I'll press the D key in order to deselect the image, I'll press the M key to switch back to the Marquee tool, and then I'm going to press the 5 key in order to reduce the opacity of this layer to 50%. Now my seams are totally healed.
I can go up to the Edit menu, I can choose the Define pattern Command, I can define this as a pattern, I can fill another image with a repeating pattern and we will have no seams whatsoever. So that's one way, anyway, to fix the seams in a repeating tile pattern 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.