In this tutorial, we are going to create a shiny text effect, using layer styles and some blurring filters. It is a simple tutorial, but the result is pretty much awesome.
The Final Result
- Software Used : Photoshop
- Version : CS3
- Time : 0:30 – 0:45
Create a new 1024 x 768 px document. Set the Foreground color to
#c8a445 and the Background color to
#534215. Choose the Foreground to Background, Radial Gradient, and click and drag from the center of the document to one of the corners to create the gradient.
You can then use the Levels or Hue/Saturation options to get a brighter or more vibrant Background.
(You can as well add some sparkles using a soft round brush, then apply some glow effects to it.)
Create the text using the font Signika, the Size is 400 pt, and the color is
Also, the Tracking value is set to -50, and the Horizontal Scale value is set to 90%, to make the text look narrower and more condensed.
Double click the text layer to apply the following Layer Style. You might need to adjust or change the values if the size of your text is much bigger or much smaller than the one in the tutorial.
– Drop Shadow
– Inner Shadow
- Blend Mode : Overlay
- Color :
- Contour : Half Round
– Bevel and Emboss
- Size : 9
- Soften : 3
- Gloss Contour : Notched Slope – Rounded
- Shadow Mode – Color :
- Blend Mode : Screen
- Color :
- Contour : Cove – Deep
– Gradient Overlay
- Blend Mode : Soft Light
- Click the Gradient box to create the gradient
Create the gradient using the colors
#952e2f to the left and
#ffffff to the right.
This will create a nice glossy effect.
Ctrl/Cmd + click the text layer’s thumbnail to create a selection.
Go to Select > Modify > Expand, and type in 6.
This will expand the selection 6 px outwards.
Create a new layer below the text layer, and rename it to Light, then change its Blend Mode to Vivid Light.
Fill the selection with the color
#f0ebc5. Then, go to Select > Deselect to get rid of the selection.
Go to Filter > Blur > Motion Blur to apply a vertical motion blur. Change the Angle to 90, and the Distance to 20.
Go back to Filter > Blur > Motion Blur, but this time apply a horizontal motion blur, so just change the Angle value to 0.
Finally, go to Filter > Blur > Gaussian Blur, and type 5 for the Radius value.
And that’s it, we’re done!
Hope you had fun creating your “Shiny” text!