Brushed Metal texture tutorial - Skin Investigation

Brushed Metal texture tutorial

How to create a detailed brushed steel button in Photoshop


Brushed steel buttonThe internet is saturated with tutorials on how to create web buttons in Photoshop, and if you’re anything like me, you’re probably ready to scream if you ever see another tired and dusty old tutorial showing how to make a “glossy” or “gel” button. If that’s the case, hopefully this tutorial is a bit different from those and will give you some helpful tips.

We’re going to be creating a stylish, detailed and realistic brushed steel button, reminiscent of steel dials on old fashioned stereo equipment. These are really fun and simple to make once you know the techniques and steps used to create them, and you’ll be able to modify or customize the steps to your liking to achieve the effects you prefer.

Step 1 – Set up your document space

This step is really up to you, and will depend on the project you’re working on. For the purpose of this this tutorial, I’ve created a document that is 630 pixels wide by 333 pixels high. I’ve filled it with a mid-gray background, with darkened corners (I used the gradient tool on radial gradient setting). Then I added a slight noise effect (filter > add noise) to create a subtly textured background for my brushed steel button.

Background
Step 2 – Creating the base of the brushed steel button

Create a circle in the middle of your document. Any color will do, because we’re going to use layer styles to colorize it to give it a brushed metal look. Name this layer “brushed steel button base” or something that will help you identify it as the base layer, as that is how I will be referring to this layer in this tutorial.

Double click on the circle layer preview to open the layer styles palette. Check the “gradient overlay” button. Next to “style” be sure the gradient is set to angle mode. The red arrows below show the settings you need to pay attention to and adjust.

So now you should have something like the image below. The angled gradient created a very sleek silver circle that captures the highlights and reflections for our brushed steel button.

Create a circle
Step 3 – Texturing the brushed steel button

So what we have now would be great if we were just making a steel button, but since we’re looking for a brushed steel button, we’re going to push it a bit further to create the brushed, scratchy texture we need.

Make a selection of the circle layer (command-click on Mac, control-click on PC) and then click on Select > Modify > Expand. Enter a value of 5 pixels, and click okay. Add a new layer above your brushed steel button base layer. Fill this layer with a mid gray, and then clear your selection by clicking on Select > Deselect (command-D on Mac, control-D on PC). Click on Filter > Noise > Add Noise. For distribution, select uniform and for amount, set it at around 50%. Click okay. These dots are going to eventually form the brushed scratches on the brushed steel button.

Step 4 – Adding the beveled edge detail to the brushed steel button

As it stands right now, the texture of our brushed steel button is looking really good and pretty realistic, but it needs some depth to make it stand out more. It’s the details that are going to make this button really shine.

The layer styles palette Set up your gradient like this Adding highlights and reflections Adding the brushed texture


More about Brushed Metal texture tutorial

Transparent gif

by cdub

In photoshop, keep selecting all the background until you have all of you want to be transparent...Try deleting background and see if the underlying backgroundis already transparent. (If your final image is easy to select, select it directly.). If initially selecting the BACKGROUND, and you need to get a transparent bckgrnd, inverse the selection so the main subject is selected. You may already have a Transparent background (you'll see the checkerboard).
If you don't already have an underlying transparent background, Copy the selected imaged.
Open new file, with Transparent background

CorelDRAW X7 review: Customizable features make this robust design program ..  — PCWorld
.. purchase, as well as a $25 monthly subscription. People miffed by Adobe's wholesale move to subscriptions will find a great alternative here. ..

Galaxy 61 Delivers Show Open for VH1's 'The Fabulous Life  — Animation World Network
VHI recently called upon Galaxy 61 to create a show intro for the new 2014 season of The Fabulous Life, the hit series that reveals the extravagant places, possessions and pastimes of pop-culture's most famous celebrities. The Brooklyn-based ..

myLife Brand Products myLife (TM) Lime Green Flat Series (2 Piece Snap On) Hardshell Plates Case for the iPhone 5/5S (5G) 5th Generation Touch Phone (Clip Fitted Front and Back Solid Cover Case + Rubberized Tough Armor Skin + Lifetime Warranty + Sealed Inside myLife Authorized Packaging) "ADDITIONAL DETAILS: This two piece clip together case has a gloss surface and smooth texture that maximizes the stylish appeal of your iPhone 5 and brings out the unique colors and designs in the case itself."
Wireless (myLife Brand Products)
  • COLOR: This case comes in a deep high quality color that will last the life of your iPhone 5 and 5S smartphone because the color is fused with the hard rubberized...
  • IMPORTANT FEATURES AND DESIGN: This case is made of high quality hard and rigid rubberized material. The hard polyethylene has a great easy design that creates a...
  • MATERIALS AND DESIGN: This 2 piece front and back snap on fitted case is made of a a hard rubberized material that adds protection to your iPhone 5 and 5S. This...
  • WARRANTY AND PACKAGING: All myLife (TM) are sold exclusively by Clock Tower Shipping LLC. Any products being offered by other vendors are fake and not authentic...
  • COMPATIBILITY: It is important to note that the iPhone 5 and 5S by Apple is for sale from many different business and this case is compatible with every iPhone for...

Hunterdon County Polytech students bridge the gap thanks to local Rotary Clubs  — Hunterdon County Democrat
This year's Job Fair, on March 25, attracted the Dave Gansfuss Allstate Agent for an agency logo; G&H Publishing and author Katherine Kurz for children's book illustrations; Artiste Salon for a new logo, brochure and social media materials; St.

Related Posts