Hello everyone this is Chris from Spoon Graphics
back with another video tutorial for Adobe Photoshop.
Today I'm going to show you how to create this ‘speed lines’ text effect.
This tutorial is an alternative to my original Speed Lines Type Effect tutorial for Adobe
Illustrator from back in 2017.
In that video I showed how Illustrator's shape building tools helped to add the fast movement
lines, but I actually found this method for Adobe Photoshop to be much easier.
The result isn't a vector lettering illustration, but the use of Photoshop does give us the
opportunity to easily add texturing effects.
Stick around until the end to see how I make use of my new Grainy Speckle Textures that
you can download for FREE from Spoon Graphics.
But first, if you want to help support the channel, follow the link in the description
to check out Envato Elements...
To create the speed lines text effect, create a new document in Adobe Photoshop. While the
result won't be scalable vector graphics, if you create it large enough in the first
place, your artwork will be suitable for all kinds of end uses.
Fill the background with black using the ALT+Backspace shortcut, then select the Type tool and lay
out your desired wording.
I'm using the words Go Faster! in the font named Bebas Kai, follow the link in the description
to activate it.
Change the text fill to white by flipping the foreground and background colours around
To provide more space for the speed lines we need to offset each alternate letter. An
easy way to do this is to adjust the baseline shift value.
Right click on the text layer and choose Rasterize Type.
Add a new layer, then set up the Line tool.
Make sure the Shape mode is selected so you have the option to choosing a stroke colour
and size. Set it to white at 20px.
Configure the stroke type with a round cap and round corner settings too.
You can now drag speed lines from your letters while holding the Shift key to keep them straight.
If you're right handed, dragging from right to left doesn't feel quite as natural as left
to right. Select the Rotate View tool and spin the canvas around while holding Shift.
If you need to re-adjust the position of a line, you can hold the CMD key, or CTRL key
on Windows to drag it into place.
Continue adding lines of random lengths extending from the side of each letter.
Add a new layer, then reconfigure the stroke styling to black and 10px size.
Drag a few more lines, but this time on the opposite sides of the letters to add a kind
of wind blast effect.
Activate the Rotate View tool for a moment and reset the view back to normal.
Select all the line layers that contain white lines and merge them together with the CMD+E
shortcut.
Right click both the white and black lines layers and choose Rasterize Layer.
Hold the CMD key and click the thumbnail of the white lines layer to load its selection.
Activate the main text layer and fill this selection with white using the ALT+backspace
shortcut.
Turn off the visibility of this white lines layer and load the selection of the black
lines.
Hit the delete key to erase this selection from the text layer and turn off the visibility
of the black lines layer.
Go to Select > Deselect to remove the selection.
Now the effect is contained within a single layer, we can add some additional filters
and effect. Go to Filter > Noise > Median
Find a value that rounds off the corners, but not too much that the outline gets too
blurry, around 5 should do.
Use the CMD+T shortcut for Transform, then in the top toolbar, click the Warp Modes icon.
In the dropdown menu, choose Flag.
Edit the bend amount to around -30. The negative value just flips the wavy effect the other
way.
Double click the layer to add some texturing effects. Choose Pattern Overlay, then download
and install my free grainy speckle textures from Spoon Graphics. The download contains
a Photoshop Pattern file that can be conveniently used with Layer Style or Pattern Overlay effects.
Choose a suitable texture to add some grainy details to your lettering artwork.
Add a Stroke too and configure the settings to white, Inside, and a size of around 10px
so the texturing isn't visible right to the edge of the text, creating more of an ink
stamp effect.
The final result is a dynamic text effect that's ideal for creating lettering art, T-shirt
designs, or logos.