How can I recreate this circular/glitchy distortion text effect in Illustrator?

[joe_1137]

Hi everyone!

I'm trying to recreate the look of this design (see image attached) in Adobe Illustrator and I'm a bit stuck. The artwork features:

• White text warped around concentric circles (almost like a vinyl or sonar pattern),

• A distorted/glitchy horizontal disintegration of the text,

• The letters appear to be cut or displaced by the lines, as if scanned or rasterized radially.

I’m wondering if anyone can help me with advice or steps on how to achieve this? 

[Monika Gause]

The easy part is to cut out this and to rotate the parts. The hard part will be to group those that belong together.

[Monika Gause]

Like this: https://youtu.be/_3v5dAKjMq8 

[Doug A Roberts · Accepted solution]

This is a long-winded way:

1. Set the text. Outline

2. Create many concentric circles

3. Select all and Pathfinder > Divide

4. Ungroup the result, group each shape by radius (the long-winded part)

5. Go crazy with the rotate tool on the individual groups

But I'm sure it could be simplified.

[joe_1137]

Thank-you Doug, keep up the good work!

[Ton Frederiks · Accepted solution]

Another way. Make the live text and backround into a pattern (by dragging both together to the Swatches panel or by using the Pattern Maker). Fill multiple stroked circles with the pattern and transform each with Transform Patterns and the Random option checked. Because the pattern contains live text you can always change the text by double clicking the pattern swatch.

And you can always select the individual circles to rotate the pattern more or less.

[Doug A Roberts]

Great thinking Ton.

[Ton Frederiks · Accepted solution]

Thanks Doug. That's what I love about Illustrator, there are often myriad ways to solve a problem.

[joe_1137]

Awesome thank-you!

[Ton Frederiks]

Good to hear you liked it.