Tags: Дизайн/Рисование | Уроки Photoshop

В этом уроке мы рассмотрим алгоритм создания приятного дизайна рекламного банера. Урок этот очень простой, для этого вам понадобятся Photoshop и предыдущие знания о программе.

Шаг 1.Создайте новый документ размером 468*60 пикселей.
Далее заполните фон красивым оранжевым градиентом, для этого я использую цвета #e14d0f  и # 4d1805.

Шаг 2. Теперь создаем новый слой, и используя инструмент Многоугольное Лассо создайте выделение как показано на рисунке ниже:

Убедитесь что вы стоите на новом слое, затем залейте его другим ярким градиентом цветов #0084e6  и # 003967.

 Вызовите меню функций для слоя и примените к нему следующие стили:

 После того , как вы применили эти два стиля ваш баннер должен выглядеть вот так:

Далее вам надо добавить приятный глянец слою с голубым градиентом, сделать можно это используя следующие действия:
1. Создав новый слой, выберите слой и синим градиентом и удерживая клавишу Ctr нажмите на экскизе слоя, этим вы добьетесь выделения слоя.
2. Не снимая выделения перейдите на новый слой и залейте область инструментом Градиент, используя переход от белого к прозрачному.
3.Далее после использования градиента не снимая выделение, сместите его на 30 пикселей вниз, (для этого удерживайте клавишу Shift и стрелка вниз и нажмите 3 раза), затем нажмите кнопку Удалить.

4.Измените режим наложения слоя на Мягкий свет и уменьшите непрозрачность слоя до 30-55%

 Шаг 3.Как насчет того, чтобы добавить некоторые интересные подробности?
Начнем с помощью инструмента Перо создадим гладкий путь в фоновом режиме по правой стороне . После того как вы создали плавный контур, Пройдитесь мягкой кистью внутри, затем измените режим наложения на Мягкий свет и уменьшите непрозрачность если это необходимо.

 Шаг 4.Создайте свою надпись текста в левой части с помощью инструмента Горизонтальный текст, белым цветом.

 После ввода для текста применяются следующие стили:

 Эти стили придадут нашему тексту приятное выделение.

 Шаг 5. Следующим шагом надо добавить картинки или что либо другое в правую часть, я добавила три картинки, затем применила к ним следующие стили:

И вот что у меня получилось:

Шаг 6. Чтобы наш баннер был замечен я добавляю к нему маленькую звезду с текстом "Go"

 Звезду я сделала использовав инструмент Полигональное Лассо, и применила следующие стили:

 Вот что вы должны иметь на данном этапе:

 И в заключении я добавила текст на звезду и придала ему стиль:

 Теперь все это выглядит вот так:

 Шаг 7. И наконец, что еще хотелось бы сделать, так это добавить границы, цвет границы зависит от того в какой цветовой гамме у вас выполнен сайт, если у вас сайт черного цвета, то для обводки лучше использовать белый, соответственно для белого - черный.

 Думаю этот урок вам как и все остальные пригодится для дальнейшей работы.

Источник