Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:


Простая шапка сайта


Шаг 1
Создайте новый документ размером 1000х800 пикселей с разрешением 72 dpi. с белым фоном. Создайте новый слой (Create New Layer), создайте прямоугольник размером 1000x121 пикселей и залейте его цветом #C2EBFF.


Простая шапка сайта


Шаг 2
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени (Режим – Нормальный):


Простая шапка сайта


Внутренняя тень (Режим – Нормальный):


Простая шапка сайта


Глянец (Режим – Нормальный):


Простая шапка сайта

Простая шапка сайта


Шаг 3
Создайте новый слой (Create New Layer) и нарисуйте 1-пиксельную линию цветом #5B5B5B вдоль края верхнего прямоугольника.


Простая шапка сайта


Шаг 4
В новом слое нарисуйте длинный прямоугольник размером 540x23 пикселей цветом #930000 в нижней части тёмного прямоугольника. В меню Стилей слоя примените такие стили:

Отбрасывание тени:


Простая шапка сайта


Внутренняя тень (Режим – Осветление основы):


Простая шапка сайта


Наложение градиента (Режим - Затемнение основы, Стиль - Линейный):


Простая шапка сайта

Простая шапка сайта


Шаг 5
Создайте ещё одну 1-пиксельную линию цветом #9F1C1C на верхнем края красного прямоугольника.


Простая шапка сайта


Шаг 6
Инструментом Горизонтальный текст (Horizontal Type Tool) напишите названия разделов меню. Я использовал шрифт “Arial”, Жирный (Bold), размером 13 pt. Потом создайте разделители цветом #272727.


Простая шапка сайта


Шаг 7
Создайте новый слой (Create New Layer) и создайте чёрный прямоугольник цветом 463x21 пикселей.


Простая шапка сайта


Шаг 8
Перейдите в меню Стилей слоя и настройте так:

Внутренняя тень (Режим – Затемнение основы):


Простая шапка сайта


Наложение градиента (Режим - Осветление основы, Стиль - Зеркальный):


Простая шапка сайта


Установите Режим наложения – Замена светлым (Blending Mode – Lighten ) и Непрозрачность – 58%.


Простая шапка сайта


Шаг 9
Напишите текст заголовка в слогана.


Простая шапка сайта


Финальный результат:


Простая шапка сайта


Вариант с поисковым полем.




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: