Easy Rusted Text

by admin
Posted July 22nd, 2009 at 7:00 pm

Learn how to create a rusty text effect in photoshop. Great tutorial of photomanips, metal surfaces etc.

1.Start with a new 400×400 image. Choose a background that you want to make the rusty text on. For this tutorial I just used the action for rust that came standard with photoshop. If you don’t see it in your actions look in your goodies folder in your photoshop directory. Once you have your background use the type tool and create your text. The color of the text does not matter, just make sure it is visible. Also make sure your text is where you want it to appear in your graphic. So move it to where it needs to be.

step_1

2.Next Ctrl+Click your text layer to select it. Once it is selected click your channels tab and click the save selection as channel button. By default it is called Alpha 1. Rename it to text. Now with the text channel still selected drag it into the create new channel button to duplicate it. Name this new channel light. Leave your new light channel selected and run the Filter/Blur/Guassian Blur with a setting of 8, then run it again with a setting of 4, then a setting of 2, then a setting of 1. Hit Ctrl+Shift+L to run the autolevels. Then hit Ctrl+Shift+I to invert the selection. Once the selection is inverted hit your delete key to remove any unwanted jaggies. Then hit Ctrl+D to deselect your channel.

channel_1

3.Click back on your layers tab and click on your background with the texture in it. Drag this into the create new layer button to duplicate this layer ( name this layer rust). At this point you can hide the text layer that you created by clicking on the eye. Now make sure the layer named rust is activated (just click on it normally so it turns blue in the layers palette ) and go to Filter/Render/Lighting Effects and use the setting that I have here. Style-Default, Light Type-Spotlight, Intensity=35, Focus=64, Gloss= -65, Material=0, Exposure=0, Ambiance=25, Texture Channel-Make sure you select your “light” channel from the drop down menu, White is high, and Height=100.
lighteffects


4.Now with your rust layer still active Ctrl+Click on your text that you originally made ( It should be in the layer right above your rust layer ). This will select the shape of your original text so we can copy it out of our rust layer. With the rust layer still active and the shape of your letter now selected hit Ctrl+C to copy it, and then hit Ctrl+V to paste it into a new layer. Now you should have a layer right above your rust layer with nothing more than your new rusty text in it. Name this new layer effects.
layers

5.Make sure your effects layer is active and go to Layer/Effects/Drop Shadow and use the settings that I have here. Note: the color I chose was from a dark part of my background so play around until you get a color that your are satisfied with.dropshadow

6.Now on the same effects layer go to Layer/Effects/Outer Glow and use the settings that I have here. Once again I changed the default color to one that matched my background picture. Also make sure you change the Mode to Multiply.outerglow

7.Last but not least go to Layer/Effects/Bevel and Emboss and run the settings that I have here.
Highlight-
Mode- Overlay with the white color
Opacity- 100%
Shadow-
Mode-Multiply with the black color
Opacity- 15%

Style- Inner Bevel
Angle- =120
Depth- =15
Blur- =8

bevel


8.If all went well you should end up with a pic like the one I have on the left here. When you are applying your Layer effects on your effects layer you should experiment around with different settings to see what you can come up with.done_1

Just for example, here is one with the bevel and emboss highlight setting changed to dissolve and with a different color in the color box. This gives it a real nice rough edge look. Also you can drag this layer into new projects and still have the rust look and all the effects. To do this just open up a new project and make sure your move tool is selected. Then just drag this layer into your new project and you are all set…
done_2

  • Stumbleupon
  • Delicious
  • Google Buzz

Popularity: 31% [?]

http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/digg_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/reddit_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/dzone_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/delicious_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blinklist_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blogmarks_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/furl_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/technorati_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/myspace_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/facebook_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/yahoobuzz_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/sphinn_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/mixx_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/twitter_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/jamespot_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/meneame_48.png


-->
8 ResponsesLeave a comment
  • tutorialslounge
    July 23, 2009 at 9:01 pm

    cool

  • Yasser
    August 31, 2009 at 1:14 pm

    Great effect :)
    Thanks alot ,

  • Phil
    September 1, 2009 at 10:55 am

    Nicely presented tutorial – thanks for sharing!

  • Flex Developer
    September 2, 2009 at 12:02 pm

    Good post.. thanks!

  • Eshban Bahadur
    September 4, 2009 at 8:27 pm

    Very nice. Waiting for more tutorials

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Sponsors
Advertise with us!
Around The Site
Free Subscription

Enter your email address:

 
Design Resources
Friends Links
Galleries
Categories
Tags
Archives
Community News
  • 40 Awesome Infographic Designs which Helping AnalystsMarch 11, 2010

    These kind of special amazing Information Graphics showing popularity of different events and era in such a creative way where they presenting visual representations of data, statistics and other quantitative information. This is modern way of graphical…

  • 70+ Best Web Galleries Around for Your InspirationMarch 11, 2010

    Web Design Galleries and Showcases are a greater source of inspiration for designers which help them to get exposure for their work. And these galleries are using for improving website rank and traffic of your website. You can submit your designs and we…

  • Text written by WaterMarch 10, 2010

    It is very nice technique to make water drops so that you may apply Layer Styles to any text or object to give water look. It seems that name has been written by real water. Hope you will like this.

  • Desktop Wallpaper: 80+ Most Breathtaking Places on EarthMarch 10, 2010

    There are many sources of inspiration that designers look to when trying to get their creative juices flowing. I think there is none better than the breathtaking landscapes that nature has to offer. In this post you will see some of the most beautiful p…

  • 70 Exceptional Creative Typography Desktop WallpapersMarch 9, 2010

    We always present quality stuff for you respected visitors and readers, today we have some modern and latest typography wallpapers, we simply presenting beautiful and inspiring to look at I think, typography art to desktop wallpapers seams to be quite c…

  • 50 Hot New Tutorials (Part1)March 9, 2010

    Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of February. You’ll find …

  • See Through Glass Tutorial – Glass TransparencyMarch 9, 2010

    In this Tutorial I’m going to show scene behind a Glass. I mean suppose you have a Glass picture and you want to place it on another picture but also wanted to see the scene through the Glass. I got this tutorial after working hard, because it is very…

  • How to Create a Fancy Image Gallery with CSS3March 9, 2010

    Today, I have prepared a tutorial about how to use CSS3 to make an image gallery with animation. I recommend to use one of these browsers to see the animations; however, the gallery is going to be usable in browsers without support of the animation.

  • How to create a web hosting layoutMarch 8, 2010

    Learn how to create a nice looking web hosting layout with this easy to follow tutorial.

  • 30 Stunning Graphical Vector Tutorials for Improve your Graphics SkillsMarch 8, 2010

    Vector graphics is playing major role in designing world, specially in Print Media where we can draw characters, shapes and other creative illustrations. Vector applications such as Adobe Illustrator that are used to create scalable graphics are ideal f…

Read More News
Add News




Captcha
To prevent spam, please type the text (all uppercase) from this image in the textbox below.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes