Anubis Theme
  • Articles
    • Comparisons
    • Others
  • Downloads
    • Actions
    • Brushes
    • Fonts
    • Gradients
    • Patterns
    • Textures
    • Wallpapers
  • Inspiration
    • Digital Art
    • Photography
    • Web Design
  • Tutorials
    • Design
    • Photo Effects
    • Text Effects
  • Contact

Rusty Text Effect: Photoshop Tutorial

Posted by carol On November 13th, 2012 In Text Effects, Tutorials With 2 Comments

This is an easy tutorial using a free font, gradient set, brush set and Photoshop's built-in tools to get a real-looking rusty text effect. There are quite a few steps to this tutorial, but I think the end result justifies the time needed to complete it.

Rusty Text Effect: Photoshop Tutorial

Resources

Copperplate Gothic Bold Font

Patterned Spheres Brushes

Adoralyna's Golden Metal Gradients

Step 1

Open a new file using the following settings:

New File Settings

Fill the background with black.

Step 2

Select the Type Tool, Copperplate Gothic Bold font, size 300pt, foreground colour White.

Type your text all on one layer

Rename the layer 'Text bg'

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

Step 3

Select the Brush Tool, foreground colour Black, and the Patterned Spheres brushes. Select the brush before last – number 22, and set the size to 320px.

Create a new layer, this should be named Layer 1 by default. Leave the name as it is.

Center the brush over the first letter and click once

Make the Text bg layer active, select the Magic Wand Tool and click in the first letter to select it.

Select>Inverse

Now make the Layer 1 layer active and hit the delete button.

Step 4

Repeat Step 3 for each letter of your text.

When you have created the pattern for each letter, merge all the pattern layers together – click on the top layer, hold down the shift key and click on the last pattern layer – this should select them all, right click anywhere on the selected layers and click Merge Layers

Now duplicate the merged layer twice and again merge these 3 layers together. Rename the layer Pattern

Step 5

Double click on the Pattern layer in the layers palette to bring up the blending options and apply the following Gradient Overlay (using Adoralyna's Golden Metal Gradients) and Bevel and Emboss settings:

Gradient Overlay Settings

Bevel and Emboss Settings 1

Note: You need to have all of Photoshop's contours activated to find the Peaks contour. The image below shows you how to achieve this:

Activate Contours

Step 6

Duplicate the Pattern layer.

Duplicate the Text bg layer.

Drag the Text bg copy layer above the Pattern layer (it should now be directly below the Pattern copy layer.

Merge the Pattern copy layer and the Text bg copy layer together.

Rename this layer Rust

Your text should be looking something like this now:

Text

Step 7

With the Rust layer active:

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

Ocean Ripple Settings

Step 8

Double click the Rust layer in the layers palette to bring up the blending options and apply the following Bevel and Emboss and Color Overlay settings:

Bevel and Emboss Settings 2

Color Overlay Settings 1

Step 9

Duplicate the Rust layer and rename the copy Highlights

Double click on the Highlights layer in the layers palette to bring up the blending options and change the Color Overlay settings as follows:

Color Overlay Settings 2

Create a new layer and merge the new empty layer with the Highlights layer to rasterize the effects. (Make sure this layer is called Highlights)

Image>Adjustments>Invert

Step 10

Double click on the Highlights layer in the layers palette to bring up the blending options and apply the following Color Overlay settings:

Color Overlay Settings 3

Reduce the layer opacity to 59%

Step 11

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

Final Result:

Rusty Text Effect: Photoshop Tutorial

For the following image I changed the background colour and added a light brown drop shadow on the text.

Rusty Text Effect 2

Hopefully you were able to follow the steps easily, however, if you have hit any problems along the way, please either leave a comment below or contact me and I will try to help.

Related Posts

  • Photoshop Tutorial: Denim Patchwork Text Effect
  • Textured Text Photoshop Tutorial
  • 20 Glossy, Glittery & Glowing Text Effect Tutorials
  • Photoshop Tutorial – Gory Text
  • Photoshop Tutorial – Decorated Text Effect
  • Photoshop Tutorial – Ornamental Text Effect
  • Photoshop Tutorial – Liquified Text Effect
  • Art Deco Text Effect Tutorial
  • Summer Holiday Text Effect Tutorial
  • Cut Out Embossed Text Photoshop Tutorial

Share!

Enjoy the article so far? Recommend it to your friends.

  • Digg
  • Delicious
  • Stumble Upon
  • Facebook

Subscribe! (Free)

Subscribe and be the first to get our latest updates

  • RSS Feed
  • Twitter
  • Pingback: Rusty Text Effect: Photoshop Tutorial | Design News

  • Pingback: Rusty Text Effect: Photoshop Tutorial « human being | #INperfeccion®

Subscribe to Email Updates

  • Recent Posts

    • Sharpening Images in Photoshop with the High Pass Filter
    • A Welcome to 2013 with Stunning Morning Photography
    • A Farewell to 2012 through Beautiful Night Photography
    • Rusty Text Effect: Photoshop Tutorial
    • 30 Beautiful Nature Wallpapers
    • Photoshop Tutorial: Denim Patchwork Text Effect
    • Back to Black: Beautifully Designed Black Websites
    • Red, Red Wine: Beautiful Wine Related Photography
    • Moonlight Sonata: Beautiful Moonlight Photography
    • Planes, Trains and Automobiles: The Need for Speed Desktop Wallpapers
  • Categories

    • Articles
      • Comparisons
      • Others
    • Downloads
      • Actions
      • Brushes
      • Fonts
      • Gradients
      • Icons
      • Patterns
      • PSD Files
      • Textures
      • Wallpapers
    • Inspiration
      • Digital Art
      • Photography
      • Web Design
    • Tutorials
      • Design
      • Photo Effects
      • Text Effects
  • Favourite Sites

    • Church Printing
    • FreeBrushes
    • Graphic Clouds
    • Onextrapixel
    • Pixeldamnation
    • PSDArtist
    • RS Wallpapers
    • Wallpapers Maniac
  • Could not connect to Twitter
  • About Us:

    Graphix1 is owned and run by Carol Francis. G1 is a site dedicated to bringing inspiration to creative minds.
  • Archives

    • May 2013
    • January 2013
    • December 2012
    • November 2012
    • October 2012
    • September 2012
    • July 2012
    • June 2012
    • April 2012
    • March 2012
    • February 2012
    • January 2012
  • Categories

    • Articles
    • Downloads
    • Inspiration
    • Tutorials
  • Social

    Follow us on the social networks:

Copyright © 2011. All Right Reserved.