With both the copied text face and the offset objet selected, hit Minus Front in the Pathfinder panel. Select the face of your text (the group from Step 5), Copy (Control – C), Paste (Control – V), and go to Object > Path > Offset Path… where you’ll apply a -1px Offset. Repeat Steps 4-7 on any other text you may have in your artboard. Once satisfied with the shadow colors and gradients of the 3D text, make sure it’s all Grouped together and Unhide the rest of your text. I’ve circled the sections of the 3D portion of the text where the gradients were placed. For anything that is on the right side of each letter and not a part of a curve, apply the lighter shadow color as the fill color (see below).įor curving shapes in the 3D text, you’ll apply a Linear Gradient going from the lighter shadow color to the darker shadow color using the Gradient panel to sort out the gradient’s angle. Using the Direct Selection Tool (A), select the bottom components of the 3D text and apply the darkest shadow color as the fill color (see below). In this case I chose teal and darker teal. You’ll need two colors for the 3D components of your text. We’ll be adjusting the fill colors of those pieces in the following steps. Group together the 3D components of lettering. Select the face of the text (the letters without their 3D counterpart) and set the fill color to a light color: cream, pale mint, etc. With your new 3D text selected, Expand Appearance under Object and Ungroup. With the newly compound shape selected, go to Effect > 3D > Extrude & Bevel and apply the following attributes:
Select the “Italian” group and hit Unite in the Pathfinder panel. I’ll mainly focus on the word “Italian” in this tutorial, since the process for the text treatment is the same for both word groups. This may be easier to do if you’re using a graphics tablet and the Pencil Tool (N) if you want your curves to flow with quickly drawn lines.
I’ve used the Pen Tool (P) in order to draw a shape that hides the little kick on the end of the “T” and flows into the expanded flourish path. In order to make sure the flourish drawn in the previous step fits in with the text group seamlessly, Zoom (Z) in so you can work on the details of the final letter. Once you’ve got the flourish in a position and shape that you enjoy, Expand it in Object and Group together with your word (in this case it’s been Grouped with “Roast”). Use the Width Tool (Shift – W) to taper the tail of the flourish by placing points with the tool near the end of the tail and dragging our mouse to make the path thinner at that end. Apply a thick stroke to the path in the Stroke panel. Using the Pencil Tool (N) I drew a swooping line from the letter “T” that moves to the left and stops below the “R”. I think the word “Roast” needs a flourish. Expand your text to outlines under Object, and then Ungroup your text. I chose “Italian Roast”, as it’s the name of a type of coffee, and I find this text effect goes well with all things coffee, packaging, and cafe related. Write out your text or title with the Type Tool (T). In this case, I chose Lobster 2, but also recommend Lobster, ChunkFive, or Birra.
#3d text illustrator how to#
In this tutorial you’ll learn how to create dimensional text inspired by vintage packaging designs and logotypes.