채팅 오버레이
설정하러 가기치지직 채팅과 후원·구독을 방송 화면에 띄우고 읽어 줘요. 템플릿 10종, 장식·등장 효과, 커스텀 CSS를 써요.
목차
치지직 채팅을 방송 화면에 띄우는 오버레이예요. 후원과 구독 알림도 채팅 사이에 카드로 보여 주고, 원하면 채팅을 읽어 줘요. 위젯 · 미니게임 › 채팅 오버레이에서 모양을 고르고 주소를 복사해 OBS에 넣어요.
설정은 서버에 저장돼요. 저장을 누르면 OBS에 떠 있는 오버레이에도 바로 반영되고, 주소를 다시 넣을 필요가 없어요. 오른쪽 미리보기는 저장하지 않은 설정도 바로 보여 줘요.
설정하고 주소 받기
- 모양 탭에서 템플릿을 하나 골라요. 고르면 그 템플릿의 글꼴·색·테두리·장식·등장 효과가 설정에 채워져요.
- 모양·채팅 표시·후원·구독·TTS 탭에서 원하는 대로 바꿔요. 오른쪽 미리보기에서 예시 채팅으로 바로 확인해요.
- 위쪽 저장을 눌러요. 단축키는 Ctrl+S예요. 저장 전 상태로 돌아가려면 되돌리기를 눌러요.
- OBS 주소의 복사를 누르고 OBS에 브라우저 소스로 넣어요. 너비 400~500, 높이 600~1000을 권장해요.
- 채팅 테스트·후원 테스트 같은 버튼으로 OBS 화면에 예시가 뜨는지 확인해요. 테스트는 저장된 설정으로 그려요.
템플릿
| 템플릿 | 모양 |
|---|---|
| 스티커 | 흰 테두리를 오려 붙인 스티커 말풍선이에요. 이름표가 위 테두리에 살짝 걸쳐요 |
| 젤리 | 통통한 젤리 같은 말풍선이에요. 안쪽 흰 테와 광택이 들어가요 |
| 스티치 | 테두리 안쪽에 바느질 점선이 들어간 말풍선이에요 |
| 메모지 | 인덱스 탭이 달린 줄 노트 메모지예요. 위에 마스킹 테이프가 붙어요 |
| 미니 창 | 제목줄이 달린 작은 창이에요. 닉네임이 제목 자리에 들어가요 |
| 픽셀 | 도트 게임 대화창처럼 모서리가 깎인 테두리와 픽셀 글꼴이에요 |
| 외곽선 | 투명 배경에 굵은 외곽선 글자예요. 어떤 화면 위에서도 잘 읽혀요 |
| 말풍선 | 둥근 말풍선이에요. 배경 색으로 어둡게도, 하얗게도 쓸 수 있어요 |
| 이름표 | 닉네임 이름표 아래에 말풍선이 붙어요 |
| 띠 | 반투명 띠에 한 줄씩 촘촘하게 쌓여요 |
템플릿을 바꾸면 글꼴·색·테두리·장식·등장 효과가 그 템플릿의 기본값으로 바뀌어요. 글자 크기·필터·TTS 같은 나머지 설정은 그대로예요.
설정 항목
설정은 탭 다섯 개로 나뉘어 있어요. 바꾸고 저장하지 않은 설정이 있는 탭에는 이름 옆에 점이 붙어요.
| 탭 | 카드 | 항목 |
|---|---|---|
| 모양 | 템플릿 | 템플릿 10종 |
| 글자 | 글꼴, 글자 크기, 줄간격, 글자 색, 외곽선(두께·색), 그림자 | |
| 배경 · 테두리 | 빠른 색(어두운 배경 / 밝은 배경), 배경(색·불투명도), 테두리(두께·색). 외곽선 템플릿은 배경이 없어요 | |
| 장식 | 말풍선 모서리 장식(반짝이·하트·별·클로버·꽃·리본·구름·발바닥), 장식 색, 살랑살랑 움직이기 | |
| 채팅 표시 | 닉네임 · 뱃지 | 뱃지 표시, 닉네임 표시, 닉네임을 윗줄에, 닉네임 색(닉네임마다 다르게 / 한 가지 색), 스트리머·매니저 색 따로 |
| 표시할 채팅 | 봇 채팅 표시, 명령어 채팅 표시, 이모티콘(그림으로 / 무시하기)과 크기, 링크 가리기, 숨길 시청자 | |
| 배치 · 움직임 | 쌓이는 방향, 정렬, 최대 표시 개수, 채팅이 사라지는 시간, 등장 효과(서서히·살짝 올라오기·톡 튀어나오기·통통 튀기·말랑하게·몽글몽글·살랑 흔들기·옆에서 쏙), 가장자리 흐리게 | |
| 후원·구독 | 후원 · 구독 | 후원 표시와 강조 색, 큰 후원 기준과 색, 구독 알림 표시와 강조 색, 후원·구독이 사라지는 시간 |
| TTS | TTS | TTS 사용, 볼륨, 배속, 읽을 대상, 닉네임도 읽기, 대기열 최대, 미리 듣기 |
| 커스텀 CSS | 커스텀 CSS | AI로 CSS 수정하기, 템플릿 위에 덧입힐 CSS(20,000자까지) |
후원·구독은 그 템플릿의 말풍선과 같은 모양에 강조 색을 옅게 물들인 카드로 떠요. 첫 줄에 닉네임과 금액(또는 구독 개월 수)을 강조 색 글자로 쓰고, 아래에 후원 메시지를 보여요. 큰 후원은 조금 더 진하게 물들이고 금액을 키워 반짝이를 붙여요.
배경 색
외곽선을 뺀 템플릿은 채팅 배경의 색으로 면을 칠해요. 빠른 색의 어두운 배경·밝은 배경을 누르면 배경과 함께 글자 색, 스트리머·매니저 닉네임 색도 그 배경에서 잘 읽히는 값으로 바뀌어요. 배경이 밝으면 후원·구독 카드도 흰 카드로 바뀌어요.
장식과 움직임
장식 모양을 고르면 말풍선 모서리에 작은 그림이 붙어요. 그림 색은 장식 색이에요. 메모지 템플릿의 마스킹 테이프도 장식 색을 따라요. 살랑살랑 움직이기를 켜면 장식과 큰 후원 반짝이가 반짝이거나 흔들려요.
등장 효과를 고르면 미리보기에 예시 채팅이 하나 바로 떠서 움직임을 볼 수 있어요. 새 채팅이 들어오면 위의 채팅은 한 번에 튀지 않고 부드럽게 밀려나요. 없음을 고르면 밀려나는 움직임도 없어요.
걸러지는 채팅
- 봇 채팅 표시를 끄면 채팅봇 계정의 채팅을 숨겨요.
- 그 밖에 숨기고 싶은 계정은 숨길 시청자에 닉네임이나 채널 ID를 한 줄에 하나씩 적어요. 닉네임은 대소문자를 가리지 않아요.
- 명령어 채팅 표시를 끄면
!로 시작하는 채팅을 숨겨요. - 숨긴 채팅은 TTS도 읽지 않아요.
TTS
룰렛·포인트 후원과 같은 목소리로 읽어요. 이모티콘·이모지·링크는 빼고 읽어요.
| 읽을 대상 | 읽는 것 |
|---|---|
| 전체 | 화면에 뜨는 모든 채팅과 후원 |
| 후원만 | 후원 메시지만 |
| 구독자 | 구독자와 스트리머 채팅, 후원 |
| 매니저 이상 | 스트리머·매니저 채팅, 후원 |
채팅이 몰려 읽기가 밀리면 대기열 최대를 넘는 오래된 것부터 버려요. 들어 보기로 지금 볼륨·배속을 대시보드에서 먼저 들어 볼 수 있어요. 방송에서는 OBS 브라우저 소스에서 소리가 나니 OBS 오디오 믹서의 소스 음량도 확인하세요.
커스텀 CSS
템플릿과 옵션으로 안 되는 모양은 커스텀 CSS 탭에서 CSS를 넣어 덧입혀요. CSS를 몰라도 그 탭의 AI로 CSS 수정하기를 누르면 ChatGPT가 원하는 모양을 물어보고 CSS를 만들어 줘요. ChatGPT에서 바로 시작할 수도 있어요.
쓸 수 있는 클래스·변수와 예시, 주의할 점은 커스텀 CSS 꾸미기에 있어요.
방송 화면에 띄우기
- OBS에서 소스 목록 › + › 브라우저를 추가해요.
- URL에 복사한 주소를 붙여 넣어요.
- 너비 400~500, 높이 600~1000 정도로 맞추고 원하는 자리에 놓아요.
주소에는 인증 토큰이 들어 있어요. 다른 사람에게 보여 주지 마세요. 주소를 바꾸려면 관리 · 설정 › 오버레이 주소 · 접근 관리에서 재발급해요. 재발급하면 다른 오버레이 주소도 함께 바뀌어요.
안 될 때
| 이럴 때 | 확인할 것 |
|---|---|
| 채팅이 안 떠요 | OBS 브라우저 소스를 새로고침하고, 채팅 테스트가 뜨는지 보세요. 테스트는 뜨는데 채팅이 안 뜨면 잠시 뒤 다시 확인하세요 |
| 바꾼 설정이 OBS에 안 보여요 | 저장을 눌렀는지 보세요. 미리보기는 저장 전 설정도 보여 줘요 |
화면에 토큰이 유효하지 않아요.가 떠요 |
대시보드에서 주소를 다시 복사해 넣으세요 |
화면에 채팅 구독이 거절됐어요.가 떠요 |
주소를 재발급했다면 새 주소로 바꾸세요 |
| 특정 봇 채팅이 계속 보여요 | 숨길 시청자에 그 봇의 닉네임이나 채널 ID를 적어요 |
| TTS가 안 들려요 | TTS 사용과 볼륨을 확인하고, OBS 오디오 믹서에서 그 소스가 음소거인지 보세요 |
저장할 때 다른 곳에서 먼저 저장했어요.가 떠요 |
매니저 등 다른 화면에서 먼저 저장했어요. 새로고침한 뒤 다시 고쳐 저장하세요 |
이 가이드로 해결이 안 됐나요?
디스코드로 문의하기