New Tab. Radio Buttons. Flat Jewels - Flat Icon Set Demo | PixelKit. Icons ~ File Type Icons by ideation pro. Minimal File Format Icons Free Download. File Format Icons by Michael Reimer. Map icons. Creative Button Styles. Create beautiful buttons in Photoshop — The Theme Foundry. A few months ago I re-designed all of the buttons here on The Theme Foundry website. In this tutorial I am going to walk through the button design process step-by-step. Quick Overview Application: Photoshop CS4 (CS5 should work fine as well)Difficulty: Beginner – IntermediateEstimated completion time: 15 – 20 minutes Step 1: Input your button text and adjust the canvas size Create a new Photoshop document (set the background contents to Transparent) and enter some text for your new button. The font used in this example is Archer Bold.
If you want a free alternative check out Museo Sans 700. Step 2: Create your button Find the rounded rectangle tool and select it. Step 3: Add a Gradient Overlay You should now have a very plain looking rounded rectangle on top of your text. Step 4: Add an Inner Glow Without leaving the layer style panel check the Inner Glow box in the left column. Step 5: Duplicate, re-style, resize Step 6: Clean up the text Step 7: Add a drop shadow to the button.