In this tutorial, we’ll learn how to create a wireframe text effect in Photoshop. This tutorial is easy enough for beginners to follow. Let’s get started!
To create a wireframe text effect, you’ll need:
- Adobe Photoshop
- Futura Md BT font
Create a new 900 x 600px document.
Fill the background layer with black and write your text using the Futura Md BT font in white color and 220px font size.
Make sure the text layer is selected and press Cmd/Ctrl + E to merge it with the background layer.
Go to Filter > Distort > Wave and use the settings shown below. The result will depend on the size, position and tracking of your text so if you chose different settings for your text, you will have to adjust the settings here accordingly.
Now, go to Filter > Pixelate > Fragment.
Go to Filter > Filter Gallery, choose Glowing Edges from the Stylize folder and use the settings shown below.
We will now copy the image to a channel and make a selection from it. To do so, press Cmd/Ctrl + A to select the entire image, press Cmd/Ctrl + C to copy, switch to the Channels panel, make a new channel and press Cmd/Ctrl + V to paste. Then, cmd/ctrl-click on the new channel’s thumbnail to select the white pixels.
Switch back to the Layers panel now. Create a new layer named “Text”, fill it with white and press Cmd/Ctrl + D to remove the selection. Then, select the background layer and fill it with black. Now, double-click on the Text layer and apply the layer style shown below. Select the background layer, create a new layer, select both the new layer and text layer, and press Cmd/Ctrl + E to merge them.
We will now add some lighting effects. To do so, duplicate the Text layer, go to Filter > Blur > Gaussian Blur and apply a 4px blur. Then, duplicate the Text copy layer and change its blending mode to Overlay. Then, duplicate the Text copy 2 layer.
Now, duplicate the Text copy layer and drag the Text copy 4 layer just below the original Text layer. Then, go to Filter > Blur > Gaussian Blur and apply a 6px blur. Go to Image > Adjustments > Hue/Saturation and use the settings shown below.
It’s time to create the background! Create a new layer above the background layer and name it “Lights”. Grab the Gradient Tool, select the Foreground to Transparent gradient and choose the Radial Gradient option. Apply different gradients starting from outside the canvas as shown below.
Create a new layer above the Lights layer and name it “Circles”. Grab a regular round brush, go to Window > Brush and use the settings shown below.
Now, set #3fc5c6 as the foreground color and #ad4cb1 as the background color, and paint on the Circles layer randomly.
Go to Filter > Blur > Surface Blur and use the settings shown below. Then, go to Filter > Blur > Gaussian Blur and use the settings shown below.
Lower the opacity of the Circles layer to 15%.
This final step is optional. I will be adding some extra text using the same font as before.
And we’re done creating a wireframe text effect in Photoshop!