Pin Me

How to Create Animated Text with Glitters and Sparkles in Photoshop

written by: Dianna Monda Dill•edited by: Daniel P. McGoldrick•updated: 2/28/2009

This Adobe Photoshop tutorial shows you how to create eye-catching, animated text that literally sparkles and glitters on the page.

  • slide 1 of 14

    .

  • slide 2 of 14

    Section #1

    1. Create a new page by pressing the [Control + N] keys on your keyboard.
    2. Set the size of the canvas at 450x150px.
    3. Apply a background color of your choice.
    4. Select the text tool and open a text box.
    5. Choose a fancy font, and a color that contrasts with your background color.
    6. Type in the text that you want to work with.
    7. Rasterize the text: right-click on the text and then select Rasterize.
    8. Select the rasterized text using the magic wand.
    9. Feather your selection by 2 pixels [Select > Feather].
    10. Contract the selection by 3 pixels [Select > Modify > Contract].
    11. Delete the selected area.

    • slide 3 of 14

      .

    • slide 4 of 14

      Section #2: Adding the Glitter Text Effect

      • Create a new layer without canceling the selection
      • Position this layer over the rasterized text layer.

      2 

    • slide 5 of 14
      • Feather the selection by 2 pixels once more.
      • Expand the selection by 2 pixels [Select > Modify > Expand].
      • Select a lighter shade of the font color to fill your text.
      • Without canceling the selection, create a new layer.
      • Position it over the previous layer.
      • Expand your selection by 3 pixels [Select > Modify > Expand].
      • Fill the selection with a lighter shade of your font color.

    • slide 6 of 14
      • Create three duplicate layers of this layer [Layer > Duplicate layer]
      • Add noise to each layer [Filter > Noise > Add Noise].
      • Ensure that the noise level is the same for all four layers.

      3 

    • slide 7 of 14

      Section #3: Creating Sparkles

      • Create a new page by pressing the [Control + N] keys on your keyboard.
      • Size the canvas at the size of 500x500px.
      • Select the background as black.
      • Add new layer and then zoom in to 300%.

    • slide 8 of 14
      • Select the Line tool and use it to draw a 2pixel line.
      • Press the [Ctrl + Enter] keys to make a selection.
      • Fill the selection with white color.
      • Use the erase tool on both ends of the line without canceling the selection.

      Star 1a 

    • slide 9 of 14
      • Select the Transform tool [Ctrl + T] and use it to rotate your image 90 degrees.
      • Position the second line over the first to form the shape of a cross.
      • Merge the two layers.

      Star 2a  Star 3a 

    • slide 10 of 14
      • Copy the cross shape and then use the Transform tool [Ctrl + T] to rotate it 45-degrees to form an X shape.
      • Use the hand tool to position this X-shape over the cross shape, forming a “star."

      Star 4 Star 5 

    • slide 11 of 14
      • Create a new layer and position it behind the above layer.
      • Draw a circle around the center of the star-shape.
      • Feather the circle by 6pixels, and then fill it with white color.

      Star 5a Star 6 

    • slide 12 of 14
      • Copy this sparkle and use the Transform tool [Ctrl + T] to create one small-sized sparkle.
      • Paste copies of the sparkles onto your text.

      It is important to note the order in which you place the sparkles, for the purposes of animation in the next step.

      6 

    • slide 13 of 14

      Step 3: Animate Your Text

      • Open your content in Adobe Image ready.
      • Open the animation panel [Window > Animation] and make four frames there.
      • Set the time delay for 0.1 Seconds

      sub3 

      sub2 

      sub1 

    • slide 14 of 14
      • Animate the Sparkles by randomly turning-off the visibility of sparkle layers in each frame.
      • Animate the glitter by turning off visibility of noise layers one after another in each frames. For example, turn off the first noised layer for first frame and turn it on for second frame and so on for each successive layer.

      Play the animation, and watch your text in sparkling, glittering action.