오버레이 제작: 정지 이미지가 아니라 살아 있는 그래픽
대부분의 스트림 오버레이 팩은 OBS에 얹어 두고 다시는 손대지 않는 이미지 파일입니다. 살아 있는 오버레이는 다릅니다. 점수와 게스트 이름, 오늘의 헤드라인을 알고 있고 방송 중에 그것들을 바꿉니다. 무엇이 들어가고 어떻게 만드는지 정리했습니다.
오버레이에 실제로 들어가는 것
전문 방송을 분해해 보면 반복해서 등장하는 요소가 네다섯 개 있습니다. 스트림 오버레이도 같은 목록을 1인·PC 1대 규모로 줄인 것입니다.
- 이름 자막 — 누가 말하고 왜 들을 만한가. 자막바 제작 →
- 버그 — 모서리에 상주하는 작은 요소: 로고, 점수, 시계. 스코어보드 오버레이 →
- 티커 — 헤드라인·일정·스폰서를 흘리는 하단 띠. 뉴스 티커 소프트웨어 →
- 전체 화면 장면 — 곧 시작합니다, 잠시 후 돌아옵니다, 결과, 순위표, 속보 띠.
- 프레임과 마스크 — 웹캠이나 게임 화면 주변의 고정 장식. 이미지 파일이 잘 해내는 유일한 부분입니다.
정적 오버레이와 살아 있는 오버레이
이미지 오버레이는 프레임과 테두리에는 적합합니다. 형태가 변하지 않는다면 PNG가 맞는 도구죠. 글자가 들어가는 것은 전혀 다른 문제입니다. 이름·점수·헤드라인이 PNG에 구워지는 순간, 갱신은 이미지 편집기와 새로고침을 뜻합니다. 생방송 40분째에 침착하게 할 일은 아니죠.
살아 있는 오버레이는 디자인을 템플릿에, 내용을 패널에 둡니다. 방송 중 디자인은 그대로이고 내용은 계속 바뀝니다. 이 둘을 분리하는 것이 요령의 전부입니다.
스트리밍에 맞는 설계
방송 그래픽은 2미터 떨어진 TV를 기준으로 설계됩니다. 스트리밍은 한 손에 든 휴대폰으로 봅니다. 여기서 세 가지 판단이 달라집니다. 화면 대비 글자를 크게, 대비를 강하게, 동시에 띄우는 요소를 줄이기.
강조색은 하나만 정해 어디서나 쓰세요. 자막과 버그, 티커가 같은 출신처럼 보여야 합니다. 제각각인 오버레이는 아마추어처럼 보이는 가장 빠른 길입니다. 채널 색이 이미 있다면 그걸 쓰세요. LowerThird Software의 디자인 패밀리는 값 한 쌍으로 전체 색을 다시 맞춥니다.
모서리를 비워 두세요
플랫폼은 자기 UI를 화면 위에 얹습니다. 트위치는 채팅과 플레이어 조작을, 유튜브는 제목 표시줄과 종료 화면을, 킥은 자체 UI를 더하며, 모두 모바일에서 아래 모서리를 가릴 수 있습니다.
네 변에 최소 5%를 비우고, 오른쪽 아래 모서리는 「빌린 자리」로 생각하세요. 가장 흔한 희생자는 화면 맨 아래에 붙은 티커입니다. 조금만 올리면 어떤 플랫폼에서도 살아남습니다.
소스 하나에 전부 담기
요소가 HTML5가 되면 모두 투명 페이지 한 장에 담기고, OBS에는 브라우저 소스 하나만 있으면 됩니다. 맞출 것이 줄고, 새 장면을 만들 때 빠뜨릴 것이 줄며, 브랜드 색을 바꿀 곳이 한 군데가 됩니다. OBS 설정은 5분 정도 →
라이브 데이터로 오버레이를 만드세요 얼리 액세스 빌드를 배포 중입니다. 브라우저 소스 하나면 모든 요소가 방송 중에도 갱신됩니다.
얼리 액세스 신청