방송 오버레이 만들기: 무료로 방송 화면을 꾸미는 방법
- 오버레이는 채우는 것보다 비우는 것이 완성도를 높인다.
- 색 2~3가지 제한, 큰 글자, 게임 UI 회피가 디자인 3원칙이다.
- Canva 같은 무료 도구와 투명 PNG면 전문 디자이너 없이도 충분히 만들 수 있다.
오버레이는 방송 화면 위에 얹는 그래픽 요소들입니다. 웹캠 테두리, 하단 배너, 시작·종료 대기 화면 등이 여기에 속합니다. 잘 만든 오버레이는 방송을 '채널'답게 보이게 하고 시청자에게 정돈된 인상을 줍니다.
구성 요소부터 정하기
처음부터 화려하게 채우기보다 필요한 요소만 넣는 것이 좋습니다. 기본 구성은 웹캠 프레임, 최근 팔로워·후원 표시, 방송 주제를 알리는 작은 배너 정도입니다. 화면의 주인공은 콘텐츠이므로, 오버레이가 게임 화면의 중요한 부분(미니맵, 체력바)을 가리지 않는지 반드시 확인하세요.
무료 제작 도구
- Canva: 템플릿이 풍부해 디자인 경험이 없어도 배너와 패널을 빠르게 만들 수 있습니다. 투명 배경 PNG로 내보내 OBS에 이미지 소스로 넣으면 됩니다.
- OBS 자체 기능: 색상 소스와 텍스트 소스만으로도 심플한 하단 바를 만들 수 있습니다. 유행하는 미니멀 스타일과도 잘 맞습니다.
- 무료 오버레이 배포 사이트: 스트림 오버레이 템플릿을 무료 배포하는 사이트가 많습니다. 라이선스 범위(상업적 사용 가능 여부)만 확인하고 사용하세요.
OBS에 적용하기
만든 이미지를 OBS에 '이미지' 소스로 추가하고, 웹캠 소스 위 레이어에 배치합니다. 애니메이션이 있는 오버레이는 webm(투명 배경 지원) 형식의 '미디어 소스'로 넣습니다. 장면마다 오버레이 구성을 다르게 하면 시작 화면, 게임 화면, 토크 화면의 분위기를 각각 연출할 수 있습니다.
디자인 원칙 세 가지
- 색은 두세 가지로 제한: 채널의 시그니처 색을 정하고 썸네일·프로필과 통일하면 브랜딩이 됩니다.
- 글자는 크게, 적게: 시청자 다수가 모바일 작은 화면으로 봅니다.
- 정보는 필요한 만큼만: 후원 순위표, SNS 주소, 일정표를 전부 띄우면 화면이 광고판이 됩니다.
자주 묻는 질문
Q. 유료 오버레이를 사는 게 나을까요?
디자인에 시간을 쓰고 싶지 않다면 합리적인 선택입니다. 애니메이션 전환 효과까지 포함된 패키지가 저렴하게 판매됩니다. 다만 인기 템플릿은 다른 채널과 겹칠 수 있으므로, 색상과 로고라도 자기 채널에 맞게 수정해 쓰는 것이 브랜딩에 좋습니다.
Q. 방송 화면이 지저분해 보이는데 뭐부터 정리해야 하나요?
요소를 하나씩 빼보세요. 오버레이는 더하는 것보다 빼는 쪽이 대체로 개선입니다. 우선순위가 낮은 것(후원 순위표, SNS 목록, 명언 문구)부터 제거하고, 남은 요소의 색을 두세 가지로 통일하면 같은 구성이라도 훨씬 정돈되어 보입니다.
Q. 오버레이 애니메이션은 어떻게 만드나요?
가장 접근하기 쉬운 방법은 Canva나 캡컷 같은 도구에서 움직이는 요소를 넣어 투명 배경을 지원하는 webm 형식으로 내보내고, OBS 미디어 소스로 넣는 것입니다. 코딩이 가능하다면 HTML/CSS로 만든 웹페이지를 브라우저 소스로 쓰는 방식이 가장 가볍고 유연합니다. 유료 마켓에는 애니메이션 패키지도 많습니다. 주의할 점은 움직이는 요소가 많을수록 시선이 분산되므로, 애니메이션은 전환 순간이나 알림처럼 '의미 있는 움직임'에만 쓰는 것입니다.
한 걸음 더: 시선 흐름을 설계하는 레이아웃
좋은 오버레이는 예쁜 것이 아니라 시선의 흐름이 설계된 것입니다. 시청자의 눈은 화면에서 밝고 움직이는 곳으로 먼저 갑니다. 따라서 주인공(게임 화면 또는 얼굴)이 시각적 우선순위 1순위가 되도록, 오버레이 요소들은 채도를 낮추고 크기를 절제해야 합니다. 웹캠 위치는 게임 종류에 따라 다릅니다. FPS는 화면 중앙 시야를 가리면 안 되므로 모서리로, 전략 게임은 UI가 몰린 하단을 피해 배치합니다. 시선 유도가 필요한 정보(후원 알림)는 움직임으로 잠깐 주의를 끌고 사라지게 하는 것이 정석입니다. 마지막으로 '16:9 안전 영역'을 의식하세요. 다시보기가 쇼츠·클립으로 잘릴 때 중요한 요소가 화면 가장자리에 있으면 잘려나갑니다. 편집 재활용까지 생각한 레이아웃이 한 수 위의 설계입니다.
오버레이 점검 체크리스트
- 오버레이가 게임의 중요 UI(미니맵, 체력바, 킬로그)를 가리지 않는가.
- 채널 시그니처 색 2~3개 안에서 색이 통일되어 있는가.
- 모바일 화면에서 글자가 읽히는 크기인가. 스마트폰으로 자신의 방송을 직접 확인했는가.
- 후원 순위표, SNS 목록 등 우선순위 낮은 요소를 과감히 뺐는가.
- 무료 템플릿을 쓴다면 상업적 사용(수익 창출 방송)이 허용되는 라이선스인가.
- 애니메이션 오버레이(webm)가 방송 부하를 높이지 않는지 확인했는가.
- 장면별(대기·게임·토크) 오버레이 구성이 각 상황에 맞게 분리되어 있는가.
- 썸네일·프로필과 오버레이의 디자인 톤이 하나의 채널로 보이는가.