Create a Nice Harry Potter’s Text Effect in Photoshop

In this tutorial we’re going to create a nice text effect with the look of the Harry Potter’s latest movies following a few and easy steps. In this tutorial you could learn about the use of some Photoshop effects like bevel emboss, patterns as texture, and lighting effects. Even Lord Voldemort would be impressed with this stunning effect that you could create even if you’re not a Photoshop professional.

To follow this tutorial you will require the HARRY P font by Phoenix Phonts and a metal texture that you can download HERE by hhh316. You could also select your own metal texture.

image001

Step 1 

Create a new file. Go to File > New and create an 800 x 600 file.
Use the same configuration:

image003

And paint the canvas black (#000)

TIP: You could also create a new file with Ctrl+N.

Step 2 

Select the Type Tool (T) and write anything you would like selecting the Harry P font.
We used for this tutorial a 160px font size. You could use white color (#FFF) for the text to make it contrast with the black background.

image004

Step 3 

Open the metal texture as a new file and go to Edit > Define Pattern. Name it METAL TEXTURE and save it. Close the file.

Step 4 

Now selecting the text layer go to Layer > Layer Style > Pattern Overlay and select the METAL TEXTURE pattern that was created in step 4.

image006

Step 5 

On the same Layer Style window select Bevel & Emboss.
Use the following configuration:
Style: Inner Bevel
Technique: Chisel Hard
Depth: 520%
Size: 20%
Soften: 0%

image008

Step 6 

On the same Layer Style window select Satin and use the following configuration:
Blend Mode: Overlay
Opacity: 65%
Angle: 20%
Distance: 46 px
Size: 18 px

image010

Now click the OK button and this should be the result:

image012 image014

Step 7 

For the background we’re going to create a new layer below the text layer.
Now set Foreground color as #CCC and background color as #000

image016

And then go to Filter > Render > Clouds
This should be the result:

image018

Step 8

 On the clouds layers go to Layer > Layer Style > Gradient Overlay and use the following configurations:

image020

Click over the gradient as seen on the picture above and use the same configuration:

image022

Black and white and the location of the center point at 20%.
The result:

image023

Step 9 

Duplicate the clouds layer (Right click over the layer and then Duplicate layer) and then right click the duplicated layer and select Rasterize Layer Style. Change the Blend Mode to Lighten.

Go to Image > Adjustments > Posterize. Use 15 Levels and then click OK.

image025

Step 10 

Go to Image > Adjustments > Exposure and set the Exposure to +1.52

image026

Step 11 

Go to Filter > Blur > Radial Blur and set the Blur Method to Zoom and the Amount to 100

image027

The result should be similar as the image:

image028

Step 12 

Now we have to add some final effects to the text. Selecting the text layer now go to Layer > Layer Style > Outer Glow and set the following configuration:

image030

Step 13 

On the same Layer Style window go to Inner Shadow and use the following configuration:

Blend Mode: Vivid Light
Blend Color: #74c3d4

image032

The final result should look similar:

image034


About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


2 Comments

  1. Arjun says:

    Nice tutorial about Text effect.. thank you for posting step by step process…

  2. John says:

    Great text effect! thank u