Photoshop Tutorial: Purchase button for ecommerce website

First step

Create a new document (CTRL + N), name the button, size to 640x480, and leave the remaining options as default.

Second Step

Create a new layer in the Layers panel, select the Rounded Rectangle tool (U), set the radius to 80 pixels, and draw a rectangle.

Third Step

Double-click Layer 1″ in the layers panel to open the Layer Style dialog box. Check the gradient overlay (gradient Overlay), click on the Gradient overlay panel and select the color #1a3a69 and #2c62b2 respectively.

Tick Stroke (Stroke), color #0b1b58,2 pixels.

Next, add a projection (drop Shadow), blending mode is normal, opacity 14%, angle 90 degrees, distance 5 pixels, size 2 pixels.

The final results are shown below. This way, by adding a layer style, the basic effect of the button is already out. Next we begin to add the lock pattern and text.

[1] [2] [3] Next page