Simple Website Button

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

We will learn to draw web button with this tutorial.

Create a new file (File>New) having 450×450 px and 72 dpi.
Next we’ll use the Rounded Rectangle Tool (U) to represent the primary layer of the button we’ll represent below.

Create Simple Website Button in Photoshop CS

Create Simple Website Button in Photoshop CS

The layer’s parameters:
Blending Options>Drop Shadow

Create Simple Website Button in Photoshop CS

Blending Options>Inner Shadow

Create Simple Website Button in Photoshop CS

Blending Options>Gradient Overlay

Create Simple Website Button in Photoshop CS

Gradient’s parameters:

Create Simple Website Button in Photoshop CS

Post Pages: 1 2 3