Крок 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

    Якщо ваш вихідний файл все ж виходить за межі трикутної зони, скористайтеся пунктами "Шари""Створити обтравну маску".

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

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

  11. Завершити додавання картинки-накладення в потрібний ділянку для створення шапки для YouTube в Adobe Photoshop
  12. Повторіть дії з попереднього кроку для кожної з трикутних зон.
  13. Заповнити вихідник картинками-накладками для створення шапки для YouTube в Adobe Photoshop
  14. Щоб прибрати заливку і залишити фонове зображення, перейдіть на шар з нею (за замовчуванням він знаходиться рівно під шаром з доданим зображенням) і натисніть 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

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