방송 오버레이 만드는 법: 크기와 흔한 실수

한눈에 보기: 오버레이는 OBS에서 게임과 웹캠 위에 올리는 그래픽 레이어예요. 웹캠 프레임, 시작 화면과 대기 화면, 채팅 요소, 알림이 여기에 들어가요. OBS 기본 캔버스(보통 1920x1080) 크기에 맞춰 만들고, 구성 요소를 분리한 장면으로 정리해요. 이 가이드에서는 좋은 오버레이에 무엇이 들어가는지, 찌그러지지 않게 OBS에 올리는 방법, 가장 흔한 실수를 설명해요.

오버레이란 무엇이고 어디에 쓰일까요

누군가 내 방송에 들어오면 가장 먼저 보는 건 내 장면이에요. 게임, 웹캠, 그 주변의 모든 것이죠. 오버레이는 그 비주얼 ’프레임’이고, 세 가지 역할을 해요.

• 정체성: 화면 한 장만 봐도 내 채널이라는 걸 알아볼 수 있어요.
• 정리: 웹캠이 어디고, 게임이 어디고, 알림이 어디에 나오는지 분명해져요.
• 맥락: 최근 팔로워, 카운터, ‘잠시 후 돌아와요’ 메시지를 보여 줄 수 있어요.

오버레이와 알림은 달라요. 오버레이는 장면의 고정된 디자인이고, 알림은 이벤트에 따라 나타나는 안내예요. 알림은 알림 가이드에서 다뤄요.

완성된 오버레이에는 무엇이 들어갈까요

오버레이 패키지는 보통 같은 스타일의 장면 세트로 구성해요.

구성 요소	용도
시작 장면(‘starting soon’)	사람들이 들어오길 기다리는 동안의 화면
게임 장면	웹캠 프레임, 테두리, 게임이 보일 빈 영역
잡담 장면	Just Chatting이나 대화용으로 크게 보이는 웹캠
대기 장면(‘BRB’)	곧 돌아온다는 안내
마무리 장면	인사, SNS, 다음 방송 안내
웹캠 프레임과 디테일	내 팔레트로 웹캠을 감싸는 틀
채팅과 이벤트 요소	채팅창, 이벤트 목록, 최근 팔로워 라벨

OBS 알림 가이드에 따르면 가장 흔한 동적 요소는 알림, 이벤트 목록, 채팅창, 개별 정보 라벨(최근 팔로워, 최근 구독자), 이벤트 아이콘으로 채워지는 ’컵’이에요.

어떤 크기로 만들어야 할까요

플랫폼이 정해 놓은 오버레이 크기는 없어요. 기준은 OBS의 기본 캔버스예요. OBS 개요 가이드에 따르면 캔버스는 소스를 배치하는 공간이고 보통 모니터나 게임 해상도와 같아요. 그래서 규칙은 간단해요.

1. 장면마다 기본 캔버스와 같은 크기로 디자인하세요. 캔버스가 1920x1080이면 1920x1080으로요.
2. 캔버스는 고정하세요. 나중에 바꾸면 모든 소스를 다시 배치해야 해요. 해상도를 낮춰 방송하고 싶다면 캔버스가 아니라 출력 해상도만 낮추세요.
3. 플랫폼의 상한을 기억하세요. 킥은 최대 1920x1080, 60fps를 지원하고, 트위치 권장은 1080p60까지예요. 1080p로 방송할 거라면 4K 오버레이는 소용없어요.

오버레이가 웹 페이지라면(브라우저 소스)

애니메이션 오버레이와 모든 알림은 브라우저(Browser Source) 소스로 작동해요. OBS 공식 문서에 따르면 이래요.

• 기본 크기가 800x600이라서, 내 오버레이 크기(예: 1920x1080)에 맞게 직접 조절해야 해요.
• 기본 CSS는 배경을 투명하게 하고 여백과 스크롤 막대를 없애요.
• ‘보이지 않을 때 소스 종료’(Shutdown source when not visible)를 켜면 화면에 없을 때 페이지가 내려가고, ’장면이 활성화되면 브라우저 새로 고침’을 켜면 장면을 바꿀 때마다 다시 시작돼요.

이미지와 투명도

정적인 요소(프레임, 테두리, 글자)는 캔버스 전체를 채우는 투명 배경 이미지로 만드세요. 이미지 소스로 올리면 장면 전체를 덮고, 비어 있는 부분으로는 아래의 게임이나 웹캠이 보여요.

채널의 크기도 중요해요

오버레이는 방송 안에 있지만, 채널에는 OBS 밖의 비주얼도 있어요. 예를 들어 트위치의 채널 설정 공식 도움말은 이렇게 안내해요.

• 프로필 배너 권장 크기: 1200x480 px. 페이지가 사람마다 창 크기에 맞춰 조정되니 그림은 왼쪽에 모으세요.
• 정보 패널: 이미지는 최대 너비 320 px(높이 300 px), 2.9 MB 미만
• 프로필 사진: 최대 10 MB의 JPEG, PNG, GIF

오버레이, 패널, 배너에 같은 색, 폰트, 로고를 쓰면 채널이 하나의 브랜드로 보여요. 방법은 브랜딩 가이드에서 다뤄요.

OBS에 올리는 방법, 단계별로

1. 설정 > 영상에서 기본 캔버스를 정하세요(예: 1920x1080).
2. 상황마다 장면을 하나씩 만드세요. 시작, 게임, 잡담, 대기, 마무리예요.
3. 먼저 배경 소스(게임, 웹캠)를 추가하고, 그 위에 투명도가 있는 오버레이 이미지를 올리세요.
4. 웹캠을 오버레이 프레임의 칸 크기에 맞게 늘리세요. 필요하면 자르기/채우기(Crop/Pad) 필터로 잘라요.
5. 브라우저 소스(알림, 채팅, 라벨)를 맨 위에 올려서 어떤 이미지도 가리지 않게 하세요.
6. 짧게 테스트 방송이나 녹화를 해서 게임 화면의 요소를 가리는 게 없는지 확인하세요.

CBR과 비트레이트를 포함한 OBS 전체 설정은 OBS 가이드에 있어요.

흔한 실수

• 게임 UI 가리기. 큰 테두리를 그리기 전에 게임에서 미니맵, 체력, 중요한 글자가 어디에 있는지 확인하세요.
• 웹캠이 너무 작거나 칸이 맞지 않음. 프레임과 웹캠이 맞지 않으면 어설프게 보여요. 칸을 재서 웹캠을 맞추세요.
• 요소를 한꺼번에 너무 많이 넣기. 카운터와 상자를 하나씩 더할 때마다 화면이 지저분해지고 나와 게임에서 초점이 흐려져요.
• 너무 작은 글자. 모바일에서 12 px 글자는 읽을 수 없어요. 단어는 적게, 크기는 넉넉하게 쓰세요.
• 알림 중복. 알림 소스를 여러 장면에 복사하고 오버레이 안에도 하나 더 두면 알림이 두 번 나와요. 하나만 두세요.
• 스타일 섞기. 네온 프레임에 미니멀한 패널, 다른 스타일의 이모티콘이 섞이면 급조한 채널처럼 느껴져요.

내 채널에 맞춘 오버레이

Epik에서는 오버레이 단품을 개당 US$20에 주문할 수 있어요. Boost 팩에는 로고, 오버레이 3개, 패널 3개, 배너 1개(플랫폼 1곳용)가 들어 있고, Epik 팩에는 오버레이, 프레임, 패널, 배너, 이모티콘, 구독 뱃지, 알림, TTS, 멀티 플랫폼 OBS 설정이 더해져요. 모두 PayPal에서 한 번에 전액 결제하고, 브리프로 시작해요.