Photoshop Tutorial – Rusty Text

Create this very realistic looking rusty text using free brushes and gradients along with Photoshop’s filters and blending options.

Rusty Text

Click on the image for full size view

Resources:

Patterned Spheres Brushes from mediamilitia.com

Adoralyna’s Golden Metal Gradients from deviantart.com

_____________________________________________________

Step 1

Open a new file 1200 x 800, 72px resolution

Fill the background with black

Step 2

Select the Type tool, Copperplate Gothic Bold text, size 300pt, foreground colour white

Type your required text all on one layer

Rename the layer ‘Text bg’

Right click on the layer in the layers palette and click Rasterize Type

Duplicate the Text bg layer and turn off the visibility of this copy

Step 3

Working on the Text bg layer, select the Eraser tool and erase every other letter of your text

Step 4

Select the Brush tool, foreground colour black and the Patterned Spheres brush set. Select the one before last brush – number 22, set the size to 320px

Create a new layer above the Text bg copy layer

Rename this layer ‘pattern1’

Place the pattern of the brush over the first letter and click once

You will now have to erase any parts that overlap any other letters:

Erase

Click over each letter

Ctrl+Click on the thumbnail of the Text bg layer in the layers palette to select the pixels

Select>Inverse

With the pattern1 layer active, hit the delete key

Step 5

Repeat steps 3 and 4, working on the Text bg copy layer (erase the letters that weren’t erased last time), with the visibility of both Text bg and pattern1 turned off

Name your new layer ‘pattern2’

Don’t forget to erase the overlapping parts of the pattern as before.

Restore visibility to all layers

Step 6

Make pattern2 layer active

Hold down the shift key and select pattern1 layer also

Right click and click Merge Layers

Rename the layer ‘pattern’

Duplicate the pattern layer twice

Merge the 3 pattern layers together

Double click on the layer in the layers palette and apply the following Gradient Overlay (using Adoralyna’s Golden Metal Gradients Set) and Bevel and Emboss settings:

Blending Options Settings

Duplicate the layer

Step 7

Merge the two layers Text bg and Text bg copy together

Duplicate the layer

Drag the new layer to just below the pattern copy layer and merge those two layers together

Rename this layer ‘rust’

Step 8

Filter>Distort>Ocean Ripple – apply the following settings:

Ocean Ripple Settings

Double click on the layer in the layers palette and apply the following Bevel and Emboss and Color Overlay settings:

Blending Options Settings

Duplicate the layer and rename the layer ‘highlights’

Step 9

Double click on the highlights layer and change the color overlay settings as follows:

Color Overlay Settings

Create a new layer and merge the empty layer with the highlights layer to rasterise the effects.

Image>Adjustments>Invert

Step 10

Double click on the highlight layer and apply the following color overlay settings:

Color Overlay Settings

Reduce the layer opacity to 59%

Step 11

Finally, reduce the layer opacity of the rust layer to 83%

Rusty Text

Click on the image for full size view

______________________________________________________

This tutorial appears to go some very long ways around creating the end result, for example, creating the pattern layer – since we need the pattern to be much darker than the brush puts it onto the canvas, it has to be done this way rather than creating a pattern and applying it as an overlay or using pattern fill – by duplicating those layers the pattern does not become darker hence the result will not be so effective.

This effect was actually stumbled upon by accident – I started out trying to make a ‘beaten metal’ effect, but became sidetracked and wandered off that path and along the rusty metal track – these diversities happen often when playing with Photoshop tools!

I hope you find this tutorial enjoyable and informative.



About these ads

2 Responses to “Photoshop Tutorial – Rusty Text”

  1. Thanks for share this nice tutorial!

  2. i think i really like your blog. keep posting good articel dude..! WINDOWS 7

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 86 other followers

%d bloggers like this: