Create a Harry Potter Style Text Effect in Photoshop

Just watched Harry Potter and the Deathly Hallows. It was an awesome movie and I was inspired to create the typical Harry Potter text effect. This tutorial will show how to use bevel effect and lens blur to create a depth to your artwork.

Preview of Final Image

The texts and images are copyrighted to 10Steps.SG and their respective owners. You CANNOT copy the whole tutorial, either in English or translate to another language.

Create an A4 size document with 300dpi resolution. Set the Background to black color. Download Harry P font from Dafont.com. Type the text (with Harry P font) you want at the center of document in white.

Right-click on the text layer and choose Blending Options. Click on Bevel and Emboss. Follow the settings as shown below.

Click on Gradient Overlay and enter the settings as shown below.

Download any texture from the Krakograff package. Select texture layer, go to Image > Adjustments > Desaturate. Set the Opacity to 60% so you can see and align the texture to cover your text.

Set the texture layer back to 100% Opacity. CTRL+left click on the text layer to load its selection. Select the texture layer and create a Layer Mask with that selection.

Create a new layer above the texture layer and rename it as Glowing Edge. Using the Pen tool, create a path along the bevel edge. After your are done with the path, stroke it with a 3px white brush.

After you are done with all the bevel edges, right-click on the layer and choose Blending Options. Click on Outer Glow, set the color to white and size to 10px. Leave the rest of settings as default.

Right-click on the text layer and choose Blending Options. Click on Outer Glow. Set the mode to Color Dodge and color to white. Leave the rest of settings as default. Repeat the same steps for all the remaining letters.

Create a new layer below the text layer and rename it as Light Burst. Using the Brush tool in Soft Brush mode and size 1300px, paint a white dot like I did below.

Change the Blend Mode of this layer to Dissolve. Create a new layer above Light Burst layer and merge them together. This step is to preserve the dissolve effect from the blending mode.

Go to Filter > Blur > Radial Blur. Set the mode to Zoom and value to 100%. Repeat the filter again so the burst look smoother.

Create a new layer above the texture layer. Using the same Brush tool in Soft Brush mode but size at 200px, paint a small dot at the center of the light burst.

Download Forest of Mystery from ShutterStock. Place the forest image the way shown below.

Select the forest layer and enter Quick Mask mode. Make a black-white gradient starting from the bottom. Exit the Quick Mask mode to load its selection.

Go to Filter > Blur > Lens Blur. Enter the settings as shown below.

Create a new Hue/Saturation Adjustment Layer. Enter the settings below.

Create a new Levels Adjustment Layer. Enter the settings below.

Download the Aurora Abstract Brush from QBrushes. With the downloaded brush, add some white smoke at the back of the texts.

And we are done! I hope you find this tutorial useful. Thanks for reading.

Other Design Articles You May Find Interesting

70 Comments | Write a Comment

  1. Stephany says:

    For those who could e-mail me with a few ideas on just the way
    you made your weblog look this wonderful, I might be grateful.

  2. Apple Angel says:

    I’m having trouble with “Select texture layer, go to Image > Adjustments > Desaturate. Set the Opacity to 60% so you can see and align the texture to cover your text.” step :/ and also with the step which has to do with the pen tool and the stroking.. Can someone please help me? Thanks.

  3. Gabriela says:

    You’re required to buy the forest image, or is that just me?

  4. Bijutoha says:

    Amazing and i can’t believe that is so much easier . Thanks friend for good sharing .

  5. Digital Twist says:

    Cool tutorial. Haven’t seen this one yet. Thanks for sharing.

  6. Dave says:

    Hey, I have problems when desaturating the texture in Step 4. The option is not available when I want to go for it. Any hint?

  7. sttrouble says:

    Ohhhh.. nm i figured it Out :)

  8. sttrouble says:

    Hi ya, fantastic tutorial. I’m wondering what phtoshop you use, I have 7.0 and i ask cause when i go to blending options, and click the bevel and emboss i don’t get those options and am a little lost.

  9. Plz friends how to download dis .plz help me

  10. Kiting says:

    Tutorial is very good and interesting, thanks for sharing his knowledge .. and keep berkereasi with new things, especially for photoshop.

  11. GhostEA says:

    I’m having trouble with the radial blur, it does nothing but smooth out the dots instead of having that lens spike effect, can you help?

    • iytslema says:

      i believe dat d author forgot to tell the blend mode of the texture layer. i played around and got d best result using hard light. You can try double click on the texture layer in the layers tab and change the blend mode.

    • Jennifer says:

      I’m sure you’ve figured this out by now but for anyone else who has had this problem like I did, I created a layer below and filled it black then merged it with the light burst layer. After that, the radial blur works.

  12. Paul Sason says:

    you can send me your tutorial in paul_sason07@yahoo.com.ph…thanks a lot guys!

  13. Paul Sason says:

    Hello? This tutorial is not easy for the beginners like me.i did’nt get some steps specially texture backround and using pen tool.can you teach me step by step about this,please? thanks a lot!

    • Thijmen says:

      Lol this tutorial is very good to follow. I suggest you try some easier tutorials first before attempting something like this.
      You honestly can’t expect these people to write a personal step by step guide on how to do simple things (like the pen tool) for everyone ;)

  14. musicismylife says:

    I can’t seem to paint the path after I finish using the pen tool. It says nothing was selected…?

  15. mariam says:

    hai
    i have seen uer marvellous work and i like it alot specially the text based on harry potter text and keep going and i wish u a best of luck for the future and GOD BLESS U

  16. airha says:

    i dont get the texture part. how do i apply the texture? the file format is in rar.

  17. MAZ says:

    freaking links are broken. this is the shit i hate about tutorials. the shuttershock picture and the texture backgrounds.

  18. Sandoz says:

    Hi i got a problem in selecting the texture layer and create a Layer Mask with selection.i couldn’t get the same output as shown

    • louise says:

      You need to select the text (magic wand worked fine for me) and make sure the texture is on top of the text. keeping the selection, click in the texture layer, and get a layer mask as shown in the tutorial, i had to try different ones (reveal selection/hide selection etc.) unfortunatly i dont remember which one it is but it shouldn’t take you long to find out. hope this helped :)

  19. Superb! Great work!

  20. Men9079 says:

    Hey,

    Its looking great, but what do you mean with:

    Place the forest image the way shown below.

    What steps? What kind of layer style? Im not getting the same results.

    Thanks

  21. Men9079 says:

    Hey,

    Its looking great, but what do you mean with:

    Download Forest of Mystery from ShutterStock. [b]Place the forest image the way shown below.[/b]

  22. es real mente bueno, exelente.

  23. NoeG says:

    lol cool not big on harry potter but this tut looks nice and easy, I am def going to try it, thanks!

  24. sj says:

    very cool,thanks

  25. Vasanthan says:

    Wow! This Website Was Awesome And The Tutorials Were Easy And
    I Completed It In A Minute And You Also Give The Type Of Font You Using And Texture.
    Thank You!

  26. AndrewJ says:

    Hi. In the 5th step, when I put the texture layer in 100% opacity again and then select the text layer and then create a layer mask in the etexture layer, the blending options are still there but the 1 appears like this: http://b.imagehost.org/0075/Sem_T_tulo.png

    can someone tell me what am I doing wrong here?

    thanks :)

  27. Wow. I love harry potter. Good tutorial. Thanks for come up with this step by step.

  28. Love to add up harry potter font where i can get them

  29. d1rtyw0rm says:

    Maybe you gotta update your flash player version …

    It’s a flash site …

    http://bgtextures.canalblog.com/

  30. Aerdia says:

    why i can’t Download any texture from the Krakograff package, its just shown a blank white paper…..

  31. Asif Awan says:

    Good Tutorial Thanks

  32. d1rtyw0rm says:

    Is it me or the texture layer has to be blended … hardlight … overlay … good tutorial anyway

  33. d1rtyw0rm says:

    Wow, this is an awesome tutorial !!!

    THANKS A LOT !!!!

  34. Great post about harry potter font fans will like it a lot

  35. Awesome effect !! I create some bizcards with this harry potter text effect

  36. Joefrey says:

    Great tutorial.. Keep them coming..

  37. rajasegar says:

    Great tutorial, surely wanna try it out, thanks for sharing

Follow My Twitter Subcribe Full RSS