Creating 3D Text in Illustrator

posted by Kelly Illustrator Intermediate No Comments »

This is a typography tutorial for beginner level users of Illustrator. I am using Illustrator CS2.

First, type the text that you want to stylize onto your artboard. Because I am feeling in a superhero kind of mood today, I decided I would play with the word SUPERMAN. In order to make things easier down the road, set the fill color to anything besides black.

Text with no Effects

I want to style my text to appear strong and fast (like Superman), as if I am standing still and it is flying by me. So, in sticking with our mood, I am going to play with my text a little before applying the 3D effect. This step is not necessary to create your 3D text, but it will give it even more perspective.

Go to Object > Envelope Distort > Make with Warp (shown below). The Warp Options dialogue box below shows the settings I used to get my desired look. If you are going for a different look with your text, play around a little. (If you check the Preview box along the right you can click around from Warp to Warp and change your settings while seeing a preview of them without committing to them.)

Step One Screenshots

Here is what my text looks like with the above Warp applied.

Warped Text

Once you have applied the desired Warp, it is time to apply the 3D effects to the text. Go to Effects > 3D > Extrude & Bevel. Listed below are the settings I am using for my text.

Step Two Screenshots

Here is what my text looks like with the above 3D Effect applied.

3D Text

In order to edit and tweak the 3D text, we will need to Expand and Ungroup. First, go to Object > Expand Appearance.

Once the text has been expanded, go to Object > Ungroup to separate the pieces so that we can edit them individually. Note: You may have to repeat the Ungroup steps a few times before all the groups have been separated.

Step Three Screenshot

Select the “front face” of each letter and apply a new fill color/effect using your Color Palette. I chose a linear gradient and used colors that create the look of a reflective surface.

Selected Fronts

Step Four Screenshot

Here is my final 3D SUPERMAN text.

Final 3D Text


BONUS TUTORIAL!
The Reverse Effect ~ Let’s go over how to reverse the look of our 3D text, while reviewing some other basic tips and tricks.What we want to do is select all of the gradient “fronts” and make them blue and select the blue drop effect and apply the gradient.The first thing we want to do is save our gradient to the Gradient tab in the Color Palette so that we do not have to build it again when reapplying it to another shape. Select any of the “fronts” so that the gradient is showing as the current selection Fill in your Toolbox as shown below. Next select the Gradient tab in your Color Palette, also shown below. Now simply drag the Fill from you Toolbox into the Gradient Palette.Drag Gradient SwatchTo make our lives easier, we can put the fronts and the drag effect each on its own layer. For a review on how to do this, see my tutorial called “Shortcut to Moving an Object to a New Layer”Now that we have each group on a different layer, we can easily select only the part of the text that we want to work on. First, click on the little circle to the right of the drop effect layer in the Layers Palette to select the entire layer.Separate Into Layers

Now click on the new gradient swatch you just placed in the Gradient Palette.

Next, select the fronts layer by clicking the little circle and change the fill to blue or whatever color you were using.

Now you have a reverse version of the 3D text we created above.

Final Reverse

There are all kinds of fun ways to spice up your text. MAKE IT MORE THAN WORDS…MAKE IT ART!

Quick and Easy Flowers in Illustrator

posted by Kelly Illustrator Beginner No Comments »

This is a fun tutorial for beginner level users of Illustrator. I am using Illustrator CS2.

First, using your Ellipse Tool, create an elongated ellipse like the one shown below. This is the first petal of our flower.
The Ellipse Tool looks like this: Ellipse Tool

Draw an Ellipse

Next, with the petal selected, click on the Rotate Tool in your tool box.
The Rotate Tool looks like this: Rotate Tool Icon

Once you have clicked on the tool icon, hold the Option(mac)/Alt(pc) keyas you move the cursor to the point you want your petals to rotate around and click. You will see the light blue rotation point on your artboard as shown below.

Rotation Point

Once you select your rotation point, the Rotation dialogue box will appear.

Rotate Dialogue Box

Select the angle at which you want your petals to rotate around the rotation point (I am using a 30 degree angle) and hit COPY. Do not hit OK as this will simply rotate your original petal rather than adding a new one.

Create Second Petal

Next, add the rest of your petals by hitting Command(mac)/Control(pc) and D keys as many times as necessary. You can also repeat this step by going to Object > Transform > Transform Again.

Circle of Petals

Now that you have all your petals in place, create a circle (or a shape of you choice) and place it on top in the center.

Add Center

There you have your quick and easy flower.

Once you get the hang of the steps, you can get a little more elaborate with your flowers. A few samples of flowers I made using these steps can be seen below.

Have fun with it!

Sample of More Detailed Flower

Another Sample of More Detailed Flower