트위치 오버레이는 방송에 더 세련되고 눈에 띄는 외관을 부여하는 가장 쉬운 방법 중 하나입니다. 올바른 오버레이를 사용하면 처음부터 전체 디자인을 만들지 않고도 게임 플레이, 웹캠, 알림 및 기타 방송 요소를 프레임으로 구성할 수 있습니다.

좋은 소식은 트위치 오버레이를 추가하는 것이 OBS Studio 매우 간단하다는 점입니다. 이 가이드에서는 정적 및 애니메이션 방송 오버레이를 설치하는 과정을 살펴보고 OBS 장면에서 이를 올바르게 구성하는 방법을 설명합니다.

트위치 오버레이란 무엇인가요?

트위치 오버레이는 방송 콘텐츠 위에 배치되는 그래픽 또는 애니메이션입니다. 다음과 같은 요소를 포함할 수 있습니다:

웹캠 프레임
장식용 테두리
방송 정보
최근 이벤트
채팅 영역
목표
애니메이션 그래픽
테마 배경

방송 오버레이 팩에는 함께 작동하도록 설계된 여러 개의 조화로운 그래픽이 포함되어 있어, 다양한 OBS 장면에서 일관된 시각적 스타일을 만들 수 있습니다.

시작하기 전에

오버레이를 설치하기 전에 다음을 다운로드하여 압축을 해제하세요 스트림 오버레이 팩.

제품에 따라 다음과 같은 파일을 받을 수 있습니다:

PNG
WEBP
JPG
GIF
WEBM
MP4
PSD

정확한 형식은 에셋 팩에 따라 다릅니다. OBS Studio는 정적 그래픽용 이미지 소스와 비디오 및 오디오 파일용 미디어 소스를 지원합니다.

팁: 다운로드, 바탕 화면 및 기타 위치에 방송 에셋을 흩어놓지 말고 컴퓨터의 전용 폴더에 보관하세요. 이렇게 하면 나중에 OBS 설정을 유지 관리하기가 훨씬 쉬워집니다.

1단계: OBS Studio 열기

OBS Studio를 실행하고 사용할 장면 모음을 엽니다.

첫 번째 설정을 만드는 경우 몇 가지 기본 장면으로 시작할 수 있습니다:

방송 시작 전
게임플레이
저챗 (Just Chatting)
잠시 자리 비움
종료

OBS 장면은 게임, 웹캠, 이미지, 비디오, 텍스트 및 기타 요소를 포함할 수 있는 개별 소스로 구성됩니다.

2단계: 캔버스 해상도 확인

그래픽을 추가하기 전에 OBS 캔버스가 오버레이가 제작된 해상도와 일치하는지 확인하세요.

예를 들어, 많은 최신 방송 그래픽은 다음용으로 설계되었습니다:

1920 × 1080

캔버스가 다른 종횡비나 해상도를 사용하는 경우 그래픽의 위치를 다시 지정하거나 크기를 조정해야 할 수 있습니다.

이는 변경하면 기본(캔버스) 해상도 기존 소스의 정렬을 다시 맞추거나 크기를 조정해야 할 수 있으므로 특히 중요합니다.

대부분의 표준 16:9 트위치 레이아웃의 경우 1920 × 1080이 편리한 시작점입니다.

3단계: 정적 오버레이 추가

오버레이가 PNG 또는 기타 지원되는 이미지 형식인 경우 다음으로 추가합니다 이미지 소스.

OBS에서:

소스 → + → 이미지

다음과 같이 소스에 알아보기 쉬운 이름을 지정합니다:

게임플레이 오버레이

그런 다음 오버레이 파일을 선택하세요.

OBS가 장면(Scene)에 이미지를 배치하며, 여기서 위치와 크기를 조절할 수 있습니다. 이미지 소스는 OBS 장면에 이미지와 슬라이드쇼를 추가하기 위해 특별히 설계되었습니다.

4단계: 캔버스에 오버레이 채우기

소스 목록에서 오버레이를 선택하고 다음을 사용하세요:

변환 → 화면에 맞추기

소스를 화면에 맞추는 OBS 단축키를 사용할 수도 있습니다.

오버레이가 캔버스와 동일한 해상도로 제작된 경우, 장면에 올바르게 정렬됩니다.

화면 비율이 다른 오버레이를 강제로 늘리면 디자인이 왜곡될 수 있으므로 피하세요.

5단계: 게임플레이 또는 카메라 추가하기

이제 오버레이 아래에 표시되어야 할 콘텐츠를 추가하세요.

과 조화를 이루어야 합니다. 예를 들어:

소스

게임플레이
웹캠
스트림 오버레이

순서가 중요합니다.

OBS는 소스 목록에서 더 위에 있는 소스를 아래에 있는 소스보다 화면 상단에 표시합니다. 즉, 장식용 오버레이는 일반적으로 다음에 위치해야 합니다. 위에 게임플레이 또는 웹캠 소스.

일반적인 게임플레이 장면은 다음과 같을 수 있습니다:

스트림 오버레이
웹캠
게임플레이

게임플레이는 아래에서 계속 표시되며, 오버레이가 그 주변에 시각적 프레임을 제공합니다.

6단계: 웹캠 위치 지정하기

오버레이에 전용 웹캠 프레임이 있는 경우, 다음을 사용하여 웹캠을 추가하세요:

소스 → + → 비디오 캡처 장치

그런 다음 오버레이 레이어 아래에 배치하세요.

프레임 안에 맞을 때까지 웹캠 크기를 조절하세요.

웹캠 프레임이 투명 PNG의 일부인 경우, 투명 영역을 통해 카메라는 계속 보이면서 프레임은 카메라 위에 유지될 수 있습니다.

7단계: 애니메이션 오버레이 추가하기

애니메이션 오버레이는 약간 다르게 작동합니다.

WEBM 또는 MP4와 같은 비디오 기반 에셋의 경우 다음을 사용하세요:

소스 → + → 미디어 소스

그런 다음 애니메이션 파일을 선택하세요.

OBS는 미디어 소스를 통해 다음을 포함한 여러 비디오 포맷을 지원합니다. WEBM, MP4, MOV, MKV, AVI, GIF기타 등등.

애니메이션에 따라 다음을 활성화하고 싶을 수 있습니다:

반복

애니메이션이 계속해서 반복되도록 하려면 활성화하세요.

장면이 활성화될 때 애니메이션이 한 번 재생되도록 하려면 다음과 같은 옵션을 사용할 수 있습니다. 소스가 활성화될 때 재생 재시작 유용할 수 있습니다.

8단계: 스트림 알림 추가하기

알림은 메인 오버레이와 별도로 추가할 수 있습니다.

예를 들어, 장면에 다음이 포함될 수 있습니다:

애니메이션 오버레이
알림 소스
웹캠 프레임
게임플레이

많은 알림 시스템은 팔로워, 구독자, 기부 또는 기타 이벤트를 표시하기 위해 OBS 브라우저 소스 를 사용합니다. OBS는 브라우저 소스를 스트림 알림 및 채팅 상자에 일반적으로 사용되는 소스 유형으로 인식합니다.

이를 통해 오버레이와 알림이 독립적으로 작동할 수 있습니다.

9단계: 별도의 장면 만들기

모든 그래픽을 하나의 거대한 OBS 장면에 넣으려고 하지 마세요.

대신 방송의 서로 다른 부분에 대해 별도의 장면을 만드세요.

방송 시작 전

사용하세요:

배경
애니메이션 오버레이
방송 시작 전 텍스트
음악

게임플레이

사용하세요:

게임 캡처
웹캠
웹캠 프레임
스트림 오버레이
알림

잠시 자리 비움

사용하세요:

배경
애니메이션 그래픽
잠시 자리 비움 메시지
음악

종료

사용하세요:

배경
애니메이션 오버레이
소셜 미디어 정보
종료 메시지

이렇게 하면 방송의 다른 부분 간 전환이 훨씬 쉬워집니다.

10단계: 오버레이 소스 잠그기

모든 항목이 올바르게 배치되면 OBS에서 그래픽 소스를 잠급니다.

이렇게 하면 게임플레이, 웹캠 또는 기타 소스를 조정하는 동안 실수로 오버레이를 이동하는 것을 방지할 수 있습니다.

특히 장면에 여러 레이어가 포함되어 있을 때 유용합니다.

흔히 발생하는 트위치 오버레이 문제

오버레이가 게임플레이를 가리고 있습니다

소스의 순서를 확인하세요.

오버레이는 일반적으로 소스 목록에서 게임플레이 위에 있어야 합니다.

오버레이가 늘어나 보입니다

가로세로 비율과 캔버스 해상도를 확인하세요.

오버레이가 1920 × 1080용으로 디자인되었으나 캔버스가 다른 가로세로 비율을 사용하는 경우 요소를 다시 배치해야 할 수 있습니다.

애니메이션 오버레이가 재생되지 않습니다

사용 중인지 확인하세요 미디어 소스 비디오 기반 오버레이의 경우 파일 형식이 지원되는지 확인하세요.

또한 소스가 활성화될 때 애니메이션이 반복 재생되거나 다시 시작되도록 설정되어 있는지 확인하세요.

웹캠이 프레임 뒤쪽에 잘못 표시됩니다

소스 목록에서 웹캠 소스를 웹캠 프레임 아래로 이동하세요.

기억하세요:

소스가 높을수록 = 맨 위에 표시됩니다.

장면을 변경하면 오버레이가 사라집니다

오버레이가 하나의 장면에만 추가된 경우 이는 정상입니다.

각 장면에 개별적으로 추가하거나 적절한 경우 소스를 재사용할 수 있는 OBS 기능을 사용할 수 있습니다.

라이브 방송을 시작하기 전에 모든 것 테스트하기

첫 방송을 시작하기 전에 몇 분 동안 시간을내어 장면을 테스트해 보세요.

OBS 자체에서도 첫 스트림을 즉시 시작하는 것보다 라이브 방송 전에 설정을 테스트하는 것을 권장합니다.

확인 항목:

게임플레이 위치
웹캠 위치
오버레이 정렬
애니메이션 그래픽
알림
마이크
데스크톱 오디오
장면 전환
텍스트 가독성

로컬에서 짧은 테스트 녹화를 진행하는 것은 시청자가 발견하기 전에 문제를 찾아내는 간단한 방법입니다.

스트림에 일관된 시각적 스타일 부여하기

오버레이를 설치하는 것은 시작에 불과합니다. 전문가다운 채널을 위해 그래픽의 시각적 일관성을 유지하도록 노력하세요.

다음 항목들:

트위치 프로필 → 배너 → 패널 → 오버레이 → 알림 → 웹캠 프레임 → 스트림 덱 아이콘

모두 동일한 색상, 타이포그래피, 전반적인 미적 요소를 사용할 수 있습니다.

이는 다음과 같은 인식하기 쉬운 스타일을 중심으로 구축된 채널에 특히 유용합니다. 카와이, 코지, 파스텔, 애니메이션, 사이버펑크, 고딕 또는 미니멀리스트 디자인.

완벽한 스트림 오버레이 팩 찾기

처음부터 직접 OBS 그래픽을 만들고 싶지 않다면, 조화로운 스트림 오버레이 팩 을(를) 통해 한 번의 다운로드로 필요한 주요 시각적 요소를 얻을 수 있습니다.

당사의 크리에이터용 스트리밍 리소스 Twitch Streamer, YouTube Creator, VTuber, 게머 및 콘텐츠 크리에이터를 위해 디자인된 테마형 스트림 오버레이 및 기타 그래픽을 포함합니다.

완전한 오버레이 팩은 시간을 절약하는 동시에 OBS 장면 전반에 걸쳐 일관된 시각적 정체성을 구축하는 데 도움을 줍니다.

첫 번째 Twitch 채널을 설정하든 기존 방송을 새롭게 단장하든, OBS Studio에 조화로운 오버레이를 설치하는 것은 방송을 더 세련되고 전문적으로 보이게 하는 간단한 방법입니다.