4) Создаем еще один, такой же по размерам, прямоугольник и ставим выше первого. Идем Blending Options>Gradient Overlay и настраиваем:

5) На каждом прямоугольнике понижаем Opacity на 90% (это предаст легкую прозрачность, что создаст приятный эффект просвечивания фона) и перемещаем их вниз нашей заготовки. В итоге:

6) Теперь создаем кнопки. Выбираем Line Tool (U) толщиной 1px и проводим короткую вертикальную линию как на рисунке:

7) Идем Blending Options>Gradient Overlay и настраиваем:

8) Дублируем слой (Ctrl+J) и переносим его под первую линию:

9) Blending Options>Color Overlay и меняем цвет на #43474b (предварительно убрав галочку с Gradient Overlay и понизив Fill до 0%)
10) Объединяем линии (Ctrl+E) и дублируем размещая по всему прямоугольнику. Вот что должно получиться:

11) Выбираем Horizontal Type Tool (T) и пишем желаемый текст белым цветом. Я выбирал Arial размер 16pt
12) После всех операций у нас получается:

13) Пришло время переходить к фону. Фон играет самую важную часть в нашей работе, он привлекает посетителей и одновременно является таблицей для вашего логотипа, поэтому фон нужно выбирать с умом и с взглядом на тематику сайта. В примере я привел шапку дизайн сайта. И так после выбора фона для шапки размещаем его на всей рабочей области (он должен находиться ниже всех предыдущих слоев, белый слой (начальный фон) можете удалять).
14) Переходим к созданию размытого прямоугольника. Выбираем Rounded Rectangle Tool (U) с радиусом 6px, белый цвет. Нарисуйте и разместите прямоугольник так, чтобы с левой/правой стороны выпирало только два угла. Растирезуем слой (правый клик по слою, Rasterize Layer) и уменьшаем Opacity до 8%. Что должно получиться:

15) Дублируем фон. Зажав Ctrl кликаем левой кнопкой по ранее созданному прямоугольнику, чтобы выделить его и Shift+Ctrl+I, чтобы инверсировать выделение. Выбираем дублированный фон и жмем Del. И Ctrl+D для снятия выделения.
16) Выбираем дублированный фон (вернее то, что от него осталось) идем Filter>Blur>Gaussian Blur и вводим степень размытия 1,1. Затем Blending Options>Drop Shadow и настраиваем как ниже:

17) Объединим прямоугольник с дублировынным фоном и напишем в нем название сайта и ваш слоган (желательно белым цветом).
17.1) Остался последний "прибомбас" это подсвечивание кнопок. Выбираем Ellipse Tool (U) и рисуем круг под кнопкой, цвет #5c94c5:

17.2) Выбираем круг, идем Filter>Blur>Gaussian Blur со степенью размытия 10. Стираем не нужное.

Ну вот в принципе и все... Надеюсь вам понравилось
Урок by Igrok_444 © 2008