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%.
Step 2: Rotate It
Next, we’re going to rotate the text ever-so-slightly in a counter-clockwise direction.
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.
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.
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…
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!