FREELessons: 20Length: 3.3 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

5.1 Liquifying and Distorting in Illustrator

In this lesson, you’ll learn how to apply effects to shapes and typography. You'll learn how to use the Liquify Tool in Illustrator and how to distort text in Illustrator. You’ll also learn how to cut, twist, and explode your artwork in creative ways.

5.1 Liquifying and Distorting in Illustrator

Hello, and welcome to this video where we look at all the Liquify tools in Illustrator. We're gonna take text and we're gonna make it all drippy and droopy. We're gonna make it explode, kind of crystallize, we're gonna twirl it, more exploding. Make it pucker, make it bloat, more wiggling. And then there's only seven tools, so this guy doesn't do anything, but rest of them are pretty cool. Let's learn how to do that now in Adobe Illustrator. To get started, you can open up just a plain old document. I'm opening up a document from the Exercise Files, okay, called, where is it, Liquify, there you are, click Open. The reason you can just, it's just a blank document. But I wanted to put this kind of gray to gray gradient in the background for no good reason. It just kinda looks nice. All right, so we're gonna use type to do like you saw at the beginning there. So we're gonna grab our Type tool, okay. We're gonna click once to get our point type box, we're gonna type in our name. I'm Dan Scott or Daniel Scott or Daniel Walter Scott. So I've typed in my name, I've gone back to my black arrow, just thought I'd have it. And I'm gonna pick a font and a color and a size. So you do the same and I'm gonna use Lust, which one of Lust, go Lust Script. And this one here is Lust Script, is from Typekit and you can go and download that. And I'm going to bump the size up to something like, that works for me. In terms of the fill color, I'm gonna pick the just the color off white to go with my gray, moody background. All right, we need enough space cuz I've given you a nice long document here, it doesn't matter what size it is, but I wanna put eight of these in here. So one, two, I'm gonna kind of stick them next to each other, so. Once you get to here, I can kinda guess, so pick a font size that works so you can put a bunch of them on the page. All right, for this to work, what we need to do, is we need to do something called outlining the text, because this at the moment is editable text. We can't destroy it like you saw at the beginning without kind of breaking it apart. So the good thing is we get to use our Liquify tools. The problem is, is we can't change the spelling or the font of the size afterwards, so we need to break it apart. A really good habit to get into is to copy and paste it and just have a version up here for later on. Because it'll be months, and you'll come back and be like, yeah, what was that font? You'll be like, I have no idea. Because once you've broken it apart it won't tell you that it's Lust Script. So it's just handy to have over there. So this version here, with it selected, with my black arrow go up to Type, and there's one in here that says Create Outlines, okay? And watch what happens to it, just kind of, nothing really changes, except now, if I zoom in, okay, it's no longer edible text, it's telling me it's not Lust. Still looks the same, but I can't double-click with my Type tool, and try to go into it to change it. Where did we end up, remember this from the beginning? We are lost, things have gone weird, okay? We're in something called isolation mode, remember? Click the arrow a couple times to come back out. Cuz at the moment, by default, it's all grouped. So if you double-click it, you insight that group. All right, let's move on to the Liquify tools. Actually, we can't, not just yet. So we've broken it apart, we need a few duplicates. So I'm going to copy and paste it, okay, and just kind of line it up and try and get four across the top and four across the bottom. I'm gonna use my trick, where I'm dragging with my black arrow and I'm holding Alt down on a PC or Option on a Mac, and just trying to get all of these. So what I might do is select them all over here. Okay, this is my line panel, I'm gonna pop this little triple dot open and go in here and say, I want to distribute them horizontally, then I'm gonna drag out another copy. I've got loads to practice on. So select this guy, zoom in. Now, Liquify tools are in this kind of group here. The one on top's called the width tool, click and hold him down and we wanna start with the Warp Tool. Okay, and by default I'm not sure your brush size is going to be the same as mine. So I'll show you how to change that before we get going cuz the brush size is quite important. To change the brush sizes, like we did with the Pencil tool, anybody remember how we changed the Pencil tool? Okay, we change the smoothness and fidelity and stuff, remember? You double-click it. So you double-click it, and we get our Warp Tool options, okay? And width and height, okay, let's just put in 50 points high, 50 points wide. So you deal with the width and intensity, don't worry too much about anything else in here. It's the size because for some reason you have to do the width and the height separately, but the intensity is quite important. That'll make a bit more sense as we go along. So let's click OK. I've got a size about this. I've got it selected, okay? So my black arrow, got it selected, go to my Warp Tool, right, your Warp Tool, okay? And it does this. So this one here, we're gonna do this kind of like dripping, melting text thing, okay? So you can see it's quite cool? Love it. Liquify, I'm just kinda clicking and dragging across it. Drippy text, very cool. Okay, so I wanna go over it with one kind of versional pass, and then I'm gonna go through, maybe, with a smaller brush. Remember, double-click the Warp Tool and go in here and I'm gonna go 20 by 20, okay? Click OK, I'm gonna zoom in a bit, and do some micro blobs within these bits cuz I want it to kinda look like it's dripping. Kinda dragging it out so I get a line and then kinda dragging it down. Totally illegible name now. [LAUGH] I love it, though. All right, I'm gonna leave it there and I move on to the next tool. I lie, I'm gonna grab the Ellipse Tool and do like a little drip hanging off the bottom. Maybe I can put a little. All right, that's for the Warp Tool. Cool? So we've done it with text, you can do it with any sort of drawing you've done. Remember, our penguin from earlier on? You can open him up and make him melt in the sun, but let's look at some of the other Liquify tools. So I'm gonna have this one selected with my black arrow. Click and hold down, and we're gonna work our way through all of them. And let me show you these next two at least, and all the rest you could probably, once you've kinda worked out the basics, you can go and do your own. We'll do them altogether, but let's look at the Twirl Tool. Now, the Twirl Tool, okay, let's double-click it and let's turn our brush size back up to, I'm just picking 40. You don't have to pick my sizes, you might have a different sized font, okay? You can adjust this intensity, though. If I leave it at 50, watch this, it goes, [SOUND], and it goes quite fast, okay? So if I like to, [LAUGH], you can add your own sound effects in there. [LAUGH] So under intensity, I'm gonna turn it down, say, 20%, just so that when it's twirling it's not going so fast, cool. You can kinda see what we're gonna do, right? I'm gonna grab this, I think that's already quite twirled, and drag it out like this, and you get this kind of cool twirling thing going on. Or I'm gonna try to get this n down the bottom here. Watch this, if I click it once and just hold, I get a twirl. But if I click hold and drag it, it kinda starts looping back on itself and you can move it around and just kinda mixing it up to, I don't know. It's getting quite complicated. See all the little blue dots, those are anchor points, and there's just to make that curve work. There are so many needed, so stretching my machine out a little bit. If you're working on a really old, slow machine, yours is probably gonna freak out a little bit, but hopefully not. It's clearly eligible but very cool. Look at that, ooh, I like that. It was good for a second, now, hang on. I can't get my [INAUDIBLE]. Look at that, that's cool. I'm gonna click my black arrow, click in the background to get a good sense of it. You can see some cool stuff you can do. Now, we're doing with Type again, illustrations, shape you've drawn, okay? Super cool. And it's like on this guy with a black arrow, then we'll look at one more. We'll look at Pucker, okay? So Pucker and Bloat, one makes it smaller and one makes it bigger. So these kinda go hand in hand. And let's have a little look, I'm gonna make the brush size bigger. Teasing you, come on, user Dan, show us what it does. Okay, if I click on it, it sucks into the center. But the intensity is probably a little too strong, okay? So double-click it. And for some reason, even down at 20%. This tool needs to be down to 2%. I'm not sure who decided how the intensity will work, but sometimes 50%, sometimes 20%, sometimes 2%, so I need to play around with it. So I'm gonna click on this, I'm just clicking once with my mouse. If you click and hold, it works. That's kinda cool. It's a different kind of font now, but so, awesome. I'm gonna stay right in the middle of this stuff and go, [SOUND], we're awesome. So that is the Pucker. This last one here, you can imagine what the Bloat Tool does. So you can just skip on it and just stop playing with it yourself now. I'm gonna go through them all just so you get an idea, of how why use it at least. I like to kinda click in some of these, I use the target right in the center, okay, to kind of blob out bits, still pretty cool. Right in the center of that. Not my best, Darn Scott. [LAUGH] Yep. So let's have a look at some of the other ones, okay? It is all about experimenting, right? So Scallop, Crystallize, and Wrinkle, all end up not looking the exact same but they crinkle the edges, okay? But they work slightly different ways. Scallop kind of drags it on itself, so it's kind of blasting inwards. And then say Crystallize does the opposite and kinda blast it out, we'll experiment different ones. Okay, and actually, I've said you had to have it selected, I always assumed you did, okay? It's actually easier. We're all learning. You don't actually have to have it selected. And it's actually a little easier to work with when it's not selected, you don't see all the blue lines everywhere. So Crystallize explodes out, Scallop goes in on itself, and then Wrinkle just kinda makes the edges wrinkly, it does a bit of both. So you gotta kinda give this one a wiggle around, okay? And I might have to turn the intensity up on this one, you were like, that doesn't do anything then. Okay, intensity at 2, not so good, let's go up to 20. Okay, and you can see it's wrinkling the edges, so it's going a bit of both. Not a sharp. All right, that my friend is a Liquify Tools. What I'd like you to do, is I would like to see what you've done with your name, okay? So I would like you to type out your name, practice with some of this, and yeah, send me a screenshot or save it through a pic. And share it with us on social media. So remember on Twitter, it's tutsplusdesign or me personally, I'm danlovesadobe, or on Instagram, bring your own laptop, your sick of that, right? I'll stop saying it, it's the last time I talk about social media. If you haven't done it already, you're not gonna do it. All right, Dan Scott, we will see you in the very next video where we look at something similar. We're gonna bend and warp type rather than this kind of more Liquify stuff. I'll show you what I mean in the very next video. I'll see you there.

Back to the top