Quantcast
A Graphics.com site
Ivan's picture

Magic hat light effect in Photoshop

Here is a great tutorial for all the Harry Potter fans out there from abduzeedo.

First of all here is the end result of this tutorial:

Step 1

Create a radial gradient, in this case from a purple to a really dark purple.

Step 2

Add a really cool Icon of a magic hat from the Crystal Clear Collection by Everaldo.

Step 3

Add some text and apply the Distort/Wave filter. Create two stripes of text.

Step 4

Rotate and place the text.

Step 5

Add some light using glow: Use different values for each line of text, the secret here is the blending option COLOR DODGE. Change the values of Spread, Size and Range.

Step 6

Group the 2 lines of texts and with one apply a mask to make the stripes disappear at their ends.

Step 7

With the other group of text apply a Gaussian blur, after that delete some parts to show the non-blury text. This will add a movement feel to the text, like they are really being magicaly created.

Step 8

Create a new layer below the text and with a regular big brush like 100px add a spot of light in white. The layer must be below the text, otherwise the glow will not affect the white spot.

Step 9

Make some smoke again, I used the eraser, you could've used the liquify as well.

Step 10

Create a cloud: to do that make use a marquee with feather set to a value bigger than 20 and apply the render>clouds holding the Apple (Cmd) key on Mac OS X or CTRL on Windows. Apply the COLOR DODGE blending options on it.

Step 11

Sparks: For the sparks create a brush, play with the shape dynamics, scatering, and other dynamics. After that, apply a Outer Glow and Inner Glow to create the magic effect.

Final result again

The whole process takes about 35 minutes. It is really cool is to apply the color dodge blending option to the folder, and put blurred elements inside it. Using it you can create some really amazing light effects.

The PSD files can be downloaded below and thanks again for this tutorial to abduzeedo.

AttachmentSize
magicEffect.jpg323 bytes
realizee.zip1.11 MB
Tigerstorm's picture
1010 pencils

Great article Ivan!
Hm does this mean I'm being accepted to Hogwardts this year?

10thWay's picture
47 pencils

Thanks for the tutorial, I'll go and try it now.

Brochure Printing by 10th Way

halox's picture
1 pencil

Great tutorial. I always wondered how to create such a thing. I thought for sure it could only be done well in a 3D program, but you definitely proved me wrong.

Johnny Blaze the Smoke Juice man

JimD's picture
2509 pencils

As with the original post of this tutorial on Abduzeedo's site, the tutorial is missing a few very important things to be truly complete. For anyone who only "dabbles" in Photoshop, you should probably not bother attempting this tutorial. Pros should be able to fill in the gaps on their own though.

By the way, if you like this tutorial, you should check out his tutorial on smoke... awesome - but again, missing steps/info.

-----------
Visit Creative Guy for graphics and Mac OS tips, tricks, tutorials and commentary

-----------
Visit The Graphic Mac for graphics and Mac OS tips, reviews, tutorials and discussion.

abduzeedo@creativebits.org's picture
1 pencil

Ivan, thanks for posting my tutorial on your site, I'm glad you liked it....

charu_cg's picture
1 pencil

really a good tutorial....but if u explain ur steps than a new guy can also create easily......

http://www.cgnature.com

bluesharp's picture
1 pencil

This tutorial is basically worthless. You're missing way too many key elements. Not even close to being useful.

gadget_lover_0007's picture
2 pencils

This is a good tutorial. Have you tried further enhancing the tutorial with the advanced features available in the new Photoshop CS3 version?

hrdn's picture
33 pencils

WOW! 8). hey man
your article is very very Good. thx a lot
________________
Free Software | Top Share Site | موبایل ، کامپیوتر

th3_vagrant's picture
2 pencils

clever. simple and clever. i love it!

Doc Savage's picture
2 pencils

I Love it!

chuckb20's picture
1 pencil

You would have to really know your way around to make it happen that fast. Great.

Tahir Isalm's picture
3 pencils

tahir fantastic & creative i like it

tahir

Tahir Isalm's picture
3 pencils

tahir fantastic i like it

tahir

psyborg's picture
2 pencils

I like tutorials done in this manner. It's nice to see an idea without getting bogged down with tedious step-by-every-step details. People should learn photoshop not as a step by step method but by thinking about every function as a concept. Much more creative that way.

time is an illusion

Madame Sofi's picture
1 pencil

Any chance you could explain "with one apply a mask to make the stripes disappear at their ends"? Thanks and I love what I've learned so far.

Friendboy's picture
11 pencils

Thank for your excellent tutorial and I hope you can give me the other excellent tutorials. Thank so much.

GarryWert's picture
1 pencil

For anyone who only "dabbles" in Photoshop, you should probably not bother attempting this tutorial. Pros should be able to fill in the gaps on their own though.
-----------------------------------------
Watch Gamer Online | Watch Whiteout Online

Call Center's picture
6 pencils

Thanks for sharing tactful tutorial, I must admit I learned many new things in this...

Call Center | call center trainings | Flat Screen Computer Monitor

bharosa's picture
1 pencil

I like this tutorials. It is very nice. Do you know? What is color correction and retouching service in images? How do I correct colors in my images? For what things color correction is used?

Latest critique

  • Snowmobile Poster
  • Palmetto Bowtique

On Demand Videos


On Demand Videos: Video tutorials for graphic designers providing tools and information you can trust — and use — on your very next project. Subscribe today!

Marketplace