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 Option Bar, click on the Fill Pixels icon.

Step 5: In the Options Bar change 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". ( Its first from 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 Style, choose Inner Bevel. Set the angle to 126, Depth to 2, and Size to 4. 

Step 20: Raise the highlight Opacity to 100% and lower the shadow opacity to 50%.

Step 21: In the list of styles on the left hand side, click on the name Outer Glow.

Step 22: Set the Blend Mode to Normal, and click on the Color Swatch. Choose 30% Black as your Glow Color. Increase the Spread to 25% . Click Ok.

Step 23: Hold the Apple+ Key and in the Layers Palatte, click the layer that contains the Tab

Sep 24: Go to the Select Menu, Under Modify, choose Contract. Enter 5 Pixels. Click Ok.

Step 25: 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 26: Add a new layer.

Step 27:  Press X then Option+ Delete.

Step 28: Deselect

Step 29: Go to Filter Menu, under Blur, choose Gaussian Blur. Enter 1.5 Pixels. Click OK

Step 30: Lower the Opacity to 30.

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 your 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:  Aplle+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 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 the dialog box appears, enter 10, click Ok.

Step 13:  Slect the move tool

Step 14:  Using the arrows on the key board, move your blurry white layer down to bottom of the pill shape .

Step 15:  Hold down the Apple key and click on the pill layer in your Layers Palllette.

Step 16:  Press Shidt+ 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

Step 21:  Fill your selection by pressing Option+ Delete

Step 22:  Deseslect by pressing Apple+D

Step 23:  Hold down the Apple Key and click once on the Blurry layer in your Layers Palllette

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 of 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 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, chose Contract. Enter 20 pixels, click ok.

Step 32:  Press the letter D then X to set your foregroud to white

Step 33:  Select the Gradient Tool. In the Options Bar, click on the down faceing 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:  Deseslect

Step 36:  Select the Move Tool. Using the arrows on your keyboard, move your white gradient 

layer upward 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 uner the Edit Menu, under Transform, choose Perspective

Step 39:  Grab the left bottom corner and click and drag outward(j8ust a bit to add a perspective effect.

Step 40: Press Enter to let Photoshop know you are finished  

Step 41:  Hide your background layer. Merge Visible

Step 42:  Choose Dropshadow. In the Dialog box click the color swatch.

Step 43:  Click on a blue selection on 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, and turn off use Global Light . Click o to complete the effect

Metal ButtonTutorial

Step 1: Create a new layer. Draw a circular selection using an 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. (Its 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, chose the foreground to transparent gradient.( This is the second one from the left top row)

Step 8: In the Options Bar, choose the Linear Gradient. ( Its the first one) Drag the gradient from the top of your selection to the middle to fill the top with block.

Step 9: In the Layers Palatte, 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 your 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 layers) Press Apple+ T

Step 19: Hold the Shift Key, grab the bottom right handle, shrink the whit e gradient by around 15%. Press enter.

Step 20: Hide the background layer and choose Merge visible from the Layers Palatte  Pop-Up menu

Step 21: Choose Drop Shadow from the layer Style Pop-Up menu at the bottom of the Layers Palatte. Click Ok

Step 22: Press Apple+ U. ( Hue+ Saturation) Click the colorize button and move the 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 press the letter T. This creates a box that surrounds your image.

Step 2: Hold down the Shift key and drag down 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 on 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 Times

Apple +S- Save

Apple +N- New Document

Apple +O- Open Document

Apple +Z- Undo

Apple +F- Run Filter

Apple +F- Merge Layers

Apple +X- Cut

Apple +U- Hue and 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