3D Effects in Illustrator
Complex effects are always a bit challenging to make, not to mention a time-consuming task if you don't know which tools to use (or even how to start). Often the simplest methods are the ones that work the best. Fortunately, Illustrator has a wide range of tools available to make the process of creating very complex effects a breeze. In this tutorial, you'll learn how easy is to make an Isometric 3D Text effect while keeping the text fully editable (all in less than 10 minutes).
Open Illustrator and make a new file at any size you want. In this case, i will make mine at 1920 x 1080 px in RGB Color Mode with a 72 dpi resolution.
Select the Type Tool (T) and type your text using any font you want. In this case, i will be using "Bahnschrift" at 300 pt.
In the Toolbar, set the text fill to "None" by clicking on the "none" icon in the bottom right corner.
With the text selected, go to Window > Appearance.
In the Appearance window, click on the "Add New Fill" icon. Click on the Fill Color Thumbnail and set any color you want. In this case, i will be using #A83F92.
With the Fill option selected, click over the "Add New Effect" icon and from the dropdown menu select 3D > Extrude & Bevel.
In the 3d Extrude & Bevel window, set the Position to "Isometric Right", the Extrude Depth to 20pt and under Surface set the mode to "Diffuse Shading".
Click and drag the light point to the bottom right as shown and set the "Ambient Light" to 0%.
Lastly, under Shading Color select "Custom" from the dropdown menu and by clicking on the color thumbnail set any color you want. In this case, i will be using #F4BF19. Click OK to apply the 3D effect.
We already have our Isometric 3D text ready, but to make it a bit more interesting, let's add one more effect. In the Appearance Panel, be sure to have the Fill selected and click over the "Add New Effect" icon. From the dropdown menu select Distort & Transform > Transform.
In the Transform window, apply the following settings and click OK.
A good idea, is to save this effect for a future use over any other new text without having to setup all the tools again. To do that, with the text selected, go to Window > Graphic Styles.
Click on the top right icon and from the dropdown menu select "New Graphic Style". Give this style a name and click OK.
With the effect finished and saved, you can now freely change the original text by using the Type Tool as you normally do.
To use this effect over any other new text or object, simply select the text or the object (a square in this example) and click over the "Isometric" graphic style we have made.