Brushed Silver Reflective Text Effect

Posted on 03. Aug, 2009
by Tutorials Etc in Text Effects

In this Etc Tutorial we will be creating a brushed silver reflective text effect. We will also be creating the accompanying abstract reflective watery background scene.

Here we’re going to show you how to create the image below – an elegant brushed silver text effect immersed in an abstract reflective watery scene.

608 Silver Final Text Effect Brushed Silver Reflective Text Effect

Step #1

First you will need to download the two textures below and convert them into photoshop patterns for later. To do this simply open each image then go to EDIT >> DEFINE PATTERN in the menu. Alternatively, if you’ve downloaded the source files at the end of this post, simply install the pattern set entitled reflective-brushed-metal-tut.pat by double clicking on it.)

Brushed Metal Texture 300x300 Brushed Silver Reflective Text Effect

Brushed Metal Texture
Zip Download Brushed Silver Reflective Text Effect  tutorialsetc-brushed-metal-texture.zip

Abstract Water Smudge 300x300 Brushed Silver Reflective Text Effect

Blue Abstract Watery Waves
Zip Download Brushed Silver Reflective Text Effect  tutorialsetc-abstract-water-smudge.zip

Step #2

Create a new transparent document 670px * 400px at 72dpi as seen below.

New670px Brushed Silver Reflective Text Effect

Step #3

To keep our psd file organized first click on the folder icon in the layer pallet 3 times to create three folders and name them FRAME, TEXT, and BACKGROUND respectively.

1 Create 3 Folders And Rename Brushed Silver Reflective Text Effect

Step #4

Create a new layer within the FRAME folder and name it frame. Activate the shape tool by typeing U, make sure the rectangular shape tool is selected, then draw out a square similar to the one below, leaving a little room on the top and bottom.

2 Frame Shape Layer Brushed Silver Reflective Text Effect

Step #5

Activate the layer styles dialog box on your shape layer by double clicking on it or by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu. Then enter the settings below.

Frame Layer Styles 1 Brushed Silver Reflective Text EffectFrame Layer Styles 21 Brushed Silver Reflective Text EffectFrame Layer Styles 31 Brushed Silver Reflective Text EffectFrame Layer Styles 41 Brushed Silver Reflective Text Effect

Step #6

Create a new layer above the frame layer by going to LAYER >> NEW >> LAYER in the menu, activate the text tool by typeing T, then type in your title using the settings below.

3 Frame Title Brushed Silver Reflective Text Effect

STEP #7

Within the BACKGROUND folder create a new pattern fill layer by going to LAYER >> NEW FILL LAYER >> PATTERN in the menu and choose the abstract water pattern you either installed or created in step #1 as seen below. Then set the layer opacity to 60%

Pattern Fill Layer2 Brushed Silver Reflective Text Effect

STEP #8

Above the water layer create a color fill layer by going to LAYER >> NEW FILL LAYER >> COLOR in the menu. Chose #000000 for the color theen set the layer blend mode to Color as seen below.

Color Fill Layer Brushed Silver Reflective Text Effect

STEP #9

Within the TEXT folder now, create a new layer by going to LAYER >> NEW >> LAYER in the menu, activate the text tool by typeing T and type in some text using the Times at 330pt as seen below.

Text Layer Brushed Silver Reflective Text Effect

Step #10

Duplicate the text layer you just created by going to LAYER >> DUPLICATE LAYER then open up the layer styles pallet on the top text layer by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

Top Layer Style Brushed Silver Reflective Text Effect Top Layer Style 2 Brushed Silver Reflective Text Effect Top Layer Style 3 Brushed Silver Reflective Text Effect Top Layer Style 4 Brushed Silver Reflective Text Effect Top Layer Style 5 Brushed Silver Reflective Text Effect Top Layer Style 6 Brushed Silver Reflective Text Effect

Step #11

Open up the layer styles pallet by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu on the bottom text layer and enter the settings you see below.

Silver Layer Styles Brushed Silver Reflective Text Effect Silver Layer Styles 2 Brushed Silver Reflective Text Effect Silver Layer Styles 3 Brushed Silver Reflective Text Effect Silver Layer Styles 4 Brushed Silver Reflective Text Effect Silver Layer Styles 5 Brushed Silver Reflective Text Effect Silver Layer Styles 6 Brushed Silver Reflective Text Effect

Step #12

Select both text layers and drag them down to the new layer button to duplicate them, then merge the resulting layers by going to LAYERS >> MERGE LAYERS in the menu then name the merged layers “Reflection”.

Duplicate Brushed Silver Reflective Text Effect

Step #13

Flip the reflection layer vertically by going to EDIT >> TRANSFORM >> FLIP VERTICAL in the menu. Then activate the move tool by typeing V and drag the reflection layer down until it lines up with the base of your text as seen below. Bring the layer opacity down to 40% and then create a layer mask.

Flip Reflection Brushed Silver Reflective Text Effect

Step #14

Activate the gradient tool by typeing G, make sure the default black to white gradient is selected and that the gradient tool in in linear gradient mode, then drag the mouse as seen below to make the reflection fade out gently.

Gradient Mask Brushed Silver Reflective Text Effect

Step #15

Above the Reflection layer create an new layer and name it “Shadow”. Then activate the brush tool by typeing B , selct a basic round brush with opacity 50% and size 25px then draw along the base of each letter as seen below.

Shadow Layer Brushed Silver Reflective Text Effect

STEP #16

To clean up the shadow use the motion blur filter by going to FILTER >> BLUR >> MOTION BLUR in the menu and enter the settings below.

Motionblur1 Brushed Silver Reflective Text Effect

STEP #17

To clean up the shadow further use the gaussian blur filter by going to FILTER >> BLUR >> GAUSSIAN BLUR in the menu and enter the settings below.

Gaussian Blur2 Brushed Silver Reflective Text Effect

You should now have something that looks like what you see below.

608 Silver Final Text Effect V2 Brushed Silver Reflective Text Effect

Step# 18 (Optional Spotlight)

To punch up the effect a little more create a new gradient fill layer by going to LAYER >> NEW FILL LAYER >> GRADIENT in the menu beneath the color fill layer and use the setings seen below.

Optional Overlay Brushed Silver Reflective Text Effect

Thats it!

You should now have something that looks like what you see below.

608 Silver Final Text Effect Brushed Silver Reflective Text Effect

Didn’t get the exact same results? Want to save some time? Download the source files below.

Learn More
Free Download
Brushed Silver Reflective Text Effect Premium PSD’s

What’s Included in the Download:

• Fully layered source PSD
• .ASL file containing the layer styles for the text effect layers
• .PAT file with both patterns needed for the tutorial – ready to install!
• .JPG files of the patterns used

BONUS: Layered PSD of the variation shown in the preview.

View Shopping Cart
Like this Tutorial? Somebody else might too. Consider sharing it on one of these social bookmarking sites.
  • Digg
  • del.icio.us
  • Technorati
  • Design Bump
  • Facebook
  • Reddit
  • StumbleUpon
  • Twitter

Tags: ,

36 Responses to “Brushed Silver Reflective Text Effect”

  1. Nerevar

    21. Aug, 2009

    Please correct Step #17. You’re telling there to use the gaussian blur but you also explain where to find the Motion Blur in the same Step. I think that’s copied from Step #16 by mistake ^^

    Reply to this comment
  2. looks really nice effect, thanks for the tut..

    Reply to this comment
  3. CB

    24. Aug, 2009

    nice tut!
    Thanks for sharing!

    Reply to this comment
  4. kse

    28. Aug, 2009

    its a long tutorial for a text effect but i like it thanks

    Reply to this comment
  5. Homysterdan

    01. Sep, 2009

    O efeito é incrível… Parabéns pelo tuto e OBRIGADO!

    Reply to this comment
  6. LeeAnn

    22. Sep, 2009

    So if I purchase the files, all I will need to change is the text?
    I love this style and I want to make a banner for my site, but for some reason I could not follow the tut. perfectly.

    Also can the size of this image be made longer without distorting anything?

    Reply to this comment
  7. tyrone

    06. Oct, 2009

    Nice tutorial, i’ll be adding this to the list of Text Effects

    Reply to this comment
  8. ninigoesdigi

    19. Nov, 2009

    Looks great but does this works in PS E 7 ?
    I’m new at the program and i don’t know PS so no clue if I could get the same results in PSE.
    Same question for the transparent glass text effect.
    Thanks in advance for taking the time to answer me.

    Reply to this comment
  9. slowturtle

    12. Mar, 2010

    Very good teachers at the other end. I got the same result by following the easy steps.

    Reply to this comment
  10. Sean

    11. Jun, 2010

    Yeah… I get to step 7 and it looks nothing like what you have after that step…

    I just have a black background with, for some strange reason, a white stroke, even though it’s set to black.

    Reply to this comment
  11. Serega(rus)

    09. Nov, 2010

    Молодец автор! Только жалко что в рунете мало таких уроков.
    i am happi

    Reply to this comment
  12. Richard Vantage

    21. Apr, 2011

    That text looks stunning .. I will definitely be giving that a go … great tutorial …

    Reply to this comment
  13. Ifan

    29. Apr, 2011

    Thanks very much!

    Reply to this comment
  14. sushil sharma

    16. Jul, 2011

    lovely @ ask your self

    Reply to this comment
  15. Macoka

    15. Aug, 2011

    It is a very fantastic tutorial. I think it is the best in this category (silver text or metal text). But I have a question, May I use this technique for making a metal skull in Photoshop? Have you any suggestions how can I do that? I tried and it was not succed. I want to make a realistic metal or silver skull myself. Can you help me?

    Reply to this comment
  16. Trackbacks

    03. Feb, 2012

    Reply to this comment

Leave a Reply