소스를 캔버스 크기에 맞춰 설정하기
Browser Source를 정확히 1920×1080으로 만들고 배경을 투명하게 유지하세요. 소스와 OBS 캔버스가 동일한 픽셀 크기를 공유하면 Overlay 설정에서 선택한 앵커가 예상한 위치에 자리 잡고 글자도 선명하게 유지됩니다.
소스가 캔버스보다 작은데 OBS에서 확대하면 글자가 흐려지고 외곽선이 번집니다. 경계 상자를 끌어당기지 말고 소스 자체의 크기를 조정하세요.
| 설정 | 가로형 레시피 | 이유 |
|---|---|---|
| Source size | 1920×1080 | OBS 캔버스와 일치하여 앵커 위치를 예측할 수 있습니다 |
| Font size | 32–48px | 시청자 화면 크기에서도 읽기 쉬우면서 화면을 압도하지 않습니다 |
| Anchor | bottom-center | 가사를 웹캠과 화면 위쪽 3분의 1 영역에서 벗어나게 합니다 |
여러 줄을, 공간이 부족하면 한 줄을 선택하기
카메라 아래에 현재 줄과 한두 줄의 문맥을 담을 공간이 있다면 player-multi를 32–48px로 시작하세요. 가로형 장면에는 보통 그런 가로 공간이 있습니다.
웹캠이 이미 화면 하단 3분의 1을 채우고 있다면 player-single로 전환해, 현재 한 줄의 가사가 카메라와 충돌하지 않고 얇은 막대 안에 자리 잡도록 하세요.
웹캠, 알림, 채팅을 위한 공간 확보하기
앵커 위치는 9개입니다. 웹캠, 알림 상자, 화면상의 채팅을 모두 배치한 뒤에만 그중 하나를 고르세요. 그래야 가사 블록이 실제로 비어 있는 공간을 채웁니다.
bottom-center와 bottom-left가 가장 안전한 가로형 앵커입니다. 방송을 시작하기 전에 곡에서 가장 긴 줄을 미리 보세요. 한 줄이 두 줄로 넘어가면 필요한 높이가 달라집니다.
이 소스를 세로형 장면으로 늘리지 말기
1920×1080 소스는 가로 공간에 맞춰 조정되어 있습니다. 세로형 방송도 한다면 이 소스를 늘리지 말고 별도의 1080×1920 소스를 만드세요. 앵커와 글자 크기 범위는 화면 비율이 다르면 그대로 옮겨지지 않습니다.
화면을 공유할 때는 Overlay URL이 Browser Source 속성 창에 보이지 않도록 하세요. 이 링크는 공개 주소가 아니라 접근 자격 증명입니다.
단계별 설정
- 011920×1080 소스 만들기
OBS 캔버스와 Browser Source를 동일한 1920×1080 크기로 설정하고 배경을 투명하게 유지하세요.
- 02여러 줄 또는 한 줄 선택하기
카메라 이후에도 높이가 남으면 player-multi를 사용하고, 웹캠이 하단 3분의 1을 채우면 player-single로 낮추세요.
- 03UI 확보 후 앵커 지정하기
웹캠, 알림, 채팅을 먼저 배치한 다음 가사 블록을 비어 있는 공간의 bottom-center 또는 bottom-left에 앵커로 고정하세요.
- 04가장 긴 줄 미리 보기
방송 전에 시청자 화면 크기에서 줄바꿈, 대비, 그리고 32–48px 크기를 확인하세요.
자주 묻는 질문
이 소스를 세로형 장면에서 재사용할 수 있나요?
별도의 1080×1920 소스를 만드세요. 하나의 Overlay를 16:9와 9:16 사이에서 늘리면 보통 배치와 글자 크기 범위가 깨집니다.
1920×1080에서는 어떤 글자 크기가 적당한가요?
32–48px에서 시작하세요. 더 큰 크기는 이미 웹캠과 채팅을 담고 있는 가로형 화면을 비좁게 만듭니다.
가사 블록은 어디에 두어야 하나요?
bottom-center 또는 bottom-left에 두되, 웹캠, 알림, 채팅을 배치한 뒤에 선택해 가사가 진짜로 비어 있는 공간을 채우도록 하세요.