Thursday, October 29, 2020

How to Create a 3D Text Effect in Art Text

How to Create a 3D Text Effect in Art Text
Final product image
What You'll Be Creating

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:

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.

art text canvas

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.

text font

Step 3

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

convert to 3D

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.

art text geometry

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.

art text material texture

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.

art text depth gradient

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.

art text shadow

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.

add 3D text

Step 2

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

art text change text

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.

art text transform

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.

art text preset material

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.

art text depth gradient

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.

art text shadow

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.

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.

spray fill art 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.

spray fill density

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.

art text layers

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.

art text background

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.

art text texture fill

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.

art text templates
art text templates

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

art text template text

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!


No comments:

Post a Comment