Abstract Text

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

The Final Result:

Simple Abstract Text Effect

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* You might need to load the Contours used in the tutorial, so check this image to see how to do so.

Step 1:

- 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 (White). 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 key and click the text layer’s thumbnail (icon) 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, or press Ctrl + D 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 some Layer Styles to add a bit of depth to the text, so that it doesn’t look flat. So 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: Change the Depth to 800, the Size to 1, the Gloss Contour to Shallow Slope – Valleys and check the Anti-aliased box, and change the Highlight Mode to 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.

Simple Abstract Text Effect

Don't forget to subscribe to our RSS feed and follow us on Twitter.

» 8 Comments

  1. Yoda says:

    Hey man.. Thanks for this tutorial..

  2. Sven says:

    thanks for the tutorial.

  3. Bryan says:

    I did this for my class Perfect A 100% :D RHS Rules!!! >:D Tutorial is Really Good c: Next time make rather than saying “* the size of the final result image is 1024 * 768″ Just tell them to make a new document and use Web by 1024×768. It confused me for a minute lol Other than that Thanks :D

    • textuts says:

      Hello Bryan,

      Glad you liked the tutorial and found it useful.

      Thank you so much for the feedback as well, will try to make this point clearer in the next tutorials.

      Thanks once again for the comment :)

      Regards.

  4. Hamid says:

    Thank you very much.
    I’m a web designer and your tutorial is useful for me.
    And have a question:
    Do you work only graphic?
    (if my sentences are mistake excuse me.because I’m a Persian and my original language is Farsi “Persian”).
    By the way have a good time.

    • textuts says:

      You’re welcome.

      No problem at all. Actually I am mainly a graphic designer, so I use Photoshop to do a couple of other things besides the text effects presented here :)

      Thank you very much, and have a good time as well.

» Trackbacks/Pings

» Leave a Reply

(required)

(Will not be published) (required)