How to Create a Slashed 3D Text Effect in Illustrator

Fascinated by studying easy methods to reduce out a form in Illustrator? Learn the way to do that whereas making a slashed 3D textual content impact that’s colourful and enjoyable. You should have it prepared in minutes.

If you do not have the time to learn to make 3D textual content in Illustrator, you possibly can all the time attempt Envato Elements, the place you can see a big number of fonts and graphics which are prepared for use for textual content results.

What You will Study in This Tutorial

• How you can create sliced textual content in Illustrator
• How you can make 3D textual content in Illustrator
• How you can create a shadow for 3D textual content

Tutorial Property

You will want the next assets with a purpose to full this venture:

1. How you can Make a New Doc in Adobe Illustrator

Launch Illustrator and go to File > New to open the New Doc window. There, sort the identify of the doc and set the scale as proven. Hold the Models set to Pixels and the Shade Mode to RGB. When you’re carried out, hit Create Doc.

Within the picture under, you possibly can see the opposite settings that I like to make use of whereas working in Illustrator. You possibly can entry them by going to Edit > Preferences.

2. How you can Slice Textual content in Illustrator

Step 1

Seize the Sort Device (T) and write “SLASH” in your artboard utilizing the Submica Regular Font, with a measurement of 200 pt. Within the Character panel, beneath Set the monitoring for the chosen characters, select 50 with a purpose to add more room between the letters. Click on on Horizontal Align Heart and Vertical Align Heart whereas Align to Artboard is lively within the Align panel to place the textual content within the middle of your workspace.

Step 2

Now, use the Pen Device (P) or the Line Phase Device () to attract a straight path over your complete textual content the place you need to slice it. Give it a 3 pt Stroke utilizing any shade.

Step 3

Let’s examine easy methods to reduce out a form in Illustrator. First, make a compound path out of all of the letters by going to Object > Compound Path > Make (Management-8). Subsequent, choose the road and go to Object > Broaden to show it from a stroke right into a crammed form. Hold each paths chosen and click on on Minus Entrance within the Pathfinder panel.

3. How you can Make 3D Textual content in Illustrator

Step 1

Use the Direct Choice Device (A) to pick solely the sliced items on the backside, and transfer them slightly downwards and to the left.

To make 3D textual content, Illustrator has just a few 3D results that provide nice outcomes. Make it possible for the sliced textual content is grouped, after which go to Impact > 3D and Supplies > 3D (Traditional) > Extrude & Bevel (Traditional). Apply the settings proven and hit OK. Be happy to decide on different coordinates and experiment with the angle of your 3D cut-out textual content.

Step 2

Broaden the 3D impact by going to Object > Broaden Look. Deal with the letter S and see that the curved components of the letter are manufactured from a number of smaller shapes. Discover and choose every of these components within the Layers panel and click on on Unite within the Pathfinder panel to merge the smaller shapes into one.

Repeat the identical factor for the opposite letter S. This solely occurs with the letters which have curved areas.

Step 3

It is time to shade the 3D cut-out textual content. Use the Direct Choice Device (A) to pick solely the highest floor of the letters and shade them with brilliant blue. Subsequent, choose and shade all of the shapes on the left facet and within the entrance with darkish blue, and shade the internal shapes within the sliced space with brilliant pink. Make it your individual by selecting some other shade mixture.

Step 4

Choose your complete textual content and likewise apply a 1.5 pt Stroke utilizing black. Activate Spherical Be part of within the Stroke panel.

4. How you can Create a Shadow for 3D Textual content

Let’s end the textual content impact by including a shadow. Choose your complete 3D textual content (with out the highlights) after which Copy and Paste in Place (Shift-Management-V). Go to Object > Broaden, after which click on on Unite within the Pathfinder panel adopted by Object > Compound Path > Make (Management-8). You’ll get the black compound path proven under (1).

Transfer this form behind every part by going to Object > Organize > Ship to Again (Shift-Management-[). Go to Effect > Distort & Transform > Transform, apply a -2 px Horizontal Move, and choose 8 Copies. Hit OK (2). Next, go to Effect > Blur > Gaussian Blur and apply a Radius of 2 px. Finally, set the Blending Mode to Multiply and reduce the Opacity to 10% (3).

Congratulations! You’re Done

Now you know how to slice text in Illustrator. Explore all the 3D settings, and choose a different angle and another color palette that you like. Create a unique 3D cut-out text effect that’s perfect for your project.

Make sure to check out Envato Elements, where you’ll find plenty of fonts, text effects, and graphics that you can download and use.

Popular Text Effects From Envato Elements

Envato Elements is an excellent resource for fonts and graphics that you can use for 3D text effects. These awesome text effects are also available on Envato Elements, and they are ready to use. You can download as many as you wish with a subscription. Let’s take a look!

Night 3D Text Effect (AI, EPS)

This text effect has the 3D appearance and the slashed look, so it’s the perfect option for you to use in your next project. Edit the text as you wish, and it will definitely bring energy to your posters, flyers, headlines, banners, and so much more. Give it a try!

Type Isometric Vibrant 3D Text Effect (PSD)

If you want to make an impact and turn people’s heads, then this isometric and brightly colored text effect will definitely achieve that. You can change the text and the color scheme to suit your needs. Grab it and take your designs to the next level!

Want to Learn More?

We have loads of tutorials on Envato Tuts+ that teach many other useful techniques. Here is a list of tutorials specially made for you. Take a look!