Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:23Length:3.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

9.1 Transforming and Warping Layers

This lesson will allow us to bend, warp, and resize our layers. These transformations will give us tools to reshape and reimagine our images. You'll learn how to warp a layer in Photoshop, how to resize a layer in Photoshop, and more. In addition to simple transformations, we will learn how to mock up a logo and make it look as if it's part of a real image.

9.1 Transforming and Warping Layers

Hey there. In this video, we're gonna take this kinda flat graphic at the top right here and wrap it around our coffee cup and stick it under the book. And kinda make it so interacts with the background. You can kind of see it there. All using the magical Transform tools in Photoshop. Let's get into it. All right, so first up, I've got 17a transformed, it's from Rawpixel on Unsplash. And let's bring in our logo that we're gonna try and morph around here. And so let's go to File and let's go to Place Embedded. And we're gonna start with this one here called 17b, we're gonna use transform logo, 17b. Click on Place. Yep, everything's perfect, click OK. And then we are going to get it to the size we want. I'm happy how it comes. I'm just gonna hit Return on my keyboard or Enter. And remember from the last video when we talked about smart objects? And we were like Photoshop is awesome and it converts it to a smart object automatically. In the very next video that's gonna cause us problems. Okay, so what we need to do is we need to learn some of these Edit Transform tools. You can do the basics while it's smart object like Scale and Rotate, which we've covered already, and we'll cover Skew. I'd never use Skew. Okay, you might need Skew. Okay, I'm gonna hit Escape to say no, I didn't mean that. So not a smart object, it's not gonna work for us in this case. So we'll just Right click the name and we go to this one that say Rasterized Layer. Okay, nothing changes except the icons go and we get to do this. We get to go to Edit, Transform and we're gonna use, we're gonna start with Distort. Okay, and it's just gonna allow us to, it looks kind of the similar as Scale, but when you grab one of the corners you'll notice it's a little bit squiggy. Okay, so what I'm gonna try and do is I can click anywhere in the middle to move it. Don't use the little crosses in the middle just anywhere else. And then I'm just gonna kind of try and lay this thing down on the ground. There's just a lot of like trying to, lot of like tongue out going hum, does that look right? Does that look right? There's a lot of that when you're doing this technique. I'm just trying to make it look like it's on the floor. It could be painful to watch. And yeah, I fiddle around the way just to make it feel like it's on the ground. You give that a go. Okay, when you're finished though, remember, it'll be all grayed out until you hit Return on your keyboard or Enter on your keyboard to say, yep, that's what I meant. Cool, so that is the Distort transformation. There's a few other ones we'll just quickly discuss rather than go through. Under Edit, Transform there's the option of Flipping Vertical and Horizontal just kind of flips it over. Okay, let's look at one of the other ones. Let's bring in another graphic. Let's go to File. Let's go to Place Embedded. You could be copying and pasting from Photoshop avoiding the smart object and using pixels in that case. Let's go down to 17c. It's just a square version that I made. Click OK. If you do get stuck in this kind of middle land it just means that again, nothing's gonna work. It's kind of saying I'm boarding it in, but what size would you like it to be? I'm just gonna say Enter on my keyboard, bring it in that size please. Same problem as before. We're gonna have to Right click them and go to Rasterized Layer. With my Move tool I'm just gonna move it into the middle here and now I gonna try, I wanna kinda make it wrap around this coffee cup. Now there is a setting in here that I'll just quickly show you, Perspective. I never use Perspective. Why? Because I just find I use Warp, it does this which is kind of cool, you might like this. This might work for you but you can't kind of rotate it and I find to do that effect that we did earlier Distort is a lot more flexible. Okay, you might like Perspective. Have a play with it. I don't find it very useful at all. I'm gonna hit Escape. The one I do find super useful is under Edit, Transform and there's this one called Warp. So I use that one and that one quite a bit when I'm trying to fake things. So Distort was great for laying this guy down on the ground. And Warp it looks very similar except it's more like fabric now. So I'm gonna zoom in. Move across. And if I grab one of the corners here and just drag it around can you see it's like more fabric? Whereas this was kind of like we're playing with a perspective and it was quite kind of solid. Whereas this everything's kind of bendy. So the cool thing about this, there's pros and cons. And there are some default shapes at the top here. You can pick Arc, and you can pick Lower Arc, and there are some adjustments over here. And you might get lucky and like you might just get the perfect one. So say this one here, the Band, say it'a a wine bottle and there's no like at the moment there's a bit of a perspective here it's not straight on. So you might decide that actually you can go negative. So I say negative 50, maybe negative 20, and you can kind of get it. But there's this other kind of I want it to be flaring out little bit, so these Custom ones are not gonna be that useful except for Fish. Remember Fish? Can we do this with type? You always need Fish. There's never not occasion for Fish. And if you wanna get back to Custom it's this top one here. Okay, actually, I don't wanna start with Fish, so I'm gonna hit Escape on my keyboard to get back to how it was and just start again. Edit, Transform and let's go to Warp. Okay, and what I'm gonna do is again, just kind of a lot of playing around going on, yeah how's this? There's a lot of dragging over. And what happens is there's kinda four main corners. So these kind of four corners, okay? And then they're these things. These handles that affect how it gets into these corners, so you need to play around with a bit of both. Okay, so you can just watch me there's a lot of just trial and error and practice in this case. Okay, out a bit further. And what I'm looking at is I'm just trying to mock-up trying to follow the edges here and follow the cup top and bottom. So I need this to bulge out a little bit. I need this to kind of come out a little bit here. So we're doing quite a rigid object and I use this technique for, say it's a mocking up an image on a billboard. So I've got a photo of a billboard and I've got my kind of like design that have made for the billboard. It's a good way of kind of just trying to stick it on there and fake it. I use this quite a bit when we do branding deals where we're trying to get sponsors logos on the shirts and stuff we wanna mock it up. And another use, you might not be using [LAUGH] this much. But I got a few tattoos and what I do is when I'm designing them, I like to mock them up on my body in Photoshop where they would be, colors like look just to kind of, yeah bend them around. Cuz you can get quite, you can see you can kind of follow the curves of the body with enough kind of prodding. I'm gonna go, I've gone and wrecked mine now [LAUGH] don't prod it too much. Okay, so you can form this around the human body as well which is quite cool. So I'm gonna try and get mine back to roughly where it was. You're getting the idea now that I've wrecked mine. It looked better [LAUGH] before. Okay, so I'm gonna jump out now and pause the video and actually make it look half decent like I had it before and I'll be back. All right, and I'm back. And I spent a bit of time just kind of flaring it out and matching that. How long did it take? I don't know. I was at it for about two or three minutes trying to get the bulges right. There's no miracle potion for that. But the last thing we'll do before we go is the distorting and the warping is awesome. You'll be both of them in your toolkit. But I want to get this to interact with the background a little bit because it's the same color across and it looks a little fake. So we're gonna make it a little less fake by let's find the right layer to slay here. I turn the eye on and off to work out which layer I'm on. And at the top here we're gonna change the Blending mode. We're not gonna cover Blending modes hardcore now we're just gonna look at switching it from Normal to this magical one called Multiply. And you can see it just interacts with the background a whole lot better. It's the way that this layer interacts with the things underneath. It's the same with this lay here. If I click on my Transform Logo and I go into Normal and Multiply you can see it just blends with the background. It changes the color of it but actually makes it feel a lot more realistic. The good thing about it if I click on this I can move it around and because it's interacting with the background you can see it kinda starts looking pretty cool? All right, so that's gonna be it for our transforming. Let's jump into the next video where we start looking at photo retouching. All right, I'll see you in the next video.

Back to the top