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:
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Start by filling the Background with the “Shine_BG” gradient fill provided in the preset at the Resources section of this tutorial, or you can create your own using the colors #c8a445 and #534215. Choose the “Radial Gradient”, and start from the center of the Background to one of the corners of the document.
You can modify the Background color using “Levels” and/or “Hue and Saturation” options if you want 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 #d5b900.
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, and type in the following values. 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.
- Start by applying a “Drop Shadow” effect, you need to change the color to #928505.
- Add an “Inner Shadow” using the color #f0ebc5, change the “Blend Mode” to “Overlay”, and change the contour to “Half Round”.
- Then, add a “Bevel and Emboss” effect, change the “Size” value to (9), and the “Soften” value to (3), change the “Gloss Contour” to “Notched Slope – Rounded”, and finally, change the “Shadow Mode” to “Overlay” with the color #d5b900.
- We are going to apply a “Satin” effect to add more depth to the text. Change the “Blend Mode” to “Screen”, the color to #f5ca2d, and change the “Contour” to “Cove – Deep”.
- The last effect we will apply is the “Gradient Overlay”, so change the “Belnd Mode” to “Soft Light”, and go ahead and click on the “Gradient” colors box, this will open the “Gradient Editor”, you can load the gradient preset available in the “Resources” section at the beginning of this tutorial, or just create the gradient by typing the color values #952e2f and #ffffff.
This will create a nice glossy effect.
Press the Ctrl key, and while you are still pressing it, right click the text layer’s icon (thumbnail) to create a selection (when the cursor is over the icon, you will notice that it will change its shape to a pointing hand with a dashed-square-selection shape in front of it).
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 (or press Ctrl + D) to get rid of the selection.
Go to Filter -> Blur -> Motion Blur to apply a vertical motion blur. Type (90) for the “Angle” value, and (20) for the “Distance” value.
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 menu -> 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!