Preview

Create a Magic Crystal Ball

Download Source Files

Last week I was working on a project where I needed to create a sort of lightning effect like that Tesla Coil. I spent a couple of hours in Photoshop playing around with some filters to create the effect. So In this tutorial, I will show you how to create a Magic Crystal Ball with some nice light effects and textures happening.

Final Image Preview

Before we get started, let’s take a look at the image we’ll be creating. As always, the layered Photoshop file is available via our Psdtuts+ Plus membership. Also, I’ve got some tutorials I’m working on that aren’t about lighting effects that you’ll see soon.

Final Click

Step 1

Create a new document, I used 1900px by 1200px. Fill the background layer with black. Then with the Ellipse Tool (U) create a circle. You can fill it with a dark gray, but the color won’t matter because we will apply a Layer Style to this object shortly.

Magic Crystal Ball

Step 2

To add the Layer Style, go to Layer > Layer Style. First, select Inner Glow and use: white for the color, Color Dodge for the Blend Mode, and 70% for the opacity.

The second Layer Style will be Gradient Overlay, use Linear for the Style, and keep Normal for the Blend Mode. Now the colors will be #12232c and #313444. The last Layer Style will be Stroke, which should be set: 2px for the Size, 60% for the Opacity, and for the color use #a395cf. Feel free to change the colors and test new variations.

Magic Crystal Ball

Step 3

Create another circle using the Ellipse Tool (U). The best thing is to create a Path with the ellipse tool. Adjust the shape the way you want. Then create a selection from the Path Palette. This circle will be the top reflection on the ball.

Magic Crystal Ball

Step 4

Create a new layer and rename it to "reflection top." Then select the Gradient Tool (G). Use white for the color on both ends. Change the opacity though, one will be 100%, while the other will be 50%. Select Radial for the Style. Then create a radial gradient, as in the image below. For the Opacity use 70% Tip: Make sure that the 100% is the center of the gradient.

Magic Crystal Ball

Step 5

Lets create a reflection at the bottom of the sphere. To do that, create a selection from the circle layer, which is the first one we already created. Create a new layer, and rename it to "Bottom reflection."

Select the Gradient Tool (G), and use the same settings as in the previous step. This time lets set the Opacity to 100% and 0%. Now create the gradient. Also, change the Layer’s Opacity to 50%. Use the image below for reference. Tip: You can resize this layer to make it slightly smaller so you can move it 1 pixel up.

Magic Crystal Ball

Step 6

Create a new layer, and rename it to "lights 1." Make sure you have black and white for the background and foreground colors. Then go to Filter > Render > Clouds. After, go to Filter > Sketch > Chrome. Use 3 for the Detail and 10 for the smoothness. Then rescale the layer, make it much smaller so the details will be smaller too.

Magic Crystal Ball

Step 7

Create a marquee selection from the "ball layer," and go to Filter > Distort > Spherize. Use 100% for the Amount and Normal for the Mode. Then go to Filter > Brush Strokes > Sprayed Strokes. Use a Stroke length of 17 and Spray Radius of 7.

Magic Crystal Ball

Step 8

Now lets add some color to the crystal ball. With the "lights 1" layer selected, go to Layer > Layer Style. Then change the Fill Opacity to 60%. After, select the Gradient Overlay, use the Violet, Green, and Orange preset for the colors. For the Gradient Style use Radial. Align the radial to the ball, so the orange will be the center of the gradient, and then go to the Violet.

Magic Crystal Ball

Step 9

To create the lighting effects inside the ball we will use the Difference Clouds Filter. So create a new layer, and rename it to "rays." Then go to Filter > Render > Clouds. Then go to Filter > Render > Difference Clouds.

Next we rescale the layer to the same height as the ball. You may notice that with the difference clouds filter we have created the lightning, but they are black. Also, you can define the thickness of the lightning when you scale the layer.

Magic Crystal Ball

Step 10

To change the color of the lightning from black to white is simple, go to Image > Adjustments > Invert. However, to get the effect right you will have to change the levels as well. So go to Image > Adjustments > Levels. Use for the Input Levels 0, 1.00, and 70. Then change the Blend Mode to Color Dodge.

There are 2 more things to do here. First, we create a Layer Mask, so the lights will be only inside the ball. Then with the Eraser Tool (E), select a medium brush, a regular one, but with a hardness of 0% and 10% opacity. Then erase some parts of edges 1-4. Also, you can change the opacity of "Reflection Top" and "Reflection Bottom," so they will be more visible.

Magic Crystal Ball

Step 11

To create more Rays, you can either duplicate the layer or repeat steps Steps 9 and 10. I duplicated it, but the best thing to do is to repeat the previous steps. Also, you can apply the Spherize Filter. Tip: Change the Opacity of the layers to give more depth to the effect.

Magic Crystal Ball

Step 12

Here, we will create a layer to adjust the colors. We need to make the ball a bit darker. So just add a new layer, and create a marquee selection of the original ball. After, fill it with Black.

Add a Layer Style. Change the Fill Opacity to 0% and select Gradient Overlay. Use Multiply for the Blend Mode, 90% Opacity, and set it to Linear. For the colors use Black and a dark gray. Tip: This layer will be beneath the other light layers.

Magic Crystal Ball

Step 13

Lets create a nice texture in the ball. Create a new layer on top of the others, but beneath the "Reflection Bottom and Top layers." Rename it to "texture."

Now go Filter > Render > Clouds. Then resize the layer, and make it a bit bigger than the ball. Finally, go to Filter > Distort >Wave. For the Number of Generators use 5, the Wavelength use Min. 10 Max 320, Amplitude Min 5 Max 35, and the rest keep the same.

Magic Crystal Ball

Step 14

Go to Filter > Brush Strokes > Spatter. Use a Spray Radius 15 and Smoothness 2. Next we create a marquee selection from the "ball" layer, and go to Filter > Distort > Spherize again. Use 100% for the amount.

Magic Crystal Ball

Step 15

Let’s adjust the layer next. Change the Blend Mode to Screen, the opacity to 50%, and the fill opacity to 50% as well. If you don’t want to show the texture that much, just reduce the opacity.

Magic Crystal Ball

Step 16

Select the Ellipse Tool (U). Then click on Shape Layers. This will create a layer in the shape of the foreground color. Now create an ellipse, as in the image below. After, go to Filter > Blur > Gaussian Blur. Then use 90 pixels for the Radius. This layer will be the spot of light for the ball.

Tip: This layer has to be beneath all the other layers, even the "ball" layer.

Magic Crystal Ball

Step 17

Now lets create another ellipse, as we did in the previous step. This time let’s use black. Also, instead of creating a light spot, let’s create a shadow.

Magic Crystal Ball

Step 18

Next we add a glow light at the top of the ball. Again, repeat step 16, but for the Gaussian Blur use Radius of 70 pixels. Notice that this layer will be on top of the others.

Magic Crystal Ball

Step 19

Let’s adjust the colors. Create a Gradient Fill layer. To do that, go to Layer > New Fill Layer > Gradient. For the colors use #223158 and #b8641c. For the style use Radial, and set the angle 115º. After, change the Blend Mode to Overlay.

Tip: You can position the gradient by clicking and holding the mouse button. Also, move the mouse while the Gradient Fill dialog box window is open.

Magic Crystal Ball

Step 20

Create a new layer on top of the others. Then fill it with black, and go to Filter > Render > Lens Flare. Use 60% Brightness and 50-300mm Zoom.

Adjust the levels of this layer. Go to Image > Adjustments > Levels. Then change the Input Levels to 7, 1, and 210. Now change the Blend Mode to Screen, and rescale the layer, use the image below as a reference.

Magic Crystal Ball

Conclusion

In this tutorial, we learned a light effect that is created by using the clouds and difference clouds filter. You can add more layers to create different effects inside the ball, or duplicate some layers to create more reflections, like the Caustic effect I created on the final image.

You could use the Spherize filter. Also, you can change the Gradient Overlay colors in one layer only, and change the other colors separately, thereby creating a totally new effect. It’s all about playing now; Have fun!

Magic Crystal Ball

  • Love

    Nice, Thanks allot! It looks really good

  • Pingback: 23 Photoshop Tutorials | Grafix Studio - webbdesign och grafik

  • http://photoshoppers.rabbit-forum.net

    Aweome, I didnt think of the actual ”lightning” effect with the clouds when i saw the end result, thought it had been done different.
    I definetely gonna add this one to some projects

  • Percy

    Hola denuevo, trate de realizar el tutorial pero no pude, podria alguien ayduarme? se lo agardeceria muchisimo, PORFAVORR!!!

  • gad

    Very nice looking results. Poor explanation of how to get those results. That makes an otherwise beautiful picture into a poor tutorial. Dude should take the time to correct the mistakes and unclear instructions.

  • Pingback: Every Great Photoshop Lighting Tutorial Ever! (Part 3 of 3) - psdfan.com -

  • Pingback: Every Great Photoshop Lighting Tutorial Ever (all 75 of them) - psdfan.com -

  • Pingback: Photo Lighting Effects | design | Faze One Studio

  • will

    honestly im at a loss here, with step 1 2 3 4 5 the gradient thing is loosing me, and how many new layers do i need to have here,, all of your other tutorials are awesome, but i think something is missing here for “this amateur” shoot me an e mail if you think you can help

  • irina

    you are the best fabio!!!!!
    :)

  • blery

    well i tried but the result is completely different…
    i think something misses in this tut.
    :S

  • Kris Howes

    very incomplete tutorial
    skipping steps and very vague about steps
    needs to be complete some steps end up completely different then yours

  • Pingback: Tutos Photoshop » Créer une boule de cristal magique

  • Pingback: hotwallpaper free! » Blog Archive » 25 Beautiful Fantasy Photoshop Tutorials2009-01-26 22:45:45

  • Pingback: Ingenius Idiot » Blog Archive » 25 Beautiful Fantasy Photoshop Tutorials

  • Pingback: Bookmarks for Februar 19th through Februar 20th - Neustart-Magazin

  • Pingback: Best Photoshop Tutorials For Lighting Effects - Photoshop Website - Tutorials,Brushes & more..

  • Bruno

    because the time to go to step 5 my eclipse is clearer and I do everything right.

  • Amitesh

    Nice Effect of Photoshop. I want to touch ur tutorial

  • CaMuSiLLo

    If you make this tut, you will see that there’re things that the autor don’t say. sorry but I did it too many times.
    Obiusly it’s a very good tut

    • GB

      I tried the tutorial too. But when I get stuck on the tenth step. I can’t figure out how he did it. I guess he missed to write on the other details.

  • http://blog.eek.ro Eek

    I tried it out but it’s extreamly bad written… Just try to forget how you did it and try to follow your tutorial… It will lead you nowhere :)

    If you cand re-write it, it would be just owsome :d

  • aabil

    hi i am stuck on step 10 can somebody help?

  • Brain

    Absolutely hard to do as beginner.. :(
    if someone could add a video to that?

  • akshay

    awesome man………..

  • sai kumar

    Wonderful tut thanks….!

  • Brazuca

    massa seu tutorial mano,tô começando agora no designe e essas arts assim da muita idéia boa pra nós. Parabéns!!! ;)

  • Chris

    nice work, but as for the tutorial, it’s a bit of an uncomplete puzzel, some steps are left out which made it a bit hard to keep up for users who are fairly new to photoshop

  • scott

    obsulutly loved it probably my favorite tut yet just very cool and i learned quite a bit about photoshop

  • evilkitty75

    i love makin crystal balls with photoshop n i try all the different tuts
    n love the 1s were details r left out…. makes u experiment n use ur own head …O_~ …
    nice effect xxxx xx

  • Erebus

    Lots of people are complaining, but I’m pretty new to photoshop and I got it to work alright. I mean, he doesn’t say that you have to erase the bits not in the ball, but maybe that was just implied.

    http://i918.photobucket.com/albums/ad26/Erebus16/CrystalBall.jpg

    I think I ended up skipping 10 entirely and messed around with the order of the layers and the opacity. Personally, I think its pretty cool

    • evilkitty75

      Looks kool lol

  • FARHAN

    GOOD WORK

  • http://spotdex.com Davidmoreen

    This looks pretty sick! BTW I think I’ve seen your work on Grooveshark before…

  • DamneD

    OMFG :O
    such a great tutorial !
    great job man <3

  • http://freegraphicsdownload.com/ Free Graphics

    This is awesome! Can I download this? I would love to do something like this graphics and save it to layer style.

  • anne

    First of all, thanks for the hardwork that you put into this tutorial. However, I really hope you could put in more effort in explaining more in details instead of skipping some steps. I really followed each steps and ended up getting a headache.

    Please make the tutorial easily understood by the others considering that you have others that are complaining about this tutorial.

  • Jonah

    looks really nice but it doesnt work if i want to add the sparks…

  • Laryssa

    The instructions are not all clear. Some steps and instructions are missing. My end result was not how it should be because there are some specific things missing from the instructions.

  • John Sockey

    Well, your finished product looks amazing, however your tutorial itself leaves something to be desired. I’m lost in the first three steps as to how many layers there should be, and I’m no novice. I’ve been at this for a while. I’d rather not assume when someone is supposedly showing me how to do something.

  • Liuegens

    Nice way to get those energy rays. Liked it!

  • http://psd.tutsplus.com/tutorials/tutorials-effects/create-a-magic-crystal-ball/ Liz

    Nice end result. However, the steps were poorly explained and I ended improvising a few steps to get this result.

  • shah alam

    It is a useful tutorial. I learned more.

  • Darien

    Nice work, but your tutorial is absolute shit and I work for a Graphic Design company.