How To Create a Grunge Vector Logo | Greg Jeffries | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (16m)
    • 1. VectorGrungeTutorial

      8:42
    • 2. VectorGrungeTutorial2

      7:02

About This Class

In this short tutorial you will learn how to create your own grunge vector logos in Adobe Illustrator.

RESOURCES USED IN TUTORIAL:

FREE grunge vectors
http://blog.spoongraphics.co.uk/freebies/12-free-vector-grunge-textures-to-erode-your-artwork

FREE vector logos
http://www.freepik.com/index.php?goto=74&idfoto=800307

Transcripts

1. VectorGrungeTutorial: short video. I want to show you how you can take a clean, simple vector logo and turn it into a grungy, Grundy textured kind of effect on that vector logos that this is something really simple, but took me a while to figure this out a couple of years ago, and I haven't really seen a lot of tutorials on how to do it. So it's really simple. I'm just going to start with the part of my image that I want to kind of make grungy. So I've got a little, ah little grunge vector affect our texture over here. And I'm just going to right now. It's just, you know, all these little bits and pieces, so I'm just going to highlight it all. Come over here and make a compound path under object, and then I'm going to hold down. I'm on a max. I'm gonna hold down the all key and copied this. Then I'm going to come over to the part of the logo that I want to punch out, basically, so we're all these dots are it's basically going to make it white. And if I want to kind of see what that's gonna look like before I make it permanent. I can make these dots white instead of gray so I can see. Let me see. Bring this to the front. You can see what it's gonna look like sort of moving around here, and that's basically what it's gonna look like once I punch it out here in just a second. So if I highlight both of them, what's behind here? This retro logo and what's on top? The grunge part. And I come over here under Path Lender and click the minus front. It's going to punch out the front of our the retro logo with what's laying over that, which is this grunge texture. Click that, and it's going to punch that out, and I believe it's gonna pull that to the front. That's why you don't see the retro logo part any more, So I'm just going to come over here, right click arrange, send the back and it'll push it to the back again. So that's all there is to it really on. And if you have, let's say you wanted Teoh. You had this logo here, the retro logo and say this was a different color and you wanted the You wanted this, um, texture to punch out the retro logo as well as the this retro logo kind of bar here. What I'm going to do as I'm just going to reverse back this up a little bit. So we've got this, uh, the texture again. And before I punch it out going to click it and I'm going to click, copy or control or command. See? So copy this, and then I'm going to select the areas that I want to punch out and repeat this step minus front. It's gonna push that first step forward, gonna push to the back row quick. And then let's just say all of these this retro logo here, we want to punch that out as well. So let's say this waas red, And in order to punch out in order to combine this into one shape, we're going to have to connect. We're going to have to make it into a compound path as well. So click. Highlight. All those come under here on the object compound path make, and then we're going to paste in front. We're gonna paste in that, um, the texture, the grunge texture again, so it's gonna paste it on top of everything. And then what we're gonna do is we're going to highlight it with the compound path here by selecting it with command and then clicking this. So we've got these two layers selected under the layers panel. And then we'll come over here under Pathfinder minus front and punch out the retro logo, part of the logo, that text there, that red text. Click that and you'll see it punched out this part of the text as well. So if you have kind of like a two tone logo, that's how you would do that. You would just kind of keep copying and pasting in front. So on the reason you wanted to do it, you just keep copying and pasting that vector texture in front each time. And the reason you want to do it that way is so that it's always in the same place. Because sure, you can kind of have the grunge texture anywhere you want on the logo, punch it out kind of anywhere you want. But that way you know it will be consistent, um, and be connected across the multiple colors so it looked like you basically punch the like . If this was one stamp or something on the wall, it would look like you scratched away all of the colors on the wall, basically as if this was one logo. But in this file, it's actually a couple different couple different pieces. So you've got the bar behind that. We've got the red text in this way again. If you have, ah, to tone or multi tone logo, this makes it look like you know, all of that. Grunge was punched out. It went straight through the red, straight through the black, all in one big, um, owns all at the same time. So that's how easy it is to create a vector grunge logo and excited to see what yours turns out to be. And I'll share. These resource is so you can you can follow along with me if you want to use these exact same resource is or you could just go find your own. These were just free ones that I found online. The texture was free, and this retro logo I was free as well, and I also want to mention quickly. I just showed you how to punch out one portion of the logo or a mark here. But let's see if I wanted to. If I wanted Teoh, you just copy this. If I wanted to, like, punch out this image repeatedly, then I'm just gonna come over here and expand this image. And then So I've got this compound path over here, and I showed you how to punch it out once. But if I wanted to punch it out, kind of repeatedly and get more of a grunge effect than I've got going on right here. So bring it to the front. We can see kind of what it was gonna look like. But if you know, I wanted to be a little more distressed than that than what I can dio is are what you're gonna need to do is it's gonna move this, move this down and well, I let him both punch it out by using the minus front like I showed you before. Let's see, uh, expanded it, but I needed to make it into a compound path. And then we will place the, uh, grunge texture over it, highlighting both. Then press the miners front and then if we want Teoh do that once, Mawr if we want to Kind of grunge it up a little bit more than what we're gonna need to do first is we're going to need We're going to after way, you know, punch this out. We're going to need to come back up here, object and make a new compound path out of this for that toe work. So if I do this again, let's make sure that this is on top. Then I kind of rotate this a little bit or do whatever I want. I'll make it white so we can kind of see what that's gonna look like highlighting both. Punch it out again. It's probably take a little longer the second time, cause it's making new punching out new areas there. And so if you want to kind of repeat that process each time you punch it out, you're going to need to come back up here to object, compound path and our compound Yeah, path and make a new compound path in order to do that. So I want to show that to you, because I know some of you probably try that you're gonna wonder why it's not working the second time. So that's how to do that 2. VectorGrungeTutorial2: but in this video, just want to do a quick kind of walk through of me making this simple logo that I downloaded for free online into a grunge ified kind of vector image here. So I've got my image here, and it's kind of made up of different parts. And I've got the same, um, the same grunge textures I was using in my last video. So I'm just going Teoh, swipe one or two of these here. Copy this over to this other file, then I'm just going to make this into one single clipping mask. I'm kind of move this all in one piece, and then I'm just gonna keep this over here to the side of off the canvas and then hold down the altar option key to copy it so I could drag that and then I'm just going Teoh kind of make this a little bigger. And you can see that each of these pieces there they're different. They're different colors and they're actually different pieces. So the logo is made up of these different shapes. So I'm going to kind of make this white so I can kind of see what it's gonna look like they're and all select. Let's see, I think what I'm gonna do is, um since thes two pieces thes two same color shapes are the kind of the same piece. I'm going to select them by clicking one and then holding the shift key and selecting other cell Have this object here, these two different same colored shapes as one compound path. And then I'm going to do that for each of the other colors here. And that's just gonna make it easier As I'm punching these out. I can kind of separate each of these into its own compound path. So now it's going to make it easier on me when I'm kind of punching these out. So, as you can see here, um, I've got okay, this one selected. And then let's just say I wanna punch out this thesis light green one here, so I'm gonna select both those and then come over here to the Pathfinder tool. If it's not, it's not showing. Here. Come appeared a window and select the Pathfinder window here, and that will pop up. And then you click on the minus front. You will punch that shape out. It may take a minute, and then once it's done, it will push the shape. And remember, if we want to, kind of If we want Teoh, you know, punch it out again. We'll need to make sure that this new shape is a compound path as well. Always like to do that after a punch at a shape, because if I forget to do it and I come back and try to punch it out again, it'll like, mess it up and it'll frustrate you. So I go ahead and make it into a brand new compound path Immediately after I punched out the first time. Now, I forgot to copy this kind of speckles, the grunge texture there first. So, ideally, I'd want to copy that, you know, and then paste that in place so that it would look kind of consistent across all these different other colors here. But I didn't do that, and that's okay. You know, this is kind of a grunge texture, so it can be kind of random. It doesn't have to be perfect, so I'm gonna do that again. This is already my compound path here, and I've got this grunge texture of my compound path again. I'm gonna select both these this time. Punch it out and remember And I didn't really punch out this part of the hand. But remember, if I want to punch out more, I need Teoh had to make this a compound path. And then I'm going to do this a couple of more times here until we get it kind of where I want it. And I want to show you something here. If I was to bring this texture over two different textures here, and I want to punch this out together. If I try and do that and select the grunge texture and this yellow in this kind of turquoise color and come up here to minus front, this is what's gonna happen. So it's only gonna punch out one of them, and this other one is going to disappear. So that's why we punch him out separately. I've got I'm separated now, So that's why I punched him out one at a time here. And that's what this is gonna look like. Boom. And then I'm going to punch out this shape again, and then just keep doing this again until I get it to kind of where I wanted to be. Alright, so I've almost getting to kind of where I want to be. I want to show you a quick shortcut here. So illustrated showed you all these keyboard shortcuts as you hover over these different areas here, these different menu items. So a keyboard shortcut that's going to save me time once you get going with this and making compound has is once you punched out the object here and come over here to object compound path or you can just click on it and then click Select Command eight. Boom. And that's going to do the same thing. So it's going to speed up your process. There s I just want to share their quick tip for you here at the end. So I've got a kind of where one it for this example. I just punched out most of these items here except for this one little hand here, so just kind of grand defied it up enough. I wanted to distort it a little more. I could another thing. Another tip I want to share with you is, in addition Teoh punching us out with a you know the victor texture here with things like thes example, we can select the pieces here and come appear to effect, and then us see, distort and transform and use things like the Ruffin Tool And to get kind of some cool effects here. And if we want a preview it we're gonna see what that's gonna look like. This is a little extreme, but we kind of see how that Ruff's up the shape so kind of. In addition to the grunge texture, you can kind of grand if I kind of just distort the shape as well. If you want that sort of effect and what you're done, you can you can click OK, and then, in order to make this an actual shape, eventually you'll need to come up here to object and expand appearance and then expand that shape. As you can see, it's just kind of like the outline creditable outline there it's not, but that shape isn't actually these little curves here suffered, come appear to expand appearance. Then that shape becomes that actual distorted shape that we just created there with the effect