Distressed Text Effect and Grunge Graphics with Adobe Illustrator CC

Distressed Text Effect and Grunge Graphics with Adobe Illustrator CC

July 12, 2019 41 By Bernardo Ryan



everybody welcome into Sedova illustrator tutorial brought to you as always by tuck vidcom and today well you saw the title here's an example of what we're creating I'm just going to scroll it over the screen here while I talk I'm going to show you how to create your own vector texture I'm going to show you then how to apply that to an image or a graphic or whatever really a graphic or some sort of illustration here in Illustrator but maybe most valuable if there's a free vector texture download pack link is down there in the description now if you enjoyed this video to torment the like button please hit the little red button and subscribe or maybe it's not read if you've already subscribed to which case thank you very much and you can also support the channel by picking up the Photoshop course it's just a Photoshop course all about how to retouch images if you're here for Illustrator might not necessarily be your thing but if you feel the inclination to donate or something you know what I feel like I'm begging if I say that if you're interested in Photoshop it's a Photoshop course all about how to retouch images let's just get into this tutorial and check out how to do this so this is the the vector texture pack that I have that I'm giving away for free you can go and download it it's been created from a few images and a few different textures and splatters and things like that and this is great and you're going to find great use with these textures and it really is going to make this effect easy in fact you can see here again is the effect in Adobe Illustrator but how do you create one of these textures well here's how you do it I'm going to do it out here and sort of the gray pasteboard area of my illustrator document go file and come down here and choose place and I'm just going to place an image I have a stock photo here on my desktop called texture dot jpg go ahead and place that and click wherever you would like to place it there we go I'm going to just zoom out a little bit maybe I'll make it a little bit smaller it's really not gonna make that much of a difference because at the end of the day the textures going to be vector so we can scale it and you know shimmy it as much or as little as we want pretty simple at this point you got your texture you simply come up here and choose image trace so illustrators you can say look the tracing may proceed slowly this is a large image you sure you want to do this I'm not going to do the rasterization it's not going to make that much of a difference in this case I'm just going to hit OK and you can see illustrator does its thing it's pretty quick and now there is an option here under Wynn we have an image trace panel let's go ahead and open that sucker up and it appeared off screen here let me turn on the screen we have image straight and one of the things we can do probably the most important thing a mode of black white black and white is great I just stick with the default or I'll go black and white logo sketched or something like that I want something that's very simple just blacks and whites I definitely don't want like high or low fidelity photo I don't want to introduce a bunch of color and all kinds of things like that the threshold will tend to change the way the texture is quite drastically so if we reduce the threshold you're going to see illustrator is going to sort of reach roll we've got going on here and it has notably less black now the way that this these textures work is we're going to get rid of all that white background you can see here I converted the black to white just because I think it looks cooler over the black box but it starts out as a bunch of little black speckles so if you just want a more speckle eat extra you could like get your speckle texture there and you could duplicate this image and you could crank the threshold up to get more chunks of black here you're going to see it when I crank the threshold up we're going to get bigger bulbous you know chunkier bits of black and there you go you see a very different texture and just as kind of a side note coolness here in the image trace panel you can see it's created thirty thousand one thirty one thousand pounds and almost a quarter million anchor points really pretty cool stuff so I don't want the threshold to be this high so I'm just going to actually undo that command or ctrl Z it's going to just go through the progress one more time and give us this really lightly speckled texture which is exactly what I want and what I need to do at this point is go expand just expand button up here expand and and actually before I go any further I'm going to pop this open in my layers panel here and just lock all of these other textures these texture one through nine this is going to be the dot ai file you download you'll see nine different textures all named I just want to focus on this one group and it is a group so I'm getting an object ungroup and you're going to see it's going to create a bajillion different paths I'm going to deselect this because what I'm most interested in also close my image trace panel here what I'm most interested in is selecting all of the light stuff and getting rid of it this is a great opportunity to use the maybe rarely used magic wand tool here in Illustrator and just select the light area like that and simply hit your delete key and look at that we're left with just these black speckles at which point we can select them all regroup them object group group them up and what I like to do is just convert it to a square for just I don't know it just feels more comfortable and easy to stack them so we can come up here we've got our width and our height so I'll set this to like I don't know 2,000 pixels wide by 2000 pixels high we've got a nice little square texture boom just like that from our image and if you're doing it over a black background obviously all you have to do is come over here select the fill colors double click on that convert it to a white fill and voila that's how you create a vector texture very easily in Adobe Illustrator again if you don't have access to images you don't want to go through the process there are these nine textures that I've gone ahead and converted and created that you can go ahead and download and use for whatever you like let's come over here to our logo file I'm going to wipe out this texture that I have here with the power of post-production and we're going to add to this texture so I have this little logo mark I also have this the best is yet to come we could use anything you want the point is it's great if you take all of your individual pieces of artwork and you group them up so you would highlight them and go object group boom right there group and you would have this nice compact comfortable layer group over here in your layers panel and at this point all you need to do is come here and open up your transparency panel if you don't have it window transparency and we have an instance of our artwork showing up here you can see there's our group and we have this little other thumbnail that says hey look double click to create an edit opacity mask let's double click that and all of our artwork disappears because by default the opacity mask when you add it is filled with black in fact this little option here clip is checked on if we deselect that it's going to flip and fill our mask with white thereby showing all the artwork hey pretty cool so how do we work with these textures well it's pretty simple number one I'm we can go with the one we just created I'm not going to them just going to delete it to get it out of the way and I'm going to unlock all of my other textures we can select your texture that we want to begin with let's go with like the let's go with this texture here in the middle and all we want to do is go edit copy copy to our clipboard come over to the new document we have that layer mask selected and then hit command or ctrl V to paste it into our document now if I deselect it nothing has happened why well because the texture is white so we want to change the fill color of the texture to black back now I want to do this using the color panel up here by the way window color color panel but we want to hit this little flyout menu up here in the top left corner of the color panel and choose CMYK and we want to set the K all the way to 100% and also the CMY and the CM and Y so all four should be at 100% black and you're get a really good rich black we can just stretch this texture out so it covers our entire object we can deselect and look at that we're starting to get a nice textured effect if i shift-click on the mask it's going to temporarily disable it there it is without our mask there it is with the mask you can see me you're starting at some grit and grime and grunge happenin alright not good enough yet let's add a little bit more let's go with this really cracked effect commander ctrl C to copy we still the mask selected command or control V to paste it in place up we need to fill it with black so let's go back to CMYK and just go black black black black black you can also create a very rich black swatch that be a little bit faster but I'm not going to go through the process of doing that here for this tutorial now let's just stretch this out over the entire object boom deselect and now we have all of our text is cracked and the text is actually cracked the importance of using the masks to do this and not just throwing some black lines on top of our text is if we come to like not the background image but maybe the background color and we change the background color here let me see if I don't remember how I set this up will actually change that yeah and when we change the background color to be like red that red is going to actually show through all those cracks in our text if we change this to a you know a brighter blue that blue is actually going to show through so all of that kind of stuff is going to end up showing through the finished product and you know that's important because it just you know you went the extra mile with your artwork it looks good it looks good even when you zoom in and take a look at it and really examine the details that's the importance of creating the mask I'm going to lock up the background layer once more to get back in to edit the mask again we have this top group that's where our artwork is it's the visible group we want to actually select this little circle right so when you select that it's going to select the group and therefore show the mask that's being applied to this layer group and at this point you can go crazy with it we could say you know what I'm going to take this kind of like brick texture as well let's take this over so make sure you have the mask selected commander trol V to paste it in there I'm going to stretch it out over over my artwork here and I'm going to fill this bad boy with black and then I'll just deselect and you can see that's really tearing up the artwork but hey you know what that may be exactly what you want and if it's exactly what you want well then of course it's exactly right now if you've enjoyed this tutorial make sure you leave a little like on and hit the little like button also make sure you subscribe to my channel and if you use Instagram and you use this effect your create something with the effect I would love to see it my Instagram handle is at cut vid tu TV ID tag me on it or tag me in a comment or whatever you like I would love to see it I'll try to get in and like and comment I always try to you know mix it up with people in the Instagram community as well as a lot of fun over there and so if we're creating a not only a distressed texture but actually applying it to some artwork in Adobe Illustrator back tips got it good so Daniel Dodgen touch vidcom I'll catch you [Applause] [Applause] [Applause]