Creativebits.org

an All Creative World 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

Commenting on this Blog entry is closed.

Tigerstorm's picture
1009 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
2624 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?

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.

vero216's picture
2 pencils

Great tutorial mate i will spend some hours with that.

____________
Capricorn media

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

Do you need a great new logo?

If you need a logo for your company or product you can get it done with us.
In our logo store you can pick from over 28,000 pre-made logos that will be customized to your name for free or you can post a contest for us for just $250 and our designers from all over the world will submit dozens of logo design suggestions to your specific needs.

Marketplace