Designers usually find themselves in the position of being asked to mimic a tremendous number of materials. Brushed steel is a texture that comes up quite a bit in design today. It can be used in interior designs for kitchens, on Web sites with industrial themes and can even be found in video games. This How to Make Brushed Steel in Photoshop tutorial will demonstrate one of the easiest ways to create a believable version of it.
Tips
If you desire a more dramatic effect with the brushed lines, use Linear Light instead of Overlay as the blend mode.
Read more about using gradients on the How to Use the Gradient Tool in Photoshop page.
You should always double the size of your document so that when you size it down 50% you get a sharper image.
Adjust the depth and distance numbers on your bevel if the effect doesn't work right with your project.
Featured Video: Brushed Steel Texture in Photoshop
Iceflow Studios takes you through a quick and easy alternative for making brushed steel. He starts off by teaching you how to define the colors, create a gradient and add noise to your picture. At the end, he shows you how to crop out the jagged edges created after a motion blur. The running time is 3:08.
Introduction
The examples in this tutorial were made with the image editor, Adobe Photoshop. However, most of the techniques can be utilized in other programs such as Gimp or Paint Shop Pro. It should take around 10 to 15 minutes to complete from start to finish and is suitable for all skill levels.
Step 1: Pick a Font or Shape
When picking a font, aim for one that has a normal to thick weight. If it is too thin, you will have to adjust the settings considerably.
- Create a new document by typing Ctrl+N.
- Set the width and height to 500 pixels and give the file a transparent background.
- Name the transparent layer textSteel'.
- Push T to activate the text tool.
- Under the main menu, you will see the text bar. Change the text size to 150 points or a size of your choice.
- Type your sample wording or add a shape.
Step 2: Add Dimension With Layer Styles
Now, you will make you word or shape three dimensional.
- Choose your layer named textSteel then push the layer style icon at the bottom of the layer window. It looks like a lowercase f in a circle. (Hit the F7 button if your layer window is closed.)
- PickBevel and Emboss.
- Use the images below to fill in the custom settings for Bevel and Emboss, Contour, Texture, Satin and Gradient Overlay.
Step 3: Define the "Brushed" Look
In this last step, you will make a layer that replicates the lines that you see on brushed steel.
- Hit Shift + Ctrl + N to add a new layer. Name it brushed.
- Use the shortcut Shift + F5 to bring up the fill menu. From the Contents section, pick 50% Gray.
- Add grain by picking Filter -> Noise -> Add Noise. Choose Gaussian and Monochromatic at 20%.
- Next, stretch the pixels by picking Filter -> Blur -> Motion Blur. Give Angle a value of 0 and Distance a value of 41.
- Ctrl click textSteel. This will make a selection of that shape.
- Push the mask icon. (It's at the bottom of the layer interface and looks like a square with a circle in the middle.)
- Change the layer blend mode of brushed to Overlay.
Featured Image: Bevel and Emboss Settings
Featured Image: Contour Settings
Featured Image: Texture Settings
Texture adds an image that gives the illusion of bump to the appearance.
Featured Image: Satin Settings
Featured Image: Gradient Overlay Settings
Gradient overlay will control the color and give the appearance of a simple reflection.
Featured Image: Gradient Editor Settings
After ticking the Gradient Overlay check box, click the colorful image next to the word gradient on the window. Now, you will see the area where you will make the actual color transitions. Pick the first color node and change the color to ffffff. Make the last node the same color. Refer to the graphic to see where you add the third and fourth nodes. To add a node, just click under the color bar on the gradient window. The third color is cdced3, and the fourth is 8192a4. Hit ok once you are done.
Featured Image: "Brushed" Effect
Featured Image: Final Image
