Echo your message and make it resonate with a repeating pattern. Learn how to duplicate, reshape, and add a wave to some text to create a stylish typographic poster in Adobe Illustrator.
Before you start.
Grab my starting document so you can use it to practice these steps. To work with this file, click Copy to Your Work and then open it in Illustrator.
Step 1: Shape up the text.
Before you customize the text, you first need to convert it to a shape. Choose the Selection tool, click the word SOUNDWAVE, and turn the type into outlines. Click anywhere in the background area to deselect the word when you are done.
Step 2: Frame it.
Swap the colors so the Fill is set to none and the Stroke is white. Select the Rectangle tool and drag across the word SOUNDWAVE to create a frame for the grid you’ll create next.
Step 3: Keep it on the grid.
Create a grid to serve as a guide to slice up the text design. With the rectangle still selected, split it into a grid with 10 rows and 1 column.
Step 4: Divide it up.
Drag the Selection tool across the word SOUNDWAVE and the grid. Open the Pathfinder panel (Window > Pathfinder) and click Divide.
Step 5: Define the lines.
Make sure the text and grid are still selected and then ungroup the object. Select the Magic Wand tool, click directly on one of the grid lines, and press the Delete key.
Step 6: See it clearly.
Show the grid lines by switching to Outline mode.
Step 7: Repeat a pattern.
Create repeating variations of the word art by duplicating and trimming each new instance. To do this, choose the Selection tool and drag across the word. Keeping the word selected, hold Alt (Windows) or Option (macOS) as you drag to move a duplicate above the original.
Drag to select a small portion from the bottom of the newly duplicated word and press Delete. Drag again to select the new variation and use your mouse or arrow keys to adjust the spacing between it and the previous one. Repeat these steps until the pattern fills your canvas.
Step 8: Make it whole.
Prep the repeating pattern so it can be modified as a single design. Switch to Preview mode and use the Selection tool to select all instances of the word art. Then click the Unite shape mode in the Pathfinder panel.
Step 9: Create some waves.
Let your message flow. With the type still selected, apply a Wave effect and adjust its properties to get the look you want.
Step 10: Draw their attention.
Accent the type with a gradient. Draw a rectangle across the entire poster, open the Gradient panel, and click the Freeform Gradient icon. To customize the gradient, click a color stop on the rectangle, double-click the fill color in the Gradient panel, and choose a new color from the Color Picker. Repeat this process to customize each color stop in the gradient.
Step 11: Color your message.
Blend the gradient with the type design. With the rectangle still selected, click the Opacity label in the Properties panel, and then set the Blend mode to Darken. If the blend modes are grayed out, make sure to choose the Selection tool from the toolbar and try again.
Note: Project files included with this tutorial are for practice purposes only.