Daily Ui: Day 8 - 404 Page

There are dozens of videos on Youtube that teach you how to create that shattered text effect but the basic steps are:

1) In Illustrator create a text box and write whatever word.
2) Covert the Type to Outlines in the Type Menu
3) Use the line tool, preferably without seeing the stroke, and crisscross like a mad man each letter, or in this case, each number.
4) With the Selection Tool grab everything, the lines and the letters.
5) In the Pathfinder window click on divide.
6) With the Direct Selection tool selected, grab each little divided piece and start moving them until you get the shattered look.

It takes a while, but not as long as you think, unless you're going with an ultra realistic glass chattered effect.

More by JayCruz

View profile