Як зробити шапку для каналу 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

    На цьому все – шапка готова. Нагадуємо, що Вам необов'язково робити так само, як і в прикладі вище: проявіть трохи фантазії, щоб створити привабливе зображення, здатне привести на ваш канал нових передплатників.

більше статей на цю тему: