• home
  • forum
  • my
  • kt
  • download
  • Glowing Glossy Glass Text

    Author: 2008-11-18 17:06:21 From:

    Here’s a picture of what we’ll be making:

    Finished Product

    On the requests in some comments, you can now Step 1

    Step 2

    Now comes the good part.  The great thing about layer styles are that you can apply them to any text, and it will look the same.  Double-click on your text layer, and apply these layer styles:

    General Options

    Blending Options

    Inner Shadow

    Inner Shadow

    Outer Glow

    Outer Glow

    Inner Glow

    Inner Glow

    Gradient Overlay

    Gradient Overlay

    Gradient Settings

    Gradient Settings

    Stroke

    Stroke

    You should now have something like this:

    Step 2 Result

    Step 3

    We’re almost done!  Now all the we have to do is add some small things that make it look better.  First, let’s add a sparkle on the G.  Go to http://www.brusheezy.com/brush/282-Star-Brushes, and download the Star Brushes that are listed there.  Head over to Photoshop again, and load in the new brushes.  Grab the brush tool, select the brush with the size of 365 (see the image below), and then resize that brush to 100px.

    Brush Settings

    Now make a new layer above the text layer, set the foreground color to #f4faff, and click once with the brush tool on the top left corner of the letter G to make the sparkle.  Here’s my result:

    Step 3

    Step 4

    For the final effect, we will make a shiny reflection of the text.  To do this, first duplicate your text layer, and then rasterize the new layer and all of its layer styles by first pressing Ctrl+G to put the layer into its own group, and then Ctrl+E to merge all the contents of the group (in our case only one layer) together.  Flip the newly created layer vertically by going to Edit>Transform>Flip Vertical, and then take the Move tool (V), and drag the new layer (with the upside-down text) down and below the original text.  Look at this image for a reference:

    Text Copied

    To make the reflection seem to fade away, we will add a layer mask to the new text layer.  Make sure that your new text (reflected) layer is selected, and go to Layer>Layer Mask>Reveal All to create the mask.  Take the Gradient tool, set it to a black-to-transparent gradient, and draw a gradient on the new mask like this:

    Mask Gradient

    Finish

    And you’re done!  Here’s the final result:

    Finished Product

    I hope you enjoyed this tutorial, and I hope that you learned something from it that you can implement in your own designs.  If you are having trouble with this tutorial, then you can download the PSD file to copy off of.

    Until next time, happy designing!

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (95)
      Effects (519)
      Animation (220)
      Photo Effects (823)
      Automation (20)
      Photo Retouch (316)
      Basics (411)
      Photography (302)
      Brushes (49)
      Scripting (5)
      Buttons (191)
      Text Effects (775)
      Color (81)
      Textures and Patterns (184)
      Digital Art (179)
      Web Graphics (746)
      Drawing (827)
      Web Layouts (206)

    New

    Hot