Шаг 1
Создаём новый документ 800x600 с белым фоном. Заливаем всё зоброжене цветом #131313 и спомощью Rectangular marquee tool, отделяем нужное вам место, для шапки. Заливаем его цветом #222222 и делаем Stroke 1px. Черным цветом.
Шаг 2
Создайте новый слой, назовите его "полоса", залейте его гардиентом и сделайте его 1 px. Stroke, черным цветом.
У вас должно получится что то вроде этого:
Шаг 3
Напиште на вашей "полосе" что нибудь важное
, например: 
Шаг 4
Теперь, нам нужно чем нибуднь заполнить нашу шапку, возмём какую нибудь "картинку в тему"
. Вашу картинку нужно поместить справой стороне шапки и обрезать всё лишнее. Это всё можно сделать спомошью Mask, но я думаю что удобнее будет сделать "традиционным" спобобом, с помошью славиш: Ctr, Ctr+T и любимого Ластика У вас должно получится что то вроде этого:
Шаг 5
Теперь, поискав другие рисунки, автор нарыл 3D модели из игры CSS и решил поместить их на шапку. У него получилось вот так:
Шаг 6
Теперь слевой стороны шапки, надо написать названия сайта, какое нибудь лого клана и т. д. Автор как профессионал
сделал всё удобно, понятоно и красиво, тоесть: Адрес сайта, название, титул и на заднем фоне лого. Смотрите сами: 
Шаг 7
Теперь снизу шапки выделим область для новой "полосы", с другими функциями. Сделаем гардиент из серого в тёмно-серый и естественно черный 1 px. Stroke
И напишем там что нибудь более важное, чем на первой полосе
Также, можно приукрасить её
Шаг 8
Финальная стадия: Вам осталось только заполнить оставшиеся места всем необходимым для сайта
. Если вы не знаете чем, то посмотрите на результат автора:
Но, как настоящий дизайнер, вы обязаны сделать два дизайна на сайт и поставить их на выбор, перед будущими юзерами:
Автор: hv-designs