Create Colourful Distorted Text Effect in Photoshop

In this Photoshop tutorial, I will show you the process of Creating this Colourful Distorted Warped Text Effect in Photoshop. Have a go!

This is an intermediate level difficulty tutorial and some steps can be tricky.

Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

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

warped-text-effect-flatten

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 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials 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 stocks:

Paper Texture

Step 1

Create a new document sized 1400px * 728px, fill the background layer with the following Gradient Fill:

1 grad

Load the paper texture into Photoshop and select a piece with Lasso Tool (40px feather):

1 select

 

 

Copy and paste the selection to our document, position it to the centre:

1 paste

Change the blending mode of this paper layer to “Multiply” and opacity to 29%:

1 mult

and here is the effect so far:

1 effect

Step 2

Use any font you like (I used this one), type some colourful texts onto the canvas:

2 type

Convert this text layer to Smart Object:

2 con

Warp this text layer as shown below:

2 warp

 

Step 3

Apply the following layer blending options to this text layer:

3 inner

3 inner glow

3 pattern

3 outer glow

and here is the effect so far:

3 effect

Step 4

We will add some distort effect for the text in this step. Duplicate the text layer once and rasterize the duplicated layer:

4 raster

Lighten the duplicated layer with this Hue/Saturation adjustment:

4 change hue

Select a portion of the texts on the duplicated layer:

4 sel

Select the move tool:

4 move

Move the selection slightly:

4 move se

Use the same technique, go through each letter to create more distort effect:

4 move effect

 

Step 5

Duplicate the original text layer again and move the duplicated layer to the top. Select a piece of the newly duplicated layer:

5 sel

Hit Ctrl + T and use the free transform tool to warp this selection:

5 warp

And this is the shape after I warped the selection:

5 effect

Repeat this process, warp a few more pieces of the texts as shown below:

5 warp effect

 

Step 6

Create a new layer under the original text layer, then make a selection of the original text layer:

6 sel

Fill the selection with the following colour:

6 fill

Again we warp the selection to create a back drop of the letters, as shown below:

6 warp

Step 7

Let’s add some paper texture over our letters. Copy and paste another piece of the paper texture onto our document:

7 paste

Set this new paper layer as a clipping mask, and here is the effect so far:

7 multi

Step 8

We’re almost done! For final touches, we can flatten the layers and duplicate the background layer, apply the following Accented Edges filter to the duplicated layer:

8 accent

Apply the following layer mask on the duplicated layer:

8 mask

Add the following vibrance adjustment layer to the texts:

8 vib

I also painted some particles around texts, and here is my final effect: (click to enlarge)

warped-text-effect-flatten

Till next time, have a great day!

 

Tags:

  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

  • Ray Boreham

    Thanks for this, James. Could you provide some details on how you created the particles? Is there a quicker way than just creating them one at a time? I hope so, because that’s what I started doing, but stopped because that could take me hours.

    Thanks,
    Ray

  • n4tur3

    you could use a brush pack for the particle effects just google brush particle effects

You May Also Like

Design a Dirty, Cracked Text with Blood Effect in Photoshop

In this tutorial, I will show you the steps I took Design a Dirty, ...

Create Burning Typography with Sparkles Effect in Photoshop

In this tutorial, I will show you the steps I took to Create Burning ...

Create Volcanic Lava Flow 3D Text Effect in Photoshop

In this tutorial, I will show you the steps I used to Create Volcanic ...