Шапка игрового сайта

В конце урока мы получим такое изображение:


Шапка игрового сайта


1. Создайте новый документ размером 625×220 пикселей с разрешением 72 dpi. Залейте фон цветом #3E3A31.


Шапка игрового сайта


2. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #6E6B5C. Это основание для нашей шапки.


Шапка игрового сайта


3. Для того, чтобы придать ей показанный выше, перейдите в меню Стилей слоя
(Layer Style — Blending Options) и настройте так:

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


Шапка игрового сайта


Внутреннее свечение:


Шапка игрового сайта


Наложение узора:


Шапка игрового сайта


Обводка:


Шапка игрового сайта


4. Сделайте копию слоя с прямоугольником и инструментом Свободное трансформирование (Free Transform) увеличьте её, потом немного сдвиньте:


Шапка игрового сайта


5. Инструментом Прямоугольник (Rectangle Tool) создайте ещё одну фигуру в центре предыдущей.


Шапка игрового сайта


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

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


Шапка игрового сайта


Наложение градиента:


Шапка игрового сайта

Шапка игрового сайта


Обводка:


Шапка игрового сайта


7. Теперь напишите названия кнопок меню инструментом Горизонтальный текст
(Horizontal Type Tool). Также используйте эти настройки текста:


Шапка игрового сайта

Шапка игрового сайта


8. К текстовым слоям примените эти стили слоя:

Отбрасывание тени (Layer Style — Drop Shadow):


Шапка игрового сайта


Наложение градиента:


Шапка игрового сайта

Шапка игрового сайта


9. Возьмите любую картинку (моя из игры World of Warcraft) и поместите её в наш документ:


Шапка игрового сайта


10. Сделайте копию слоя с прямоугольником, показанными ниже. Инструментом Свободное трансформирование (Free Transform) уменьшите копию и поместите её, как показано иже:


Шапка игрового сайта


11. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #60584D так:


Шапка игрового сайта


12. К этой фигуре примените стиль Внутренняя тень (Layer Style — Inner Shadow):


Шапка игрового сайта


Внутреннее свечение:


Шапка игрового сайта


13. Теперь напишите название сайта в этой области. Настройки текста показаны ниже:


Шапка игрового сайта


Настройки стилей слоя:

Отбрасывание тени (Layer Style — Drop Shadow):


Шапка игрового сайта


Наложение градиента:


Шапка игрового сайта

Шапка игрового сайта


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


Шапка игрового сайта








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

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

23 октября 2018

Линейка зеркалок Sony Alpha включает целых восемь моделей, но до появления героини нашего сегодняшнего тестирования только одна из них – топовая A900 могла похвастаться полной матрицей «пленочного» формата 24х36 мм. В свое время A900 наделала немало шума, а спустя почти год после выхода на рынок у нее появилась… нет, не замена, скорее - младшая сестра. Причем несмотря на «разницу в возрасте» две эти модели так и хочется назвать близнецами. Впрочем, обо всем по порядку.

23 октября 2018

Эффективное разрешение, МП: 12.8 Диагональ ЖК-дисплея, дюймы: 2.5 Вес с батареей и картой памяти, г: 895

23 октября 2018

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