written by:

So I’m going to go out on a limb here and say that pretty much everyone loves glitter as much as they hate the mess it makes. To have all the fun of glitter in your digital marketing without any of the mess, follow these steps to make an awesome glitter text effect minus any offending sparkles that may linger for ages on end.

Step 1 – Let’s Begin

Create a new image in Photoshop (File>New or Command+n). The file size is 600px x 600px at 72 ppi (pixels per inch). Make sure to select RGB as the color mode if you’re using this for the web.

howto1

Step 2 – Find A Glitter Stock Image

I found a list of 40 great glitter images right here. I’m going with a hot pink glitter because it has great shimmer and gradating tones that will add depth and flow once inserted onto my text.

sparkle_glitter_bokeh__stock_by_theshelfs-d1n1pem

Step 3 – Create Background

I will start by adding a paper background. Here’s a set of 12 free paper textures on Dribbble. Simply drag the image onto the canvas. Then create a square shape smaller than your canvas (545 x 545px) with the rectangle tool (U). Lower the opacity of the square to 50%. You end up with a nice, clean, layered looking background.

howto3

Step 4 – Type Out Your Text

When typing out your text, create a new layer for each word that you want to cover in glitter. For the text I chose I have 3 separate text layers: “Glitter”, “is my favorite”, and “Color!” I used Sign Painter House Script for the script text and Nexa Light (size 40px color #6e071d) for the sans-serif text. I also added dotted lines as ornaments to surround the middle text (using the pen tool for this in shape mode). I recommend using a thick font when creating this effect. Script fonts usually have a nice range of thickness within the letters. This is what your image should look like now:

012715-Step-2-text

Group the layers “Glitter” and “Color!” together. These are the 2 text layers that we will be adding glitter to. This is what your layers should look like now:

Clash Royale HackClash of Clans HackMy Cafe Recipe Stories HackGolf Clash HackPokemon Duel HackMobile Legends HackSuper Mario Run HackRoblox Robux HackClash Royale Cheat HackYugioh Duel Links Gems and Golds HackStreaming Movie Online 2017

012715-Step-4-Text-Layers

Step 5 – Add The Glitter (NO MESS INVOLVED)

Drag your glitter image onto the Photoshop canvas. I like to convert the image into a smart object so it will not lose quality if the layer is scaled down. To do this, right click the layer in the layers panel and select “Convert to Smart Object”.

howto4

Arrange glitter layer above the text layer you want to be “glitter-fied”.

012715-Step3-Glitter2

Step 6 – Add A Clipping Mask

After you’ve arranged your layers, you need to create a clipping mask. To do this you hold option/alt and click in between the glitter image layer and the glitter text group. You will see this icon when you hover in between the layers:

howto5

Once you click, the glitter will only show up where there is text within the group.

012715-Step-5-ClippingMask-BA

The awesome thing about clipping masks is that everything is still editable and you won’t have to worry about editing a mask if you need to make a text change.

Step 7 – Adjust Glitter

All that’s left is to adjust the glitter image to fit the text correctly. Move the image around, rotate or scale to find the perfect fit for your text. Congrats, you just made an awesome glitter text effect with ZERO cleanup time!

012715-Step-6-Final

Optional Step – Color Change

So what if your audience HATES hot pink? It’s easy to adjust the Hue/Saturation of the glitter image to a different color. Create a Hue/Adjustment layer found in the bottom of the layer panel (or Layer > New Adjustment Layer> Hue/Saturation). Adjust the levels to find the perfect shade you’re looking for.

012715-OptStep-HueSat

And, voila! There you go!

012715-OptStep-ColorChange

If you’re ready to learn more cool and immediately actionable digital marketing tips and tricks, head over to the Wpromote University to learn from some of the best minds in the business.

Comments

20 thoughts on “How to: Glitter Text in Photoshop
  1. Nicole says:

    Awesome job Kathy!! Great quick tips for Photoshop are ALWAYS needed! 🙂

    1. sumit says:

      Thanks a lot for sharing quick tips for Photoshop

  2. Hi Kathy,

    Thanks a lot for sharing this awesome and informative post with us. This was an amazing tutorial. I this made them look so professional. This was by far the best and easiest tutorial to follow!

    Good Work!!

    1. Norm says:

      hello…which font did you use for ”Glitter” ? Thx 🙂

  3. Mia says:

    Your photoshop tricks rocks.Wow what a way to design creative art in photoshop.

  4. Nina says:

    How do you get the glitter layer to be a layer in the first place?

  5. Anonymous says:

    Sooo helpful, thank you very much

  6. Kathy

    I followed your instructions to a T and it worked like a charm. Thank you!!

    Aymee

  7. Julie says:

    Thank you so much for this, it was so helpful. I have never used Photoshop before and this was so easy to follow and my project turned out fabulous.

  8. jen says:

    This is awesome! Thank you so much for the step by step instructions. The commands were a little different on my Mac, but totally easy enough to figure out.
    Thanks again!

  9. Preet Singh says:

    I really thankful to get these knowledgeable points. thanks dear

  10. Rika says:

    Thank you so much for this!!!!

  11. Mujji says:

    Really a nice and awesome tutorial for glittering text in photoshop. This is must follow tutorial for our web design works.
    Thnaks for Sharing!

  12. Anonymous says:

    This tip is saving me SO much time!! thank you so much!!!

  13. Keah says:

    I found this on a google search and it made things so easy! Thank you!

  14. Helpful!
    Thankyou for Sharing 🙂

  15. YES!!! Thank you so much – there are some really terrible tutorials out there. This one actually works. Thanks a mill!

  16. Wow it is really wonderful and awesome thus it is very much useful for me to understand many concepts and helped me a lot. it is really explainable very well and i got more information from your blog.

  17. Awesome Blog.
    I am glad to come across your blog

Leave a Reply

Your email address will not be published.

Infographics

A Tale of Two Teams Part XLIX (Infographic)
Internet News

SEO 101: How to Embrace the Data-Driven SEO Landscape
Internet News

A Smattering of SEO News: 1/22/15
Thinking about writing for the Wpromote Blog?
Check out our Guest Blogging Guidelines!
 
Become An Insider! Never Miss Our Industry-Leading Content

Thanks for signing up to be a Wpromote Insider.
You’ll be the first to get the scoop on our latest services, promotions and industry news.

CONNECT