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. Follow these steps to make an awesome glitter text effect without any of the offending sparkles that 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 the 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

h2>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

Comments

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

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

  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!!

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

Ready To Change The Game?

Thank You For Your Interest In Wpromote!

Your message has been received and you will be contacted by one of our marketing specialists shortly. If you have any other questions, please do not hesitate to contact us by calling 310.421.4844 or by emailing sales@wpromote.com. We look forward to speaking with you shortly.

Sincerely,

The Wpromote Team

 
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
  • Los Angeles HQ: 310.421.4844
  • Chicago: 312.690.7112
  • San Francisco: 415.423.1535
  • Melville: 646.807.4074
  • Dallas: 214.696.9600
  • Houston: 281.974.5569
  • Denver: 720.583.9064
  • NYC: 310.321.4566