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

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


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


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-дизайн

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

23 июня 2018

Дата анонса: 2006/10/30 Эффективное разрешение, МП: 10.01 Диагональ ЖК-дисплея, дюймы: 2.7 Вес с батареей и картой памяти, г: 198

23 июня 2018

23 июня 2018

Байонет: Nikon F Тип объектива: стандартный Фокусное расстояние: переменное