Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Speed Line Text Effect in Adobe Illustrator
  • By Design Bundles
  • 14 Oct 2017
  • 6 Mins
  • Illustrator Tutorials

Speed Line Text Effect in Adobe Illustrator

1- Open AI and create a new document.


2- Using the text tool, write your text. Any thick bold font would work well with this technique.


3- Right-click on your text and choose Create Outlines to convert the text into shapes.


4- Right-click again and ungroup.


5- Select every second letter (hold the shift key and click), then slightly move the selected letters upward.


6- Select the rectangle tool, and click once on your artboard. The Rectangle window will appear. Create a rectangle by using the dimensions 50 px wide by 5 px high. Click OK.


7- Zoom into your rectangle and select the Direct Selection Tool (A) in your left toolbar. Next, using the corner widgets, drag them inward to create curved corners on your rectangle.


8- Go to View > Enable Smart Guide. This will give you lines when moving objects so you can line up your rectangles later.


9-  Move your rectangle over your first letter. Hold down the ALT key and drag to a new point. This will duplicate your rectangle. Start placing the rectangles using this method on the left sides of your letters. Make some shorter than others.


10- Select everything using the Selection Tool *(V).


11- Hold the Shift key and select all the letters. This will remove them from the selection leaving only the small rectangles you placed in step 9.


12- Go to Object > Transform > Transform Each.


13- The Transform Each window will pop up. Change vertical scale to 50% (1) and vertical move to 5 px (2). In the align icon, select the top middle (3). Make sure the Preview box is checked, then click Copy (4).


14- This will copy your previous rectangles and place them below them. Change the color of the new rectangles to white.


15- Zoom into your text. Hold the ALT key and the white rectangle, and drag new white rectangles to the right side of your letter.


16- Repeat this randomly all over your text in different places and sizes.


17- Select everything on the artboard, then select the Magic Wand Tool. Hold down the ALT key while clicking on one of the white rectangles. This will deselect anything else that is similar. All your white rectangles will be deselected.


18- Only the black text and rectangles are now selected. Click the Unite icon in the Pathfinder panel. This will join the text and the rectangles, making one outline.


19- Next select Object > Compound Path > Make.


20- Select everything. Then in the Pathfinder panel, select the Minus icon. This will punch out the white shapes from the black shapes.


21- Select the first letter with the Direct Selection Tool, then click on the straight corners and drag in the nodes to curve all the straight corners.


22- Repeat on all the letters.


23- Click Object > Envelope Distort > Make with Warp.


24- The Warp Options window will appear. Choose the Warp function you want from the drop-down box, then adjust the bend to 20%. Click OK.


25-  This will give your text more of a speed effect, and now your text is complete.


6 Related Illustrator Tutorials

For this tutorial we are using the Free Font “Wask New” from Vasilis Skandalos.1 - In Illustrator, create a “New Document”.2 - Select the “Type Tool” (T), choose your font (we used “Wask New”) and type your text. Use Black as “Fill” color.3 - Right-click on top of it and ...

For this tutorial, we will use “Pricedown” Free Font by “Typodermic”.1 - In Illustrator, create a “New Document”.2 - Select the “Type Tool” (T), choose your font (we used “Pricedown”) and type your text.3 - Right-click on top of your text and choose “Create Outlines”. Then, right-click on top again ...

1 - In Illustrator, create a New Document or Open an existing one. Select the “Rectangle Tool” then click and drag to draw a rectangle that covers your entire artboard. Set the Fill color to black and the Stroke color to none.2 -  Select the “Type Tool” (T) type your text ...

For this tutorial, we will use a “Glitch” Background image and the Font “Moscow”.1 - In Illustrator, create a “New Document”. If the “Rulers” are not enabled, go to View > Rulers > Show Rulers (Command/Control + R) to turn them ON. Also, enable “Snap to Grid” (View > Snap ...

Can you count how many different ways you can edit text in Illustrator? There are definitely more than just one or two ways! You can edit text with the options found in the Paragraph panel, Character panel, Pathfinder panel, Color panel, etc. This tutorial will show how you can edit ...

In this tutorial, you will learn how to fill text with a gradient in Adobe Illustrator. This can be a really effective way to lift your designs and give them a new dimension!Step 1 - Create Your TextStart by selecting the Type tool (T). Click anywhere on your artboard and ...

You may also like

Help Center
ol image