Text Effect Quickie: Moon Shine Text Effect
In just a few simple steps, you can add a calm, easy-going text effect — great for evening events and crisp banners.
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

Now What?
You’ve reached the end of this post. Seeing you made it this far means you might be interested in these related articles and resources:
Free Goodies. Delivered to You.
Subscribe to Tutorial9, and we'll deliver you the newest freebies and tutorials for free.
Subscribe By Email Subscribe By RSSWith the help of these structured lessons, you'll be a master of Photoshop in no time!
Most Popular Posts
Write for Tutorial9
- Do you want to get paid $150 for writing at Tutorial9?
- Are you a talented Photoshopper, Blogger, or Photographer?
- Want to help thousands of others by sharing your knowledge?
If so, we're interested in you, and we'll pay you. Find out how to write for Tutorial9.



102 Comments Leave a Comment
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!
Love this tutorial but how where the sparkles added? It is not shown in this tutorial. Thanks
any luck with the .pdf file? ^_^
@Andre, Terkel, and Ron
The sparkles can be added with a brush. Try this one here: http://www.photoshopbrushes.com/brushes/28.htm
Great tutorial thanks a lot !
This is just an example of use: http://www.flickr.com/photos/inicolas-pictures/3200400738/
Nicolas.
I love the way you guys explain the process; it’s comprehensive and easy to follow. Also this is cool.
Very nice tutorial! I suck at photoshop and was able to follow it without any problems! congratulations!
I’m glad that you had an easy time following it!
Nice tutorial, it’s simple but really attractive, love it.
Great effect! I’m planning to use this effect on a design in the near future. Thanks for the great tutorial!
nice share, it’s very helfull for me^^, thanx
nice share, you so young but your very experience with photoshop great ^^
Hey Tyler,
Thanks for the tutorial. How do i get that effect which seems like a star is shining?
Cheers!
Thank you Tyler Bramer for ur easy and amazing way to set the tuturial
I found out that the font used for “Effect” is a font called “Kastler”.
correct me if im wrong
That looks nice also if it’s simple
Nice effect
wow great twinkle effect on the text this is great…
Nice outcome!
Great tutorial, thanks a lot.
wow~nice tutorial~cool!
Awesome. Thank you for the style
Tyler, I would have the same question as Younes above. When done in high resolution, the gradients have bands. How do I avoid this?
Thanks for the tutorial Tyler.