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.


Step 1 

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


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.


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.


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%


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


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


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


Step 8

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


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


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


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.


Step 10 

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


Step 11 

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


The result should be similar as the image:


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:


Step 13 

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

Blend Mode: Vivid Light
Blend Color: #74c3d4


The final result should look similar:


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


  1. Arjun says:

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

  2. John says:

    Great text effect! thank u