In this tutorial, I will show you the steps I took to Create Awesome Black and White Abstract Text Effect in Photoshop. The main focus of this tutorial is the use of layer masking techniques, plus some interesting drawing skills. Have a try!

This is an intermediate tutorial so some steps can be tricky – if you’re having difficulty with it, I suggest you go to the basic section of PSD Vault and practice those tutorials first, then come back and do this one.

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

smoke text flatten 500x666 Create Awesome Black and White Abstract 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 Create Awesome Black and White Abstract Text Effect in Photoshop

Ok Let’s get started!

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

Font

Cloud Brush

Smoke Brush

Dirt Brush

Step 1

Create a new document sized 720*960px, add a Gradient Fill layer on top with a light grey gradient:

1 fill 500x673 Create Awesome Black and White Abstract Text Effect in Photoshop

Use the cloud brush to paint some cloud on another layer, mainly around the edge: (don’t set the opacity too high, a subtle effect will do)

1 paint cloud 500x679 Create Awesome Black and White Abstract Text Effect in Photoshop

Duplicate this cloud layer once, compress it down via Free Transform tool and remove the edge with a soft eraser – this will form some ground texture:

1 ground 500x549 Create Awesome Black and White Abstract Text Effect in Photoshop

Step 2

Use the font you downloaded, type one letter on the centre of the canvas:

2 type 500x658 Create Awesome Black and White Abstract Text Effect in Photoshop

Now add a layer mask on the text layer – use a combination of hard and soft eraser to create some abstract pattern on the mask:

This step can be a little tricky. You don’t need to create the same pattern as I have, but the practice the use of soft and hard brush is important and may benefit you in the future.

2 type mask 500x635 Create Awesome Black and White Abstract Text Effect in Photoshop

and here is the effect after the masking:

2 effect after mask Create Awesome Black and White Abstract Text Effect in Photoshop

Paint some shadow under the text via a soft brush, use Free Transfrom tool to compress it down:

2 shadow 500x154 Create Awesome Black and White Abstract Text Effect in Photoshop

Create a new layer under the text layer – we can use the dirt brush you downloaded to paint some dirt texture on the text: (reduce the brush size first)

2 dirt 2 500x645 Create Awesome Black and White Abstract Text Effect in Photoshop

Also paint some dirt on the top left of the text:

2 dirt 1 Create Awesome Black and White Abstract Text Effect in Photoshop

Also use the smoke brush to paint some smoke behind the text:

2 smoke 500x371 Create Awesome Black and White Abstract Text Effect in Photoshop

and here is the effect so far:

2 effect 500x578 Create Awesome Black and White Abstract Text Effect in Photoshop

Step 3

Now we can draw some lines around the text. Let’s grab a 3px hard brush first:

3 brush 500x206 Create Awesome Black and White Abstract Text Effect in Photoshop

Now if you hold down the Shift key, and draw at the same time, you will find that you can draw a vertical (or horizontal line) through this way:

3 draw 500x531 Create Awesome Black and White Abstract Text Effect in Photoshop

Now hold your shift key and start painting some random vertical lines around the text: (you can make a brush for it, but I’d rather you go through this painting process manually)

3 draw lines Create Awesome Black and White Abstract Text Effect in Photoshop

Duplicate this line layer once and resize it to a smaller scale, rotate it 45 degree to the right and place it to the centre of the text:

3 resize Create Awesome Black and White Abstract Text Effect in Photoshop

and here is the effect so far:

3 effect 500x599 Create Awesome Black and White Abstract Text Effect in Photoshop

Step 4

Load the selection of the text by Ctrl + left-click the thumbnail on the layer palette:

4 load 500x536 Create Awesome Black and White Abstract Text Effect in Photoshop

Set the blending mode of new layer to “overlay”, and use the smoke brush to paint some texture over the text:

4 paint smoke 500x534 Create Awesome Black and White Abstract Text Effect in Photoshop

Draw the following path of the top left corner of the text:

4 draw path Create Awesome Black and White Abstract Text Effect in Photoshop

Right-click the path and stroke it with a 25-30px soft brush: (use simulate pressure)

4 stroke 500x237 Create Awesome Black and White Abstract Text Effect in Photoshop

and you will have the following effect:

4 after stroke Create Awesome Black and White Abstract Text Effect in Photoshop

Duplicate this stroke path layer a few times, resize them accordingly and place them around the main stroke:

4 dup Create Awesome Black and White Abstract Text Effect in Photoshop

and here is the effect so far:

4 effect 500x557 Create Awesome Black and White Abstract Text Effect in Photoshop

Step 5

This is an option step. We can add a few more elements onto the image to make it more vibrant. I added some rain drop on the top with the method described in this tutorial:

5 rain Create Awesome Black and White Abstract Text Effect in Photoshop

I also added a few feather texture using the method described in this tutorial:

5 feather Create Awesome Black and White Abstract Text Effect in Photoshop

5 feather 2 Create Awesome Black and White Abstract Text Effect in Photoshop

and you can paint some crack texture via crack brushes around the edge of the canvas:

5 crack 500x657 Create Awesome Black and White Abstract Text Effect in Photoshop

Step 6

We’re almost done! The last step is simply to add some details into the text. We can flatten the image, duplicate the background layer and apply the following Reduce Noise filter to the duplicated layer:

5 red no Create Awesome Black and White Abstract Text Effect in Photoshop

Add the following layer mask to this layer to hide some portions that we don’t want to sharpen:

5 mask red 500x588 Create Awesome Black and White Abstract Text Effect in Photoshop

I decided to add some red colour into the text with the following Curves adjustment layer: (choose “Red” from the drop down box)

5 curves Create Awesome Black and White Abstract Text Effect in Photoshop

Layer mask on the Curves adjustment layer:

5 mask curves 500x591 Create Awesome Black and White Abstract Text Effect in Photoshop

and you will have the following effect: (we leave only the center of the text red)

 

5 effect 1 Create Awesome Black and White Abstract Text Effect in Photoshop

Create a new layer and fill it with black colour, render a lens flare in the centre:

5 lens 500x630 Create Awesome Black and White Abstract Text Effect in Photoshop

Change the layer blending mode of this lens flare layer to “color dodge”:

5 col dodge 500x623 Create Awesome Black and White Abstract Text Effect in Photoshop

Duplicate this lens flare layer twice and reduce their sizes, move the lens to the positions shown below: (keep the layer blending mode as “color dodge” for the duplicated layers)

5 dup lens 500x547 Create Awesome Black and White Abstract Text Effect in Photoshop

and here is the final effect I have for this tutorial: (click to enlarge)

smoke text flatten 500x666 Create Awesome Black and White Abstract Text Effect in Photoshop

Hope you enjoy this tutorial and find it useful! Till next time, have a great day!