버튜버, 버츄얼 스트리머를 위한 쉬운 후원 리액션 툴이 필요해요!
이제 버츄얼 아바타를 통해 누구나 더 쉽게 크리에이터가 될 수 있죠!그렇지만, 잘 나가는 버츄얼 크리에이터의 방송을 보고 있으면
어떻게 저렇게 화면도 예쁘고, 후원할 때 재미있는 캐릭터 리액션도 잘 잡히지?
하면서 부러우셨을 거에요.
그렇다면,
트윕 버튜버 리액션 앱에서 여러분께 도움을 드릴 수 있어요!
트윕 버튜버 리액션 앱은, 시청자의 후원이 들어왔을 때
후원 금액과 후원 종류별로 미리 정해 둔 리액션이
자동으로 자신의 캐릭터에 적용되도록 해 주는 기능이에요.
버튜버 리액션 앱 최초 설정 및 주의사항 (공통)
설정 전 꼭 알아야 하는 내용들이에요!
•
방송 중간에 사용자 ID나 방송환경 IP 등 다소 민감한 정보가 노출될 수 있으므로,
가급적 방송중이 아닐 때 설정하시기를 권장해요.
•
•
1920x1080 이상 해상도의 방송환경으로 구성되어 있어야 해요.
•
트윕 버튜버 리액션 앱용 오버레이 만들기
1.
OBS에서 새로운 브라우저 소스를 추가하고, 아래와 같이 설정해 주세요.
a.
소스 이름: vtuber, 버츄얼리액션 등 다른 소스와 잘 구분할 수 있도록 해 주세요.
b.
브라우저 소스 URL: https://vtube.twip.kr/
c.
너비 및 높이: 자신의 방송화면 해상도와 일치하게 입력 (1920x1080, 2560x1440 등)
i.
최소한 1920x1080 이상의 해상도로 설정해야 해요.
d.
페이지 권한: “사용자 정보 (현재 장면 모음, 전환)에 대한 읽기 권한” 으로 설정
e.
다른 설정은 건드리지 않으셔도 됩니다.
2.
잘 설정되었다면, 화면 가운데에 트윕 로그인 창이 보입니다.
오버레이 활성화 (트윕 로그인)
1.
OBS 하단의 소스 목록에서 방금 추가한 리액션 앱용 소스를 선택한 후, 위쪽의 “상호작용” 버튼을 누릅니다.
a.
내장 브라우저 특성상 텍스트 입력시 커서가 깜빡이지 않을 수 있어요. 평소처럼 ID 및 PW를 입력하시면 됩니다.
b.
ID와 PW를 제대로 입력했는데도 틀렸다고 나올 경우, 한/영 키를 눌러 영문 입력으로 전환한 다음 다시 시도해 보세요.
2.
OBS에 내장된 웹 브라우저 창이 나타나고, 여기서 트윕 로그인을 진행할 수 있습니다.
a.
구글, 네이버, 트위치 계정 중 원하는 계정을 선택해 로그인해주세요.
b.
자신의 계정 정보가 노출될 수 있으므로, 설정 과정을 방송한다면 꼭 주의해 주세요!
3.
로그인을 마치면, 오버레이 화면 좌측에 다섯개의 버튼이 나타납니다.
a.
Vtube Studio 연결 | 이펙트 설정 | 내 정보 | 스트리밍 모드 | 로그아웃
사용법 1 - OBS에서 리액션 앱 바로 사용하기
1.
“이펙트 설정” 버튼을 눌러 설정 메뉴를 띄웁니다.
2.
“장면 선택”
a.
여러 이펙트를 만들어 두고 상황별로 다르게 적용하고자 할 경우, 상황별로 오버레이를 만들어 바꿔 활용할 수 있어요.
3.
하단 “이펙트 추가” 버튼을 눌러 새로운 후원 리액션을 만들 수 있습니다.
4.
트윕 제공 이펙트 / 커스텀 이펙트 를 선택할 수 있어요.
a.
커스텀 이펙트를 선택 후, 자신이 원하는 이미지를 업로드해 후원 리액션으로 활용 가능해요.
5.
원하는 후원 이펙트를 선택한 후, “이펙트 동작 옵션” “이펙트 동작 금액” 을 결정해 주세요. 내가 원하는 조건에서 리액션 효과가 발생하도록 할 수 있어요. 결정한 후 “다음으로” 를 눌러주세요.
a.
이펙트 동작 옵션: 트윕 텍스트 후원 | 트윕 영상 후원 | 트윕 음성 후원 | 트윕 슬롯머신 후원 | 유튜브 슈퍼챗 | 유튜브 슈퍼스티커
6.
선택한 이펙트의 위치와 크기를 결정해 주세요. 이미지를 클릭하면 이동 가능해요.
a.
OBS에서 실시간으로 확인 가능하니, 내 캐릭터의 위치와 잘 맞는지 확인해 주세요.
7.
새로운 이펙트가 추가됐어요.
내 방송에 잘 적용되는지 확인하기
1.
“스트리밍 모드” 버튼을 누른 후, 후원 종류 및 금액을 입력해 잘 작동하는지 테스트할 수 있어요.
2.
좌측 버튼을 숨기려면, “스트리밍 모드” 메뉴를 띄운 상태에서 빈 곳을 아무 곳이나 더블클릭하면 됩니다.
사용법 2 - VTS(VTube Studio)에 OBS를 연동해 리액션 앱 사용하기
VTS 설치하기 (이미 설치해 사용하고 있다면 패스!)
1.
Steam에 접속해 VTube Studio를 설치합니다. (무료)
2.
최초엔 영문 클라이언트로 실행됩니다. 한국어로 변경하고 싶은 경우, 다음의 순서대로 진행해 주세요.
a.
VTS를 실행한 후, 로딩이 끝나면 나오는 3개 정도의 주의사항을 확인하고 모두 OK 버튼을 눌러주세요.
b.
화면 아무 곳이나 클릭해 좌측의 메뉴 버튼을 띄운 후, 4번째 설정 버튼을 눌러 주세요.
c.
우측 최상단의 언어 변경 버튼을 눌러 주세요.
d.
스크롤을 조금 내려, 한국어를 고른 후 아래의 선택 버튼을 눌러주세요.
e.
자동으로 VTS가 종료됩니다. Steam에서 다시 실행해 주세요.
f.
이제 각 메뉴와 설명이 한국어로 나타납니다.
3.
전체화면일 경우 OBS에서 캡쳐되지 않을 수 있어요! 창모드로 실행해 두시는 것을 권해드려요.
OBS에 VTS 띄우기
1.
설정 버튼을 누른 후, 좌측 상단의 두번째 카메라 버튼을 클릭합니다.
2.
우측 메뉴에서 스크롤을 조금 내려, “품질 및 효과” 부분으로 갑니다.
3.
응용프로그램 FPS와 해상도를, 자신의 방송 환경과 일치하게 설정해 주세요.
a.
아래 OBS 캡쳐 단계를 진행하기 전에 크기 설정을 마쳐 주시고(창모드), OBS 캡쳐 소스로 추가한 뒤에는 VTS의 윈도 크기를 변경하지 말아 주세요.
4.
이제 OBS로 가서, “소스 목록”에서 좌측 하단의 + 버튼을 누릅니다.
a.
Windows용 OBS
i.
추가할 수 있는 여러 소스 중, “게임 캡쳐” 를 선택해 주세요.
ii.
“방식: 특정 창을 캡쳐” 를 선택한 후, 윈도우 중 “[VTube Studio.exe]: VTube Studio” 를 선택하세요.
iii.
실행 중인 VTS 화면이 잘 뜨는지 확인하세요.
iv.
“커서 캡쳐” 옵션을 체크 해제하고, 우측 하단의 “확인” 을 누르세요.
b.
macOS용 OBS
i.
추가할 수 있는 여러 소스 중, “macOS 화면 캡쳐” 를 선택해 주세요.
ii.
“방법: 윈도우 캡쳐” 를 선택한 후, 윈도우 중 “[VTube Studio] VTube Studio” 를 선택하세요.
iii.
실행 중인 VTS 화면이 잘 뜨는지 확인하세요.
iv.
“커서 표시” 옵션을 체크 해제하고, 우측 하단의 “확인” 을 누르세요.
5.
내 방송 화면에 맞추어, VTS 캡쳐 소스의 크기를 조절해 주세요.
VTS와 리액션 앱 연동하기
1.
설정 메뉴로 들어간 후, 스크롤을 조금 내려 VTube Studio Plugins 부분을 찾습니다.
2.
API 시작(플러그인 허용) 토글 버튼을 눌러 활성화합니다.
a.
기본 포트 번호는(8001) 특별한 경우가 아니면 건드리지 않아도 돼요!
3.
하단의 상태 부분에 녹색등과, “API를 시작했습니다” 가 나타나는지 확인합니다.
4.
이상이 없다면, 이제 OBS의 버튜버 리액션 오버레이 소스를 선택한 후 “상호작용” 버튼을 눌러 브라우저를 띄워 주세요.
5.
첫번째의 “VTube Studio 연결” 버튼을 클릭합니다.
6.
VTS IP와 포트가 localhost / 8001 로 되어 있습니다. 하단의 “연결하기” 를 누릅니다.
7.
성공적으로 연결되었다면 분홍색의 “연결 해제” 로 바뀝니다. 실패할 경우 “연결하기” 버튼을 눌러도 버튼이 변경되지 않습니다.
8.
문제없이 진행되었다면, 이제 VTS쪽에서 TWIP | Vtuber Reaction Plugin 의 접근 권한을 허용하겠냐고 묻는 대화상자가 나타납니다. “허용” 을 눌러줍니다.
9.
추가가 잘 되었다면, VTS의 API 상태에서 연결된 플러그인: 1 / 수신한 요청: (1 이상의 숫자) 가 나타납니다.
VTS 캐릭터 모델과 연동되도록 트윕 리액션 이펙트 추가하기
- 이펙트 설정 준비
(1~3 까지는 OBS 오버레이에서 리액션 앱을 바로 사용하는 방법과 동일합니다.)
1.
“이펙트 설정” 버튼을 눌러 설정 메뉴를 띄웁니다.
2.
“장면 선택”
a.
여러 이펙트를 만들어 두고 상황별로 다르게 적용하고자 할 경우, 상황별로 오버레이를 만들어 바꿔 활용할 수 있어요.
b.
모델별로 다른 오버레이를 만들어 두고 쓰는 것을 추천해요.
3.
하단 “이펙트 추가” 버튼을 눌러 새로운 후원 리액션을 만들 수 있습니다.
4.
VTS 연동 상태에서 이펙트를 추가하면, 모델에 내장되어 있는 감정표현 표정이나 모션을 재생하도록 설정할 수 있어요.
a.
트윕 제공 이펙트 - 후원시 트윕 제공 이펙트와 모델 이펙트 모션을 함께 적용해요.
b.
커스텀 이펙트 - 후원시 모델이 내장한 이펙트 모션만 적용돼요.
1. 트윕 제공 이펙트 활용해 만들기
1.
트윕 제공 이펙트를 선택할 경우
a.
후원시 나타나길 원하는 이펙트를 선택한 후, “이펙트 동작 옵션” “이펙트 동작 금액” 을 결정해 주세요. 내가 원하는 조건에서 리액션 효과가 발생하도록 할 수 있어요. 결정한 후 “다음으로” 를 눌러주세요.
i.
이펙트 동작 옵션: 트윕 텍스트 후원 | 트윕 영상 후원 | 트윕 음성 후원 | 트윕 슬롯머신 후원 | 유튜브 슈퍼챗 | 유튜브 슈퍼스티커
- 이펙트 상세 설정 1/2
1.
“이펙트 상세 설정”-1. 모델 머리 모션을 선택하는 옵션이 나타납니다. 후원이 들어왔을 때, 트윕 제공 이펙트가 나타나면서, 그에 맞게 내 캐릭터 모델이 어떻게 움직일 지 설정할 수 있어요. 각 슬라이더를 조절하면 VTS에서 실시간으로 내 캐릭터가 움직이는 모습을 확인할 수 있어요!
a.
“모델 머리 모션 X 방향” - 모델이 바라보는 방향을 좌-우로 변경할 수 있습니다.
b.
“모델 머리 모션 Y 방향” - 모델이 바라보는 방향을 상-하로 변경할 수 있습니다.
c.
“모델 머리 모션 Z 방향” - 모델이 몸 전체를 좌-우로 기울이도록 변경할 수 있습니다.
d.
지정하고 싶은 추가 표정/포즈가 있다면 아래 드롭다운 메뉴에서 선택해 골라주세요. 내 캐릭터 모델에서 지원하는 모션들이 나타납니다. (단, 지원하는 경우에만 나타남)
- 이펙트 상세 설정 2/2
1.
“이펙트 상세 설정”-2. 후원이 들어왔을 때 이펙트 및 모델의 움직임을 설정합니다.
a.
“이미지 사이즈” - 트윕 제공 이펙트 이미지의 크기를 조절합니다.
b.
“모델 사이즈” - VTS 캐릭터 모델의 크기를 조절합니다.
c.
“이미지 가로 상세 위치 설정” - 트윕 제공 이펙트 이미지의 세부 가로 위치를 조절합니다.
d.
“이미지 세로 상세 위치 설정” - 트윕 제공 이펙트 이미지의 세부 세로 위치를 조절합니다.
e.
“VTS 모델 크기/위치 별 상세 설정” - VTS 모델과 트윕 제공 이펙트의 상대적 사이즈 및 위치 비율을 조정합니다.
2.
“저장하기” 를 누르면 VTS와 연동된 후원 이펙트가 추가됩니다.
2. 커스텀 이펙트로 만들기
1.
커스텀 이펙트를 선택한 경우
a.
후원시 나타나길 원하는 이펙트 모션을 선택하고, 동작시킬 후원 종류 및 금액을 선택하세요.
b.
“다음으로” 를 누르면 설정 완료됩니다.
내 방송에 잘 적용되는지 확인하기
1.
“스트리밍 모드” 버튼을 누른 후, 후원 종류 및 금액을 입력해 잘 작동하는지 테스트할 수 있어요.
2.
좌측 버튼을 숨기려면, “스트리밍 모드” 메뉴를 띄운 상태에서 빈 곳을 아무 곳이나 더블클릭하면 됩니다.
VTS와 버튜버 리액션 앱을 연동시켰는데도, 이펙트 추가 설정할 때 캐릭터가 움직이지 않아요.
종종 연동이 꼬이는 경우가 발생할 수 있습니다. 리액션 앱의 VTS API 연결을 해제한 후, VTS쪽에서도 API 기능을 껐다가 다시 켜 보세요.