Extreme layout « Web « Photoshop Tutorials

Home
Photoshop Tutorials
1.3D
2.Animal Creature
3.Animation
4.Background Cover
5.Color
6.Design
7.Effect
8.Hardware
9.Holiday Event
10.Human
11.Image Format
12.Logo
13.Nature
14.Object
15.photography
16.Shapes
17.Text
18.Textures
19.Tools
20.UI Controls
21.Web
Maya Tutorials
3ds-Max Tutorials
Illustrator Tutorials
GIMP Tutorials
Photoshop Tutorials » Web » Extreme layout 
Now go back to the first shape layer and right click on it Copy Layer style and then back to the latest shape layout and right click Paste Layer style

10. Now, we are going to skip the header because that's something you want to do to suit your template's theme. So go to your nav.bar layer and add in the following layer style settings:

8. Now you may want to add a shadow from the bottom to the top for your banner, use the same way we did with making the side shadows for the template:

3. About 2 px to the right of the last border we made, make another selection like the green border we made but with a width of 4 px. Now fill it with the diagonal pattern and lower its opacity to 25%. Now we will make one more border, 2 px away to the right of the last border, and fill it with #a5a5a5 and lower its opacity to 65%. And that's it with the borders, now do the same with to the other side of the template! Here is how your borders should be aligned and colored:

w__ww__.j___a__v_a_2__s_._c_om___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.