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

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


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


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

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

25 сентября 2018

Дата анонса: 2010/02/02 Эффективное разрешение, МП: 12.2 Диагональ ЖК-дисплея, дюймы: 2.7

25 сентября 2018

В настоящее время более 50 процентов фотографий, сделанных на камеры с несменной оптикой, делаются на камеры телефонов и смартфонов. Такая тенденция не может радовать компании, работающие на рынке смартфонов с функцией фотосъемки. В то же время, цифрокомпакты рискуют потерять свой "народный статус", и один из способов этого не допустить - максимально приблизить по функционалу камеру к смартфону. Что представляют собой первые Android-фотоаппараты мы и выясним в этом материале.

25 сентября 2018

Дата анонса: 2009/08/27 Эффективное разрешение, МП: 14.2 Диагональ ЖК-дисплея, дюймы: 3 Вес с батареей и картой памяти, г: 632