Google+

Simple Abstract Text Effect

This is a very simple 3-step way to create a really nice abstract text effect, using a couple of Filters and a Layer Style.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS5 Extended
  • Time : 0:30 – 0:45

Resources

Step 1

Create a new 1024 x 768 px document. Set the Foreground color to #002741 and the Background color to #040022. Pick the Gradient Tool, choose the Foreground to Background gradient, and click the Radial Gradient icon in the Options Bar. Then create a radial gradient from the center of the document to one of the corners.

Simple Abstract Text Effect step 1

Create the text using the color #ffffff. The font used is Dan, and the Size is 220 pt. If your text is long, you might need to adjust the Leading value to decrease the spaces between the lines.

Simple Abstract Text Effect step 1

Press the Ctrl/Cmd key and click the text layer’s thumbnail to create a selection.

Simple Abstract Text Effect step 1

Set the Foreground color to #00f6ff and the Background color to #201948. Create a new layer on top of the text layer and call it Texture, then make the text layer invisible by clicking the eye icon next to it.

Simple Abstract Text Effect step 1

Step 2

In this step, we will apply a couple of Filters to create the abstract texture.

First, go to Filter -> Render -> Clouds. Then go to Select -> Deselect to get rid of the selection.

Simple Abstract Text Effect step 2

Next, go to Filter -> Render -> Fibers. Set the Variance to 10 and the Strength to 2.

Simple Abstract Text Effect step 2

You can change the Zoom value (from the drop down menu or using the icon) to make sure that you like the color distribution, if not, you can click the Randomize button until you like the result. Then click OK.

Simple Abstract Text Effect step 2

You should get something like this.

Simple Abstract Text Effect step 2

Finally, go to Filter -> Artistic -> Palette Knife. Change the Stroke Size to 25, the Stroke Detail to 3, and the Softness to 0.

Simple Abstract Text Effect step 2

And we’re done with the texture.

Simple Abstract Text Effect step 2

Step 3

In this step, we will apply a simple Layer Style to add a bit of depth to the text, so that it doesn’t look flat.

Double click the Texture layer to apply the following effects:

– Drop Shadow

Just use the default values.

Simple Abstract Text Effect step 3

– Bevel and Emboss

  • Depth : 800
  • Size : 1
  • Gloss Contour : Shallow Slope Valleys
  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
Simple Abstract Text Effect step 3

– Contour

Just check the Anti-aliased box.

Simple Abstract Text Effect step 3

That’s it! You can use different shades of colors if you like as well.

Simple Abstract Text Effect step 3

Hope you enjoyed this super easy tutorial.