Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : Web Layout Last Updated: Apr 15th, 2008 - 18:38:37


Professional Header
Author: Skeletorscorpse
Authors Website: skeletorscorpse.com
Apr 16, 2007, 17:03

Email this article
 Printer friendly page

This tutorial with guide you through how to make a professional looking website header with your company logo:

This tutorial takes in to account that you know the basics of Photoshop.


1. Open Photoshop and create a new image, 800x200.

2. For my background I will be using this picture of the Alps. You can use this if you want or you can get your own picture.


3. Put your image on to our canvas and adjust it to how you want it. With the Alps background I moved it so that the top rights matched.

4. Create a new layer, then with the Gradient Tool, select Black to Transparent and drag it from left to right.

5. Set this layers Blending Mode to Saturation

6. This will make the picture fade from black and white to colour

7. I made a logo using a hurricane custom shape that I have, which can be downloaded here.

8. Draw that in to your image, I also made a feather of 2px then filled it.

9. Then I added the Text. Font is Verdana (Windows built in font)

10. I added more text at the bottom for a company moto.

11. For the white lines I using the single line Marquee Tool with a white to transparent gradient and dragged it across on a new layer just above the Alps layer.

12. I also gave this layer an Inner Glow:

Blending Mode: Normal
Opacity: 100%
Colour: #FFFFFF
Size: 1px




Top of Page

 
Level Ten Hosting