Create a Type on Rope Effect in Adobe Photoshop CC2019 Design Class | Benjamin Halsall | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Create a Type on Rope Effect in Adobe Photoshop CC2019 Design Class

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

6 Lessons (21m)
    • 1. Class Introduction

    • 2. Setup your layers

    • 3. Mask The Rope with the Quick Selection Tool

    • 4. Clean the Background with Retouching Tools

    • 5. Add, Position, Scale & Rotate Type

    • 6. Create Shadows for a 3D Look

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

In this lesson, we go in-depth into how you can composite multiple layers together to create this effect where the rope looks like it is weaving in and out of the type.

Follow along step-by-step, in this easy-to-follow tutorial, as you learn how to create this effect.

Download the image used in the tutorial >>


Meet Your Teacher

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses


For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Class Introduction: and it's been household here and here in this photo shop class we're gonna be having a look at how we create this desire, but we hang text off of a rope in Adobe Photo Shop. Now, this design is gonna enable us to look at how we work with layers, how it composite layers together by creating transparency on different parts of those layers. And then also how we work with things like the type and re sizing tool toe composite, these different elements together in a baby photo shop is a lot smart. Use off the different layers to create transparency, and you're gonna learn a ton of useful skills that you can use every day in other Photoshopped design projects that you're creating. So without further ado, let's dive in and have a look at how we create this type on road effect in Adobe Photo Shop 2. Setup your layers: So before we get started, we're just gonna set our screen layouts, and we're all looking at the same thing. So if you come to window workspace, make sure that you're on the essentials view, which is what we use for this exercise on also hit reset essentials and that will reset your window layout. It's a great tip if you're missing any of the layers panels, any of the kind of useful panels that you need when you're working for a shop. Then using the reset button out of the window, works based button will get you back to your original screen layout. We are also going to minimize thes panels across on the right. We don't need to learn or the libraries options here on, we've opened up the J pig image that we're gonna work with, so the first step here is to just make a duplicate off this image. So I'm gonna just drag my image down to the new Layers panel. Now we can duplicate in a couple of different ways on screen here, so drag the layer down to your new layer button, or you can right click on a layer on go to duplicate, which is up at the top here. So now that we've got a Jupiter on the layoff in the next lesson, we're gonna have a look at how we mask out this road. So, basically, in orderto we've this through the letters, we're gonna need tohave a layered version off the rope on its own, and we're also gonna do some things like cleaning up the background here so we don't have this kind of black area in the pool in the background. So let's move on to the next lesson and have a look at how we a mask out this rope. 3. Mask The Rope with the Quick Selection Tool: So in this part of lesson, we're gonna have a look at how we mask out this road. So we create some transparency behind it, and then in the next lesson, we're gonna have a look at how we clean up the background. So, firstly, how to mask out the rope. So we're going to grab from our tools on the left hand side. Here are quick selection tool. Okay, so it's the fourth tool down in your toolbar here on basically with a quick selection tool . If we can't tar brush options at the top, we can modify the size. We want the size that to be basically somewhere. So it's about 1/4 to 1/3 of the width of that rope. So as we drag along here with a quick selection tool, it's basically gonna detect the contrast of the edges on. It's gonna highlight just that rope. So as we move along here, the rope in the foreground is nicely lit a little bit differently to the background, so we should get a pretty good cut out of that rope right from the get go. If you want toe, check the archives. Good. Then you might go to view on 100% and then you can kind of see, as we move along here, using either the scroll bars or by holding the space bar weaken, drag along are open this kind of check that everything is selected and we're using the ad option for a quick selection tools so you can see we've got quick selection. Add to existing selection and subtract from existing selection up here, the top left. We just keep clicking here. We should kind of refine the edge of that rope, so that looks good enough to me. For the moment, I'm gonna use the shortcut, Commander zero to resume toe fit. And now, with this background copy layer selected, I'm just going to use the button on the layers power in the bottom here to create a layer mask. So click had layer mask, and you'll see you'll get a little black and white image that should be about the same thicknesses your rope in the thumbnail there. So if I hide the background here by clicking the little eyeball, you'll see we just have the rope there and then the checkerboard background, which indicates that the background that part of the image is transparent if you make any mistakes, when you're kind of cutting out images or anything like that. So, for instance, I'm just gonna come to my brush tool here. Well, just make this a little smaller. So with my brush tool, gonna hide the background here. If you have any kind of holes in the middle of your rope here, we can use the brush tool. I'm just using command or control and plus to zoom in. We can use the brush tool here, either with black toe hide parts that laugh or, if I flip this round so it's white in the foreground to kind of Riyadh, parts that layer. And if I right click, I can increase the hardness of my brush and decrease the size of it. So basically, you can see here as I paint with black. Here in the foreground, it takes out power that layer on with white. It will react that laughs. That's how the black and white kind of works, either with black to hide the layer or with white, reveal it. So that looks pretty good there for me. Now we're now going to move on and clean up the background, so we just have water in the background 4. Clean the Background with Retouching Tools: it's now we're gonna move here and work on the background image here, and actually, I'm gonna work on the Jupiter in the background again. I want to keep one version of this background intact just in case I mess up anywhere. So I'm going to right, click on, make Another Jupiter that layer and we'll call this water and actually will call this background layer that we created before wrote so we can organize our layers a bit here. So with the water layer basically on this layer with its selected on when you're doing this kind of retouching, you want to make sure you have the layer that you're working on selected, not a different layer on. I'm gonna zoom out a little bit and we can use command or control and minus to zoom out. Or if you're using a scroll wheel mouse, you can use bolt on the scroll wheel on your mouse. So basically here, I'm not really worried too much about the rope. If that disappears, that's fine. We're going to jump to a tool down here called a patched or no, wherever you see this little white arrow at the bottom right of your tools on the toolbar. It means you've got extra options there. So underneath the spot healing brush tool, which should be the default for you. We have the patch talk on. Basically what the patch tour allows to do with source selected is to draw around source here. So around this black blob, Andi, basically, if we drag this and move it now, we're gonna be able to select another part, that image to replace what was there. Okay, so you can see now I've replaced that. And it's not a pretty good job at stitching those together. It's only do the same for the rope. I don't really want the rope here on this layer. Andi. I've over selected here, so I'm just gonna hold down the bulky option key on my keyboard. Justice, Subtract a bit of that selection. So now if I drag this up or down, I can replace what was the rope with some water. So basically, I have ah water in the background. Now, is that a reason to get job there? If you were just having this on the image and to the trained eye, people would be able to see that this from part of the image wasn't quite right. But as we add the rope in there and then also the text over the top with a little bit of smoke and mirrors that we are gonna hide the fact that we've done any photo shopping to the background there. 5. Add, Position, Scale & Rotate Type: still, with my water layers selected, I'm gonna add my letter. So basically, for this particular example, I'm going to use point type. So I'm just gonna click once on, it's gonna add type on. And I'd already increased the size of my type to quite a large size. So you might notice if you've got something like 12 points selected that it's actually very small on the campus there. So we've got quite a high resolution image in the background. So I'm gonna increase this to 1296 which is the maximum point size we can have their on. We're just gonna type in the letter R. Okay, so we're basically gonna hang the word rope off of this road so we can now jump to our move toe and I'm gonna move this into position. So if I go to edit on free transform, I can still increase the size of this, and I can rotate it. So basically, I want to rotate this to the point where we could have the rope kind of flying through the middle of this are on. I'm deliberately not distorting the letters. So even though I'm re sizing it. I'm keeping it in proportion here, which we can do with the in proportion on a bun checked up here. So now that we have that set up, what we want to do here is actually duplicate our row player because we're gonna be modifying this. And if we make any mistakes on, we wanna be able to go back to the original. So I'm gonna duplicate my right player. I just call this rope original. So this is unchanged the moment and then I'm gonna hide that layer. I don't actually need it for the moment. So on my mask here, we're going back to that black and white brush. And actually, I do want to keep this rope original on on it alot. The letter says that as we hide, parts of this rope will have a kind of intact rope visible so you'll see what will happen there. So with ropes out, we're gonna have rope original. So the rope that we're not gonna change down here on, then we will have the rope up here, the one that we're going to mask out. So basically, on this layer, I'm gonna grab my brush tool, Andi, I can come up here and increase the size of my brush. So somewhere around here is good on. Basically, what I'm gonna do is paint on the mask layer to hide the part of the rope that would be flowing behind the are there, So using a black brush. So I flipped these round. So black is in the foreground. I can basically paint here and now you can see that we do that. It looks like the rope is moving in between that letter. The letter is hanging off the road. Okay, If I hide this right layer, you can see we lose that effect so we don't get the rope kind of flowing through those letters. If I hide the rope in the background that I'm gonna get a big gap around that letter. So basically, these two road players are joining up to kind of make that other layer. So I'm gonna duplicate the letter layer here. Uh, then we'll grab the move tour will move this across, and I'm gonna double click here and just typing. Oh, I'm going to use command or control and t to bring up the free transform tool options here . And I'm just going to rotate this a little bit to kind of match the anger of the road and hit Enter. So now I'm gonna add the rest of my letters here just to make sure that everything is gonna fit on there before we go any further. So I'm gonna hold down my bulky and then just duplicates this and I can see that I've made my far on my own too big. So I'm gonna just double click on the type layer in the layers panel. And it's another way that you can select your layers and we'll just duplicate this again. So we've got all our letters here, and then so they'll fit. I'm going to select all these layers. So shift and click on all those layers and then go to edit Andi free transform, and we're just transform these down a little bit. I'm just gonna position this other are still in behind that. Okay, that looks like we'll have enough space. So now we'll go to the old layer and just move it on t e and just move these a little bit. Actually, what we're gonna do is we're gonna transform down there. Oh, have a smaller and for this one will have a slightly smaller P. No, rotate this just a touch. We can resize that later on. Then for the e I'm gonna rotate. It's almost 90 degrees on re scale it so it can kind of clip onto the end of the rope. That's I This is gonna be our final design here. So now I've got all those position. I'm pretty happy with the positioning of scale of those. We're gonna come back to my mask layer. Andi, come to my brush tool on. Basically, I can figure out where this is gonna weave in and out of these letters. So it's in front of the beginning of that. Oh, on then I can paint this out and then it's gonna we've in behind the P there. So we've just got that in the right spot, and then it's gonna go underneath that middle. Hardly either. So you can see it super easy to kind of really set this up so you can see it's relatively easy to kind of set up on the basic flow of this. Now, in the next video, we're gonna have a look at how we add some shadow in here. So in the next part of lesson, we'll have a look at that. So we'll leave this movement on masking of the layers here. Just have a look at what we've got in our layer mask on Let's move on to look at how we create some shadows to give it a bit more of a three D texture. 6. Create Shadows for a 3D Look: now that we have, Ah, rope kind of weaving through our type here, and we're gonna have a look at how we add some shadows. So the first shadow we're gonna add is just on the rope itself. So basically, I'm going to add a layer just above the original wrote player, and I'm gonna make that a clipping mask. So right, click on, then come to create clipping mask. So we select the brush tool now, and I just quickly tapped be to select the brush door or you cut your toolbar on the left and select the brush tool. We'll grab that on, then, if we right click, Want to soften this brush down on? I'm also gonna drop down the opacity for the brush that as I add the shadow, it's not kind of fully intense as we add it. And then I'm just gonna increase the size this. So basically in here now we can click and add in on this layer. Um, some shadows just behind those parts. The image now the shadow. We gave it a very kind of soft edge here, but it's actually still bumping up against the mask a little bit. so we'll fix that in a second. So basically on this mask layer, I need suggest, actually kind of mask out that a little bit more. I'm gonna increase the capacity for this bit. I'm gonna zoom in here. You can see we can just stan that mask out a little bit so that we we're working on the mask layer. Now we can get that a softer edge. Re looks like the rope is weaving in behind those letters. Now, in this part of the image I accidentally mast out over the E, which I didn't want to do. Eso to fix that. I'm basically going to come to my original row player on hold down control on the PC or command of the mackin. Just click ones and that will select my original Marceau. I can come back to this later. Now on, then with the brush tool set toe white. I can just brush, and it's not gonna move outside that area. So you can see now when I'm brushing with black or whites to kind of extend this out. I've got some nice kind of control over where I'm brushing on him. So if I accidentally brush out a bit here. Then I can press X to flip back that I can fix that quite easily. And now you can see we've got that happening quite nice. There's one mawr a little bit here, which we've kind of messed up a little bit. So I'm just gonna fix in here, Okay? So if you notice any issues of your mask when you create transparency where you didn't mean to, then you can always jump between black and white to go back and fix that. So let's had some shadow below the rope over the top of each letter. So I'm gonna select my r and add a new layer above that, and I'm gonna just paint on this to start with, So I'm gonna drop down my capacity around 20% on then about the Are we just gonna paint a shadow in there so you can see the shadow that I'm painting has kind of stretched out beyond thea edge of the letter there, which we don't really want. So what I'm gonna do here to kind of fix that is I'm going to right click on my left and use that clipping mask again which is gonna clip the shadow so that it basically is contained to the letter itself. So now you can see I can use the brush toe have been extra shadow, and I could use the eraser tool to kind of take away the shadow if I overcooked it and the same for the oats. I'm gonna add a new layer right click come to create clip your mask. I can use my brush tool to kind of add in some shadow and then if we let up, we can kind of darken it towards the letter. And then we can tap g to use the razor tool, and the razor is set to soft as well, and that will allow us to just fix the flow of that shadow on the same for p. The new layer create clipping mask grabbed the brush tool. So Tappy on. Then we can just add that shadow in behind there. So we really get that effect that the rope is weaving in and out of those letters. And you, conversely spend some time working on this to get it just right. And then lastly, above the e a new layer, right click at your clipping mask and then the brush tools out shadow a little bit of top, but more of the bottom there. Okay. And then a razor. Justo, refine that edge a little bit. So now if we zoom out a little bit, you can see. But with that quick little bit work we've created this nice kind of rope that looks makes it look like the letters are hanging off of that rope is part of a few more things toe fix up in there. Some of the blue shadows in here We could work on a little bit on, basically the way I would kind of deal with this. He's probably to, um, create a selection here on. We'll create a new layer off the rope, and what we can do is if we create last here, it's gonna create a mask the shape of that original rope so I can select the layer here now and I can paint in here, and it will allow me to just kind of pull back some of that light of blue in the background there without completely getting rid of the layer. So will come along here. We can paint in there, and we can just get rid of some of those lighter parts of the rope. So that doesn't look like the pool is reflecting that you can just drop it back just a little bit of the time. So that's looking pretty good now for this example. And I have you found those different tips, the layering things up for masking things and for making it look like this rope is weaving between the letters useful. If you have any questions, then do leave them in there comments. In the course on I look forward to seeing you in the next class.