크리에이터 설정 가이드
home
트윕 방송 설정
home

[구버전 대시보드] 트위치 스튜디오에서 트윕 후원 알람/오버레이 적용하기

아직 트윕 가입 전이시라면, 트윕 가입하는 방법 읽기

트윕의 핵심은 알람(Alert Box)과 위젯!

이 페이지에서는 트위치가 제공하는 무료 방송 소프트웨어 ‘트위치 스튜디오 베타'에 트윕 오버레이를 적용하는 방법을 알아봅니다!
이어질 설명은 트윕의 오버레이를 제외한 나머지 기본적인 방송 설정(배경화면, 웹캠, 마이크 등)이 되어있는 상황이라고 가정한 후에 설명드리도록 하겠습니다.
  목차
트윕 대시보드에서 메뉴를 살펴보다 보면 각 기능 설정화면 제일 상단에서 ‘URL 복사하기'라는 버튼이 있는 걸 보셨을 거에요.
트윕의 오버레이, 알람(Alert Box)와 위젯은 모두 브라우저 소스 설정을 기반으로 작동하기 때문에 이 URL을 방송 송출 프로그램에 적용해주어야 해요.

  트위치 스튜디오에 트윕 오버레이 적용하는 법

트윕의 알람(Alert Box)과 위젯을 적용하는 방법은 대부분 동일합니다. 천천히 따라해보세요!

 트위치 스튜디오 좌측에서 오버레이를 추가할 ‘장면’ 선택

트위치 오버레이를 보여줄 방송 장면을 선택해 편집을 클릭합니다. 방송 장면이 여러개일 경우 오버레이를 각각의 화면에 모두 추가해주어야 합니다.

 ’레이아웃’에서 ‘+ 레이어 추가' 클릭 후 ‘브라우저 소스’를 추가해 레이어 위치 지정

트윕 오버레이를 적용할 레이어를 추가 후 위치와 크기를 드래그앤드롭으로 설정합니다.
<트위치 스튜디오 레이어 추가>
<트위치 스튜디오 레이어 위치 및 크기 조정>

 오른쪽 ‘웹페이지'에 트윕 오버레이 주소 붙여넣기

트윕에 스트리머로 로그인 후, 대시보드 메뉴 중 추가를 원하는 오버레이 메뉴를 선택 후 화면 상단에서 오버레이의 URL ‘복사하기'를 클릭해 URL 복사 후 트위치 스튜디오로 돌아가 ‘웹페이지’에 붙여넣기 후 저장을 클릭해주세요.
트윕 대시보드에서 ’클릭해서 URL 확인’을 클릭하면 개인화된 주소를 확인할 수 있는데요, 이 주소가 외부에 유출될 경우에는 악용의 소지가 있을 수 있으니 꼭 주의해주세요!

  적용한 오버레이 테스트 하는 방법

트윕을 통해 들어오는 모든 종류의 오버레이를 미리 확인해 볼 수 있도록 미리보기가 가능합니다.

 트윕 스트리머 대시보드의 오버레이 테스트 버튼 클릭

첫번째는, 눈썰미 좋으신 분들은 벌써 눈치채셨을 것 같은데요.
조금 전 접속했던 URL 윗 부분에에 ‘알람 테스트’ 버튼을 눌러 내가 설정한 오버레이가 방송에 잘 나오는 지 마음껏 테스트해보고 수정하고 싶은 부분을 쉽게 수정할 수 있습니다.
Alert Box 테스트
엔딩 크레딧 테스트
Event List 테스트

 트윕 스트리머 대시보드의 오버레이 열기 버튼 클릭

대부분의 오버레이들은 웹페이지 새 창에서 확인해볼 수도 있어요. 의 3가지 오버레이들은 웹페이지 새 창에서 확인할 때에도 ‘테스트 버튼’을 클릭해야 테스트 화면을 확인할 수 있는 점 참고바랍니다!

 트위피(TWIPPY)를 통해 Alert Box 테스트 하기

트윕을 사랑해주시는 크리에이터들의 영원한 친구이자 방송 도우미, 트위피(TWIPPY)를 통해서는 트윕 알람(Alert Box) 테스트가 가능해요!
<TWIPPY>
1.
트위피 로그인
2.
위쪽 메뉴 중 물약 모양 버튼 클릭
3.
원하는 Alert Box 알람 테스트 버튼 클릭
변경한 오버레이 디자인이 방송 화면에 적용되지 않을 땐 새로고침을 해보세요 1. 디자인을 변경한 오버레이가 있는 장면 ‘편집’ 클릭 2. 트윕 오버레이 URL을 입력한 레이어 선택 3. URL 입력칸 왼쪽의  새로고침 버튼 클릭
여기까지 트윕의 오버레이를 트위치 스튜디오에서 적용하는 법에 대해 알아봤어요.
혹시 다른 환경에서 방송하시는 분들은 다음 링크를 참고해주세요   (다른 플랫폼에서의 사용 방법이 필요하다면 제일 아래 폼을 통해 의견 남겨주세요 )
여러분의 슬기로운 방송생활을 돕는 꿀팁 가득한 방송천재! 다른 정보도 궁금하다면, 다른 글도 읽어보러 가기
기능 설정에 어려움을 느끼시는 분들께서는 주저하지 말고 언제든지 트윕 고객센터로 문의해주세요