Simple 3D Buttons in Photoshop
I’ve been using this technique to create some quick icons for personal use. You might find it useful.
Note: I’m assuming you have basic knowledge in using Photoshop and its tools.
- Create a New File, 128×128 pixels
- Create a New Layer [Ctrl+Shift+N], name it ShapeBase.
- Draw an ellipse using the Elliptical Marquee Tool (Q) on the center of your document. Leave some spaces around the shape.
- Fill it with any colors of your choice.
- Now activate Move Tool (V), make sure ShapeBase Layer is selected.
- Hold down Alt and press the Down/Up directional arrow on your keyboard to Copy and Move your current shape to a new layer. I pressed ten times to get this shape, you can create thicker buttons by copying more than 10 times.
- Now link all layers except ShapeBase, and Merge them together [Ctrl+E]. (Fig.1)
- Ctrl+Click on ShapeBase Layer to make an active selection out of it.
- Make sure ShapeBase Copy Layer is Active, activate Dodge Tool (O), paint around the top part of the circle to make it a bit more 3D-ish. (Fig.2)
Activate Burn Tool (O), paint around the edges of the shape to make it darker. (Fig.3)
- Deselect your current selection [Ctrl+D], Ctrl+Click on ShapeBase Layer again.
- Create a New Layer on top of all layers, Fill it with White.
- Nudge your current selection to the top about 3 pixels, press Delete (Change tool to Marquee Tool, and nudge using directional arrow).
- Set the topmost layer’s blending mode to Overlay, and turn down the opacity a bit. (I used 25%).
- Delete ShapeBase Layer.
- There you have it.
You can add a border around the whole shape to make it look a bit .. solid? (Can’t think of a better word). Here’s both results for you to compare.