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!
35 Comments
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
Do you have a workaround for CS2 on “Black and White” tool?
Furtermore – just a great tutorial!
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
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
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
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!
What a great site!Thank you
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…
Great tutorial! This helped me a lot thanks.
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
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!
Hi, I have the same problem lake all the rest, my mist is not green its gray! please help me!
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
this looks nothing like a crystal or crystal text title is misleading text is unreadable and looks like a blur
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 !
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!!!
tancks very good
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?
I used Hue/Saturation option to bring color to the clouds.
thanks for the tutorial.
I’m aware about this previously, but still there have been several useful bits that concluded the image to me, thanks a ton!
In photoshop 7 I cannot find the black and white tool, do you have any suggestions?
Good tutorial btw :D
my clouds arent green
*0*
You need to make it an RBG image. Go to Image > Mode > RBG color.
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 ?
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!