Create Button or Icon

May 13th, 2007 by ART-D Posted in Adobe Photoshop, Buttons

Step by step tutorial on how to create button for your website or icon.

Create a new file (File>New) with 450×450 px and 72 dpi.
Using the Ellipse Tool (U), we need to make the primary layer of the button we want to represent next:

Create Button or Icon in Photoshop CS

The layer’s parameters:
Blending Options>Inner Shadow

Create Button or Icon in Photoshop CS

Blending Options>Inner Glow

Create Button or Icon in Photoshop CS

Blending Options>Gradient Overlay

Create Button or Icon in Photoshop CS

Gradient’s parameters:

Create Button or Icon in Photoshop CS

Blending Options>Stroke

Create Button or Icon in Photoshop CS

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6 7 8

  • Natanela

    30/08/2010

    This is beautiful. I am doing mostly buttons & icons at the moments. Proud to be the first one to comment on this. I liked how every step is so easy and yet gives it a complex look. thank you.

  • sledge

    13/12/2011

    Awesome tut keep making more like it or completely different.