gel Button Tutorial

Step: 1 add a new layer.

Step: 2 set your foreground color to light.

Step: 3 select the rounded rectangle tool. in your options bar set the radius to 40 pixels.

Step: 4 in the options bar, click on the third icon from the left.(fill pixels)

Step: 5 draw your shape on your page.

Step: 6 apple + click on your shape layer.

Step: 7 add a new layer.

Step: 8 go under the select menu, under modify and choose contract. enter 20 pixels. click Ok.

Step: 9 press the letter d then the letter x to set foreground to white.

Step: 10 press option delete.

Step: 11 press apple +d.

Step: 12 go under the filter menu, under blur when dialog box appears , enter 10. click Ok.

Step: 13  select the move tool.

Step: 14 using the arrows on the keyboard move your blurry white layer down to the bottom of the pill shape.

Step: 15 hold down the apple key and click on the pill layer in your layers palette.

Step: 16 press shift + apple + i to inverse your selection.

Step: 17 press delete key

Step:18 press shift apple I

Step:19 create a new layer.

Step:20 set you foreground color to a dark blue than your original blue.

Step:21 fill your selection by pressing option delete.

Step:22 deselect by pressing apple d.

Step:23 hold down the apple key and click once on the blurry layer in your layers palette.(be sure not to change layers.)

Step:24 press delete to knock a soft hole out of the blue pill shape.

Step:25 select the rectangular marquee tool.

Step:26 place your mouse inside the selected area and drag the selection upward a little bit. tap the delete key.

Step:27 repeat step 26 one or two times until youre almost at the top of the pill.

Step:28 deselect by pressing apple d.

Step:29 apple = click on your pill layer to put a selection around it.

Step:30 create a new layer.

step:31 go under the select menu under modify choose contrast enter 20 pixels. click Ok.

step:32 press the letter d then x to set your foreground to white.

step:33 select the gradient tool. in the options bar, click on the down facing arrow next to the gradient thumbnail choose the second gradient(foreground to transparent)

step:34 drag this gradient from the top of your selection to the bottom.

step:35 deselect

step:36 select the move tool. using the arrows on he keyboard move your white gradient layer to where its almost at the top, but leave a gap of dark blue between your white gradient and the top of the pill.

step: 37 press apple+T.

step:38 go under the edit menu, under transform choose perspective.

step:39 grab the left bottom corner and click and drag outward just a bit to add a perspective effect.

step:40 press enter to let photoshop know your done.

step:41 hide your background layer. merge visible

step:42 choose drop shadow. in the dialog box, click the color swatch.

step:43 click on a blue section of your pill shape to

colorize the shadow.

step:44 lower the opacity to 50%, set angle to 90º, distance to 45, size to 32, turn of the global light.. click Ok to complete effect.