Navigation Tab tutorial

Step 1: Change your foreground color to black.

Step 2: Add a new layer.

Step 3: Select the rounded rectangle tool. 

Step 4: In the options bar, click on the fill pixels icon (it's the third icon).

Step 5: In the options bar increase the radius to 20.

Step 6: Draw your rounded corner box.

Step 7: Select the  rectangular marquee tool.

Step 8: Draw a rectangular selection around the bottom 1/4 of your rounded rectangle.

Step 9: Press the delete key.

Step 10: Deselect.

Step 11: Switch to the gradient tool.

Step 12: Click on the arrow to bring up the gradient thumbnail.

Step 13: Double-click on the left color stop under the editor bar.

Step 14: Choose 40% black. Click ok.

Step 15: Double+Click on the right color stop but this time choose white. Click ok.

Step 16: In the layers palette, turn on "Lock transparent pixels" ( it's the first icon from the left.)

Step 17: Using the gradient you created, draw a gradient from the op of your shape to the bottom.

Step 18: From your layers styles choose bevel and emboss.

Step 19: For style choose inner bevel, set the angle to 126, depth to 2 and size to 4. Raise the highlight opacity to 100% and lower the shadow opacity to 50%. Don't click ok yet.

Step 20: In the list of the styles on the left hand side, click on the name outer glow. 

Step 21: Set the blend mode to normal, then click the color swatch, choose 30% black as your glow color. Increase the spread to 25%. Click ok.

Step 22:  Hold the apple key and in the layers palette click the layer that contains the tab.

Step 23: Select modify, contract. Enter 5 pixels. Press ok.

Step 24: Select the marquee tool. Hold the option key then draw a rectangle starting from the bottom of your current selection to just a little below the top.

Step 25: Add a new layer.

Step 26: Press x. Then option delete.

Step 27: Deselect.

Step 28: Filter menu, blur, gaussian blur. Enter 1.5 pixels. Click ok.

Step 29: Lower the opacity to 70%.

Gel Button Tutorial

Step 1: Add a new layer

Step 2: Set your foreground color to light blue.

Step 3: Select the rounded rectangular 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 stage.

Step 6: Apple+click on your shape layer.

Step 7: Add a new layer.

Step 8: GRo 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 your foreground color to white.

Step 10: Press option+ delete.

Step 11: Press apple+d.

Step 12: Go under the filter menu, under blur, choose gaussian 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 pallet. 

Step 16: Press shift+apple+I to inverse your selection.

Step 17: Press the delete key.

Step 18: Press shift+apple+I.

Step 19: Create a new layer.

Step 20: Set your foreground color to a darker blue than your original blue.

Step 21: Fill your selection by pressing option+delete.

Step 22: Deselect by pressing apple+d.

Step 23: Hold the the apple key and click once on the layers pallet. ( Be sure not to change layers. You should still be on the dark blue pill layer.) 

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 you're almost to the top of the pill. ( Make sure to stop just short of the top.)

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 contract. 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 the keyboard,  move your white gradient layer upward to where it is almost at the top, but leave a gap of dark blue between your white gradient and the top of the pill. ( This creates the highlight area of the pill.)

Step 37: Press apple+t. 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 that you're 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 selection of your pill to colorize the shadow. 

Step 44: Lower the opacity to 50%, set the angle to 90º, distance to 45, size to 32, turn off use global light. Click ok to complete the 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 options bar, click on the radial gradient icon. ( It's the second icon from the left). 

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

Step 6: Press "d". Create a new layer.

Step 7:  In the gradient picker, choose the foreground to transparent gradient ( It's the second one from 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 layers palette, 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 pixels. 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 gausian 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 photoshop know that 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 layer palette's pop up menu.

Step 21: Choose drop shadow from the layer style pop up menu at the bottom of the layers palette. Click ok. 

Step 22: Press apple+U ( hue and saturation). Click the colorize button and move the hue slider to choose a color for your button.

Transform Tutorial

Step 1: Select the layer you would like to transform (scale, rotate skew, rotate cw, flip horizontal or flip vertical).

Step 2: Go to the edit menu, choose transform. Select the option you need to transform your image.

Resize Tutorial

Step 1: Hold down the apple key and tap the letter 'T'. This will create a box that surrounds your image.

Step 2: Hold down the shift key and drag one of the corner edges in to make your image smaller. Drag it out to make your image bigger. 

Step 3: Click the enter key on the far right hand side of the keyboard to let photoshop know you are finished resizing you image.

Photoshop Shortcuts

Apple+ C- Copy

Apple+ V-Paste

Apple+ J- Duplicate

Apple+ Option+Z- Undo multiple times

Apple+ S- Save

Apple+ N- New document

Apple+ O- Open document

Apple+ Z- Undo

Apple +F- Run filter

Apple +E- Merge layers

Apple +X- Cut

Apple + U- Hue+ Saturation

Apple + D- Deselect

Apple + Click layer- Rasterize

X - Color swap

B - Brush tool

U - Custom shape tool

M - Marquee tool

T - Type tool

Photoshop Review.

Sound FX

1st paragraph- babies crying:http://www.flashkit.com/soundfx/Ambience/People/more2.php

Chelsi

paragraph a- raining thunder storming: http://www.flashkit.com/soundfx/Nature/Rain/

paragraph b- birds chirping:http://www.flashkit.com/soundfx/Ambience/Nature/

Autumn

paragraph a- a giant gust of winds:http://www.flashkit.com/soundfx/Nature/Wind/

paragraph b- sound of people talking:http://www.flashkit.com/soundfx/Ambience/People/more3.php

paragraph b- scary music: http://www.flashkit.com/soundfx/People/Children/