Photoshop Buttons - Pink Fancy Buttons

In this Photoshop Tutorial I will show you how to create the Fancy Pink Buttons in my image. These buttons would make a great menu for a website. I will write this tutorial in detail so that the new Photoshop users can follow along. I was once a newbie and I know how frustrating the simplest thing can be in Photoshop.

How to Create Pink Fancy Buttons in Photoshop

Create a new canvas 300 pixels by 300 pixels. Set your background to white and click OK. Next, we will need to create a new layer. Click Layer > New > Layer at the top of your Photoshop window to create a new layer. Name your layer Button and click OK. You can also create a new layer by clicking the icon in the bottom of the Layers Panel that looks like a sheet of paper. To rename it that way, you will need to double click on the word Layer.

Select your Rectangle Tool from the toolbar. Then draw your button on your canvas. You can draw it whatever size you want.

Right click on your Button Layer in your Layers Panel and click Rasterize Layer. Press F on your keyboard if you do not see your Layers Panel. Right click again on the Button Layer and click Blending Options. You will need to apply the following effects to your Button Layer.

Bevel and Emboss

Style - Pillow Emboss
Technique - Smooth
Depth - 91
Direction - Up
Size - 10
Soften - 1
Angle - 100
Use Global Light - Unchecked
Attitude - 69
Gloss Contour - Cone Inverted
Anti-aliased - Unchecked
Highlight Mode - Screen
Color - White
Opacity - 75
Shadow Mode - Multiply
Color - bc5dab
Opacity - 75

Gradient Overlay
Blend Mode - Normal
Opacity - 100
Gradient - Change the gradient to Blue, Yellow, Blue Gradient and then change the colors from left to right to White > ecb8e7 > White.
Reverse - Unchecked
Style - Linear
Align with Layer - Checked
Angle - 90
Scale - 92

Click OK on the Blending Options window.