Girlie Button

dangtruong

Author lv1 (3200/5000)

2,600 views

2 Comments

(3 votes, average: 2.67 out of 5)

Need some cool and attractive stuff for your female oriented web site or programs ? Check this tutorial now, you may be surprising.

Step 1:

Weâ€™ll begin this tutorial, by creating a new canvas at a size of 300 x 155 using White as the color. Now select the “Rectangle Tool” and draw the below shape with 8f8f8f as the color. Name this layer “Button” in the Layers Palette.

Step 2:

Now we will create a couple anchor points to the shape as illustrated below. Select the “Add Anchor Point Tool” and place new anchor points in approximately the same place as I have done indicated by the red arrows.

201

Step 3:

Now select the “Delete Anchor Point Tool” and click the anchor points again illustrated by the below image as done below.

301

Step 4:

	Now right click on the “Button“ layer in the Layers Palette and select, “Blending Options…“. Now click on “Drop Shadow“.
	use settings at left
	Do not click “OK” yet. Still more to do.

Step 5:

	Now click on “Inner Shadow“.
	use settings at left
	Do not click “OK” yet. Still more to do.

Step 6:

	Now click on “Color Overlay“.
	use settings at left
	Do not click “OK” yet. Still more to do.

Step 7:

	Now click on “Gradient Overlay“.
	use settings at left
	Do not click “OK” yet. Still more to do.

Step 8:

	Now click on “Stroke“.
	use settings at left
	You may now click OK.

Step 9:

You should now have the below image.

901

Step 10:

Select the “Text Tool” and use the below settings:

1001

Step 11:

Now type in the button name that you would like to use.

1101

Step 12:

	Now right click on the text layer in the Layers Palette and select, “Blending Options…“. Now click on “Drop Shadow“.
	use settings at left
	Do not click “OK” yet. Still more to do.

Step 13:

	Now click on “Outer Glow“.
	use settings at left
	You may now click OK.

Step 14:

You should now have the below image.

1401

Step 15:

Now “Ctrl” click the “Button” layer in the Layers Palette to create a selection around it. Then, go to the main menu and click on “Select” then “Modify” and then “Contract“. Contract by 2 and click “OK“. Then create a new layer and go to the main menu once again and click on “Edit” and lastly “Stroke“. Width is 1, color is Black and Location is inside. You may then deselect the selection. Name this layer “Stroke” in the Layers Palette.

Step 16:

Turn the Fill of the down to 13% on the “Stroke” layer and your done.

1601

The Results!!!

Iâ€™ve added a minor gloss to the button as well as some hearts and a reflection. The heart style is the same as what was used on the “Button” layer. The smaller heart, the style was decreased (Layer, Layer Style then Scale Effects down to 30%). I hope you enjoyed this tutorial.

results