Design Bundles Net Logo
  1. Home
  2. Design School
  3. Sliced Text in Illustrator

Sliced Text in Illustrator

Posted on 16th April 2018
1 - In Illustrator, create a “New Document”.

2 - Select the “Rectangle Tool” (M), draw a rectangle that covers all your document and fill it with a “Gradient”.

3 - Lock your layer by clicking on the left side of its thumbnail in the “Layers Panel” and bringing out the small padlock icon and then create a “New Layer” by clicking on the button the bottom of the Pane.

4 - Select the “Type Tool” (T), use white as “Fill” color and type your text (we used the Font Myriad Pro Bold).

5 - Center the text by using the “Horizontal and Vertical Align Center” buttons in the top Menu. Make sure that “Align to Artboard” is selected.

6 - Select your text and go to Object > Expand, make sure the “Fill” and “Stroke” boxes are checked and click “OK”. Then, go to the “Pathfinder” Panel and select “Unite”, click on the small menu icon on the top-right and choose “Make Compound Shape” and then click the “Expand” button.

7 - Select the “Paintbrush Tool” (B) and draw a wavy line that cuts your text in making it longer than your text. Use black as “Stoke” color. “Copy” (Command/Control + C) and “Paste in Front” (Command/Control + F) the Path, then you can hide the copy for now.

8 - Select your Text and Path, go to the “Pathfinder Panel” and choose the “Divide” option. Right-click on top of you text and choose “Ungroup”. Then, select the top portions of the letters and “Group” them together (Command/Control + G). Do the same with the bottom potions. Move the two parts some clicks to give create a gap between them and move them sideways too.

9 - Un-hide your Path duplicate, reduce the “Stroke Size” to .25 pt and make the curves coincide with the ones of the lower portion of your text. Toggle in and out of “Outline” Mode (Command/Control + Y) to make sure you placed it in the correct position.

10 - Select the “Add Anchor Point Tool” (+) and click on one side of your Path to add an “Anchor Point” close to one of the sides of the Document, then use the “Direct Selection Tool” (A) to pull the end of the Path to the border of the Document. You can adjust the handles to smooth out the curve.

11 - “Copy” (Command/Control + C) and “Paste in Front” (Command/Control + F) your Path again, select the “Pen Tool” (P) and click on the “Anchor Point” at the border of your Document. Hold the “Shift” key to make a straight line and click on the corner of the Document, then click the other corner and then go back to the end of the Path to close it.

12 - Unlock your “Background” Gradient and make a Copy (Command/Control + C). Lock it again and Paste it into of your other Layer. Make sure to place it under the Closed Path you just made in “Step 11”. Select them both and go to Object > Clipping Mask > Make (Command/Control + 7).

13 - Select the lower portion of the text, right-click on top of it and choose Arrange > Bring to front. Then, choose the Stroke Path and move it a couple of clicks down so you don’t see it under the Masked Gradient. Go to the “Appearance Panel”, click the “Effects” drop-down menu and navigate to Stylize > Drop Shadow. Use the following values:

14 - Your Artwork should look similar to this:

Share this Tutorial

Have a question? Contact our Support for assistance.
ca image