Check out these awesome products:

In this tutorial, we are going to learn how to create a fun 3D hand drawn text effect. You will learn how to set up your type and apply a 3D warp effect.

Step 1: Set up your art board to a basic Letter size. Using the rectangle tool, place a bright orange background. We are using color #E87A26. Lock this layer and create a new, blank layer.

3D hand drawn text effect

Step 2: Decide on a message and lay out your text. I made the first word all Caps so that the bottom word fits better. The font I am using here is called “Snickles” and can be found on FontSquirrel – Click here.

3D hand drawn text effect

Step 3: I am going to expand my Type (Type > Create Outlines). I am then going to move the type around a little bit so that the words fit together better. I will lower the size of the word “Type” and increase the size of the “J” in Juicy. This step depends entirely on your own preference and message.

3D hand drawn text effect

Step 4: Once you are happy with your layout, go ahead and select all of the letters and group them together (Ctrl + G) or (Object > Group). Change the color of your text to #F5F7D5.

3D hand drawn text effect

Step 5: With the text still selected, go to Effect > Warp > Arch. Make sure to click on the Preview button so you can see the effect. For my layout, a bend of 15% looks just right. You may need to adjust depending on your own layout. Once you are happy, click OK.

3D hand drawn text effect

Step 6: With the type still selected, go to Effect > 3D > Extrude and Bevel. Again, make sure the Preview button is clicked on so you can see what you are doing. I am going to change the Position to Front, then increase the Perspective to about 150 degrees. Once you are happy, click OK.

3D hand drawn text effect

Step 7: Before I expand my effects, I want to check to make sure I’m 100% happy with it (once you expand the effect there is no going back). You can also make an extra layer with a copy of your pre-expanded design just in case. If you notice something you don’t like, you can adjust the effects by pulling up the appearance panel (Window > Appearance).

3D hand drawn text effect

Step 8: Once you are happy with your effects, go to Object > Expand Appearance. This will make all of the individual parts editable.

3D hand drawn text effect

Step 9: First thing I want to do is fix my colors. Using the Direct Selection Tool (A), hold down Shift and select all of your letter faces and change the color back to # F5F7D5.

3D hand drawn text effect

Step 10: You should still have just the letter faces selected. Go to Select > Inverse. This should change your selection to only the 3D extruded bits. Change the fill color to # 5B401A and the stroke color to # 3C2813. Change the Variable Width Profile on the stroke to #1 or #2 depending on preference.

3D hand drawn text effect

Step 11: Select your letter faces again. Go to Object > Path > Offset Path. Make sure the Preview is click on. Enter a small amount (-2 for our example) and hit OK.

3D hand drawn text effect

Step 12: After you hit OK, your new paths should still be selected. Go ahead and change their color to a bright yellow # EADF48.

Step 13: Using the pencil tool, draw a free form line towards the bottom of the letters, which we will use to “cut” the yellow letter faces. This line’s placement will only affect the yellow letters. You are basically going for a “U” shaped dip inside each letter’s form.

3D hand drawn text effect

Step 14: With your drawn line still selected, use the Direct Selection tool and select all of the yellow letters in your first word. With everything selected, open your Pathfinder window and click on “Divide”. This will make quick work of slicing up the yellow letters.

3D hand drawn text effect

Step 15: With the regular selection tool (V), double click the yellow letters to enter isolation mode so you can delete the top parts of the letter form.

3D hand drawn text effect

Step 16: Repeat steps 13 to 15 for any other words you have.

3D hand drawn text effect

Step 17: I want to add a small stroke to the main letter faces, so go ahead and use the Direct Selection tool (A) and shift click to select all of the letters and set the stroke to the same color # 3C2813 as the other stroke. Make sure to align the stroke to the outside. You can do this by opening up your Stroke Window (Window > stroke) and clicking on the “Align Stroke to Outside” button.

3D hand drawn text effect

Step 18: Draw out a small circle and set it to the same yellow color as the bottom of your type and make copies and place them in the curve of the yellow shapes.

3D hand drawn text effect

Step 19: Finally, I drew out an oval shape behind all of the text and applied one of my Retro Starburst brushes to it. You can download the full set, by CLICKING HERE.

3D hand drawn text effect

Congratulations, you are done.

 

3D hand drawn text effect

Check out these awesome products:

You may be interested in these sponsored products: