How to Bend a Logo onto an Image Realistically in Photoshop
Hi there, this video, we are going to look at kind of bending and distorting and skewing. We're going to try and lay it down on the ground and then kind of morph around the shoe here so it looks like it's kind of following the curve. Let's do that. Now using adobe Photoshop is transformed tools. Alright, let's open up the file. We're going to be working with the file open And we're working in the exercise files in this folder, court 08 Transform open the one called transform. Great. So we want to mock up this logo on this. Let's look at the basics for transforming first. Then we'll go and add the logo. So to bring in the image, I can open it copy and paste it, which we've been doing for a lot of this course, I'm going to show you another way file. There's one that says place embedded. Okay, and go to that same folder and open up logo. Ai click place. It's going to put it into a smart object automatically because it knows it's an Ai file and it goes your vector U should be smart object ...
and we're totally down with smart objects. Now, what we need to do is give it a size and then hit return because it's kind of stuck in this kind of like limbo mode. Can you see none of these things work? Hold down, shift. Okay, and we can scale it down. Let's go down to something appropriate like that. Hit enter and what we're going to do is we'll start with one copy just up here. We're going to duplicate the logo. Right click duplicate layer. This is gonna be called logo too. And we'll move it down and let's look at the basics for transforming. Let's go to edit, transform and we've dealt with scale before and rotate before. And some of the other easy ones that you might use is rotate clockwise counterclockwise. We'll go back the other way you can flip it 180, which flips it completely upside down. Another one in there you might use is flip horizontal and vertical. It's not going to really work in this case if I go horizontal, backwards logo. But it's good to know where that's kept under. Now the next thing I wanna do is I want to kind of bend it down the bottom here, like we saw in the intro on the floor and under edit transform, you can see a bunch of these are grayed out. Remember in the last video where we talked about smart objects and most things work with it except for the very first thing we're going to do in this course after we've learned convert everything to a smart object because distort perspective and warp don't work. And those are the ones we want to learn. So remembering how to convert it from a smart object back to regular layer is right click logo and say I would like you to be a rust arised layer. Nothing much changes except that little icons gone and magically edit transform these things appear now I never use Q I'll save you the trouble of testing it because it just does this, I'm not sure when you use that or at least I don't use it. So I'm gonna hit. Escape is the kind of, I didn't mean it button escape on my keyboard, but the ones that I do use, we're gonna use say distort first. Love this one. It's really good for mocking up like signs that you've made onto real objects. Um so this one here, I'm just gonna kind of, I'm clicking anywhere about the center, moving it down here and all you do is grab the corners and it's it's kind of like in this weird flat plane that you can start manipulating now, it's not going to match the background automatically. Okay, so there's a lot of just you having a look. I'm doing it right now by I kind of got, I don't know why I close one eye when I'm doing, it seems to help with my perspective, does that look like it's on the ground? It's good enough when I'm ready. Hit enter, you can fake a sign for a billboard or say you've mocked up a cover of a magazine, you can have a picture of a magazine bringing your say in design cover ideas and mock it up using that distort. Now, the next one I want is I'm going to duplicate logo again and we're gonna look at warp, right clicking it, duplicate layer. There we go. three, remember right click it and say you have to be a rust arise later. Sorry buddy, I'm gonna move it down to kind of roughly where I want it. I'm gonna get it down to a rough size. I'm using edit transform, scale. Okay, yeah, now we're going to use the edit transform and we're gonna use this one called whoop zoom in a bit and show you how it works. It's a little weird. Okay, grab one of the corners, click hold and just give it a wiggle. It kind of turns it more like fabric, whereas the last one made it like a block, like a sheep that you can kind of manipulate. Okay, this one here is a lot more warp here is a lot more kind of elastic. Okay, it's more like a sheet of paper so I can move it around. So there's two parts to it. There's this these corners, they're called anchor points. Okay, so the edge of this image has to go to that anchor point wherever it is. These other little things here called handles are the way that the line gets influenced. Okay, you can see it doesn't nothing actually has to pass through this little black dot, but it kinda like gravity kind of like distorts the line before it hits the anchor point. So just know every anchor point here has two handles. There's a top one. Okay, in the bottom one, and now it's the same principle again, there's a lot of just kind of like dragging it around saying, okay, I feel like that's the bottom, trying to get the perspective lining with the bottom of that shoe there, and then see these two little handles here, just trying to disorder to make it feel like it was following the kind of path. I have it up a little bit there, some of these little wavy lines to follow, but same with this one here, you can see it kind of double back on itself, so I wanted about there, but then I'm gonna have to adjust these lines, there's a lot of messing around just getting a feel for it and the bottom line here, it's a little hard to see some of these dots. I shouldn't have picked a stripey shoe. If you're practicing with me, you're cursing the stripe issue, probably cursing the shoe theme throughout this whole course. I hope you're not getting too bored of it, but I went with a shoe theme. Okay, so what am I doing now? I'm just kind of messing around trying to get it to flow. Now, can you see the lines in the center here, kind of a bit weird, you can actually just click and drag these as well, any of these points in here because we kind of fixed the outside. Now, we just need to kind of drag the inside and make it feel like it was part of it. Good. It's okay. All right. I'm gonna stop there because you're just watching me do this and I could be at it for awhile, hit return when you're ready, zoom out and you've got something kind of bent around the shape. I haven't done a great job. One of the things that make it super obvious is that the colors are just super strong and don't have any of this kind of, they're not interacting with the background very much so we've looked at this before, remember blending modes. So on my logo three. Okay, it's this layer here to the eyeball on and off up where it says normal. Remember we've played around with a few of these we're gonna look at multiply and that kind of works. It's kind of cool and maybe a bit strong. So you just work your way through all these options to find one that you feel works good with your shoe and your image and your background color. I was playing around with this what looked good linear light. I think it did kind of like the linear light changed the color quite a bit of my graphics so maybe that's not what I want. Headlight, maybe that's a bit closer and I really want to go back and fix this because it doesn't look very realistic. Cool. So I hope you got an understanding of some of those transform tools. I don't use them all. Some of them are just a bit weird like perspective. Just use distort quicker and easier in my opinion. Last little things I'll throw in at the end here our image and sometimes image rotation instead of doing it per layer, you can do the whole thing. Remember we looked at rotating it clockwise, just the particular layer. This is the whole graphic saying with flipping it so if you want to flip this across, Okay, the whole thing rather than just a particular layer. Plus it was rotating their image image rotation and there's a few little things in there to work with that's where they're hiding. All right. I will see you in the next video.