How to Create a 3D Text Effect in ArtText

In the following steps, you will learn how to create a beautiful 3D text effect using Art Text 4 for Mac.

What You Will Learn in This Art Text Tutorial

• How to create 3D text in Art Text


• How to use Spray Fills in Art Text


• How to create a background in Art Text

Follow along with us over on our Envato Tuts+ YouTube channel:

What You Will Need

You will need the following resources in order to complete this 3D text effect in Art Text:

• 
  Bomber Balloon font


• Art Text

1. How to Create 3D Text in Art Text

Step 1

Open Art Text and let's start by adjusting the canvas size. Click the Document Size button from the bottom of the screen, and then set the Width to 850 px and the Height to 600 px.

Step 2

Make sure that your text is selected and focus on the right sidebar. Click inside that text field and simply replace "Text" with "SYNTHETIC".

Next, click that Font button to adjust the style of your text. Select the Bomber Balloon font and set the font Size to 18.

Step 3

Right-click on your text and go to Convert to 3D. This will turn your 2D text into 3D text.

Step 4

Let's increase the depth of this 3D text. 

Focus on the Geometry panel from the right sidebar. Set the Depth to 7 and then adjust the other three sliders as shown in the following image.

Step 5

Move to the Material panel from the right sidebar to add a bit of color and extra glow to your 3D text.

First, let's enable the Environment Texture. Click the cogwheel icon to open the settings of this effect, and then click that thumbnail to open the list of preset textures. Select Spherical from the drop-down menu, and then scroll down to select the Glass2 preset. Drag the Smooth slider to the right, and then return to the Material panel. 

Click the fill color wheel and simply replace the existing color with #AAFFFF.

Step 6

Move to the Effects panel from the right sidebar and enable the Depth Gradient to add some extra shading for the depth of your 3D text. Change the Blend Mode to Multiply and keep the gradient as it is.

Step 7

Keep focusing on the Effects panel, and this time enable the Shadow.

Click the color wheel and replace the existing color with #181312. Move the Attenuation and Blur sliders as shown below, and then use that angle spinner to position the shadow as shown in the following image.

2. How to Apply a Text Style in Art Text

Step 1

With Art Text, you can build your own text effects from the ground up, or you can use one of the built-in presets to quickly apply textures and lighting effects. Let's see how it can be done.

Start by clicking the + button from the bottom of the screen to easily add a new piece of 3D text.

Step 2

Change the text to "NATURAL" and use the same Bomber Balloon font with the font Size set to 23.

Step 3

Make sure that your "NATURAL" text stays selected and focus on the Geometry panel.

Set the Depth to 7 and select the straight line from the Chamfer drop-down menu, and then drag the other three sliders as shown in the following image. 

Click the Transform thumbnail, select the Convex template, and don't forget to drag that slider all the way to the left.

Step 4

Now that your text is ready, let's see how easy it can be to apply a preset texture. 

Focus on the Material panel and click the Preset button. Select Nature from the drop-down menu and simply select the Nature_09 template.

Step 5

Now that the material is applied, let's add a bit of shading to make it fit better with the other text effect.

Move to the Effects panel and enable the Depth Gradient. Change the Blend Mode to Multiply and then click the gradient thumbnail. Select the bottom gradient slider and change the color to #555555, make sure that the color of the top gradient slider is set to #FFFFFF, and then click that + button to add a third gradient slider in the middle. Select it and set its color to #929292.

Step 6

Keep focusing on the Effects panel and enable the Shadow.

Click the color wheel and replace the existing color with #181312. Move the Attenuation and Blur sliders as shown below, and then use that angle spinner to position the shadow roughly as shown in the following image.

3. How to Use Spray Fills in Art Text

Step 1

Make sure that your "NATURAL" text is still selected and duplicate it (Command-C > Command-V). Select this copy and place it right on top of the original text.

Spray fills can only be applied on 2D text, so right-click on your copy and go to Convert to 2D.

Step 2

Make sure that your 2D text stays selected and focus on the Fill panel from the right sidebar.

Click the Spray Fill icon, open the Preset dropdown menu, and select the Green Leaves template to fill your text with a bunch of leaves.

As you can see, using this amazing feature, you can easily fill your text with different objects. You can use one of the ready-made presets or you can create your own style using one of the many objects available. You can even import your own objects in Art Text and use them to fill the text.

Step 3

You won't need that many leaves for this text effect, so let's adjust the spray fill. 

Change the Density to 2 and drag the Size slider as shown below, and then move to the Randomize sliders and set them as shown in the following image.

Step 4

Make sure that your 2D text is still selected and move it behind the "NATURAL" text using the Command-[ keyboard shortcut. Alternatively, you can go to the Layers panel in the left sidebar and manually drag your 2D text.

4. How to Create a Background in Art Text

Step 1

For the final touch, let's add a simple background for this text effect.

Once again, click that + button from the bottom of the screen to easily add a Background behind your text.

Step 2

With your background selected, focus on the Fill panel from the right sidebar.

Click the Texture fill icon and select Fabrics from the dropdown menu. Select the Carpet 05L template and set the Scale slider to 0.30.

5. Art Text Design Templates

Finally, if you don't have the time to create your own text effects, Art Text is here to help.

Art Text comes with over 400 ready-made text effect and typography graphics that can be easily added to a design and edited. You will find a wide variety of 3D text, watercolor effects, retro-style typography, neon and glow text effects, and many more.

All you have to do is click a template from the list, change the text as you wish, and there you have it.

Congratulations! You're Done!

Here is how it should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects. Don't hesitate to share your final result in the comments section.

Feel free to adjust the final design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your design.

Want to Learn More?

We have loads of tutorials on Tuts+, from beginner to intermediate level—take a look!

• 
  Text Effects
  
  
  How to Create Smoky Brushes and Type in Illustrator
  
  
  Mathias M. Stav


• 
  Text Effects
  
  
  How to Create a Realistic Chrome Text Effect in Adobe Photoshop
  
  
  Rose


• 
  Text Effects
  
  
  How to Create a 3D Chipped, Painted Wood Text Effect in Adobe Photoshop
  
  
  Rose


• 
  Adobe Illustrator
  
  
  How to Create an Art Nouveau Text Effect in Illustrator
  
  
  Andrei Marius


• 
  Text Effects
  
  
  How to Create a Cool Bubble Font Text Effect
  
  
  Andrei Marius


• 
  Text Effects
  
  
  How to Create a 'Stranger Things' Inspired Text Effect in Adobe Photoshop
  
  
  Rose


• 
  Text Effects
  
  
  How to Make a 3D Text Effect in Photoshop
  
  
  Monika Zagrobelna


• 
  Text Effects
  
  
  How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop
  
  
  Rose


• 
  Text Effects
  
  
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  
  
  Andrei Marius


• 
  Text Effects
  
  
  How to Create a Double Exposure Inspired Text Effect in Adobe Photoshop
  
  
  Rose