In just a few simple steps, you can add a calm, easy-going text effect — great for evening events and crisp banners.
This is a Text Effect Quickie — a tutorial that teaches an effect quickly, yet is an effective technique that can be used time and time again. If you’re looking for advanced tutorials, be sure to check out the rest of our Photoshop Tutorials on Tutorial9!
What We’re Making
This Text Effect Quickie will show you how to easily create a soft glowing moon-like text.
Before getting started, you may want to download the font used:
Step 1 - Background
Since this text effect looks best on dark colored backgrounds, let’s create one. Using the color #0f1c25 and black, create a radial gradient from the center of your document.
Step 2 - Setting the Type
Let’s set some type in the document to use the effect on. Bolder and stronger fonts will work better!
Step 3 - Setting Up the Layer Style
Go into your text layers Blending Options (Right Click Layer > Blending Options).
Apply the layer effects shown below, making any modifications as needed.
Drop Shadow
Outer Glow
#afd3e2
Inner Glow
#93c1d4
Gradient Overlay
#afd3e2 to White
Text Effect Quickies: Bubble Text
Text Effect Quickie: Delicious Chocolate Text
Text Effect Quickie: Vibrant Pop Text Effect
Colorful Glowing Text Effect
Nice and simple Tyler. A Text Effect like this would work great in a Dark Themed Website in my opinion.
Very nice, quick and effective as usual from Tutorial9. Keep them coming
Nice one
hmmm… what font it is? :>
Nevis Bold. There’s a link up towards the top of the Tutorial for it
Nice and simple, exactly what it says on the tin
WOW!
It’s great!
I like this effect, it’s like a milky effect XD
that was great… thank you
Nice and subtle.
You can make those glares pop a bit more by doubling up the layers and setting one to screen, and the other to ‘color dodge’.
Shown here: http://www.redcultur.com/silkypixel/2008/06/08/3dsmax-glare-tutorial/
I guess the comment didn’t post because I had a link.
Nice and subtle effect.
You can make those glares a little more realistic by doubling up the layers and setting one to screen, and the other to ‘color dodge’. Adjust the visibility by tweaking the levels of each layer, not the opacity.
@rad_thundercat: Nice suggestions rad_thundercat
Sorry, your first comment was held for moderation. It’s up now. Sometimes the comment system makes errors like that.
looks elegant:)simple yet cool.great tutorial.
Ronald
I like your tutorial.
Good job!
keep doing tutorials… a loved it!
thankyou for everything!
Nice Work!
bye
love when it’s not to complicated but when it’s simple and quick !
looks pretty nice and professionnal
GoOd Job !
Thanks David!
Tutorial9 is my favorite Photoshop site - simple and great tutorials!
Simply Awesome, great work Tyler! This is just what I needed to help me create a new logo for my site.
Cool effect. Might give it a shot, but how do you get the little sparkles on the letters, or am I missing something?
Hey David ive been viewing your work for the past few weeks now, and really love this site, i venture around the places like this alot of the time, but this site makes me want to come back for me, your tutorials are easy and detailed to follow, because of this site i was introduced to http://www.sxc.hu and my condolences go out to you and your hard work putting such a great learning experience for beginners to highly adept graphic designers. With this site there is always something new to learn and this moonshine is just one of many.
great simple and VERY effective text style
keep it up david i am always telling everyone about this place. for great experience.
Yours Kindly
Ray
@Uproar: Thanks Ray
All the writers at Tutorial9 do what they can to help the community. Just in case you missed it, this Tutorial was actually written by Tyler Bramer, but we’ll all be sure to take this as a huge compliment, so thank you!
how do you make the glitre shine effect?
I really like it! Thanks mate
somebody know what is the name of the font used here? thanks!
wow..nice effects I love text effects but then the layer style is hard to remember.. any ideas how to memorize it??? thx… Awsome tutorial!
It’s Named Nevis Bold…. You can see it in the top of the topic and in the first comments.
Regards
nice, simple and effective…love it
I’m glad that you all like the simple clean look that I was going for!
Nice idea, trying it out right a way. Try some more natural effects like space view, night view, noon vies,…
Thanks for the tutorial, it was great! Keep coming with the tuts!
Dude, this site is amazing!!!!!!!
Keep up the brilliant work and nice and easy tutorial
grtz, SpunX
That’s was great job. Thanks.
Hi. Great tutorial. I would like to know what is the name of the font used for “Effect” text next to Moonshine. Thank you.
I can’t download layer style.
Is there some error?
That would be the font English.
Great tutorial!
Would you be able to tell me what font you used for the small text that says “effect”?
Thanks
Woops, didn’t see the comment above!
Thanks again!
Nice tutorial!
Thanks for the share
First of all… Thank you very much for the effort publishing such simple but powerfull tuts!
I made a wallpaper out of this one with a widescreen resolution which is 1920×1200. I dont know if such a high resolution causes the problem I am having but i am very interested in how to solve it: The problem is the gradient you use which cause banding which are in a very annoiing way visible. I tried to apply some noise but that doesnt help either. How do i solve this banding problem?
@Sean: Glad you found it.
@Affordable Web Design: Anytime!