Creative Liquify Edit in Adobe Photoshop | Final Form | Skillshare

Playback Speed


1.0x


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

Creative Liquify Edit in Adobe Photoshop

teacher avatar Final Form, Learn Design Tips and Tricks

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

    • 1.

      Introduction

      0:19

    • 2.

      Creating the Liquify Effect

      25:21

    • 3.

      Conclusion and Assignment

      0:32

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.

27

Students

--

Projects

About This Class

In this class you will learn how to create this liquify motion trail effect that you have probably seen popping up on instagram. This popular technique is pretty simple and fun to do, with many different ways to achieve it. In this class, you will try 2 different options of achieving this effect, as well as how to mask the elements around your subject. 

Meet Your Teacher

Teacher Profile Image

Final Form

Learn Design Tips and Tricks

Teacher

Welcome to Final Form. Founded by Mass and Nick, we are a social media and content creation agency based in NYC. Here you can learn many tricks and techniques to use in your design workflow. Become a student and start your design journey today!

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

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.

Transcripts

1. Introduction: Hey guys, welcome to another amazing and exciting class where you are going to learn how to create this cool effect using the Liquify tool as well as the motion blur filter to create these cool and unique liquefied effect, you're gonna be using Adobe Photoshop. Let's jump right in. 2. Creating the Liquify Effect: I'm so glad you guys are ready to learn this cool effect. So first thing you need to do is obviously jump into Photoshop. Now that you have Photoshop open, we have three images that we're going to be experimenting here with. The first one is gonna be the easiest one. So I'm just going to take this image and drop it right here, open it. You can see this is just an image of this guy standing next to train. And I really like how blurred the trainers for this effect. It's going to be kind of like a simple blurred version of him streaking behind. And you'll see what I mean in a second. The first thing that you see right here is that your background is locked. So if you just right-click on it, click Layer from background, going to bring in this little dialog box you just said, okay, you have it right here. So I'm going to rename it to BG for background. And I'm going to duplicate it. I'm going to call backup. I usually like having backups of things and I were just going to duplicate it one more time. This is going to be Guy mask. And then let's duplicate that one more time. This is going to be Guy blurred. Let's do blurred. Bam. So let's move guy. We can just keep it here actually. Let's go ahead to Guy mask. You can use the Quick Selection Tool. I like using it. It's pretty precise. And you can make the brush smaller right here if you want to make it smaller. And you can just go ahead and select the guy. I'm just going to do the glasses as well. If you hold option on your keyboard, it will deselect the mask. So if you select a trained by accident or something, you can then hold Option and you can see in the brush it makes a little minus and it lets you take things out. We're going to go ahead and select this guy. Let's add his shoes to it as well. At this part, don't want to forget that some places, the more, the more time you spend on it, the, the cleaner it'll end up looking. But for the sake of this tutorial, this should be pretty good. Let me just get this little spot here. That's looking pretty neat. The next quick little easy hack is you could see at the top it says Select and Mask. If you click it, you're gonna see a red area which shows you which what is not selected. And you can clearly see the guy that's selected. If you increase the radius just a little bit, it'd basically changes the search radius that the computer is looking at. And it'll help blur the edges a little bit without having to actually feather it. This looks pretty good. I'm gonna hit okay. With the guy mask selected. You're going to hit this this mask icon here. It looks like a circle instead of a rectangle. And if you turn all the other layers off, you'll see that we just have the guy selected. We can actually right-click and duplicate this layer. We don't really need the guy blurred. I'm going to name this thing guy blurred. So let's only see the guy blurred here. I'm going to right-click on it and choose Convert to Smart Object. And it basically makes the mask not usable anymore, but we can do anything we want with this guy. He's pretty much here. So I'm going to click this scaling option, but I'm not going to hold Option. And it scales from the middle. I'm also gonna hold shift, which pretty, pretty much distorts him. I'm going to stretch it out really, really far. We could go even further than that. It looks good. Now you can see we pretty much have the stretched guy, but some of the colors, you can see that there, that you can tell the images stretched. To make that look better, you can go into Filter blur, motion blur. And I'll bring the dialog box here. You can see the angle. I have it set to 0 and you can change the distance. I'll set a pretty high, pretty much max it out at 2 thousand and hit. Okay. Now we have our guy blurred. You ever guy mask and we have a backup. Let's go ahead and turn on the backup. And you can see that we get our background. Now for another fun part is if you turn on your guy mask and bring it all the way to the top or guy is now above the mask. Pretty neat. I don't want to have the streaking in front of him. So I'm gonna click on Guy blurred. And I'm going to once again click the Mask icon. But before we do that, we can actually choose in advance what do you want? Select it. So I'm going to choose this rectangle marquee tool and just select the part behind the guy. It doesn't have to be super neat because you're gonna go ahead and fix it. Let's go ahead and click on our mask. And you can see that now the streaking starts behind them. And the way that we can fix this little, this little edge here is make sure the basket selected this black and white image that's connected, and go to your brush. And if you want things to hide, you make sure your color picker is set to black. I'm just going to make the brush a little bit bigger. And you can go in here and start deleting what you don't want. I'm going to go up there's a little piece on his neck. Yep. Perfect. And other than that, that looks pretty good. We are almost at the end here. And the only thing I want to do is I want to blend him a little bit more and make it a little bit more dimensional. So what I'm gonna do is I'm going to go to our guy mask. And there's a little effects button at the bottom. And I'm going to choose drop shadow. And if I bring it in here, I'm going to change the angle to 0. Or actually I'm gonna go one hundred eighty. One eighty. There you go. If you set the distance, you can see that it's happening on top of over little streak. I'm just going to add a little bit if you don't want to go too crazy with it, I'm actually going to aim it down a bit because I want to get a little bit of shadow coming from his shoes as well. Great. I'm gonna hit okay. And then there's our image. I'm going to take our background, bring it to the top so you can see the before and after. There you go, before and after. Now you have this really cool dynamic image that looks very sick. And you can find images like this on the Instagram, discover feet. This was the first, the first way you could do it, and it's the simplest way because it's very directional. For our second example, we're going to actually use this guy with a watch. I'm going to take it, I'm going to drag it into this new tab here. And it's going to open up our image. Let's go ahead and do the same thing, layer from background so we can actually use it. I'm going to call this BG. I'm going to duplicate it and call this backup. You can hide the background. I'm going to duplicate this again. And I'm gonna call this, let's see. Arm. Then I'm going to duplicate it again. Call this watch strap. And I'm going to duplicate this again and call this watch. And you're going to see the reason for all of these in a minute. So let's start with the arm. So my idea for this is if I just draw on top of this just so you can kind of see what my concept is, is you're gonna have this part of the watch strap curve around the back. Maybe maybe it's gonna cover on like this and come back behind behind the wrist, something like this. It'll be like behind the wrist and then it'll come out here. Then for the front, Let's do this in blue just so you can kind of see the idea. We're going to have the front leak out, come back and then hide behind the wrist. It's going to look like the wrist. The watch is leaking around. Dolly style ran his harm. For the first step. To do that, we're going to need to actually separate the wrist. You can do the same thing by going to our quick selection tool. I'm going to make it bigger. If you just hit the bracket on your keyboard next to P, u, c, o, p, and then you have bracket, open bracket, close those brackets actually make the brush smaller and bigger. I'm probably going to end up making a full tutorial course about what every tool it can be used for in Photoshop and all the shortcuts. So be on the lookout that's going to come out at some point. We're gonna do the same thing, go to Select Mask. And you can see how there's a weird edge around the hair because there's lots of tiny hair. And this is where that radius thing comes in. If you take a new stroke, cranking it up, don't go too overboard. Otherwise you're going to get blurry edges. But you can see here that blends in way nicer. So hit, Okay, and let's make the mask. So now we have his arm. Next. Let's go to the watch strap. So I'm going to go ahead, select our watch strap, make sure only the watch strap is visible. And we're gonna do the same selection, but just only on the watch strap. This is pretty much it. Since we are going to be liquefying this, it doesn't need to be, you don't need to do the refined edge. So I'm just going to turn this into a mask. So you see now you just have to watch strap. Then the next one we're going to do the watch. Pretty much select the watch. This one I would try to be a little bit cleaner width since it is going to be a little bit more visible than the watch strap, but overall, this part won't be getting touched. So if you don't have to go too crazy and I'm just going to lightly add some changes here. Just increase the radius just a little bit. Okay, that looks clean enough. Once again, turn it into a mask. Now if you have three different elements, if you've got the watch, watch strap and the arm, Let's go ahead and start with the watch strap. If you want to liquefy it around the arm, I'm going to right-click on it and do Convert to Smart Object. Then we can go to Filter Liquify. Here we have our liquefy tool panel. And I'm going to reduce the brush size a little bit. And you can see I'm using the smudging when the warping tool. I'm gonna make it just a tiny bit bigger. And the idea is that I want to grab it and it takes a couple of different motions. Just smudging it around. Since we don't have the preview window. You kinda have to imagine where his arm is. Imagine whereas arm is and smudge it that direction. You see how I have this little piece sticking around. You don't have to worry too much about it because we can actually mask things out. This is looking pretty cool. I might just push in here a little bit just to make it look a little smoother. That's looking pretty good. I'm gonna hit, Okay. Let's take a look at it in the reference with the arm or that's beautiful, That's perfect. That's exactly what we're looking for. Now. We're gonna move on to the watch. Same thing, Convert to Smart Object, filter, liquefy. Wait for that to open. And now we're gonna go in the opposite direction. So we're gonna start warping it like this. And it should be pretty much behind the arm now. That's actually pretty clean for first try. All right. Let's see. Oh, yeah. Oh, that's right on point. Okay, perfect. So now let's put all of our pieces together here. This is what it's looking at the moment. So there's no depth, no motion. There's there's no any kind of know kind of masking happening here. This is where our first steps come in. We're going to take our arm, we're going to duplicate this layer. And we're going to bring it on top of the watch strap. That will work one part at a time. They'll bring it on top of our watch strap. And we're going to right-click and do Create Clipping Mask. Now on our mask, so make sure you don't have your image selected, but the actual mask of the arm. Let's go into a brush. And v wanted to go in front here because the watch strap is going behind loops and then it's going in a front. All you need to do is just start painting with the black here. Bam. Now it's going around in the front. Let's turn on or watch here. And we're going to once again duplicate the arm. Bring it above the watch, right-click, create clipping mask. And v want the front part here to actually show up. Once again makes sure the mask is selected because usually when you're clicking on the layers that automatically selects the arm, we are going to actually paint here be what the watch to blend add if you want that cool look. And V1, the front here to be seen. It'll come out here in the forward and the front, and then it'll hide behind arm. There we go. This is looking pretty eat. One thing I'm noticing is there's this weird cut, I think in the arm here. It wasn't painted or maybe it's because he got the arm mask here. So let's hide that part. On our watch, you can actually just make a new mask and just hide that because the clipping mask is taking over over that. Very cool. It didn't happen in my, when I was practicing it. So that's very good that in a tutorial that showed up in case if you guys were gonna have a similar issue. Once again, here on the on the watch strap. You've got this weird little piece. I'm just going to get rid of that with the mask like I promised to you guys before. Let's get rid of this little weird piece. And there we go. That's looking pretty cool. The only other thing I wanted to do is add a little bit of lighting effects on this to really make it feel like the watch is bleeding into, into nothingness. And here, you can actually blend this a bit. Let's see, let me just turn all these off. You can see the watches blending here. And then when we turn this on, it doesn't happen anymore. So the mask for this arm copy, we can just clean this up a bit by hiding this. And now you can see the watch, It's blending into it. And now everything looks very blended. Except once again, we have to do it on here as well. There we go. Now we've got to blend things happening. And now time for the cool part, the lighting on our watch strap. We're going to make a new layer and it should automatically make it a clipping mask. And we're going to go to our paintbrush. I'm going to choose black. I'm going to make sure that my hardness is set to 0. Once it's starting to go under the arm, I'm going to just paint black here, bam. And on this underside here as well. Then do the same thing for this white part. And I'm just going to change the opacity a little bit. And you're pretty much set on this video. Now for the third image, the example, we've got, this one, so let's just drop it right into Photoshop. Do the same thing, layer from background. Okay, Let's call this BG. Once again, let's just duplicate it. Call this backup. Then we'll duplicate this. And we're going to call this liquid. We're going to duplicate this again and call this person. Once again, we're gonna do the same thing. We're going to select the person here. We can use the Quick Selection and just go in and get all those details. Am going to get the hand. We're going to outline the whole for the hand in a bit. I usually like to get the full shape first and then go in and kind of fine detail in a bit. Because sometimes with the Quick Selection Tool, it starts selecting too much things sometimes. And then sometimes it doesn't select everything. So I usually try to try to pick it up. That's looking good. Let's get the shoe and the whole bit nicer. Once again, for this tutorial, I, I'm I don't have to do everything super perfect, but I just want you guys to see what kind of results you can get out of this. That should be good enough. Bam. And then let's do Select and Mask to get C. I'll just bring up the radius a bit. I think that looks great. Hit OK. Add the layer mask here and I can actually delete this liquid. Once again, I keep duplicating it for whoops. Keep duplicating. Keep duplicating it for no reason. So you can duplicate this person. Then call this liquid. Then right-click on it. Convert to Smart Object. Perfect. And let's hide everything except for her. And we can go into Filter, Liquify. For her. I'm gonna get a big brush and I'm going to go, I want to start just at the edge. Because if I start in the middle, you can see I was just distorting the legs. But if I start just at the edge, I'm actually stretching them out a bit. Just like that. And we can go and do something crazy like this. And then maybe for the hands, you can also go and maybe even interface. Maybe do some crazy, some crazy shaped like that. Wow, look at that. Doesn't that look pretty nuts? I'm gonna hit OK. Looks very cool. And we're going to drop it under the person to another person on. You know what I might do, I might smear the facial features back in because I don't want I don't want the facial features to be that morphed. So if you just double-click your Liquify, it'll open up the dialogue box back in. There we go. I'm just going to make the brush smaller. I'm going to zoom in a bit. Let's do 30%, 60 percent. Yeah, perfect. I'm just going to smudge the face back in. There we go. Looks pretty funny right now, but it's fine. Don't worry about it. Strand the person back on. Yeah, that looks much better. That looks really cool. I'm liking the look at this. If we can turn the backup back on, There you go. You can see that. And then same way as before, we can do drop shadow. We can drop shadow this way. We can drop shadow in this direction. If you can see the shadow is also affecting the background. So if you actually don't want it to do that, you can duplicate the person. Get rid of the drop shadow on the top, the top person. Then on the bottom one, all you have to do is right-click create clipping mask. And it'll use the liquefied effect as the clipping mask for the shadow. You can see now it doesn't affect the background, it only affects the liquefied. There we go. That's looking pretty good. I might actually just jump into the drop shadow and reduce the distance, but increase the size. There we go. So you're kind of getting it on. If you look, you're getting it on both both directions. Not just one direction, like the band. Yeah, that's pretty much it for all these examples. Nice. You just learn how to make this super sick effect. In the next section, I'm going to give you a quick assignment and some files that you can practice with to try it yourself. 3. Conclusion and Assignment: Wasn't that easy. You can do it with any photo you want. But I have some files right down there for you to try it. A couple of different example images you can use to follow along with this class. And don't forget to submit them down below as well. So I'd love to see how you did it. And I can leave you some feedback. Tell you maybe how you can make it better or see how much of a professional you are. Thank you so much for watching this class and I'll see you guys in the next one. Bye.