안녕하세요, 이 튜토리얼에서는 텍스트 플롯부터 최종 결과 비디오에 이르기까지 클립 스튜디오를 사용한 시각적 스토리텔링의 기본을 가르쳐드리겠습니다. 주요 애니메이션 업데이트(1.8.4 / 2018년 11월)부터는 사운드와 함께 비디오를 만들기 위해 추가 소프트웨어가 필요 없습니다. 이는 짧은 애니메이션을 완성하는 데 매우 편리합니다.

시각적 스토리는 이미지로 스토리를 전달하는 것입니다. 거의 애니메틱처럼 보이지만, 스토리에 무슨 일이 일어나는지 설명하는 음성 또는 텍스트가 있습니다. 이는 스토리텔링을 더 흥미롭게 만들고 애니메이션에 비해 제작 시간을 단축시킵니다.

 

전체 과정은 다음과 같습니다.

1단계: 텍스트 스크립트

시각적 스토리의 시작이자 가장 중요한 과정은 전체 텍스트 스토리입니다. 어떤 텍스트 편집기에서든 이를 정리합니다.

 

스토리보드를 쉽게 관리할 수 있도록 스토리에 나타난 장면들을 구분하는 데 선을 사용합니다.

2단계: 스토리보드 배치

텍스트를 스토리보드 패널로 나눴습니다. 그런 다음 장면을 그립니다.

이것은 애니메이션을 만들 때 사용되는 과정과 같지만, 연속적인 움직임 대신 만화 패널처럼 나눕니다. 프레임당 하나의 이미지입니다.

3단계: 애셋 준비

모든 장면을 그리는 대신, 반복되는 그림이 있다면 애셋 준비가 많은 시간을 절약하는 데 도움이 됩니다.

쉽게 사용하기 위해 이미지 애셋을 소재 라이브러리에 등록했습니다.

 

소재 팔레트에서 폴더를 마우스 오른쪽 버튼으로 클릭하고 [신규 폴더]를 클릭합니다.

(또는 소재 팔레트에서 새 폴더 아이콘을 클릭합니다)

 

폴더 이름을 지정합니다.

(새 폴더는 프로젝트 애셋 관리를 쉽게 해줄 것입니다)

이미지를 라이브러리에 등록하려면

그린 애셋의 폴더 또는 레이어를 클릭합니다.

 

그런 다음 메뉴 [편집] > [소재 등록] > [이미지 소재]로 이동합니다.

이름을 설정하고 저장할 폴더를 선택하면 완료됩니다.

이미지가 라이브러리 폴더에 나타납니다.

참고: 폴더를 등록하면, 소재를 캔버스로 다시 가져올 때 폴더 형태로 가져와집니다. 벡터 레이어를 폴더에 저장하여 나중에 조정할 수도 있습니다.

이미지를 사용하려면 캔버스 영역 또는 레이어 팔레트로 드래그하면 됩니다.

(캔버스에 직접 드래그하면, 개체는 현재 레이어 위에 새 레이어로 생성됩니다)

 

참고: 한두 번만 나타나는 일부 이미지의 경우, 화면에 직접 그립니다.

4단계: 구도 배치

이 설정으로 프로젝트 캔버스를 만듭니다.

[프리셋]은 사용자 정의로 설정할 수 있으며, 선호하는 크기는 비디오 플랫폼에 따라 달라집니다.

 

[타임라인] 옵션에서 프레임 속도를 8로, 재생 시간을 24로 설정했습니다. 시각적 스토리의 경우 부드러운 움직임을 위해 높은 프레임 속도가 필요하지 않습니다. 낮은 프레임 속도는 작업하기 더 쉽게 만듭니다.

하지만 낮은 프레임 속도는 선택 사항이며, 부드러운 변형을 만들고 있다면 더 높은 프레임 속도가 작업에 더 적합할 수 있습니다.

 

미리 설정된 타임라인과 안전 테두리가 있는 캔버스를 얻게 될 것입니다.

한 컷을 위한 카메라 폴더를 만듭니다.

타임라인 팔레트에서 마우스 오른쪽 버튼을 클릭하고 [신규 애니메이션 레이어] > [2D 카메라 폴더]를 선택합니다.

(또는 메뉴 바에서 [애니메이션] > [신규 애니메이션 레이어] > [2D 카메라 폴더])

 

카메라 폴더 이름을 스토리보드의 컷 번호로 변경합니다.

(새 캔버스가 자동으로 생성한 애니메이션 폴더는 제거할 수 있습니다)

 

스토리보드 순서대로 개체를 배치합니다.

카메라 폴더 안에 넣어줍니다.

 

그런 다음 컷을 숨기고 (레이어의 눈 아이콘을 클릭하여)

다음 컷을 위한 새 카메라 폴더를 만들고 마지막 컷까지 단계를 반복합니다.

 

팁: 카메라 폴더에 키워드를 넣어 나중에 쉽게 찾을 수 있도록 하세요.

 

참고: 장면에서 부드러운 움직임을 위해 프레임별 애니메이션(애니메이션 폴더)을 만들고 싶다면, 단순히 키프레임을 레이어로 추가하면 됩니다.

(이 단계에서는 캐릭터 움직임에 대해 아무것도 하지 않습니다)

음성 녹음

녹음 소프트웨어 또는 휴대폰을 사용하여 스토리를 하나의 파일로 녹음합니다. 이 과정은 텍스트 스크립트가 완료되는 즉시 수행할 수 있으므로 주요 과정과 별개입니다.

오디오 준비에는 두 가지 방법이 있으며 각각의 장점이 있습니다.

1. 긴 파일: 전체 스토리를 하나의 오디오 파일로

• 제작하기 더 쉽습니다.

• 융통성이 없습니다: 클립 스튜디오에서 편집 시간을 절약하려면 스토리의 타이밍이 미리 잘 맞춰져 있어야 합니다.

 

2. 분할 파일: 스토리보드 패널당 1개 파일

• 파일을 분할/녹음하는 데 시간이 걸립니다.

• 융통성이 있습니다: 클립 스튜디오에서 나중에 타이밍을 쉽게 조정할 수 있습니다.

 

자신의 작업 스타일에 적합한 것을 선택할 수 있습니다. 이 튜토리얼에서는 오디오 파일 작업의 두 가지 방법을 모두 보여줄 것입니다.

5단계: 사운드 타이밍 맞추기

이 프로젝트를 위해 세 가지 유형의 사운드를 준비했습니다.

1. 스크립트 음성 녹음

2. 효과음: 나무 찍는 소리, 팝 사운드, 갈라지는 소리 등

3. 배경 음악

 

(더 현실적인 스토리 테마를 만든다면, 주변 소리를 추가할 수도 있습니다.)

>> 음성 녹음 타이밍 맞추기

사운드를 가져옵니다. [파일] > [가져오기] > [오디오]

음성 녹음을 먼저 가져옵니다.

(하나의 파일을 만들면 타임라인이 이렇게 보일 것입니다)

 

(여러 음성 파일을 만들어 여러 파일을 함께 가져오면 이렇게 나타날 것입니다)

확대 아이콘으로 타임라인을 확대할 수 있습니다.

키프레임을 삽입하여 사운드에 맞춰 재생 시간을 조정합니다.

 

어떤 카메라 폴더든 마지막 키프레임을 마우스 오른쪽 버튼으로 클릭 > [프레임 삽입]

 

음성 타이밍을 커버하기 위해 프레임 수를 추가합니다.

(이 방법으로 모든 카메라 폴더에 한 번에 키프레임을 추가할 수 있습니다)

 

여러 음성 파일을 사용하는 경우, 새 프레임 작업은 음성 파일 사이에 이런 식으로 간격을 생성할 것입니다.

빈 영역을 마우스 오른쪽 버튼으로 클릭하고 [프레임 삭제]

[레이어만 선택]을 체크한 다음 제거할 프레임 번호를 입력합니다.

[미리보기]를 체크하여 실시간으로 결과 타임라인을 확인합니다.

(또한 [프레임 수]를 클릭하여 위아래 버튼으로 값을 조정할 수 있습니다)

사운드에 맞춰 컷을 조정합니다.

• 단일 음성 파일의 경우, 컷의 타이밍을 찾기 위해 들어야 합니다.

• 여러 음성 파일의 경우, 각 컷의 음성이 어디에서 끝나는지 더 쉽게 알 수 있습니다.

 

현재 모든 카메라는 1프레임부터 마지막 프레임까지 표시됩니다.

캔버스에 순서대로 표시하려면 음성 녹음에 맞춰 키프레임을 설정합니다.

타임라인을 마우스 오른쪽 버튼으로 클릭하고 다음 메뉴를 통해 첫 번째 및 마지막 표시 프레임을 설정합니다: [첫 번째 표시 프레임으로 설정] 및 [마지막 표시 프레임으로 설정]

각 카메라 폴더의 첫 번째 및 마지막 표시 프레임을 설정합니다 (타임라인은 이렇게 보일 것입니다).

사운드 동기화를 마치면, 레이어 키프레임을 사용하여 폴더 안의 레이어에 애니메이션 세부 정보를 추가할 수 있습니다.

(컷은 카메라 폴더가 타임라인에 표시된 곳에서만 나타납니다)

나중에 카메라 폴더 안에 애니메이션 폴더를 만들 수도 있습니다.

(새 애니메이션 폴더를 만들고 준비된 키프레임 레이어를 안에 넣습니다)

그리고 카메라 키프레임으로 확대합니다 (파란색 프레임을 조정하여 카메라 효과를 만듭니다).

애니메이션 기술에 대해서는 클립 스튜디오에서 애니메이션을 만드는 방법을 설명하는 저의 스시 고양이 튜토리얼을 확인하세요.

>> 효과음 적용

카메라 폴더에 오디오 파일을 가져와 키프레임과 관련된 효과음을 가져올 수도 있습니다.

 

바를 드래그하여 타임라인의 애니메이션과 일치시킵니다.

(도끼가 나무를 때리는 프레임에서 찍는 소리가 재생됩니다)

참고: 반복되는 경우 타임라인에서 바를 선택하여 사운드를 복제할 수 있습니다.

그런 다음 [마우스 오른쪽 버튼 클릭 > 복사] 및 [마우스 오른쪽 버튼 클릭 > 붙여넣기]를 통해 복제합니다.

 

(바의 작은 헤더를 클릭하여 선택합니다)

효과음이 애니메이션에 비해 너무 길다면 쉽게 자를 수 있습니다.

자르려는 키프레임을 마우스 오른쪽 버튼으로 클릭하고 메뉴 [클립 분할]을 선택합니다.

이제 원하지 않는 부분을 삭제할 수 있습니다.

원치 않는 오디오 부분을 자르기 위해 클립 분할 방법을 사용할 수도 있습니다.

>> 배경 음악 추가

키프레임 1에 오디오를 가져와 프로젝트에 배경 음악을 추가할 수도 있습니다.

음악 볼륨이 너무 높으면 오브젝트 도구를 사용하여 조절합니다.

음성 레이어를 선택하면 도구 속성에 볼륨 옵션이 나타납니다.

그래프 편집기를 사용하여 볼륨을 조절하여 페이드 아웃과 같은 볼륨 효과를 만들 수도 있습니다.

여기 그래프 조정 예시가 있습니다. 0초부터 2초까지 페이드 인 효과를 만듭니다.

 

(그래프는 0초에서 볼륨 0%로 시작하여 2초에서 3%로 상승합니다)

(퍼센트는 사운드의 품질에 따라 달라지며, 비디오의 모든 사운드가 동일한 품질로 제공될 경우 작업하기 더 쉽습니다.)

원하는 프레임을 선택한 다음 키프레임을 추가하여 그래프 선에 키프레임을 만듭니다.

이렇게 하면 사운드 볼륨이 낮아집니다 (0으로 낮추면 무음이 됩니다).

이는 다른 사운드에 집중하는 데 유용합니다.

그래프 아이콘을 다시 클릭하여 그래프 편집기를 닫으면 키프레임도 타임라인에 표시됩니다.

6단계: 비디오 내보내기

영화를 내보내려면 [파일] > [애니메이션 내보내기] > [영화]로 이동합니다.

클립 스튜디오에서는 저장 패널에서 선택할 수 있는 2가지 형식으로 동영상 파일을 내보낼 수 있습니다.

.avi는 다른 소프트웨어에서 처리하려는 경우에 좋은 더 크고 고품질의 비디오 파일입니다.

.mp4는 웹 플레이어에 적합한 압축된 크기입니다.

 

내보내기 설정에서 2D 카메라 효과를 적용하는 것을 잊지 마세요.

이제 비디오가 준비되었습니다!!

보너스 파트: 추가 장면 (타이틀+크레딧)

비디오 작업을 마친 후, 제목이나 엔딩 크레딧을 추가하고 싶을 수 있습니다. 타임라인 경계를 조금 앞으로 이동하는 것만으로 클립 스튜디오에서 이 모든 것을 할 수 있습니다.

그런 다음 2D 카메라 폴더를 추가하고 제목을 만듭니다.

완료되면, 폴더의 마지막 표시 프레임을 설정하기만 하면 됩니다.

단 6개의 간단한 배경과 약 6개의 캐릭터 이미지를 사용하여 1분 30초 길이의 시각적 스토리 비디오를 만들었습니다. 이 튜토리얼이 여러분만의 시각적 스토리를 만드는 데 도움이 되는 아이디어를 주기를 바랍니다.

 

즐거운 하루 보내세요 :) 다음 튜토리얼에서 만나요. :3