Saltar al contenido

Як створити крутий макет Twitch у Photoshop

21 de julio de 2021

Змістовий покажчик

Що знати

  • У Photoshop створіть полотно 1920 x 1080 і залийте фон. Додайте шари та скористайтеся інструментом «Вікно», щоб створити місце для потоку веб-камери.
  • Заповніть область, створіть новий шар і знову використовуйте інструмент «Область», щоб створити нову рамку для ігрових кадрів. Зберегти як файл Photoshop (.psd).
  • Також потрібно: комп’ютер, картка захоплення, веб-камера та програмне забезпечення для трансляції, наприклад OBS Studio або Streamlabs OBS, щоб налаштувати макет.

Макет Twitch, який також називають накладанням потоку Twitch, – це графічний дизайн, який з’являється під час трансляції Twitch. Ось погляд на те, як зробити накладання Twitch за допомогою Photoshop та як додати фонове зображення до OBS Studio.

Як зробити Twitch Overlay за допомогою Photoshop

Photoshop – це один з найкращих інструментів для створення накладання Twitch. Виконайте ці кроки, щоб створити базовий макет Twitch, а потім експериментуйте, додаючи більше можливостей та індивідуальності до вашої трансляції. Цей підручник використовує Photoshop 2020, але інструкції повинні бути подібними в інших версіях. Якщо у вас немає Photoshop, спробуйте безкоштовну альтернативу, наприклад Paint 3D у Windows 10 або онлайн-графічний редактор Canva, щоб створити накладку Twitch.

  1. Відкрийте Photoshop і виберіть Файл > Новий у верхньому меню.

    «Нове» у верхньому меню.» class=»lazyload» id=»mntl-sc-block-image_1-0-10″ >

  2. В Почнемо щось нове встановіть ширину на 1920 рік пікселів і висота до 1080 пікселів, а потім виберіть Створити.

    Налаштування ширини та висоти у Photoshop

    Ці вимірювання відповідають повному розміру макета вашого потоку, який заповнює телевізійний монітор при перегляді. Використання цього розміру допомагає краще візуалізувати результат і відповідно планувати.

  3. У верхньому меню виберіть Редагувати > Заповніть.

    У верхньому меню виберіть Редагувати> Заповнити.» class=»lazyload»      id=»mntl-sc-block-image_1-0-19″ ></p>
</li>
<li>
<p>Поруч з <strong>Зміст</strong>, виберіть <strong>Колір</strong> зі спадного меню.</p>
<p><img decoding=

  4. Виберіть колір фону, а потім виберіть гаразд.

    Кнопка OK

    Ви можете повторювати цей крок, поки не знайдете вподобаний колір.

  5. Виберіть гаразд для виходу з Заповніть коробці.

    потім натисніть OK, щоб вийти з поля заповнення.

  6. У верхньому меню виберіть Шар > Новий > Шар.

    У верхньому меню виберіть Layer> New> Layer.» class=»lazyload»      id=»mntl-sc-block-image_1-0-36″ ></p>
</li>
<li>
<p>В <strong>Новий шар</strong> спливаюче вікно, виберіть <strong>гаразд</strong>.  Тепер у вас є невидимий шар поверх фону, що дозволяє малювати та редагувати дизайн, не впливаючи на колір фону.</p>
<p><img decoding=

    І новий шар, і вихідний фоновий шар повинні бути видимими у Шари у правому нижньому куті екрана.

  7. В Шари виберіть новий шар. Якщо вікно Шари не відкрито, виберіть Шари під Вікно меню.

    Новий шар у Photoshop

  8. На панелі інструментів ліворуч виберіть Інструмент для прямокутного шару. Це квадратний значок із пунктирною лінією у верхньому лівому куті панелі інструментів.

    Інструмент

  9. Наведіть мишу на робочу область та клацніть та перетягніть інструмент, щоб створити квадратну або прямокутну форму там, де ви хочете, щоб ваша веб-камера знаходилась під час потоку.

    створіть квадратну або прямокутну форму там, де ви хочете, щоб ваша веб-камера була під час вашого потоку.

  10. Коли у вас є потрібна фігура, перейдіть у верхнє меню та виберіть Редагувати > Заповніть.

    виберіть Редагувати> Заповнити.» class=»lazyload»      id=»mntl-sc-block-image_1-0-58″ ></p>
</li>
<li>
<p>Виберіть колір, яким ви хочете бути, і виберіть <strong>гаразд</strong>.  Виберіть <strong>гаразд</strong> знову, щоб вийти з <strong>Заповніть</strong> коробці.</p>
<p><img decoding=

  11. Повторюючи попередні кроки, створіть новий шар, зробіть поле для кадру відеоігор та додайте колір заливки.

    Створіть новий шар і додайте новий колір заливки

    Зробіть те ж саме для іншого вмісту, який ви хочете створити, наприклад, для чату або нового списку передплатників.

  12. З кожним полем на своєму шарі переміщуйте поля та редагуйте поля окремо, виділяючи їх шар із Шари і вибравши Інструмент «Переміщення» значок стрілки з набору інструментів.

    Інструмент

  13. Як тільки у вас буде все так, як ви хочете, переходьте Файл > Зберегти щоб зберегти проект як файл Photoshop (.psd). Ви будете використовувати цей файл для редагування проекту в майбутньому.

    Зберегти як файл Photoshop

  14. Йти до Файл ще раз і виберіть Зберегти як. Від Формат виберіть спадне меню JPEG, дайте файлу назву та виберіть Зберегти. Ви закінчили!

    Зберегти як JPEG

Як додати фонове зображення до OBS Studio

Додайте власне зображення до OBS Studio так само, як і будь-яке інше медіа-джерело.

  1. Клацніть на Плюс Увійти в Джерела вікно OBS.

    Кнопка Додати джерело в OBS

  2. Виберіть Зображення.

    Опція Image

  3. Забезпечте Створити шар параметр активний і назвіть новий шар. «Фон» – хороша ідея для назви шару, оскільки його легко ідентифікувати. Клацніть гаразд щоб зберегти назву.

    Параметр Створити новий та кнопка ОК

  4. Виберіть Перегляньте, знайдіть збережене зображення JPEG на своєму комп’ютері, а потім виберіть гаразд.

    Кнопка

  5. Ваше фонове зображення тепер має з’являтися в OBS Studio. Через свій розмір він може охоплювати інший вміст, тому обов’язково знайдіть його в Джерела внизу екрана та перетягніть його в кінець списку.

  6. Додайте інші медіа-джерела, такі як веб-камера, кадри відеоігор та сповіщення. Переконайтеся, що ці нові доповнення знаходяться над фоном у Джерела щоб їх було видно.

  7. Тепер у вас є базовий власний макет Twitch! Ви можете будь-коли змінити фонове зображення, відкривши та відредагувавши збережений файл .psd у Photoshop.

Зразок макета Twitch, створений у Photoshop за допомогою стримера Twitch, Naysy_



Поради щодо створення накладання Twitch

Коли ви більше відчуваєте створення накладання Twitch, пам’ятайте про ці поради:

  • Якщо ви хочете намалювати безпосередньо на фоновому шарі або відредагувати його (наприклад, щоб змінити його колір), виберіть його в Шари коробці.
  • Перемикайте між усіма шарами в будь-який час за допомогою Шари коробці.
  • Ви також можете використовувати велике зображення для фону або Інструмент «Градієнт» для більш креативного варіанту.