Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:12Length:1 hour

Next lesson playing in 5 seconds

  • Overview
  • Transcript

2.2 3D Text Style 2

This lesson will build upon what we learnt in the previous lesson to create a different style of decorative 3D text.

Related Links

  • Font: Octin Bold
  • Fonts on Envato Elements

2.2 3D Text Style 2

Hey everyone, welcome back to the course. What you see before you here is the style of 3D text we'll be learning in today's lesson. We'll be using the Blend tool, like in the previous lesson, along with the Offset Path tool. I'm going to zoom in so you can see the detail to this style of 3D text. There's this little part of the letter that's sunk into itself as well as the shadow down here that's caused by the 3D shape. So this is what we're going to be achieving in this lesson. So to get started, I'm going to go into my bank of type faces to create the text I was just showing you. I've used this brush lettering. I chose this one because as you'll see, I'm going to be making the letters thicker and the spacing between the letters in this word are already quite wide. Which is great because as it gets thicker and bolder, they'll bump into each other if they were too close, so it's good to start off with them being quite wide. Also, it's got a nice sharp corners, nothing rounded like this part of the D here, which is going to make life a lot easier for us in the long run with their nice sharp, clear points. So to model how I made this, I'm just going to show you how I made it using the B. So then you can take that and then create a whole word for yourself without having to watch me repeat myself too much, which may just get a bit tedious for you. So I am going to copy the B here, and come into my document, and I will paste the B here, into the this artboard and align it to the middle, make it slightly bigger. And so we can already see that it's a compound path, which is great. So what we're going to do is, with it selected, go to Object Path > Offset Path. What we're going to be doing here is just essentially making it bolder. So if I hit Preview, you can see the original path here, this line, and then with two millimeters worth of offset, it's created this additional path here. So this is a great way of making letters thicker or thinner. So likewise if I change this, bring it down, you can make a letter thinner. So this is a very useful trick to have up your sleeve. So two millimeters actually looks about right for what I want to be doing in this lesson, so I'm going to press OK. You can see here in the layers, there's the top original path, and then underneath the fatter version that we've just created. So what we're going to do, I'm just going to change the color for both of them, so it makes life easier, so I can tell which is which. And then like in the lesson yesterday, I'm going to create a blend, so I'm going to copy and paste two versions of it in the same place. One, so I can make the blend, and then the additional one, so then we have the option of changing the color of the layer so that it's set on top of a blend. So I'm going to take this top one, drag it off slightly, just like this, so with both selected go into Object > Blend > Make. And let's just see how many steps it's got there, 500, which is great, so it's going to be nice and smooth. The one that's down here, I'm just going to make that black. So we have this nice shadow that's created. I'm going to select that and send it to the back, which is great, so far so good. I'm just going to center all of that into the middle of a document. And now, I will also add them here just make a background color. Let's go with the yellow again, send it to the back, and I'll lock that so that it doesn't get confusing. And now what we're going to do is create this shadow part of the lettering. But actually, before we do that, I'm just going to make sure that the blend is a similar looking blend to what we have in BRASH here so that the red is more prominent. So I'm just going to rearrange that in the layers. So now we have similar tones and shades that we've got in the BRASH lettering here, so as we do here in the 3D part of the shape. So now what we're going to do is duplicate the blend so that we can then make the shadow that it's creating, so I'm going to copy that and paste it in place. And then the top one, I'm going to double-click into the blend, select the top one, drag it to way down here, make it yellow, the same color as the background that we've set up. And then the other part of the blend I'm going to make that a nice red color. And then send that to to the back and it looks like we need to red on top again so it creates more red into the blend. There we go, nice shadow going on there, which is looking good. And so now we're going to create the sunken parts of the letter. And so what we do for that is quite simple, we have our original path selected. So we only have one of those at the moment, so we're going to need two more, so there'll be three in total. So I'm going to copy that and paste it in place once and again. So, I'm going to take the top one and just drag it slightly down and then select the one that's underneath. And so now we want to do, as I hover over both of them, you can see those shapes which are going to help us create the sunken part of letters. So I'm going to have them both selected and then in Path Finder the option here Minus Front. So now, with the parts I had overlapping, it's created this kind of negative space that was in between them. If I change the color, you'll be able to see it better now. So it's create that sunken part of of the letters. So we could leave it like that, but I'm all for being a perfectionist. So just to add a little extra bit of detail, you can then go into it using the Pen tool, just simply drawing in these final few points which have been missed out of the shape. So that really completes the 3D effect to it. So now it really does look 3D. I'm going to make this top bit white so it's easier to see, there we go. I'll make that green so it's the same as for BRASH here. And there you go. So if you do the same thing to then create an entire word, just take your time to add real good finishing details is to, just as we did then, add those final little bits on the corners. So if I go over here, you'll see I had to them draw them in here, like on the R. Some letters you might get away with it and might not need to draw too many in. The A just needed a tiny bit here, and I don't think the S needed any, really. So, yeah, just keep an eye out for those things, and there you have it, a really great, bold, and interesting style of 3D text. So thanks for watching, everyone, and join me in the next lesson.

Back to the top