OBS 사용법 #2 화면(UI) 구성

2편은 실행했을 때 보이는 화면 구성에 관한 글입니다. OBS는 처음 사용할 때는 좀 복잡해 보이긴 하지만 장면과 소스 그리고 설정 부분만 알면 사용법을 거의 숙지한 거나 다름없습니다.

 

전체 UI

화면 구성

 

1번 : 미리보기 창

- 방송 또는 녹화할 때 화면 구성을 미리 확인해 볼 수 있는 창입니다.

2번 : 장면 목록

- 장면 목록은 전체 화면 구성의 단위입니다. (자세한 설명은 아래에서 하겠습니다)

3번 : 소스 목록

- 실제 화면을 구성할 수 있는 단위들의 목록입니다. 소스 목록은 하나의 장면에 포함됩니다.

4번 : 제어에는 보이는 대로 방송 시작 / 녹화 시작 / 설정 등을 할 수 있는 메뉴입니다.

 

여기서 중요한 건 장면과 소스입니다.

 

장면 목록

장면은 전체 화면 구성의 단위로 화면의 구성을 달리할 때 장면으로 분류를 하면 간단하게 화면 구성을 바꿀 수 있습니다.

장면은 일종의 대분류이고 하나의 장면(대분류)에 여러 개의 소스(소분류)을 포함합니다.

 

장며 목록과 소스 목록

 

위 화면은 샘플로 구성해 봤을 때 이런 식으로 구성할 수 있습니다.

게임 방송도 하고 때로는 게임이 아닌 먹방같은 캠 방송도 하고 그 외에 게임을 녹화해서 유튜브 등에 올릴 경우에 게임 녹화 목록을 만들 수도 있습니다. 이 외에도 게임만 나오는 게임화면, 모니터 전체 화면이 나오는 모니터 화면 등등으로 구성할 수 있습니다.

게임 방송을 하려면 게임 화면이 있어야 하고 채팅창은 보이면 안 되니 가릴 수 있는 별도의 창이 있어야 하고 파티창에도 파티원들의 캐릭명이 보이니 가려서 보이지 않게 해야 하고 방송 댓글창도 넣으면 전체화면으로 보는 시청자들은 방송 댓글까지 볼 수 있으니 이렇게 구성한다면 위 화면처럼 할 수 있습니다. 게다가 배경 음악까지 넣는다면 오디오 소스를 추가할 수도 있습니다. 물론 장면 목록의 이름과 소스 목록의 이름은 원하는 데로 만들 수 있습니다.

 

하나의 장면에 소스 목록이 포함

 

게임상의 채팅창이나 파티창등을 가리기 위해 게임 화면 위에 이미지를 올리거나 웹캠으로 가릴 수도 있습니다.

위 샘플 화면에서는 장면 목록을 게임 방송과 게임 녹화로 나눴는데 이는 설명하기 위한 샘플일 뿐으로 꼭 이렇게 할 필요는 없습니다.

 

소스 목록

소스 목록은 여러 가지 소스의 모음으로 각 소스별로 필터 등을 적용할 수 있고 보이기나 숨기기 등을 할 수 있는 화면을 구성하는 최소 단위입니다.

 

보이기/잠금

 

1번 : 구성한 화면에서 해당하는 소스를 보이게 할 것인지 숨길 것인지 설정하는 버튼입니다.

2번 : 해당 소스를 잠그는 기능으로 활성화하면 미리보기창에서 해당 소스가 드래그가 안 되기 때문에 크기나 위치를 조절할 수 없게 됩니다. 화면 구성을 모두 완료하면 잠금기능으로 크기나 위치가 바뀌지 않도록 하는 것이 좋습니다.

 

해당 소스 속성

 

소스에서 마우스 우클릭을 하면 위와 같이 해당 소스를 편집할 수 있는 메뉴가 나옵니다.

 

속성은 소스를 추가할 때 나오는 항목과 같으며 편집할 수 있습니다.

 

순서 : 소스 목록에 나열된 순서를 바꾸는 기능으로 이 순서를 바꾸면 화면 구성의 여러 개의 소스를 위에 표시할지 아래에 표시할지를 결정할 수 있습니다. 즉, 겹치는 소스들 중에 어떤 것을 위에 표시할지를 결정할 수 있습니다. 예를 들어 위 화면의 예시에서 가장 밑에 있는 게임화면은 크기가 가장 큰데 이 소스를 가장 위로 올리면 나머지 모든 소스가 게임화면 밑으로 깔리면서 안 보이게 됩니다. 따라서 순서가 중요합니다.

 

속성 - 변환 편집

 

변환 - 변환 편집을 누르면 세부적인 설정이 가능합니다. 해당 소스의 위치와 크기뿐만 아니라 회전을 할 수 있고 자르기를 할 수 있습니다. 경계 상자 유형은 소스의 원본 크기를 기준으로 적용되는 설정입니다. 이러한 기능은 필터에서도 적용할 수 있습니다.

채우기는 해당 소스가 메뉴-설정-비디오에서 설정한 해상도에 맞춰 비율이 고정인 채로 크기가 커집니다. 늘리기는 비율이 고정되지 않고 무조건 해상도에 맞춰집니다.

소스 목록의 필터 설정

소스의 필터

 

필터를 누르고 +버튼을 누르면 위 화면이 나오는데 해당 소스에 여러 가지 필터를 적용할 수 있는 기능으로 선명하게 하거나 자르기, 크로마 키 등을 적용할 수 있습니다.

 

적용된 필터 목록

 

여기서에서 눈동자 표시 또한 마찬가지로 해당 필터를 적용할 것인지 안 할 것인지를 선택할 수 있는 기능입니다.

 

자르기 / 덧대기

 

자르기

 

좌표를 입력해서 자르거나 늘리기를 할 수 있는데 좌표는 상대값과 절대값으로 입력할 수 있습니다. 상대값은 현재 소스의 상,하,좌,우의 끝을 기준으로 입력된 좌표만큼 자르는 방식이고, 절대값은 현재 소스의 시작 X,Y 좌표를 기준으로 가로 폭과 세로 높이를 조절하여 자르기를 할 수 있습니다.

 

단축키 사용

 

이 외에도 미리보기창에서 해당 소스를 선택한 후 Alt 키를 누른 상태에서 작은 원을 클릭, 드래그해서 조절할 수 있습니다.

 

마우스 드래그 : 비율 고정으로 전체 크기 조절

Shift + 마우스 드래그 : 전체 크기 조절

Alt + 마우스 드래그 : 자르기

 

 

색상 보정

색상과 투명도 적용

 

해당 소스의 명암, 채도 등을 편집할 수 있고 특히 투명도나 색상을 지정할 수 있습니다.

 

크로마 키와 색상 키

 

크로마 키 설정

 

크로마 키는 보통 캠 화면에 사용되는데 일반적으로 녹색의 배경을 투명하게 해서 방송 화면의 가리는 부분을 최소화하는 기능입니다. 색상 키 또한 비슷한 기능이긴 한데 색상뿐만 아니라 미세한 밝기의 변화에도 적용되므로 크로마 키 기능으로 사용하기에는 조금 부적합합니다. 캠 화면에 사용하려면 뒷 배경에 일반적으로 크로마 키에 사용되는 녹색 천 등을 사용해야 하는데 방 조명의 각도 등에 의해서 밝기가 부분적으로 다를 수 있기 때문에 색상 키는 잘 맞지 않습니다. 하지만 캠 화면의 테두리를 꾸미거나 할 때 그림을 사용하는데 이때에는 전체 색과 밝기가 동일하기 때문에 색상 키를 사용해도 좋습니다. 유사성을 조절하여 미리보기창의 변화를 보면서 본인의 환경에 맞는 값을 찾아야 합니다.

 

직접 색상 지정

 

좀 더 정확한 색상 지정을 위해 사용자 색상과 색상 지정 버튼을 클릭 후 Pick Screen Color버튼을 클릭하고 배경이 되는(투명하게 만들) 부분을 클릭하면 색상 지정이 됩니다. 이는 크로마 키도 동일한 방식입니다.

 

테두리 사진

색상키 필터 적용

색상키 적용 결과

* 클릭하면 커집니다.

위 화면처럼 색상 키 기능을 이용해서 캠 화면의 테두리등을 꾸밀수 있습니다. (이미지 소스추가 - 필터 - 색상 키 - 색상 지정 - 캠화면 위에 겹치기 - 각 소스 크기조절)

 

크로마 키와 색상 키의 차이는 아래 외국 유튜버의 예시 영상이 좋은 비교가 되는 것 같습니다.

 

 

크로마 키는 2:55초 부터, 색상 키는 5:23초 부터 에시 화면입니다.

 

스크롤

스크롤 필터

 

해당 소스를 가로로 자동 스크롤되게 하거나 위아래(세로)로 스크롤되게 하는 기능입니다. 화면에 긴 메시지등을 보여줄 때 요긴하게 사용됩니다.

 

이미지 마스크/혼합

 

이미지 마스크 필터

 

해당 소스에 또 다른 이미지를 겹치게 하는 기능으로 투명도를 지정할 수 있습니다. 마스크가 되는 이미지가 해당 소스보다 크기가 작다면 이미지 늘리기를 체크해서 사용할 수 있습니다.

편집 방식 버튼

편집 방식

 

편집 방식 버튼을 누르면 위와 같은 화면이 나옵니다. 왼쪽은 편집할 수 있는 부분이고 오른쪽은 실제로 방송 송출 중이거나 녹화 중인 부분입니다. 방송이나 녹화 중 장면을 바꾸거나 소스를 편집할 때 그대로 방송이나 녹화가 되면 깔끔해지지 않기 때문에 왼쪽 편집 부분에서 편집을 다 한 후 가운데에 있는 전환 버튼을 누르면 편집된 영상으로 바뀌게 됩니다. 이는 방송 중이나 녹화 중에 사용할 때 유용합니다.

 

아래는 그 예시입니다.

 

편집 방식은 이렇게

 

관련글

2017/10/02 - [윈도우 (Windows)/프로그램] - OBS 사용법 #1 다운로드 및 설치 편

2017/09/09 - [윈도우 (Windows)/프로그램] - [포터블] OBS-Studio 설정값까지 포터블로 만들기

2017/10/18 - [윈도우 (Windows)/프로그램] - OBS 사용법 #3 추가할 수 있는 소스 종류

2017/10/31 - [윈도우 (Windows)/프로그램] - OBS 사용법 #4 메뉴-설정

2017/11/13 - [윈도우 (Windows)/프로그램] - OBS 사용법 #5 유튜브에서 방송하기