Sunday, May 9, 2010

Photoshop Tutorial: Create shiny metallic text

This is my latest tutorial, and in plain text. It teaches you how to creates a unique, shiny metal effect on text in Photoshop. This tutorial was converted from BBCode to HTML using this conversion site. The effect is very nice.

_

To start, open up Photoshop and make a new document with dimensions around 1000x1000. Bigger sizes work better.


ps_tut0.png


_

Now with the new document, get a shape or text to make the effect on. I'm using 2 letters of text for this demo.


ps_tut1.png


_

Select the new layer. If you have a vector object, you should preserve the paths by right-clicking on the layer and converting it to a shape. The same thing goes for text.

Next, right-click the layer again and go to blending options. Go to Gradient Overlay. It should look like this:


ps_tut2.png


_

You can add an Inner Shadow with the following settings:


ps_tut3.png


_

And you can also add a small Outer Stroke:


ps_tut4.png


_

When the blending options are set, click OK. After that, duplicate the layer (Ctrl+J). Turn off the visibility of the Inner Shadow effect by clicking the eye icon. Then, right click on the effects region and select Create Layers. This will make layers out of the blending effects.


ps_tut5.png


_

Hide the gradient layer and the layer it is clipped to. Then, move the Outer Stroke layer to the bottom of the original object.


ps_tut6.png


_

Go to blending options for the Outer Stroke layer and add another Outer Stroke. This time, color the stroke white and make it larger. The effect works better on sharper edges so don't make the outer stroke too large because it begins to curve. If you imported vector Outer Strokes (which can be sharper) use those.


ps_tut7.png


_

The next step is optional. You can add an Outer Stroke to the white stroke or use the stroke option to hide parts of stroke. You can do this by lowering the opacity of the effect to 0%.


ps_tut8.png


_

After setting the layers, Control-click the thumbnail for the white stroke. This selects the pixels of the object. Select the Brush Tool and pick a regular circle brush. Pick a small size that way it won't spill onto other parts. Lower the hardness to make a soft brush. Make sure the primary color is black and that the mode is set to Normal. Set the Opacity to 50%.


ps_tut9.png


_

This is the most important step. Using the brush, draw on the stroke. Try not to draw the shape of the segment. Draw in different directions and leave openings. For segments facing the upper-left, leave more white. Drawing on a spot you drew on before makes it darker. Try to create contrast by leaving dark spots near the angles. Repeat the procedure for all the shapes using the same technique.


ps_tut10.png


_

The stroke should start to look very shiny by now. You may modify the Levels (Ctrl+L) to adjust the balance of black and white.


ps_tut11.png


_

You can add a white Inner Shadow or bevel to this metallic border now.


ps_tut12.png


_

You can end here but the metal effect can get better. Trash the duplicate object made earlier in the tutorial. Alt-click between the gradient layer and the original object layer. Turn off Gradient Overlay.


ps_tut13.png


_

A basic brushed metal effect will be applied. With the gradient layer selected, go to Filter > Noise > Add Noise...

Set amount to 15%, Gaussian, Monochromatic. Click OK.

Then, go to Filter > Blur > Motion Blur. Set the angle to 0 and distance to 60. It should look like this:


ps_tut14.png


_

After that, go to Filter > Render > Lighting Effects. Use settings similar to these:


ps_tut15.png


_

It is done!


ps_tut16.png

You can always go back and change some steps but this is the final product. I hope you liked the result.

2 comments:

Anonymous said...

Awesome! Thank you very much :D

Photoshop Clipping Path said...

Thanks for inspiring. Keep it going

Post a Comment