Creating Vintage Typography Easily – Illustrator CC 2014



hey guys we'll pass it here again with another illustrator CC 2014 tutorial now today I'm going to show you how to create this vintage sort of looking text with an illustrator now this is really easy for moderate users but it can be quite difficult for those who don't understand fully so I'm going to go into quite a lot of detail but first I want to tell you something about curious calm now if you're wondering how I create my t-shirts or my line of t-shirts I've made a course on curious.com that you can go and watch it's not free but it's very cheap you know and watch this course and it will take you step-by-step through each process that I take of creating t-shirts so you go check them out it's really good and it's not youtube because it took a lot of time for me to do and I wanted to go somewhere great so the first thing I'm creating this live text is that we need to go ahead and write it out so I'm going to press life now life this font is actually called love interior and it's available if you type it on Google and it's free to use it's all good and it was really nice and it comes in plenty of weights it comes in delicate sturdy no so delicate regular and sturdy so studies right really a big book we're going to go ahead and just go for a delicate is it no regular so and then I'm going to highlight this so we don't want it to be editable so when you press command shift and up and that what that does is it converts a live editable text to become just a shape for us to use so we can customize them all now we're going to flick through over here you can see in these corner bits here we can see that they are rounded and they're not square or cut off like this one and this is what we want to do to give it a nice little effect I'm going to proceed to zoom in on this part over here and then I'm going to press P which will bring us the pen tool now for this we'll need the smart guys turning on so go to view and press smart guides or press command or control you awesome next thing we're going to do is we're going to go and find this point up here now if you highlight over this it should say anchor point or it will snap you to an anchor point click your pen tool there and then drag out at the same angle of the angle where you're going so I've got on there now the great thing about illustrator CC 2014 is that we have a preview like the lasso tool in the LA Zoo the zoo yeah that last suit or I can't say that properly within Photoshop so I'm going to go ahead and press down here and I'm going to drag this way this time are the exact angle and this will give us a nice rounded corner which is basically adding on another shape hold command or control and then click away so you don't edit this even more let's go over to the eye and repeat the process so up away from the object at the same angle down into the object at the same angle command click away and then drag with your spacebar to go away we need and keep repeating the process it shouldn't take too long oops I than the wrong like so just to give it a nice rounded corners click away right here right here we've got that amazing so that's why it is for when you've done that and then the next thing we need to do is need to measure all these little shapes in with the big shape so we need to go I highlight them all then go to your Pathfinder options and if you don't have Pathfinder open go to window and then go down to Pathfinder over here or press shift command or ctrl f9 and that'll bring it out highlight all this and then press unite which is the first one that you come to and I'll unite all the shapes together the next thing we want to go and do is zoom out by pressing command or ctrl – and then holding shift and alt we're going to drag this up we're going to roughen this up a little bit so we're going to drag it quite far away from the artboard for a second and we're going to go to effect we're going to go to distort and transform we're going to go to roughen now the important thing to do before this actually is to press command H which will hide the borders away from the selection so it means you don't know what you've selected so if I selecting this you won't be able to tell you'll see the bounding box outside of it but your bill tell if it's selected on the inside and this is what we want because we don't want to be looking at a blue line when we're roughing up so press command H go to effect start transform roughing press preview automatically and you'll see that we've got all this crazy stuff happening so the first thing we need to do is change relative to absolute corner to smooth and we can go from there I'm going to keep the size at 5 but I want to drop down the detail a little bit for now shifting tab up a few times just to change this a tiny bit I was using the arrow keys here to get the desired effect I'm ok with that because it's slightly roughing and we're going to press ENTER to okay then I'm going to press command H and you'll see that it's not expanded to the shape you can see that the line here isn't fitting within the shape which means that the effect hasn't taken place the zoom out again so with all these kind of cases we need to go to object and expand and this will expand the object you can see our load of anchor points being added to this because of the many shapes we'll drag it back down like so we've got this now if you type it on Google vector grunge or vector textures you'll be able to get some of these these are called subtle crunch vectors and these are from think design blog calm and their free beer go and grab them and they're really good basically you a lot you want to open them up with an illustrator and you'll get a document if I can do it right like so and basically what you do is you drag listen to the other document or press command C or control C to copy command V to paste and we've pasted this in here and we're just going to hold it we need to prepare the tape the what we called the shape for texture and the best way to do this is to make sure it's not a group because it won't sort of subtract the same way so we need to press command 8 which will change it into a compound path now when you change anything into a compound path it makes illustrate I think that the group that you're working in is just one path so whenever you try and use the pathfinder options it won't just delete everything apart from the thing you're trying to subtract it from but it will actually subtract from the whole compound path now that seems like a lot to take in but the more you work within this you'll see the more easy it gets to understand the more you work with it the next thing we're going to do is I'm going to make sure that the shape over here the shape that we're going to be cutting out of this one is at the top so we're going to highlight it right click go to arrange and then press bring to front now what this will do is this will mean that we can subtract this shape from this shape and that will give us a texture automatically so we're going to go ahead and copy this by pressing alt and dragging it press E to free transform and rotate to give it a bit of diversity there one more time e rotate all the way around so don't get any of those hard edges in there there we go we've got something that looks nice around here the notable goodies are going to highlight all of these things then we're going to go to our Pathfinder options and instead of pressing your night we're going to go to minus front and it'll take a minute for you computer to render but you'll see that your texture has been deleted from the actual text which gives you the actual vintage text and that is how you create vintage text with an illustrator CC if you've got any questions or comments please leave them in the comment section below I'm going to be doing some speed designs I know I hated them before but I found a love for some sort of speed design I want to do so thank you so much for watching if you want to donate to me or you want to go ahead and show your support go ahead become a patreon you get loads of cool free things like tutorials and that thank you so much for watching and a goodbye

43 Replies to “Creating Vintage Typography Easily – Illustrator CC 2014”

  1. I was just wondering, if you were to be helping a client, are you allowed to use type fonts like this?
    Or do you have to make everything handmade??

  2. heres where you can get font and its free: http://www.deviantart.com/art/Font-Pack-01-by-Graphic-s-Universe-461057023

  3. amazing tutorial! this saves me A LOT of money and frustration! just wish I had seen it sooner!

    (I'm sure someone told you by now, but American's say "lasso" with a long "O", like stone or cold.)

    keep making stuff ^.^

  4. It doesn't work for me. So,I got in the grunge. Added the font and then cmd8 and then got the grunge to the front, copied that and tried pathfinder – minus. All it did was that my font vanished. 🙁 don't know what I'm missing here.I'm using CC2015

  5. Hey, i went looking for that typeface and couldn't find it free..all the "free" ones require a "donation" so they cost =

  6. Great tutorial – thank you! Is it possible to make the grunge layer you added on top of the text transparent?? I have been trying to figure out a simple workaround.

  7. how can i turn the text to give it more of a italic feel and increase or decrease the length of lines on a single letter

  8. Hi Will,
    I tried to do everything you do in this tutorial on Illustrator cc. But I can't stil manage to get my grunge text. So:
    I open a .svg file and type the words i need, convert them into shape; then I copy and paste the grunge texture (.svg )onto the text; select both shapes and then minus front from pathfinder options. The best result I got is to have only the first letter with grunge texture, while all the others disappear! This is not how it should work. Why?
    My question is what do I miss to acheive my grunge text? What can I do?
    Thank you.

  9. Hi .. in my ilustrator I dont Lavanderia .. is that a reason? do not all istrutator's have it .. its because its really beautiful and i would like to use in a project that I have to do =/

  10. Fantastic stuff!! I really enjoyed this tutorial! Kind of an eye opener, because I've either used or have known of these settings in the past. But never used them in sequence with a typeface to alter the smoothness or roughness of the strokes  to gain this result! Simple, and straight forward! Also, do you recommend any vintage style typefaces? Only I'm going up to University in September, and I feel that this vintage style design movement will benefit me during my projects. I also want to diversify since I currently practice with contemporary typography.

  11. I just found your channel! Really love the videos! I love your website, and I'm just wondering how you made it? I'm good with design but I have no idea on how to build a site. Any tips?

Leave a Reply

Your email address will not be published. Required fields are marked *