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.

Metal button Tutorial

Step 1: create a new layer. draw a circular selection using the elliptical marquee tool.

Step 2: Press "d" then "x". select the gradient tool.

Step 3: In the options bar, click on the down facing arrow next to the gradient thumbnail choose the foreground to background gradient.

Step 4: close the picker and in the option bar, click on the radial gradient icon.( it's the second icon from the left.)

Step 5: drag the white to background gradient from the left center of your selection to about 1/4 past the edge.

Step 6: press "d" start a new layer.

Step 7: in the gradient picker, choose the foreground to transparent gradient (it's the second on the left, top row).

Step 8: in the options bar, choose the linear gradient( it's the first one). drag the gradient from the top of your selection to the middle to fill the top with black.

Step 9: in the layer pallette lower the opacity to 75%. 

Step 10: create a new layer.

Step 11: go under the select menu, under modify and choose contract. enter 6 pixel. click ok.

Step 12: press "x". drag from the top of your selection through about 1/3 of your selected area. press apple +d.

Step  13: go under the filter menu, under blur, choose Gaussian blur. enter 3 pixels. click OK.

Step 14: duplicate your top layer by dragging it to your new layer icon.

Step 15: press apple + T. ctrl + click inside the bounding box, then choose rotate 180º from the pop up menu. press enter to let photo shop know you're done.

Step  16: select the move tool. drag this layer straight down almost to the edge.

Step  17: lower the opacity of this layer to 60 %.

Step 18: go back to layer 3( the layer below your current layer). press apple + T.

Step  19: hold the shift key, grab the bottom right handle shrink the white gradient by around 15% press enter.

Step 20: hide the background layer and choose merge visible from the layers palette's pop up menu.

Step 21: choose drop from the layer style pop up menu at the bottom of the layers palette, click Ok.

Step 22: press apple +U( hue+ Saturation). click the colorize button and move the hue slider to choose a color for your button.

sound FX

paragraph B: 

http://www.flashkit.com/soundfx/Creatures/

http://www.flashkit.com/soundfx/Mayhem/Rifles/

http://www.flashkit.com/soundfx/Mayhem/Automatics/