Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So I went ahead and applied those settings inside the 3D Extrude & Bevel dialog box and I figured why not go ahead and apply a jagged bevel. See how it works out. And I've saved the result as Steak-fry bevel.ai, and if you want to see what settings I applied, you just have to go ahead and click on 3D Extrude & Bevel in order to see those settings right there inside the 3D Extrude & Bevel Options dialog box. I did add another light source by the way. I will go ahead and turn on the Preview check box, so we can see what that's doing. And I went ahead and set that light source right there behind the letters.
And notice now if I move this slide around a little bit, then I'm lighting essentially the back of those beveled edges. All right! I am going to cancel out there though, because I liked my previous effect better. Now, you can see that I have knocked my 3D type off-kilter a little bit, and that happens and you could just move the type to a different location if you wanted to center it once again. However, I prefer to leave the type where it really is, inside of the document especially if it's centered inside the illustration in the first place, and then go ahead and adjust the positioning of the type by going to the Effect menu, choosing Distort & Transform and choosing the good old Transform command.
I am going to go ahead, and turn on the Preview check box, so I can see what I'm doing, and I will increase that Horizontal value by pressing Shift+Up Arrow, and I'm doing a lot of Shift+Up Arrows here, because I don't know how far I want to take it over, and it looks like at a Horizontal value 66, that's not enough, so I will increase the Horizontal value to about 100 points, and that's good enough for now, fine. Click OK in order to except that modification. This is all fine and dandy. I have got some sort of semi-ugly yellow type, but it works well for this kind of french-fry effect here, but what if you want your extruded edges, to be a different color than the face of your type? Well you could map art onto the artwork of course, if you wanted to.
You'd have to save out some symbols, and then spent a fair amount of time, mapping those symbols on to your 3D art, or you can add strokes. So when you have Fills and Strokes associated with your text, and these are Fills and Strokes that have been added to the type object, mind you. I haven't applied these on a character level. So when you have such Fills and Strokes, why then the Fill is face of the letters, and then the Stroke becomes the color of the extrusion? So for example, if I turn on this white stroke here inside the Appearance panel, then I will go ahead and change the color of that extrusion to white.
And you'll also see that it takes a fair amount of time. This is going to increase Illustrator's computation. So it's going to take more time in order to calculate that effect and so at this point, I'd very much suggest before you turn on the other strokes here, that you go ahead and turn off those french-fry edges. So I'm going to click on 3D Extrude & Bevel and I'm going to go ahead and get rid of the Bevel entirely by setting it to None, and then I'll go ahead, and click OK in order to make that modification and we now have a more sensible extrusion.
So we have these dark yellow letters, because the light is all coming in from downstairs here, and then we have these bright beveled edges, but what I wanted to do is wrap the text in multiple strokes, and so whichever stroke is the outermost stroke is the one that's going to be assigned to the extrusion. All right! So this is obviously no good, having these bright extruded edges in this very dark type look terrible, and sinister; spider type is a good guy. So I am going to go ahead and click on 3D Extrude & Bevel once again. Actually I am going to turn off Transform first of all, because the effect that we are going to apply, we will end up centering that text again.
So I will turn off Transform, click on 3D Extrude & Bevel and here are the values that I want you to try out. Let's set the Pitch value to 20 degrees, and the Yaw value to 0 degrees and I'm also going to set the Roll value to 0 degrees, so that we're looking at the text straight on. And this Perspective, I am going to take that down a couple of notches to 100 degrees and then the extrusion, let's take that down to 40; which is a lot more sensible I think. And then turn on the Preview check box to see what we have. Now, this is going to take a little bit longer to compute, and this looks terrible.
We're dropping out, all kinds of edges here and also the text is still very, very dark. So let's take care of the lighting. I will turn off the Preview check box for a moment. And I will drop down to my lighting option. So I am going to increase the Ambient Light value back to 50%. Light Intensity is still 100%; I am going to take the Highlight Intensity down to 60%. These are just some values that I just found aesthetically pleasing for this particular type. I will go ahead and change the Highlight size to its default which is 90%. The number of Blend Steps is fine at 25. We need to go ahead and move this highlight up to the top because that's where the face of the letters are, and I'll move this backlight.
I still want a bit of a backlight over here on the left-hand side. All right! Let's see what that looks like. If I turn on the Preview check box, see if it resolves any of our problems. Look at those dropped out edges. So I was telling you when we were looking at the apple that you can run into problems where the stroke is so thin, in terms of whatever mathematics that Illustrator comes up with, the stroke becomes so thin that you're seeing through to the fill. Well, I'm not sure I can defend this appearance here because we're not seeing through to anything.
We're just dropping out layer after layer, after layer of stroke and we're even dropping out the Fills back there in the background. Now we have got this little warning, and I love it. It says Path self-intersection may have occurred, that sounds so painful for the paths. I don't even know what that means self intersection. Well I gather, it means the paths are somehow wrapping into themselves. Here is the solution. Try increasing one of the 0 values, the 3D functions don't tend to like values completely zeroed out. So let's go ahead and increase the Yaw value to let's say 1 degree.
I just nudged it up by pressing the Up Arrow key, and we'll see if things get better or not and look at that, things got almost entirely better, not entirely better unfortunately because we're seeing through one of the strokes around the R, but tell you what, why don't we come back to that, because we have a couple of other effects to apply and maybe over the course of time, Illustrator will self reconcile it's path intersection. I will go ahead and click OK in order to accept this effect. So really all the letters are looking good, except for this little line under the P over here on the left-hand side and then the second stroke, the middle stroke around the R is entirely out to launch, it just disappear.
We could try something like -- let's turn it off for a moment. See what happens. We will turn off that middle stroke. And now everybody looks really good, and now let's turn the middle stroke back on and it came back, look at that yes, sometimes that happens and this one of those sometimes. Awesome! All right1 Let's apply another effect, why don't we, and I don't want to apply it to just the stroke. Can you imagine, what we are going to do is bend the letters and if I just warp the stroke by itself inside of this 3D environment here, I don't know what would happen. Probably the world would cease to exist. I am just going to go ahead and click on Type in order to make it active and then I'll go up to the Effect menu and choose Warp and I'm going to choose this guy right there, Arch.
That's a wrong one, actually now that I see its shape. What I want is Arch. All right! So, I will go ahead and select Arch, and I will turn on the Preview check box, the Bend value of 20% is exactly what I think I want. Nope, I am wrong. I want a Bend value of 10%. Let's go ahead and try that out. Notice how we have got new problems associated with their text which are there, excellent, I just added some new problems. All right! I am going to click OK in order to accept my problems. Then I am going to notice, oh, look at that Warp Arc, got added to the top, so it happened before the 3D Extrude & Bevel.
What if we say, okay, the 3D Extrude & Bevel was fine before we warp the letters? So theoretically, if we warp the letters after they are already extruded and beveled, that will make life lot safer. So I will go ahead and drag this guy to the bottom of the list and you may recall that where effects are concerned, you are seeing them from the top-down. So the top effects are applied first, the lower effects are applied later, and that did indeed solve our problem. So it's safer to get those 3D effects down first and then apply your other effects on top of them, and then finally, I'm going to go up to the Effect menu.
I am going to choose Stylize, and I'm going to choose Drop Shadow, and I'm to add a pretty big heaping helping of Drop Shadow. This is it right there. The mode is set to Multiply, Opacity 100%. No offset for X, so we are going to send the drop shadow straight down, a Y Offset value of 14 points; that's big, a Blur value of 8 points, also pretty darn big. Color is set to black, let's go ahead, and turn on the Preview to see what that looks like, just so that we can confirm that we're not breaking anything else here, inside this illustration. That looks great! Go ahead and click OK to accept that modification.
Wait out whatever progress bars decides to zip across the screen, and then press Ctrl+Shift+A or Command+Shift+A on the Mac to deselect the text. You know what, I am just going to go ahead and fill the screen with this illustration and drag my type to the center of the video here, and that is my final extruded type. You don't have as many 3D options, here inside of Illustrator, as you do inside of Photoshop, but it is lickety-split easy to extrude live editable type, using the 3D Extrude & Bevel effect inside Illustrator.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.