Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

In this tutorial, I will show the processes I took to create this Abstract Colourful, Artistic Feeling Text Effect in Photoshop. The steps are really simple but I think the end result looks good :)  Have a try!

Here is a preview of the final image effect for this tutorial: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

Ok let’s get started!

To complete this tutorial, you will need the following stock:

Font

Step 1

Create a new document sized 1200px * 800px, fill the background layer with black, use the font we downloaded and type some texts on the canvas:

On the text layer, apply the follow layer blending options:

Drop Shadow

Inner Shadow

Bevel and Emboss

Gradient Overlay

Stroke

and you will have the following effect:

Step 2

Now we’re into the interesting part of this tutorial. Create a new layer on top of the text layer and name it as “lines outside”, grab a 1px solid brush as shown below:

Use this brush to paint on the edge of every letter on the canvas:

Make sure you paint around the edges:

and this is the overall effect:

Step 3

Now we can add a bit lighting variations to the text. One quick way to do this is to load the selection of the “lines” layer with created in previous step, apply the following Refine Edge options:

Maintain the selection, create a new layer called “refined edge” on top of the “lines” layer, fill the selection with Black color on this new layer:

As you can, we added some dark color to the text. However because of the refined edge option used, the dark colour is not covering the whole text.

Optionally, you can change the blending mode of this refined edge layer to be “Color Burn” – this will reveal the edge lines better than the “Normal” blending mode.

We can also add some blurring effect to the text. To do this, duplicte the “lines” layer once and name the duplicated layer as “motion blur”, put this layer above the original text layer.

Apply the following Motion Blur filter settings to it:

Resize the motion blur layer to roughly the same size of the text layer, and you will have the following effect:

Step 4

Create a new layer on top of all previous layers called “cloud overlay”, and on this new layer,  use the Lasso Tool with a 40px feather to draw a selection around the text:

Render some cloud inside the selection (with white foreground colour and black background colour):

change the blending mode of this cloud layer to “Hard Light”, and you will have the following effect:

Step 5

Now let’s add some colours to the text. Create a new layer called “Colours”, load the selection of the text layer, and grab a soft brush with colours of your choice, paint some colours inside the selection:

Duplicate this colours layer twice, change the layer blending mode according to the below:

and you will have the following effect:

Add the following two adjustment layers on top of the colours layer:

Color Balance

Vibrance

and you will have the following effect:

Create a new layer called “abstract texture” just above the background layer, grab any abstract brushsets you like (you can find lots of them on qbrushes.net or brusheezy) and paint on it. You can adjust the colour of the brush as you paint for some colour variations:

Step 6

We’re almost done! There is one more trick I would like to show you – the Wave Filter. I personally like it very much and sometimes it generates some very unique style for your design.

So flatten the image, duplicate the background layer once and go to Filter > Distort > Wave:

Apply the following settings:

and you will have the following effect:

Now we want to reveal the text part of the image, so add the following layer mask on the wave layer to hide it:

and you will have the following effect:

Lastly, you can add some further colour adjustments, or sharpen the image a bit to get more details out.

and here is my final effect: (click to enlarge)

That’s it for this tutorial! Hope you find it useful and learn something new!

Till next time, have a nice day!

Categories: Text Effects

Tags: ,,,,,,,

  • http://psdmaterial.blogspot.com/ Taimur

    very nicely explained and basic tutorial. very awesome for beginners !!

  • http://www.CPO.co.il Roei CPO

    WOW that a very nice tutorial! thanks :)

  • http://www.clippingimages.com Clipping Path

    wow.. what a fantastic tuts. thanks a lot !

  • Saud

    Good tutorial .. but I like step 1 only!
    Thanks alot

  • Eduardo

    Very good tutorial man!but, what brushes did you use to do the abstract texture, i’m having diffuculties to achive the effects that u did….please answer ;D

  • pratham

    good abstract collection………thanks for sharing
    http://www.scrapsforever.com

  • http://www.cna-trainingclass.com/ cna training

    My cousin recommended this blog and she was totally right keep up the fantastic work!

  • Amy

    WOW that a very nice tutorial! thanks :)

  • http://sochi.aelita.su akvaloo

    Great. I’m amazed at what one can do with photoshop. I’ll try this one out for sure. Thanks.

  • koladeadegunloye

    Good..

  • Bruce

    Very good tutorial man!but, what brushes did you use to do the abstract texture, i’m having diffuculties to achive the effects that u did….please answer ;D

  • Toxic

    you know next time Could u at least specify What version of photoshop this is for? i went half way thru making this until it said to add a Vibrance Color Layer which is a function only for CS4 and i got CS3… doesn’t cost u anything to add a Simply description does it?

  • James Qu

    @Toxic: of course not. I will add them on for future tutorials.

  • Bluz26

    on step 1, ur preview was a white block…how come mine was gray and it wudnt turn white no matter what i do??

  • Ross

    Of course not! Try adding them to the tutorials you already have up and save a few people the headaches and frustrations when they find out…THEY CAN”T DO IT!!!!!!!!

    I’m finding too many of these so called tutorials with missing parts, ill explained steps and what have you. What you need is better and more intuitive moderators who pay attention to these things. After all, what good are they if you can’t use them.

  • NotSoGreat

    Yea… i can`t do it. Why the text remains white when you add gradient overlay…because when i add that it shows me something different …so some parts are missing.

  • andywestlife

    nice

  • Pippi

    Totally carbage … Badly explained and alot parts missing