Sliced text tutorial with Illustrator CC

Create A Sliced Text Effect with Adobe Illustrator CC

In this week’s tutorial I’ll be demonstrating how you can create text that looks like it’s been sliced in half, using Adobe Illustrator CC.

The following is a brief overview of the steps taken. Skip down the page for the complete video tutorial with step-by-step instructions.

Sliced Text Effect

In this tutorial we’ll be using a specific font called Montserrat Black. It’s not necessary that you use this font — you can use whatever font you’d like (although I do recommend using a heavier weighted fonts) — but if you’d like to use this same font yourself, it can be downloaded here: https://www.fontsquirrel.com/fonts/montserrat

Step 1: Generate Some Text

First, we’ll grab the text tool and write out the word “SLICED” in all caps. Set the opacity of it to 50%.

Generate text

Step 2: Rotate It

Next, we’re going to rotate the text ever-so-slightly in a counter-clockwise direction.

Rotated text

Step 3: Create A Rectangle

Create a rectangle going entirely over the top half of the text. The bottom edge of the rectangle is going to be where the text gets sliced, so keep that in mind when deciding where to place it.

Create a rectangle

Step 4: Slice n’ Dice

This is where the magic happens. In this step we’ll be using the shape builder tool to separate the top half of the text from the bottom, using the rectangle as a reference point. Then, we’ll shift the bottom half of the text over to the left slightly.

Sliced text

Finishing Touches

In the final steps we’ll color the text in white, place it on a red background, and add a linear gradient to the top half of the text to simulate a shadow. Here’s how the final design will look…

Finished sliced text effect

Video Tutorial

For complete step-by-step instructions with voice narration, watch the following video tutorial. If you have any questions, comments or concerns, feel free to post a comment below. As always, thanks for watching!

Illustrator For Beginners

Illustrator For Beginners is a free online resource where you can learn how to use Adobe Illustrator with step-by-step video tutorials that even a first-time user could follow.

Leave a Reply