오버레이가 뭔가요?
방송 화면 위에 채팅, 룰렛, 팔로우 알림, 타이머를 띄워줘요.
OBS의 브라우저 소스에 주소만 붙여넣으면 돼요. 배경이 투명해서 게임 위에 바로 올릴 수 있어요.
어떤 오버레이가 있나요
대시보드 왼쪽 오버레이 관리 메뉴에 사용 가능한 오버레이가 나열돼요. 일부 항목은 베타라서 승인받은 채널에만 보여요 (아래 표에 표시해뒀습니다).
설정할 게 많은 오버레이
각각 전용 문서가 있어요. 링크를 따라가 주세요.
| 오버레이 | 무엇을 보여주나 | 문서 |
|---|---|---|
| 채팅 | 치지직 채팅. 폰트 117종 · TTS · 게임 티어 표시 | 자세히 → |
| 룰렛 | 룰렛 애니메이션과 당첨 결과 | 자세히 → |
| 팔로우 알림 | 새 팔로워 알림. 이미지·효과음 지정 가능 | 자세히 → |
| 후원 | 후원 알림. 표시 형식·TTS 설정 | 자세히 → |
| 이모티콘 뿌리기 | 채팅 이모티콘이 화면에 흩날림 | 자세히 → |
| 타이머 | 카운트다운 (원형 · 시계) | 자세히 → |
| 카운터 | 숫자 세기 | 자세히 → |
| 신청곡 | 지금 재생 중인 곡과 대기열 | 자세히 → |
설정이 간단한 오버레이
주소를 복사해 OBS에 넣으면 바로 동작해요. 디자인은 CSS ID 나 추가 CSS 로 꾸밀 수 있어요.
| 오버레이 | 무엇을 보여주나 | 전용 설정 |
|---|---|---|
| 시청자 수 | 현재 시청자 수 | 없음 (CSS만) |
| 승부예측 | 진행 중인 치지직 승부예측 현황 | 없음 (CSS만) |
| 노래방 | 노래방 대기열과 현재 곡 | 없음 (CSS만) |
| 최근 룰렛 | 최근 룰렛 당첨 내역 목록 | 결과 표시 형식 |
| 신청곡 목록 | 신청곡 대기열만 따로 | 배경 · 표시 곡 수(1~20) · 다크모드 |
| 중간 광고 타이머 | 다음 중간 광고까지 남은 시간 | 표기 시작 시간 |
| 그림 후원 베타 | 시청자가 그려서 보낸 그림 | 재생·유지 시간 · 페이드아웃 · 그림 검수 · 최소 후원 금액 |
| 룰렛 사용권 베타 | 시청자가 사용권을 썼을 때 뜨는 알림 | 승인 방식 |
주소를 어디서 찾나요
최근 룰렛 과 신청곡 목록 은 별도 메뉴가 아니에요. 각각 룰렛 오버레이 · 신청곡 오버레이 설정 페이지 안에 두 번째 주소로 들어 있어요.
중간 광고 타이머는 권한이 필요해요
봇에게 채널 관리자 권한이 있어야 해요. 없으면 대시보드 설정 페이지 자체가 열리지 않아요.
베타 표시가 붙은 것들
그림 후원 · 룰렛 사용권 은 승인받은 채널에만 메뉴가 나타나요. 승인 전에는 주소로 직접 들어가도 대시보드로 되돌려 보내져요.
기능 자체가 켜져 있어야 해요
오버레이는 뚜봇이 알아서 정보를 채워 넣지만, 채워 넣을 내용이 있어야 보여요. 최근 룰렛은 룰렛이 돌아가야 내역이 쌓이고, 승부예측은 치지직에서 승부예측을 시작해야 표시돼요.
디자인 생성기
오버레이 디자인을 AI로 만들어볼 수 있어요. 직접 CSS를 짜지 않아도 원하는 분위기의 디자인을 얻을 수 있어요. 오버레이 관리 메뉴 아래에 있고, 베타라서 승인받은 채널에만 나타나요.
OBS에 추가하는 방법 (모든 오버레이 공통)
오버레이 메뉴 열기
대시보드 왼쪽 오버레이 관리에서 원하는 오버레이를 클릭해요.
설정하고 저장
보이는 모습을 설정한 뒤 저장을 누릅니다.
저장하지 않으면 반영되지 않아요.
주소 복사
맨 위의 주소 복사 버튼을 누릅니다. 모든 오버레이가 이 자리에 똑같이 있어요.
OBS에서 브라우저 소스 추가
OBS 하단 소스 패널 → + → 브라우저 선택
주소 붙여넣고 크기 정하기
URL 칸에 붙여넣고, 오버레이가 표시될 영역 크기로 너비 · 높이를 정해요.
확인
확인을 누르면 화면에 나타나요. 위치와 크기는 드래그로 조절하세요.
🚨 오버레이 주소는 방송에 노출되면 안 돼요
주소를 아는 사람은 누구나 그 오버레이를 열어볼 수 있어요. 방송 화면에 나타나지 않도록 주의해주세요.
뚜봇은 주소를 기본적으로 가리고, 확인 후 20초가 지나면 자동으로 다시 감춥니다.
오버레이는 종류당 1개예요
오버레이 페이지를 처음 열면 그 종류의 오버레이가 자동으로 하나 만들어집니다. 따로 '추가' 할 필요가 없어요.
화면 위쪽의 오버레이 이름과 선택 상자는 같은 종류를 여러 개 두기 위한 것인데, 지금은 직접 추가할 수 없어요. 채팅 오버레이를 두 개 띄우는 것처럼 같은 종류가 두 개 필요하다면 디스코드로 문의해주세요.
크기는 얼마로 하나요
정해진 크기는 없어요. 화면에 띄울 공간만큼 잡으면 돼요. 처음에는 아래 크기로 시작하면 좋아요.
| 오버레이 | 시작 크기 |
|---|---|
| 채팅 | 500 × 900 |
| 룰렛 | 700 × 500 |
| 팔로우 알림 · 후원 | 800 × 250 |
| 이모티콘 뿌리기 | 1920 × 1080 (전체 화면) |
| 타이머 · 카운터 · 시청자 수 | 400 × 150 |
이모티콘 뿌리기처럼 화면 전체에 흩날리는 오버레이는 방송 해상도와 같게(보통 1920 × 1080) 잡아주세요.
자주 겪는 문제
오버레이가 안 보여요
| 확인할 것 | 해결 |
|---|---|
| 저장을 눌렀나요? | 설정만 바꾸고 저장을 안 하면 반영되지 않아요 |
| 주소가 정확한가요? | 주소 복사 버튼으로 다시 복사해보세요 |
| 브라우저 소스 크기가 0은 아닌가요? | 너비·높이를 확인해보세요 |
| 다른 소스에 가려져 있진 않나요? | OBS 소스 목록에서 순서를 위로 올려보세요 |
| 해당 기능이 켜져 있나요? | 예를 들어 룰렛 오버레이는 룰렛이 활성화되어 있어야 해요 |
설정을 바꿨는데 화면이 그대로예요
OBS 브라우저 소스 속성에서 현재 페이지 새로고침을 눌러보세요. 그래도 안 되면 캐시 삭제 후 새로고침을 시도해보세요.
오버레이가 끊기거나 버벅여요
- 브라우저 소스 속성에서 FPS를 30으로 낮춰보세요.
- 보이지 않을 때 소스 종료 옵션을 켜면 자원을 아낄 수 있어요.
- 오버레이를 여러 개 띄웠다면 필요 없는 건 꺼주세요. 단 룰렛 오버레이는 켜 두세요. 결과를 표시해야 봇이 채팅과 카운터·타이머 액션을 실행하는데, 꺼져 있던 동안의 결과는 다시 켜도 따라잡지 않아요. (룰렛 문서 →)
배경이 검게 나와요
브라우저 소스 속성에서 사용자 지정 CSS 칸에 아래가 들어 있는지 확인해보세요. OBS가 기본으로 넣어주는 값이에요.
소리가 안 나요 (TTS·효과음)
브라우저 소스 속성에서 소스를 통해 오디오 제어가 켜져 있는지 확인해보세요. 꺼져 있으면 OBS가 소리를 잡지 못해요.
다음 단계
채팅 오버레이 자세히 → · 룰렛 → · 신청곡 →
디스코드에서 편하게 문의해주세요!