트위치의 개인 방송을 보면, 위와 같이 화면에 레이아웃을 만들어서 게임화면과 캠 화면, 채팅 등을 한 화면에서 전부 보여주는 방송이 있습니다.
이 글에서는 이런 레이아웃을 만드는 방법에 대해서 알아보고자 합니다.
1. 시작하기 전에 준비할 것
우선 포토샵 등의 툴을 이용해서 ‘투명’으로 구멍을 낸 PNG 파일을 만들어주세요.
(예로 든 그림은 좀 썰렁합니다만…ㅠㅠ 실제로 제작하실 때는 파란색 공간에 그림이나 글자등을 넣어서 예쁘게 꾸며주세요.)
2. Xsplit에서 화면 레이아웃 구성하기
Xsplit에 이미지 파일을 추가하기 전의 화면입니다. 게임으로는 LOL을 한번 띄워보았습니다.
준비해둔 이미지 파일을 화면 위에 드래그 앤 드랍으로 올려놓으시거나, 추가 – 미디어 파일에서 이미지 파일을 선택해서 넣어주시면 됩니다.
이미지 파일을 추가하면 위와 같은 화면이 됩니다.
하지만 아직 게임 화면의 사이즈가 이미지 파일에 만든 구멍에 맞춰지지 않은 상태이네요.
소스를 선택하신 후 소스의 테두리를 클릭하고 드래그 앤 드랍으로 사이즈를 조절할 수 있습니다.
이미지 파일에 맞도록 조절해서 화면에 넣어보았습니다.
PC 게임을 넣으시려면, 소스를 추가하실 때 게임 - 자동 감지나 게임을 직접 찾아서 추가하시면 됩니다.
콘솔 게임인 경우에는 Webcam, 캡쳐 카드, 비디오 장치의 화면을 추가하시고,
같은 요령으로 화면 사이즈를 수정해서 사이즈를 맞춰주시면 됩니다.
웹캠의 경우에도 같은 요령으로 화면 사이즈를 수정하시면 됩니다.
웹캠을 추가하고 설정하는 방법에 대해서는 해당 글(링크)을 참고해주세요!
3. 소스 순서 바꾸기
Xsplit은 소스 목록의 위쪽에 있는 소스를 화면 상에서도 위쪽에 표시하게 되어 있습니다.
때문에 앞서 언급한 방법대로 이미지 파일을 추가한 다음 새로 게임 화면을 추가하셨을 때,
게임 화면이 보다 위쪽에 표시되어서 이미지 파일을 가리는 현상이 발생할 수도 있습니다.
그럴 때는 소스 목록에서 순서를 변경하고 싶은 항목을 클릭하고 위나 아래로 드래그 앤 드랍을 함으로써 순서를 바꿔주시면 됩니다.
4. 장면 전환
또한 Xsplit은 “장면”을 여러 개 만들어둠으로써 순식간에 화면 구성을 전환할 수도 있습니다.
오른쪽 아래에 위치한 Scene 1에서 12까지의 번호 중에서(현재 1번 사용 중) 원하는 번호를 클릭하시고,
다시 한 번 소스를 추가해서 장면을 만들어주세요.
장면이 추가되면 원하는 Scene의 버튼을 눌러주시는 것만으로 장면을 전환할 수 있습니다.
장면에 이름을 넣을 수도 있으니, 장면이 추가되면 알아보기 쉽게 이름을 변경해주세요.
‘보기 – 장면 전환’에서 각 장면이 전환될 때 사용할 연출을 선택하실 수도 있습니다.
하나하나 시험해보시면서 장면 전환에 어울리는 옵션을 선택해보세요.
5. 마무리
조금 썰렁한 화면입니다만, 기본적인 레이아웃은 이런 식으로 구성하시면 되겠습니다.
레이아웃을 구성하면 화면에 여러 가지 정보를 동시에 전달할 수 있는 장점이 있습니다.
이상으로 이미지 파일을 이용하여서 화면을 꾸미는 방법에 대해서 알아보았습니다.
이미지 파일을 이용해서 화면을 꾸미면 하나의 화면에 여러 가지 정보를 담을 수 있다는 것이 장점인데요.
다른 가이드에서 레이아웃을 이용해서 채팅이나 알림처럼 다른 부가적인 정보들을 표시하는 방법에 대해 설명하고 있으니,
그쪽 글들도 한번 체크해주세요!
트게더
댓글 0개 ▼