오버레이 디자인 편집하기

에디터 열기#

설정 → OBS 오버레이에서 ‘오버레이 에디터 열기’를 누릅니다. 캔버스는 가로 1080 × 세로 1920 기준입니다. 왼쪽 구성 요소 목록이나 캔버스의 요소를 선택하면 오른쪽 속성을 편집할 수 있습니다.

요소 위치와 크기 조정#

1. 요소 선택
   실시간 메시지 영역 또는 추가한 텍스트를 선택합니다.
2. 이동·크기 조정
   드래그로 이동하고 가장자리 조절점을 이용해 크기를 바꿉니다. 정확한 위치는 X·Y, 너비·높이로 입력합니다.
3. 범위 확인
   캔버스 안에 요소가 들어오는지 확인합니다. 빈 공간이나 Esc를 누르면 선택을 해제합니다.

주문·입금 메시지 표시 설정#

실시간 표시 영역에서 글꼴·글자 크기, 이름·본문·금액 색상과 그림자를 조정합니다. 표시 유형은 주문+입금·주문만·입금만·표시 안함 중 선택합니다. 최대 표시 수는 1~20개, 메시지 간격은 500~10,000ms 범위에서 설정합니다. 간격 1,000ms는 1초입니다.

고정 안내 문구 추가하기#

‘+ 텍스트 추가’를 눌러 방송 안내를 작성합니다. 텍스트 내용, 글꼴, 10~200px 글자 크기, 색상·굵게·정렬, 배경색·불투명도, 둥글기·패딩·그림자·텍스트 테두리를 설정합니다. 선택한 텍스트의 ‘삭제’ 또는 입력칸 밖에서 Delete/Backspace로 제거할 수 있습니다. 기본 실시간 메시지 영역은 삭제 대상이 아닙니다.

저장·초기화·미리보기#

오른쪽 위 ‘저장’을 눌러 완료를 확인합니다. 입력칸 밖에서는 Ctrl/⌘+S도 사용할 수 있습니다. ‘초기화’는 편집 배치를 기본값으로 돌리는 작업이므로 확인창을 읽고 실행하세요. 초기화한 배치를 적용하려면 ‘저장’을 눌러야 합니다. 아래 URL을 복사하거나 ‘미리보기’로 실제 표시 화면을 엽니다. 편집기의 예시 메시지는 실제 고객 주문이 아닙니다.

방송에 적용하기#

OBS 브라우저 소스에 에디터의 URL과 캔버스 크기를 사용합니다. 저장 후에도 이전 모양이 보이면 브라우저 소스를 새로고침하고 URL과 표시 유형을 확인하세요.