Photoshopping Bronze Text

The discovery of Bronze was important to humankind, since it helped to create better metal objects, especially weapons, than previously possible. Even though it was more brittle than steel, it was much durable than the copper and stone predecessors.

Today, we’re going to create some Bronze from scratch using our alchemist friend, Photoshop.

Step 1

For starters create a new document. I used a new RGB document with dimensions of 1000 px by 500 px, resolution of 150 with white background.

Next I created the word Bronze, using Times New Roman in Bold. The size was 100pt.
When the bronze effect is applied to serif fonts it looks much nicer to me. Well the taste depends and you can use any font and play along. You can use any color for text since we’ll be changing it later using a gradient overlay.

Step 2

Let’s apply the necessary effects. We’ll begin with the drop shadow.

PhotoGuides bronze text drop shadow

Step 3

Add a gradient overlay. I used the colors ‘A2893B‘ and ‘ EFDC92‘ for this.

PhotoGuides bronze text gradient overlay

PhotoGuides bronze gradient overlay

Step 4

Here comes the bevel & emboss effect for the 3D look. Using the default settings is okay. But since we are looking forward to getting better results, let’s play with the controls.
In the shading section, change the colors of the highlight mode to ‘CBB164′ and the shadow mode to ‘ FEE39A’.

PhotoGuides bronze text bevel and emboss

Step 5

Now it’s almost complete. Add a 1px stroke using the color ‘6f6329‘.

PhotoGuides bronze text stroke

Step 6

We’re going to add a brushed look to our bronze text.
Crate a new layer and fill it with any color. Name the layer as ‘Brushed’.
Change the background and foreground colors to default by pressing ‘D’.
Now render some fibers using a variance of 15.0. Crank up the Strength all the way up to 64.0 and press OK.  

Note: The reason for filling the layer with a color before rendering the fibers is, unlike clouds, fibers cannot be rendered on an empty layer.  It doesn’t matter what color you fill the layer with, but keep an eye on the background and foreground colors, as it affects the color of fibres.


Keeping the ‘Brushed’ layer highlighted and apply a motion blur. Use an angle of 90 degrees and push the distance slider all the way up.  
Click OK. You have some gray colored lines above your text now.

Press Ctrl + T to go to free transform mode. Rotate the layer 45 degrees and drag the handles until you completely cover the Bronze text.
Ctrl + click on the text layer thumbnail to select the text area and highlight the Brushed layer. Press the ‘Add layer mask‘ button at the bottom of the layer palette. Now the text area should be covered with gray lines.

On the ‘Brushed’ layer, lower the opacity to 15% and the fill to 90%.

I also added a maroon colored background of the colour ’790000′ and a gradient to enhance the look of the text. Your layers palette may look like this now.

Voila!! Now you have a nice brushed look to your Bronze text. Here’s the end result…

You can also add gradients and other what-not to add realism. The key is not to be afraid and playing with controls. That is the key to learning Photoshop. The possibilities are endless.

Remember, you can always download the PSD file for this tutorial below in the Members Get More panel.

Until we meet again with another tutorial, Adios!


You're not seeing anything here because either you haven't logged in or you're not a PhotoGuides member. Don't worry though, it's free to join
Twitter Digg Delicious Stumbleupon Technorati Facebook Email
This post was written by .

I'm a freelance graphic designer from Sri Lanka, who is madly in love with Photoshop and Illustrator. I've been in this field for about 5 years now. I have no degrees or education in the graphic arts field. I'm self-taught in CG and I'd like to learn and share what I know with you. All your comments are very welcome...

  • Rizla

    Excellent work!!!

    Keep posting and look forward for the next. Very understandable and clear text. Thank you and wish you all the best Jeevendra!

  • http://Website(optional) Victoria

    Thank you!!! I am just starting out and welcome the ease in which I can follow your instruction. It really helps me immensely. Some day I will be able to contribute more but thanks for the consideration in which you instruct.

  • Jeevendra Ranasinghe

    Thank you Victoria! I learned a great deal of Photoshop thanks to online tutorials & lot of experimenting. I still do remember how easy it was to have step by step instructions as a newbie. Be assured, that if you have a love for CG arts & lots of dedication, that you will succeed more than you imagine. Wish you all the best. And I look forward to seeing one of your tutorials here!

  • http://sairah.net/portfolio Sairah

    Hi! Great tutorial! I really like the subtle gradient and muted colors (excellent color choices, by the way).

    You might be interested in these tutorials also, they’re very similar: http://psd.tutsplus.com/text-effects-tutorials/6-quickndirty-photoshop-text-effects-from-scratch/

  • Jeevendra Ranasinghe

    Hi Sairah!

    Thank you for your nice comments. Really appreciate it. And I must thank you again for sharing the link to tutorials at psdtuts. It’s an awesome tutorial. I will be definitely using these on my future projects.

    Have a wonderful day!

  • http://www.berry9.in Taj

    HI
    very nice tut.
    its really professional look…………. i try it ……thank u very much……..

  • http://aevion.net AEVION
  • Xselsert

    Hi very nice tutorial but you lost me on step 6. How do you change the background and foreground colors?
    Now render some fibers using a variance of 15.0. Crank up the Strength all the way up to 64.0. And how do you do all this?

    Thanks for a very nice and helpful site you got :)

  • Jeevendra Ranasinghe

    Hi,

    First of all let me thank you for the nice comments. And I do apologize for being unclear here.

    Changing the background and foreground colors are done through the tool box. You will see two medium sized, color swatches that overlap at the bottom of the tool box. The front swatch relates to foreground color and the one beneath it, to background.

    The default colors are black foreground with a white background. There are instances that you change these colors to suite the purpose. But to change it back to default colors, you can press the “D” key on keyboard, which will revert it instantly.

    As for rendering fibers, you must create a new layer and fill it with any color. Now go to Filter menu, browse down to Render sub menu and select ‘Fibers…’ (Filter –> Render –> Fibers…). From the resulting dialog box you will be able to change the ‘Variance’ and ‘Strength’ values.

    Hope I have cleared the matter now. If you have further question, please do not hesitate to ask.

    Once again, thank you for your comments.

  • http://rekuromeo.wordpress.com/2011/01/16/70-photoshop-tutorials-for-text-decoration-from-2010/ 70 Photoshop Tutorials For Text Decoration From 2010 « Rekuromeo's Daily Blog

    [...] The discovery of Bronze was important to humankind, since it helped to create better metal objects, especially weapons, than previously possible. Even though it was more brittle than steel, it was much durable than the copper and stone predecessors. Tutorial Link [...]

  • http://Website(optional) HemantH

    Very Simple & Nice Tut……..!

  • http://njhlove.tistory.com CreativeJH

    Good ! The idea is good. :D