Профессиональная шапка сайта

В конце урока вы получите такой результат:


Профессиональная шапка сайта


1. Создайте новый документ размером 700×160 пикселей с прозрачным фоном. Инструментом Заливка (Paint Bucket Tool) залейте фон цветом #adacac.


Профессиональная шапка сайта


2. Создайте новый слой (Create New Layer) и назовите его “header”, инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение и залейте его любым цветом.


Профессиональная шапка сайта


3. Перейдите в меню Стилей слоя (Layer Style — Blending Options) и настройте так:

Отбрасывание тени (Режим – Умножение):


Профессиональная шапка сайта


Внутреннее свечение (Режим – Осветление; Метод – Мягкий):


Профессиональная шапка сайта


Наложение градиента (Режим – Нормальный; Цвет – от #6f6f6e к #9b9a99; Стиль – Линейный):


Профессиональная шапка сайта

Профессиональная шапка сайта


Обводка (Положение – Внутри; Режим – Нормальный; Тип обводки – Цвет):


Профессиональная шапка сайта

Профессиональная шапка сайта


4. Создайте новый слой (Create New Layer) и назовите его “menu”. В этом слое инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру, как показано ниже:


Профессиональная шапка сайта


5. Растеризуйте этот слой (Rasterize — Shape), перейдите в меню Стилей слоя
(Layer Style — Blending Options) и примените эти стили:

Внутренняя тень (Режим – Умножение):


Профессиональная шапка сайта


Внешнее свечение (Режим – Осветление; Метод – Мягкий):


Профессиональная шапка сайта

Профессиональная шапка сайта


6. В конце добавьте текст, логотип, название сайта и мы закончим:


Профессиональная шапка сайта

Профессиональная шапка сайта





Делаем Web-дизайн

Вас может также заинтересовать:

14 декабря 2018

14 декабря 2018

Байонет: Canon EF Тип объектива: широкоугольный Фокусное расстояние: постоянное

14 декабря 2018