Slick Business Website Template  


If you're new here, you may want to subscribe to my RSS feed.

Step 4.

Now let’s add in the banner.
First make a selection the same width of the header bar, but much taller. My selection was 720×180.
banner selection - Photoshop Tutorial
Be sure you’re on a new layer, then fill the selection with a blue gradient. My colors were #5acbec and #32a6d7.
banner  gradient - Photoshop Tutorial
Luckily, in my custom shapes I had a world map vector, I found it on deviantART, and you can download it from here.
world map shape - Photoshop Tutorial
After I made the shape I lowered the opacity to 25% and changed the layer mode to Soft Light.
opacity and layer mode
Next thing I did was add a light gradient one pixel from the bottom of the header.
gradient highlight
I added in the “Business Company” text in and a basic Drop Shadow.
text
Not bad text huh?
Lastly for the header I added in a testimonial box on the right. It’s fairly easy, you just make a selection with the rectangular marquee tool, smooth it (Select > Modify > Smooth) fill it with a color, then add text to it.
testimonials box

Step 5.

For the navigation bar, make another selection the same width as the header bar and banner, but about 34 pixels tall.
Add a green gradient into the selection, my colors were #a3c750 and #77a629.
navigation bar gradient
Add in your text for the navigation bar. I just used ol’ Tahoma, 12 pt, #ffffff.
navigation bar with text

Pages: 1 2 3