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

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

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

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

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

  3. Нарисовать логотип канала для создания шапки для YouTube в Adobe Photoshop
  4. Убедитесь, что на вашем компьютере установлена актуальная версия Фотошопа.

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

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

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

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

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

  1. Запустите Фотошоп, а после полного запуска программы воспользуйтесь пунктами «Файл»«Создать».
  2. Создать новыый файл для создания шапки для YouTube в Adobe Photoshop
  3. Появится окно создания нового документа. Сперва задайте имя (подходит любое произвольное) и убедитесь, что в качестве единиц измерения указаны «Пиксели», затем в строках «Ширина» и «Высота» введите значения 2560 и 1440 соответственно. В остальных полях можно оставить параметры по умолчанию, после чего кликните «ОК».
  4. Параметры нового файла для создания шапки для YouTube в Adobe Photoshop
  5. Теперь выберите «Выделение»«Все».
  6. Выделить холст для создания шапки для YouTube в Adobe Photoshop
  7. На панели инструментов слева выберите любое средство выделения. Выбор произвольного инструмента выделения для создания шапки для YouTube в Adobe Photoshop

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

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

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

  10. Указать направляющие трансформирования для создания шапки для YouTube в Adobe Photoshop
  11. Повторите эту же операцию, но для ширины, значением которой установите 1855 и вытяните направляющие с вертикальных линеек. Трансформация ширины выделения для создания шапки для YouTube в Adobe Photoshop

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

  12. Повторная трансформация ширины выделения для создания шапки для YouTube в Adobe Photoshop
  13. Нажмите Ctrl+D для снятия выделения, после чего откройте каталог с изображениями-исходниками для будущей шапки и перетащите его на полотно.
  14. Перетащить на полотно фоновую картинку для создания шапки для YouTube в Adobe Photoshop
  15. Теперь трансформируем саму картинку: зажмите клавиши Shift+Alt и с помощью ЛКМ потяните за один из углов и растяните изображение на всё полотно. Для применения изменений нажмите на кнопку-галочку.
  16. Растянуть фоновую картинку на всё полотно для создания шапки для YouTube в Adobe Photoshop
  17. Чтобы фон смотрелся опрятнее, его рекомендуется размыть. Для выполнения этой операции воспользуйтесь пунктами «Фильтр»«Размытие»«Размытие по Гауссу». Начать размытие фоновой картинки для создания шапки для YouTube в Adobe Photoshop

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

  18. Сделать размытие фоновой картинки для создания шапки для YouTube в Adobe Photoshop
  19. Теперь выберите пункты «Слои»«Объединить с предыдущим».
  20. Объединить слои фоновой картинки для создания шапки для YouTube в Adobe Photoshop

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

Шаг 3: Создание шапки

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

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

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

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

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

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

  6. Кликните по нарисованной линии ПКМ и выберите «Свободное трансформирование контура». Трансформирование контура для создания шапки для YouTube в Adobe Photoshop

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

    Отражение по горизонтали контура для создания шапки для YouTube в Adobe Photoshop

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

    Перемещение дубликата линии для создания шапки для YouTube в Adobe Photoshop

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

  7. Применить трансформирование контура для создания шапки для YouTube в Adobe Photoshop
  8. Теперь объедините слои оригинала и дубликата: зажмите Ctrl и кликните по обоим ЛКМ. Объединение слоёв для создания шапки для YouTube в Adobe Photoshop

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

  9. Подтвердить объединение слоёв для создания шапки для YouTube в Adobe Photoshop
  10. Теперь наведите курсор на строку слоя на соответствующей панели, нажмите ПКМ и выберите пункт «Растрировать слой».
  11. Растрировать слой для создания шапки для YouTube в Adobe Photoshop
  12. Увеличьте изображение (инструмент «Масштаб» или сочетание Alt+поворот колеса мыши), после чего выберите «Прямолинейное лассо». Прямоугольное лассо для создания шапки для YouTube в Adobe Photoshop

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

  13. Выделите и удалите лишние элементы для создания шапки для YouTube в Adobe Photoshop
  14. Повторяйте действия из предыдущего шага до тех пор, пока не добьётесь острой грани как на скриншоте ниже.
  15. Острая грань для создания шапки для YouTube в Adobe Photoshop
  16. Уберите с полотна все области выделения (сочетание Ctrl+D), затем выберите инструмент «Перемещение» и переместите полученный треугольник вниз, чтобы грань упиралась в направляющую. Опустить грань для создания шапки для YouTube в Adobe Photoshop

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

    Зубчатая комбинация для создания шапки для YouTube в Adobe Photoshop

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

  17. Выберите инструмент «Прямоугольное выделение» и с его помощью выделите созданные треугольники.
  18. Выделение треугольников для создания шапки для YouTube в Adobe Photoshop
  19. Нажмите ПКМ и воспользуйтесь пунктом «Скопировать на новый слой».
  20. Копирование треугольников на новый слой для создания шапки для YouTube в Adobe Photoshop
  21. Откройте режим трансформации объекта, отразите элементы по горизонтали (см. предыдущие шаги), переместите полученную копию на правую часть фона и примените средства. Перемещение треугольников на правую сторону рисунка для создания шапки для YouTube в Adobe Photoshop

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

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

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

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

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

Наложение тематических изображений

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

    Новый слой из выделения треугольника для создания шапки для YouTube в Adobe Photoshop

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

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

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

    Настройка заливки выделенной зоны для создания шапки для YouTube в Adobe Photoshop

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

  4. Цвет заливки выделенной зоны для создания шапки для YouTube в Adobe Photoshop
  5. Отмените выделение (контекстное меню или сочетание Ctrl+D) и по предложенному выше методу выделите и залейте остальные треугольные зоны. Заливка фоновых изображений для создания шапки для YouTube в Adobe Photoshop

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

    Обрезка лишней заливки треугольников для создания шапки для YouTube в Adobe Photoshop

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

  6. Спрятать вспомогательные элементы для создания шапки для YouTube в Adobe Photoshop
  7. Перейдите на слой с первой залитой треугольной областью (в нашем случае это «Слой 2») и выберите «Перемещение». Далее откройте каталог с картинками-исходниками и перетащите одну из них на рабочее полотно будущей шапки.
  8. Перетащить исходник на первый слой для создания шапки для YouTube в Adobe Photoshop
  9. Добавленная картинка автоматически помещается в центр полотна, поэтому с помощью мыши перетащите её в нужный участок изображения.
  10. Переместить картинку-наложение в нужный участок для создания шапки для YouTube в Adobe Photoshop
  11. Скорее всего, вам потребуется масштабировать картинку – для этого потяните за один из углов её границ. Масштабировать картинку-наложение в нужный участок для создания шапки для YouTube в Adobe Photoshop

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

    Обтравочная маска из картинки-наложения для создания шапки для YouTube в Adobe Photoshop

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

  12. Завершить добавление картинки-наложения в нужный участок для создания шапки для YouTube в Adobe Photoshop
  13. Повторите действия из предыдущего шага для каждой из треугольных зон.
  14. Заполнить исходник картинками-наложениями для создания шапки для YouTube в Adobe Photoshop
  15. Чтобы убрать заливку и оставить фоновое изображение, перейдите на слой с ней (по умолчанию он находится ровно под слоем с добавленной картинкой) и нажмите Delete – ненужный объект будет удалён. Использовать стирание слоя для удаления заливки для создания шапки для YouTube в Adobe Photoshop

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

Оставить заливку по центру для создания шапки для YouTube в Adobe Photoshop

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

  1. В качестве завершающего штриха стоит добавить на шапку название вашего канала. Для этого необходимо воспользоваться инструментом «Горизонтальный текст» – выберите его на панели.
  2. Горизонтальный текст для ввода названия канала для создания шапки для YouTube в Adobe Photoshop
  3. Кликните ЛКМ в месте, где хотите расположить название, желательно в центре изображения – появится надпись с текстом-пустышкой. Нажмите на галочку для сохранения элемента.
  4. Текст-пустышка для ввода названия канала для создания шапки для YouTube в Adobe Photoshop
  5. Для изменения цвета, шрифта, начертания и размера используйте панель инструментов – оставляем подбор на ваш вкус. Единственный совет – голый текст выглядит малопривлекательно, ему стоит добавить обводку, тень или оба этих эффекта вместе. По этим операциям на нашем сайте есть отдельные инструкции.

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

Установить цвет текста для ввода названия канала для создания шапки для YouTube в Adobe Photoshop

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

  1. Наша шапка готова, остаётся её только сохранить. Воспользуемся меню «Файл»«Сохранить как». Начать сохранение изображения для создания шапки для YouTube в Adobe Photoshop

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

  2. Сохранение изображения в PSD для создания шапки для YouTube в Adobe Photoshop
  3. В следующем окне нажмите «ОК».
  4. Подтвердить изображения в PSD для создания шапки для YouTube в Adobe Photoshop
  5. Так как YouTube требует изображения только в JPG, потребуется сохранить копию и в соответствующем формате: на этапе выбора места сохранения в меню «Тип файла» установите необходимый. Сохранить картинку в JPG для создания шапки для YouTube в Adobe Photoshop

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

  6. Параметры сохранения JPG для создания шапки для YouTube в Adobe Photoshop

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

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

1 Ответ
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Аноним
15 апреля 2022 15:53

Что делать если окно там где спрашывают сколько мб и качество отсуствует?

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS