Sunday, October 16, 2011

Tutorial: Brushed Silver Text Effect

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
tutorialsetc-brushed-metal-texture.zip
Abstract Water Smudge 300x300 Brushed Silver Reflective Text Effect Blue Abstract Watery Waves
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 Effect

Frame Layer Styles 21 Brushed Silver Reflective Text Effect
Frame Layer Styles 31 Brushed Silver Reflective Text Effect

Frame 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

Further help

Didn't get the exact same results? Want to save some time? Download the source files below.
Download the full tutorial and source files
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.

No comments:

Post a Comment