Beautiful Broken Text Effect in Adobe Illustrator Tutorial

Beautiful Broken Text Effect in Adobe Illustrator Tutorial

Sometimes you need a different style of Titles, while working on any Printing material, so here I’m going to tell you a different technique, by using these commands and Techniques you can easily create Broken Text Effect in Illustrator, very informative and useful Illustrator Tutorial.

1. Start with a new document, and type your desire text and apply font of your desire, I’ve typed Stunning Mesh and applied Debas Font:
Beautiful Broken Text Effect

2. Select the text and go to Object >> Expand and press ok. It will separate all letters of your text.  Now pick Direct Selection tool Beautiful Broken Text Effect and change the size of some letters as shown below:

Beautiful Broken Text Effect

3. Pick Pen tool Beautiful Broken Text Effect and draw some shapes as I’ve mentioned below, don’t worry about color:

Beautiful Broken Text Effect

4. Pick Direct Selection tool and select these shapes one by one and run the command Object >> Path >> Divide Object Below. It will Trim the shape from the text:

Beautiful Broken Text Effect

5. I’ve mentioned this in below, just see S, it is divided into 3 parts now:

Beautiful Broken Text Effect

6. While Direct Selection tool still on, click on this small part and hit Delete key to delete this part:

Beautiful Broken Text Effect

7. One by one select these parts and hit Delete key to delete these parts:

Illustrator Tutorial

This kind of effect should come:

Illustrator Tutorial

8. Now this text has been converted into many parts, by using Direct Selection tool select some tiny parts and change their places to give some broken effect:

Illustrator Tutorial

Here is the effect after changing the positions:

Illustrator Tutorial

9. Now you can change the colors of these parts to give different look. I’ve done it and mentioned below in 3 different styles, so we have the Final result of our Broken Text Effect in Illustrator Tutorial, hope you enjoyed working on this Tutorial, do not forget to tell us your views or questions in the bottom Comment Box, we really love to have your Precious Comments:

Illustrator Tutorial

A professional Web/Graphic Designer, working as Freelancer since 2000. Designing is my passion, blogging is my hobby.

6 thoughts on “Beautiful Broken Text Effect in Adobe Illustrator Tutorial

  1. Pingback: 70 Best Illustrator Tutorials From 2011 | Lake of Web
  2. Great simple tutorial. Was looking for a pre-made font like this when I searched google. I was not expecting to make my own. Thanks again!

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top