Design a Shining Crystal Text Effect in Photoshop

In this tutorial, I will show you a very simple way to achieve this cool shining crystal text effect in Photoshop. I accidentally discover this method when I was playing with the layer blending options and I decide to share this with you guys..

This is a short and simple tutorial and you should have no trouble doing it :). Have a try!

Here are some of the final text effect I made:

Ok let’s get started!

Step 1

Create a new document, size doesn’t really matter but I chose 800x400px because that’s where my comfort zone is. Fill the background layer with Black colour.

Type some texts on the document. You can choose any font you want. I use this font from dafont.com. This should automatically create a new layer on top of the background layer.

Position the text to the centre of the canvas. (See below)

Step 2

On the text layer, apply the following layer blending options:

Inner Shadow

Outer Glow

Bevel and Emboss

The effect so far will look like:

Step 3

Now we can add some more crystal feeling into the text. I found applying some leaves texture overlay turn out to be good. Here is the texture I used for this tutorial:

Download the above image, load it into Photoshop and select a portion of it using the rectangle selection marqee tool. Copy and paste it on our document, then resize it to fix the dimension of the text.

See below image for detailed image overlay position:

Change the layer name of this layer to “texture overlay”.

Step 4

On “texture overlay” layer, hit Ctrl + M to bring up the Curve Tool, apply the following settings:

Then hit Ctrl+Alt+Shift+B to bring up the Black and White Tool, apply the following settings:

Then change the layer blending style of this layer to “overlay”.

The effect so far will look like:

Step 5

We can add some mist onto the text to make it look better. To do this, create a new layer on top of the “texture overlay” layer.

Use the Lasso Tool with a 20px feather to select some areas around the text, fill the selection with black and go to Filter > Render > Cloud (Make sure you have Black as background colour, White as foreground colour) and render some cloud.

After rendering cloud, set the layer blending style of “Screen”.

See below for details:

Then use the Level Tool under Image > Adjustment > Level and apply the following settings:

The effect will now look like this:

Ok, that’s it for this tutorial! The rest is left upon your own creativity!

I also made two alternative version with different colour scheme:

Hope you enjoy this short tutorial and if you have any question, just drop me a comment!

Cheers and have a great day!

Tags:

  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

  • Rolando

    YEA THE TUTORIAL IS NICE BUT I CANT FINISH IT I CANT ADD THE MIST EFFECT . YOU SAY TO FILL THE SELECTION BLACK N I DID BUT IT DOES NOT SHOW THE WAY YOURS CAME OUT N PLUS I PUT IT IN SCREEN AND NOTHING I CANT MAKE IT WORKED CAN YOU PLEASE HELP ME ON WHAT MA I DOING WRONG OR WHAT AM I MISSING. CAUSE I DID EXACTLY WHAT IT SAYS AND MINE COMES OUT DIFFERENT N MESS UP IN THE END

  • HI Rolando~
    After you fill your selection with black, go to filter > render > cloud (make sure you have background colour set to black, and foreground colour set to white), and render some cloud, then set the blending option to screen. You should have the result shown above.
    hope this helps

  • rubinho

    Do you have a workaround for CS2 on “Black and White” tool?
    Furtermore – just a great tutorial!

  • James

    Hi rubinho~ I guess you can try to desaturate the image first, then use either curve tool or level tool to adjust the black and white balance.
    Hope this helps

  • Rimvydas

    Hi, I have same problem like Rolando, i think u skipped something, and i dont know what :) because i get the clouds but they arent green, they are grey, i tried to colorize them but they look awful the way i do, think smth isn`t right

  • Ann

    I’m stuck on step no. 2. Why the text didn’t turn out green? I have tried doing some remedy on my own like changing the foreground color into green before typing the text but still it doesn’t work. And after I did step no. 3, the leaves image turned out gray upon pasting it over the text.Both turned out with the same color “gray” which is supposedly color “green”. What seems to be the problem James?

  • Hi Ann, did you change the inner glow and outer glow colour to green according to the ones I pointed out in the screenshots in step 2?
    If not, try to set the colour by input the colour codes and you should have a green text after that.

    Hope this helps

  • Ann

    Yes I followed everything just as you instructed but the result ended up the wrong way. What seems to be the problem here James? Thanks for the response.

  • Hi Ann, Try just do the text layer blending option first, and see if that turns out to be similar as in the tutorial.
    And also, there is really no “wrong way”, your result may turn out to be better the one in the tut!

  • We Buy Ugly Houses

    What a great site!Thank you

  • Kelly

    Hey!

    First of all, I wanna thank you for this wonderfull tutorial.

    I’m stuck at the level tool thing. My curves don’t look like yours and when I fill in the ratio’s you’ve given theres nothing that gets another color. I have the mist layer selected. Did I miss something?

    I hope you can help me out.

    X. Kelly

  • the cloud effect is really great! nice guide man! thanks for the text effects…

  • Anonymous

    Great tutorial! This helped me a lot thanks.

  • DJnikky

    yeah i have the same problem, i cant make the green effect at the last step at that Level thingy

  • Wow! what an idea ! What a concept ! Beautiful .. Amazing

  • thanks !! very helpful post!

  • Thank you very much,your site is perfect

  • Carlton

    I cant get the green effect on the mist either. You really seem to be leaving something out if this many people have the same problem. Please answer how to fix this!

  • tobias

    Hi, I have the same problem lake all the rest, my mist is not green its gray! please help me!

  • Charlie

    hi james, it sure is nice

    but im stock at step 4.. i dont know if im going to put the leaf or green picture above the text or…. somthing else.. please help… a guide instruction would be nice

  • guy

    this looks nothing like a crystal or crystal text title is misleading text is unreadable and looks like a blur

  • Frances Cisco

    im stuck with step 4…i hit ctrl+alt+shift+B but nothing happens…im new in photoshop…is there any alternative to find the black and white tool? please help me..thank you…

  • been following ur site for three days. really love what you posted. btw i am doing report relating to this area. do you know other great sites or maybe online forums where I can learn more? thanks a ton.

  • This is a interesting line of content, very nice article. Thanks for sharing this post, good way of bring this subject to discussion. Keep up the great work !

  • RAY

    im stuck on the 4th step,last part…how do you change the layer blending style to “overlay” and magically it changes the text.

    please help out.

    but good idea, i’m impressed!!!

  • muhammed

    tancks very good

  • Ifrah

    Hi,

    Is there an option for ‘black and white’ in cs2? where to find? my clouds are still white not in color. (green or any other)
    what should i do?

  • Ifrah

    I used Hue/Saturation option to bring color to the clouds.
    thanks for the tutorial.

  • Sherill Celestin

    I’m aware about this previously, but still there have been several useful bits that concluded the image to me, thanks a ton!

  • Eivind

    In photoshop 7 I cannot find the black and white tool, do you have any suggestions?
    Good tutorial btw :D

  • Newzman

    my clouds arent green

  • Tanasaka

    *0*

  • Angel Vasilev

    You need to make it an RBG image. Go to Image > Mode > RBG color.

  • Angel Vasilev

    Mate I did it perfectly but i’m stuck on the mist. On your levels I set everything to what you display but that little mountain doesn’t move. I believe it is because of that. When I change the numbers it doesnt change. So how do we edit the little mountain at the input levels ?

  • Whatever

    I tried it with a higher resolution and it turned out so differently! :
    I added my own touched to it and it looked really great, still different than this though!

You May Also Like