BLOGGER TEMPLATES AND TWITTER BACKGROUNDS »

Tuesday, October 27, 2009

navigation Tab Tutorial



Step 1: 

Change your foreground color to black.
Step 2: 
Add a new layer.
Step 3: 
Select the rounded rectangular tool.
Step 4: 
In the options bar click on the fill pixels icon. ( Its the 3rd icon)
Step 5:
In the options bar increse 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 and to bring up the gradient thumbnail.
Step 13:
Double click on the left color stop under the editors bar.
Step 14:
Choose 40% black, Click Ok
Step 15:
Double click on the right color swap, but this time choose white, Click Ok
Step 16:
In the layers palette turn on " lock transparent pixels"( its the first icon from the left)
Step 17:
Using the gradient you created, draw a gradient from the top of your shape to the bottom. ( Use the shift)
Step 18:
From your styles choose bevel and emboss.
Step 19:
For style choose inner bevel, set angle to 126, depth 2. and pixel 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 style on the left hand side, click 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 down the apple key, in the layers palette, click the layer that contains the tab.
Step 23: 
Select modify then contract then enter 5 pixels
Step 24:
Select the marquee tool. Hold down the option key and draw a rectangle starting from the bottom of you current selection and just a little below the top.
Step 25:
Add a new layer.
Step 26:
Press x then option+ delete.
Step 27:
deselect.
Step 28:
Click on the filter menu then choose blur, then choose gaussian blur, then enter 1.5 pixels, then choose enter.
Step 29:
Lower the opacity to 70%.












 












0 comments: