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 form the left)
Step 17: Using the gradient you created, draw a gradient from the top of your shape to the bottom.
Step 18: From your layer styles choose bevel and emboss.
Step 19: For your 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%.
Step 20: In the list of styles on the left hand side, click on the name outer glow.
Step 21: Set the blend mode to normal, then click on 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 layer palette, Click the layer that contains the tab.
Step 23: Select----Modify-----Contract. Enter 5. OK
Step 24: Select the marquee tool. Hold the options key then draw a rectangle starting form the bottom of your current selection to just a little below the top.
Step 25: Add a new layer
Step 26: Press x. Then Options+ Delete
Step 27: Deselect
Step 28: Filter menu, blur, choose 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 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 stage.
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 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 palette.
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 down the apple key and click once on the blurry layer in your layers palette.(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: elect 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 more times until your almost to the top of the pill. (make sure you stop short of the top.
Step 28: Deselect by pressing Apple+D.
Step 29: Apple+Click 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 the letter "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 in the keyboard, move your white gradient layer upward to where it's 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
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 you are 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 shape 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 form the top of your selection to the middle to fill the top with black.
Step 9: In the layer 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 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 Photoshop 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 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, Perspective, Rotate CCW, 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 your image.

Photoshop Shortcuts

• Apple+ C- Copy
• Apple+ V- Paste
• Apple+ J- Duplicate
• Apple+ Options+ Z- Undo Multiple time
• 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
• V- Move Tool
• B- Brush Tool
• U- Custom Shape Tool
• M- Marquee Tool
• T- Type Tool

Sound FX

2 paragraphs:

wind: http://www.flashkit.com/soundfx/Nature/Wind/
House

Ceiling Falling: http://www.flashkit.com/soundfx/Mayhem/Other/more6.php

Alisha's Story:

Shower: http://www.flashkit.com/soundfx/Domestic/Bathroom/Running_-Tomako-8671/index.php

Typing: http://www.flashkit.com/soundfx/Domestic/Applicances/typing-Robert_S-8030/index.php

A Woman Talking: http://www.flashkit.com/soundfx/Communication/Talking_female/index.php

Screaming: http://www.flashkit.com/soundfx/People/Screams/Female_S-LadyIT-2322/index.php

Brea's Story:

Phone Ringing: http://www.flashkit.com/soundfx/Domestic/Other/phone-mau-8637/index.php

Newspaper stand:

Crying: