Шагов: 6
Уровень: Средний
Дополнительные инструменты: Не требуются 01. Естественно, что сперва нужно выбрать фон для шапки. Тут уже каждый волен выбирать на свой вкус. Лично я выбрал данную картинку (к слову, на этой и остальных картинках, где изображена шапка, вы можете кликнуть на картинке для того, чтобы увидеть её в реальном размере):
Надеюсь, что и вы выбрали фон, обрезали до нужных размеров и перевели картинку в слой. Учитывая, что мы ещё будем возвращаться к нему, назовём его "Background".
02. Теперь закруглим верхние углы фоновой картинки. Выбираем инструмент Rounded Rectangle Tool. Выставляем настройки, как на картинке ниже:
Выделяем область с левого верхнего угла и ведём до правой стороны (нижние углы должны выйти за пределы рабочей области). В любом случае скруглённые углы должны быть только сверху! Кликаем правой кнопкой мыши на выделенной области, и выбираем Make Selection. Выбираем Select --> Inverse (Shift+Ctrl+I), затем нажимаем Delete. В результате получаем фон с верхними закруглёнными углами.
03. Пришло время добавить меню сайта. Для этого создаём новый слой, выбираем Rectangular Marquee Tool, и в нижней части шапки выделяем область необходимой Вам высоты (в данном варианте - 36 пикселей). Заливаем эту область чёрным цветом, и выставляем прозрачность порядка 75%
Создаём ещё один слой, и снова делаем выделение, но - в половину предыдущего (18 пикселей), заливаем белым цветом, и выставляем прозрачность в 25%
04. Теперь переходим к оформлению менюшки - создадим ещё один новый слой, и с помощью Pencil Tool делаем на фоне меню вертикальные полоски любого цвета, которые станут разделителями между пунктами меню, затем добавляем к ним стиль Gradient Overlay (цвета: #7f7f7f - #7f7f7f (49%) - #ffffff (50%) - #ffffff)
Результат:
Добавляем необходимый текст:
05. Осталось добавить название и\или логотип сайта. Нам снова потребуется инструмент Rounded Rectangle Tool с теми же настройками, что и в шаге №2, кроме радиуса - вместо 20 выберем 6. Выбираем слой "Background", и на нём выделяем необходимое пространство для нашего лого. Кликаем правой кнопкой мыши на выделенной области, и выбираем Make Selection, нажимаем Ctrl+C, затем - Ctrl+V (Выделение не удаляем!). Появившейся слой назовём "Blur". Создаём ещё один слой (Поверх "Blur"), только теперь это же выделение заливаем белым цветом, и уменьшаем его прозрачность до 10%.
Применим следующие стили:
Inner glow:
Stroke:
Возвращаемся к слою "Blur". Добывим немного размытости - Filter --> Blur --> Gaussian Blur со значением радиуса 1.5
06. Осталось добавить название сайта, и шапка готова: