Создаём Баннер для YouTube Канала в Adobe Photoshop
Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)
В этом уроке мы создадим простой баннер для 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 канала, просто и быстро. Надеюсь, что этот урок был полезным для вас и вы используйте полученные знания для создания ваших будущих баннеров. Я надеюсь увидеть ваши результаты!
