Как сделать шапку для канала YouTube в Adobe Photoshop

Содержание

  • Шаг 1: Подготовка
  • Шаг 2: Создание холста
  • Шаг 3: Создание шапки
    • Создание границ коллажа
    • Добавление границам градиента
    • Наложение тематических изображений
    • Добавление текста
  • Шаг 4: Сохранение работы
  • Вопросы и ответы

Шаг 1: Подготовка

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

  • Найдите и загрузите изображения, которые будете использовать в качестве фона и наложений на шапку. Рекомендуется выбирать подходящие под тематику вашего канала, а также запоминающиеся, чтобы пользователи смогли однозначно идентифицировать их с вами.
  • В качестве центральной картинки коллажа рекомендуется установить логотип вашего канала. Если такового ещё нет, воспользуйтесь инструкцией по ссылке далее.

    Подробнее: Как нарисовать логотип в Adobe Photoshop

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Убедитесь, что на вашем компьютере установлена актуальная версия Фотошопа.

    Скачать последнюю версию Adobe Photoshop

  • Шаг 2: Создание холста

    После выполнения подготовительного этапа займёмся созданием холста будущей шапки. Оптимальным разрешением для каждого варианта отображения являются следующие значения:

    • Дисплей ПК – 2560 на 423;
    • Планшеты – 1855 на 423;
    • Смартфоны и оконный режим на компьютере – 1546 на 423.

    Инструкция далее рассчитана на каждое из этих значений.

  • Запустите Фотошоп, а после полного запуска программы воспользуйтесь пунктами «Файл» – «Создать».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Появится окно создания нового документа. Сперва задайте имя (подходит любое произвольное) и убедитесь, что в качестве единиц измерения указаны «Пиксели», затем в строках «Ширина» и «Высота» введите значения 2560 и 1440 соответственно. В остальных полях можно оставить параметры по умолчанию, после чего кликните «ОК».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Теперь выберите «Выделение» – «Все».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • На панели инструментов слева выберите любое средство выделения.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Сделав это, кликните правой кнопкой мыши (ПКМ) по холсту и воспользуйтесь инструментом «Трансформировать выделенную область».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Над рабочей областью появится панель инструментов. Первым делом нажмите на кнопку сохранения пропорций, затем щёлкните ПКМ по окошкам «Ш» и «В», и выберите «Пикселы».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    В окне высоты укажите значение 423, а после появления на полотне штрихованных линий зажмите левую кнопку мыши (ЛКМ) на горизонтальной линейке и потяните вниз, расположив таким образом направляющие для верхней и нижней границ выделения. Если линейка не отображается, воспользуйтесь сочетанием клавиш Ctrl+R.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Повторите эту же операцию, но для ширины, значением которой установите 1855 и вытяните направляющие с вертикальных линеек.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Выполните эти действия снова, со значением ширины 1546 пикселей.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Нажмите Ctrl+D для снятия выделения, после чего откройте каталог с изображениями-исходниками для будущей шапки и перетащите его на полотно.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Теперь трансформируем саму картинку: зажмите клавиши Shift+Alt и с помощью ЛКМ потяните за один из углов и растяните изображение на всё полотно. Для применения изменений нажмите на кнопку-галочку.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Чтобы фон смотрелся опрятнее, его рекомендуется размыть. Для выполнения этой операции воспользуйтесь пунктами «Фильтр» – «Размытие» – «Размытие по Гауссу».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Установите приемлемое значение (в районе 5-10 пикселей, подбирайте на глаз), затем нажмите «ОК».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Теперь выберите пункты «Слои» – «Объединить с предыдущим».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

    Дальнейшие действия зависят уже от вашей фантазии: в области, размеченной направляющими, можно разместить дополнительные объекты и украшения – пример такой операции приведён далее.
    Шаг 3: Создание шапки

    Для создания по-настоящему уникального и запоминающегося элемента потребуется применить воображение, поэтому следующую инструкцию стоит использовать, скорее, как отправную точку.

    Создание границ коллажа

  • Предположим, вы хотите расположить на фоне тематические изображения, но при этом не желаете, чтобы они выделялись. Добиться этого можно созданием коллажа. Для начала выберите инструмент «Линия», переведите его в режим «Фигура», уберите обводку (элемент в виде перечёркнутого прямоугольника) и установите ширину в 30 пикселей.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Нарисуйте диагональную линию справа налево, где-то до середины прямоугольника, не беспокойтесь, если она выходит за пределы холста. Если вместо линии рисуется стрелка, обратитесь к этой статье.

    Подробнее: Как нарисовать стрелку в Adobe Photoshop

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Далее продублируйте слой, пункты меню «Слои» – «Создать дубликат слоя», или задействуйте сочетание клавиш Ctrl+J.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    В информационном окне нажмите «ОК».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Кликните по нарисованной линии ПКМ и выберите «Свободное трансформирование контура».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Снова вызовите контекстное меню контура и нажмите «Отразить по горизонтали».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Теперь переместите полученный дубликат линии вправо и наложите его на оригинал таким образом, чтобы не было зазоров на первой направляющей.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Примените трансформирование контуров нажатием на галочку.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Теперь объедините слои оригинала и дубликата: зажмите Ctrl и кликните по обоим ЛКМ.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Далее перейдите в «Слои» и щёлкните «Объединить фигуры».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Теперь наведите курсор на строку слоя на соответствующей панели, нажмите ПКМ и выберите пункт «Растрировать слой».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Увеличьте изображение (инструмент «Масштаб» или сочетание Alt+поворот колеса мыши), после чего выберите «Прямолинейное лассо».

    Как сделать шапку для канала YouTube в Adobe Photoshop

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

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Повторяйте действия из предыдущего шага до тех пор, пока не добьётесь острой грани как на скриншоте ниже.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Уберите с полотна все области выделения (сочетание Ctrl+D), затем выберите инструмент «Перемещение» и переместите полученный треугольник вниз, чтобы грань упиралась в направляющую.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Теперь продублируйте слой (для удобства можете воспользоваться комбинацией Ctrl+J) и переместите его таким образом, чтобы получилось следующее.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Если ниже направляющей тоже есть выступающие линии, воспользуйтесь методом из шага 7 для их удаления.

  • Выберите инструмент «Прямоугольное выделение» и с его помощью выделите созданные треугольники.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Нажмите ПКМ и воспользуйтесь пунктом «Скопировать на новый слой».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Откройте режим трансформации объекта, отразите элементы по горизонтали (см. предыдущие шаги), переместите полученную копию на правую часть фона и примените средства.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Теперь объедините слои по методам из предыдущих шагов.

  • Добавление границам градиента

  • Для придания созданным границам большей эстетичности можно добавить градиент. Дважды кликните по объединённому слою для вызова его свойств.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Отметьте пункт «Наложение градиента» в окне стилей, затем кликните по палитре цветов.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • В окне редактора установите отмеченный на скриншоте тип, щёлкните по нижнему левому маркеру на шкале и воспользуйтесь меню «Цвет».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Поставьте понравившийся вам оттенок, но помните о том, что некоторые цвета плохо сочетаются друг с другом: например, белый с градиентом серого будет выглядеть приятно, тогда как красный с зелёным градиентом – вряд ли. После выбора цвета нажмите «ОК» и повторите это действий в палитре, редакторе градиентов и стиле слоя.
  • Как сделать шапку для канала YouTube в Adobe Photoshop
    Наложение тематических изображений

  • Теперь давайте выделим области в треугольниках – туда мы вставим наши тематические изображения. Воспользуемся инструментом «Прямолинейное лассо»: аккуратно установите зону выделения внутри треугольников, после чего задействуйте пункты «Слои» – «Новый» – «Слой…».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Нажмите «ОК».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Кликните ПКМ по выделенной зоне и выберите «Выполнить заливку».
    Как сделать шапку для канала YouTube в Adobe Photoshop

    В окне заливки воспользуйтесь выпадающим меню «Содержание» и кликните в нём «Цвет…».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Посредством палитры установите произвольный цвет и нажмите «ОК» в этом и следующем окнах.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Отмените выделение (контекстное меню или сочетание Ctrl+D) и по предложенному выше методу выделите и залейте остальные треугольные зоны.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Излишки, выходящие за края направляющих, удалите посредством инструмента «Прямоугольная область» и нажатия клавиши Delete. Проделайте эту операцию, переходя на каждый слой.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    После выполнения данных действий направляющие можно спрятать – используйте меню «Просмотр», пункт «Вспомогательные элементы».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Перейдите на слой с первой залитой треугольной областью (в нашем случае это «Слой 2») и выберите «Перемещение». Далее откройте каталог с картинками-исходниками и перетащите одну из них на рабочее полотно будущей шапки.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Добавленная картинка автоматически помещается в центр полотна, поэтому с помощью мыши перетащите её в нужный участок изображения.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Скорее всего, вам потребуется масштабировать картинку – для этого потяните за один из углов её границ.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Если ваш исходник всё равно выходит за пределы треугольной зоны, воспользуйтесь пунктами «Слои» – «Создать обтравочную маску».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Для применения изменений нажмите на кнопку-галочку на панели инструментов.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Повторите действия из предыдущего шага для каждой из треугольных зон.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Чтобы убрать заливку и оставить фоновое изображение, перейдите на слой с ней (по умолчанию он находится ровно под слоем с добавленной картинкой) и нажмите Delete – ненужный объект будет удалён.

    Как сделать шапку для канала YouTube в Adobe Photoshop

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

  • Как сделать шапку для канала YouTube в Adobe Photoshop

    Добавление текста

  • В качестве завершающего штриха стоит добавить на шапку название вашего канала. Для этого необходимо воспользоваться инструментом «Горизонтальный текст» – выберите его на панели.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Кликните ЛКМ в месте, где хотите расположить название, желательно в центре изображения – появится надпись с текстом-пустышкой. Нажмите на галочку для сохранения элемента.
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Для изменения цвета, шрифта, начертания и размера используйте панель инструментов – оставляем подбор на ваш вкус. Единственный совет – голый текст выглядит малопривлекательно, ему стоит добавить обводку, тень или оба этих эффекта вместе. По этим операциям на нашем сайте есть отдельные инструкции.

    Подробнее: Как добавить к тексту обводку и тень в Adobe Photoshop

  • Как сделать шапку для канала YouTube в Adobe Photoshop

    Шаг 4: Сохранение работы

  • Наша шапка готова, остаётся её только сохранить. Воспользуемся меню «Файл» – «Сохранить как».

    Как сделать шапку для канала YouTube в Adobe Photoshop

    Выберите подходящее местоположение (можно сохранить в папку с исходниками), а в качестве формата задайте PSD: это позволит иметь под рукой редактируемую копию со всей структурой слоёв и эффектов.

  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • В следующем окне нажмите «ОК».
  • Как сделать шапку для канала YouTube в Adobe Photoshop

  • Так как YouTube требует изображения только в JPG, потребуется сохранить копию и в соответствующем формате: на этапе выбора места сохранения в меню «Тип файла» установите необходимый.

    Как сделать шапку для канала YouTube в Adobe Photoshop

    В параметрах сохранения переведите ползунок качества в крайнее правое положение («Наилучшее»), затем нажмите «ОК».

  • Как сделать шапку для канала YouTube в Adobe Photoshop

    На этом всё – шапка готова. Напоминаем, что вам необязательно делать так же, как и в примере выше: проявите немного фантазии, чтобы создать привлекательное изображение, способное привести на ваш канал новых подписчиков.

    Добавить комментарий

    Ваш e-mail не будет опубликован. Обязательные поля помечены *