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)

abstract text flatten2 500x333 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

vip sign up 250 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

1 type 500x325 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

Drop Shadow

1 drop sha 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Inner Shadow

1 inner sha 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Bevel and Emboss

1 bevel 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Gradient Overlay

1 grad 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Stroke

1 stroke 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

and you will have the following effect:

1 effect1 500x106 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

2 brush tip 500x289 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

2 brush 500x376 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Make sure you paint around the edges:

2 brush letter 500x225 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

and this is the overall effect:

2 effect 500x121 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

3 refine edge Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

3 fill 500x164 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

3 mo blur Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

3 effect 3 500x165 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

4 selection 500x137 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

4 render cloud 500x146 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

4 effect 500x120 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

5 paint 500x111 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

5 color Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

and you will have the following effect:

5 effect 500x112 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

Color Balance

5 col bal mid Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

5 col bal hig Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Vibrance

5 vib Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

and you will have the following effect:

5 effect 1 500x209 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

5 paint abstract 500x154 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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:

6 wave Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

Apply the following settings:

6 wave settings Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

and you will have the following effect:

6 after wave 500x177 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

6 wave mask 500x282 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

and you will have the following effect:

6 effect after 500x248 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

6 sharpen 500x307 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

abstract text flatten1 500x333 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop

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

Till next time, have a nice day!