Photoshop Buttons – Hot Pink Rounded Rectangle Button

In this Photoshop Tutorial I will show you how to create the Hot Pink Rounded Rectangle Button in my image. Please see the image that I have provided to see the ending results. I will write the first part of this tutorial for the Photoshop beginners. I will write the second part of this tutorial for the advance Photoshop users. If you are an advance user, please skip down to the advance part of this tutorial.

How to Create a Hot Pink Rounded Rectangle Button in Photoshop for Beginners

Step 1 – Creating a New Canvas
Create a new canvas 350 pixels by 350 pixels. to the color that you need and click OK.

Step 2 – Creating a New Layer
Locate your Layers Panel on your screen. Press F7 on your keyboard if you do not see your Layers Panel. Click the icon in the bottom of the Layers Panel that looks like a sheet of paper with the corner curled up, to create a new layer.

Step 3 – Rounded Rectangle Tool
Select your Rounded Rectangle Tool from your toolbar. Set the radius to 10px. The radius is located at the top of your Photoshop window. Draw your button on your canvas. You can draw your button any size that you want.

Step 4 – Rasterizng the Layer
Right click on the Shape Layer in your Layers Panel and click Rasterize Layer from the pop up menu. Rasterizing the layer will make the edges of the button smooth.

Step 5 – Blending Options
Right click on that same layer again and click Blending Options from the pop up menu. Apply the following effects to your button in the Blending Options window. Make sure that you click on the word. If you just check the box for that effect, you will not see the options for that effect.

Bevel and Emboss

Style – inner bevel
Technique – smooth
Depth – 71
Direction – up
Size – 6
Soften – 0
Angle – 100
Use Global Light – unchecked
Attitude – 75
Gloss Contour – linear
Anti-aliased – unchecked
Highlight Mode – screen
Color – white
Opacity – 75
Shadow Mode – normal
Color – black
Opacity – 75

Color Overlay

Blend mode – normal
Color – fd02c5
Opacity 100

Stroke

Size – 1
Position – outside
Blend Mode – normal
Opacity – 100
Fill Type – color
Color – 9b0776

Click OK on the Blending Options window.

If you have any problems with this Photoshop Tutorial, please feel free to contact me using the contact button at the top of this page.

How to Create a Hot Pink Rounded Rectangle Button in Photoshop for the Advance

Step 1 – Create a new canvas 350px by 350px.

Step 2 – Create a new layer.

Step 3 – Select your Rounded Rectangle Tool and change the Radius to 10px.

Step 4 – Draw your button.

Step 5 – Rasterize your button layer.

Step 6 – Open your Blending Options for the button layer and apply the following effects.

Bevel and Emboss

Style – inner bevel
Technique – smooth
Depth – 71
Direction – up
Size – 6
Soften – 0
Angle – 100
Use Global Light – unchecked
Attitude – 75
Gloss Contour – linear
Anti-aliased – unchecked
Highlight Mode – screen
Color – white
Opacity – 75
Shadow Mode – normal
Color – black
Opacity – 75

Color Overlay

Blend mode – normal
Color – fd02c5
Opacity 100

Stroke

Size – 1
Position – outside
Blend Mode – normal
Opacity – 100
Fill Type – color
Color – 9b0776

Step 7 – Click OK on the Blending Options window.

If you have any problems with this Photoshop Tutorial, please feel free to contact me using the contact button at the top of this page.