В этом уроке мы создадим простой баннер для YouTube канала в Adobe Photoshop, используя исходные изображения и базовые инструменты.

Вам нужно больше вдохновения? Тогда просмотрите потрясающие баннеры YouTube доступные на сайте GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

• Задний фон
• Исходное изображение 1
• Исходное изображение 2
• Исходное изображение 3
• Исходное изображение 4

Создаём Баннер

Шаг 1

Вначале создайте новый документ в программе Photoshop со следующими размерами 2560 x 1440 px. Установите настройки, которые указаны на скриншоте ниже. Установите цвет заливки заднего фона на #333333.

Шаг 2

Откройте исходное изображение с задним фоном, переместите данное изображение на наш рабочий документ. Примените масштабирование. Далее, растрируйте этот слой. Щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Растрировать слой (Rasterize layer), а затем обесцветьте данное изображение, нажав клавиши (Shift+Ctrl+U).

Шаг 3

Теперь к слою с изображением заднего фона, добавьте слой-маску. Выберите инструмент Градиент (Gradient Tool (G), установите Радиальный (Radial) градиент, используя чёрно-белый градиент. Далее, уменьшите Непрозрачность (Opacity) слоя 80%. Примечание переводчика: 1. убедитесь, что вы находитесь на слой-маске 2. нажмите значок Инверсия (Reverse) для инверсии градиента 3. потяните градиент от центра холста в один из углов рабочей области.

Шаг 4

Давайте создадим рамки, внутри которых мы расположим исходные изображения. С помощью инструмента Прямоугольник (Rectangle Tool (U), нарисуйте фигуру прямоугольника, установите толщину Обводки (Stroke) на 20 px; а затем залейте любым цветовым оттенком.

Шаг 5

К слою с прямоугольником, добавьте стиль слоя Тень (Drop Shadow), используя Параметры наложения (Blending options). Примените настройки, которые указаны на скриншоте ниже.

Шаг 6

Загрузите первое исходное изображение, поместив его поверх слоя с прямоугольником. Растрируйте этот слой, для этого идём Слой- Растрировать - Слой (Layer > Rasterize > Layer), а затем обесцветьте изображение (Shif-Ctrl+U).

Шаг 7

Теперь преобразуйте слой с исходным изображением в обтравочную маску к слою с прямоугольником, для этого щёлкните правой кнопкой мыши по слою с изображением и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы разместить изображение внутри прямоугольной рамки.

Шаг 8

Нарисуйте ещё один прямоугольник вокруг нашей первой рамки, используйте толщину Обводки (Stroke) 1 px, цвет обводки (#FFFFFF), а также без заливки. Далее, сгруппируйте прямоугольник, изображение и внешнюю рамку в одну группу (Ctrl+G).

Шаг 9

Создайте шесть копий портретных рамок (Ctrl+J), а затем поместите остальные исходные изображения внутри этих копий портретных рамок. Примените к ним поворот, расположив их, как показано на скриншоте ниже.

Не забудьте преобразовать эти исходные изображения в обтравочные маски к слоям с рамками, а также обесцветить их.

Шаг 10

Добавьте текст заголовка “TRAVELCITY”, используя инструмент Горизонтальный текст (Horizontal Type Tool (T), примените Жирный (Bold) шрифт к слову "CITY".

Шаг 11

Выберите инструмент Перо (Pen Tool (P), нарисуйте тонкую рамку толщиной 5 px вокруг текста заголовка, оставив пробел в верхнем правом углу. Далее, нарисуйте крестик, используя толщину Обводки (Stroke) 10 px.

Шаг 12

Далее, мы создадим эффект виньетки. Для этого, в нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Градиент (Gradient). Установите следующие настройки:

Поздравляю! Мы завершили урок!

Вот и всё! Мы создали баннер для вашего YouTube канала, просто и быстро. Надеюсь, что этот урок был полезным для вас и вы используйте полученные знания для создания ваших будущих баннеров. Я надеюсь увидеть ваши результаты!