채팅을 방송 화면에 띄웁니다
치지직 채팅창을 그대로 방송 화면에 올릴 수 있어요. 폰트 100종 이상, 색상, 투명도를 자유롭게 바꿀 수 있고 채팅을 목소리로 읽어주는 TTS, 시청자의 게임 티어 표시까지 됩니다.
뚜봇에서 가장 많이 쓰이는 오버레이예요.
1단계 — OBS에 올리기
① 오버레이 주소 복사하기
대시보드 왼쪽 메뉴에서 오버레이 관리 → 채팅으로 들어갑니다.
맨 위의 주소 복사 버튼을 누르면 오버레이 주소가 복사됩니다.
🚨 오버레이 주소는 절대 노출하지 마세요
주소를 아는 사람은 누구나 이 오버레이를 열어볼 수 있습니다. 방송 화면에 주소가 그대로 잡히지 않도록 주의해주세요.
그래서 뚜봇은 주소를 기본적으로 가려두고, 클릭해서 확인한 뒤 20초가 지나면 자동으로 다시 가립니다.
② OBS에 브라우저 소스로 추가
소스 추가
OBS 하단 소스 패널에서 + 버튼 → 브라우저를 선택합니다.
주소 붙여넣기
URL 칸에 복사한 오버레이 주소를 붙여넣습니다.
크기 정하기
채팅이 표시될 영역 크기로 너비 · 높이를 정합니다.
화면 왼쪽에 세로로 길게 놓는다면 너비 500 × 높이 900 정도가 무난해요.
확인
확인을 누르면 방송 화면에 채팅이 나타납니다.
배경이 투명하게 나옵니다
채팅 오버레이는 배경이 투명해서 게임 화면 위에 그대로 올려도 됩니다. 따로 크로마키를 걸 필요가 없어요.
2단계 — 보기 좋게 꾸미기
설정을 바꾸면 오른쪽 채팅 미리보기에서 바로 확인할 수 있습니다.
설정을 바꾸면 새로 올라오는 채팅부터 반영됩니다. 이미 화면에 떠 있는 채팅에는 소급 적용되지 않아요.
채팅창 기본 설정
| 설정 | 설명 |
|---|---|
| 채팅 방향 | 왼쪽 / 오른쪽 / 중간 — 채팅이 정렬될 방향 |
| 채팅 자동삭제 | N초 뒤에 채팅이 사라집니다. 0이면 안 사라져요 |
| 최대 표시 수 | 화면에 유지할 채팅 개수 (기본 250개) |
| 채팅 줄 바꿈 | 긴 채팅을 여러 줄로 나눌지 |
| 강제 중앙 정렬 | 채팅 내용을 가운데로 |
글씨 꾸미기
| 설정 | 설명 |
|---|---|
| 폰트 | 100종 이상 지원 (빙그레체 기본 · 프리텐다드 9단계 · 배민 도현/주아 · 쿠키런 · 넥슨 메이플 등) |
| 글자 크기 | px 단위 |
| 글자 색 | 색상 선택 |
| 폰트 두께 | 100~900 (기본 500) |
| 줄 간격 | em 단위 (기본 1.2) |
| 그림자 설정 | 글자에 그림자를 넣어 배경과 구분 |
게임 화면 위에서 잘 안 보인다면
그림자 설정을 켜보세요. 밝은 게임 화면에서도 글씨가 또렷하게 보입니다. 다크 모드나 투명도 조절도 함께 써보시면 좋아요.
표시 항목 켜고 끄기
| 설정 | 설명 |
|---|---|
| 닉네임 표시 | 보낸 사람 이름을 함께 표시 |
| 플랫폼 뱃지 | 구독자·매니저 등 뱃지 표시 |
| 후원 표시 | 후원 메시지도 채팅에 띄울지 |
| 명령 호출 표시 | !명령어 같은 입력을 보여줄지 |
| 봇 채팅 표시 | 뚜봇이 보낸 메시지를 보여줄지 |
| 다크 모드 / 투명도 | 배경 톤 조절 |
효과음
효과음 설정 → 수정에서 채팅이 올라올 때 나는 소리를 지정할 수 있고, 재생 버튼으로 미리 들어볼 수 있습니다. 효과음 볼륨으로 크기를 조절하세요.
3단계 — TTS로 채팅 읽어주기
채팅을 목소리로 읽어주는 기능입니다.
| 설정 | 설명 |
|---|---|
| TTS 사용 | 켜면 채팅을 읽어줍니다 |
| 제공자 | 로컬(무료) 또는 구글 TTS(무료) |
| 읽기 형식 | 어떻게 읽을지. 기본값 [nick]님: [message] |
| 무시할 접두사 | 이 글자로 시작하는 채팅은 안 읽습니다 |
| 볼륨 / 피치 / 속도 | 목소리 조절 |
| 이모티콘 무시 | 이모티콘은 읽지 않기 |
| 테스트 | 지금 설정으로 한 번 들어보기 |
TTS 남용을 막으려면
무시할 접두사에 ! 를 넣으면 명령어는 읽지 않습니다.
도배가 걱정된다면 채팅 오버레이 대신 후원 오버레이의 TTS를 쓰는 것도 방법이에요 — 후원한 사람의 메시지만 읽어줍니다.
제공자 차이
로컬은 시청자 PC(정확히는 OBS)에서 소리를 만들고, 구글 TTS는 서버에서 만든 음성을 받아옵니다. 둘 다 무료이며, 목소리가 마음에 드는 쪽을 고르시면 됩니다.
4단계 — 시청자 게임 티어 표시 차별화 기능
채팅 옆에 시청자 본인의 게임 티어를 자동으로 붙여줍니다.
| 설정 | 설명 |
|---|---|
| 디자인 타입 | 아이콘만 / 텍스트만 / 둘 다 표시 |
| 지원 게임 | 이터널리턴 · 리그오브레전드 · 발로란트 |
시참 방송이나 실력 기반 콘텐츠에서 누가 어느 티어인지 한눈에 보여줄 수 있습니다.
시청자 본인이 게임 계정을 연동해야 표시됩니다. 연동 방법은 게임 전적·티어 문서를 참고해주세요.
5단계 — 디자인 직접 바꾸기 (선택)
기본 설정으로 부족하다면 CSS로 직접 꾸밀 수 있습니다.
| 설정 | 설명 |
|---|---|
| CSS ID | 미리 만들어진 디자인의 ID를 넣고 적용하기 |
| 추가 CSS | 직접 작성한 CSS를 넣기 |
디자인은 어디서 구하나요
지원 디스코드에서 다른 스트리머들이 만든 여러 디자인을 찾아볼 수 있습니다. CSS ID만 복사해 넣으면 바로 적용돼요.
특정 시청자 가리기 — 블랙리스트
블랙리스트에 UID 또는 닉네임을 넣으면 그 사람의 채팅은 오버레이에 표시되지 않습니다. 한 줄에 한 명씩 적어주세요.
채팅 자체를 막는 기능이 아니라 오버레이에만 안 보이게 하는 설정입니다. 채팅 차단은 치지직에서 해주세요.
문제 해결
오버레이가 아예 안 보여요
| 확인할 것 | 해결 |
|---|---|
| 저장은 눌렀나요? | 설정 변경 후 저장을 눌러야 반영됩니다 |
| 주소를 정확히 붙여넣었나요? | 주소 복사 버튼으로 다시 복사해보세요 |
| OBS 브라우저 소스 크기가 0은 아닌가요? | 너비·높이를 확인하세요 |
| 소스가 다른 소스에 가려져 있진 않나요? | OBS 소스 목록에서 순서를 올려보세요 |
채팅이 안 올라와요
방송이 켜져 있어야 채팅이 들어옵니다. 테스트 모드를 켜면 방송 중이 아니어도 샘플 채팅으로 확인할 수 있어요.
설정을 바꿨는데 그대로예요
새로 올라오는 채팅부터 반영됩니다. 이미 떠 있는 채팅은 바뀌지 않아요. OBS 브라우저 소스에서 새로고침을 눌러보세요.
글씨가 배경에 묻혀요
그림자 설정을 켜거나, 글자 색을 바꾸거나, 다크 모드를 켜보세요.
채팅이 너무 빨리 사라져요 / 안 사라져요
채팅 자동삭제 값을 조절하세요. 0으로 두면 사라지지 않고, 최대 표시 수만큼 쌓인 뒤 오래된 것부터 밀려납니다.
다음 단계
팔로우 알림 → · 룰렛 → · 게임 전적·티어 →
디스코드에서 편하게 문의해주세요!