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.
Aaron is a writer for 10Steps.SG Other Design Articles You May Find Interesting
China Wholesale Marketplace at DHgate.com
We're powered by ProjectManager.com – project management software to easily organize your work. Share project plans, manage your teams online and track progress daily.
70 Comments | Write a Comment
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.
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.
You’re required to buy the forest image, or is that just me?
Amazing and i can’t believe that is so much easier . Thanks friend for good sharing .
Cool tutorial. Haven’t seen this one yet. Thanks for sharing.
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?
hey i m aso no getting 3rd step plz will u xpalin me.
Ohhhh.. nm i figured it Out
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.
Plz friends how to download dis .plz help me
Tutorial is very good and interesting, thanks for sharing his knowledge .. and keep berkereasi with new things, especially for photoshop.
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?
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.
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.
you can send me your tutorial in paul_sason07@yahoo.com.ph…thanks a lot guys!
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!
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
I can’t seem to paint the path after I finish using the pen tool. It says nothing was selected…?
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
i dont get the texture part. how do i apply the texture? the file format is in rar.
freaking links are broken. this is the shit i hate about tutorials. the shuttershock picture and the texture backgrounds.
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
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
Superb! Great work!
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
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]
es real mente bueno, exelente.
lol cool not big on harry potter but this tut looks nice and easy, I am def going to try it, thanks!
very cool,thanks
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!
Cool! So, you think you are able to tell me what am i supposely doing wrong? ^^’
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
I got the same problem here.
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.
I’ll try that then i’ll tell you something
Wow. I love harry potter. Good tutorial. Thanks for come up with this step by step.
Love to add up harry potter font where i can get them
Maybe you gotta update your flash player version …
It’s a flash site …
http://bgtextures.canalblog.com/
Thanks d1rtyw0rm.
why i can’t Download any texture from the Krakograff package, its just shown a blank white paper…..
Dafont.com
http://www.dafont.com/harry-p.font
I’ve give it a try, result here : http://d1rtyw0rm.deviantart.com/art/G-Creation-188189493
Good Tutorial Thanks
Is it me or the texture layer has to be blended … hardlight … overlay … good tutorial anyway
Wow, this is an awesome tutorial !!!
THANKS A LOT !!!!
Great post about harry potter font fans will like it a lot
Awesome effect !! I create some bizcards with this harry potter text effect
Great tutorial.. Keep them coming..
cool effect
Orz…
5+
Great tutorial, surely wanna try it out, thanks for sharing
Thanks pal