Guide
무작정 따라하기
비디오스튜도 온라인 도구다보니 기초적인 정보는 좀 알아야 사용을 할 수 있지 않겠어요? 그럼 지금부터 화면의 이 버튼이 무슨 역할이고, 저 버튼은 무슨 역할인지 알아보도록 해요! . 라고 하면 이 슬라이드를 닫으려고 하겠죠?
이 가이드를 읽으시는 여러분이 동영상의 전문가는 아닐거예요. 그러면 제일 좋은 방법은, 자기가 스스로 동영상을 직접 만들어보는거예요! 화면 구성이나 용어, 고급활용 팁을 익히기보다 일단 무언가를 먼저 만들어내는 거지요. 비디오스튜는 이론보다는 실전, 나중보다는 지금을 위해 만들어진 서비스인 것을 잊지마세요. 우리는 다 같은 마음입니다.
위자드 따라하기
컴퓨터 프로그래밍을 배울 때 가장 최초로하는 것은. 컴퓨터 이론이나 역사, 하드웨어가 아니예요. 바로 화면에 "Hello World"라는 글자를 프린트하는 것에서부터 시작해요.
< 코딩의 시작도 Hello World부터 >
이를 통해서 매우 단순하지만 '나도 일단 뭔가 했다'라는 느낌을 가지는 것이지요. 우리도 이렇게 시작해봐요. 무작정 따라하기니까 이 가이드를 인쇄하거나 아니면 창을 분리해서 비디오스튜 편집을 하면서 같이 볼 수 있도록 먼저 준비를 해주세요.
이번 실습에서는 아래의 동영상을 만들어볼거예요.
< 만들어 볼 동영상 >
프로젝트 추가하기
먼저 홈화면에 있다고 가정할게요. 좌측 상단의 '새로운 요리 시작하기' 버튼을 누르세요.
< 새 프로젝트를 추가 >
위자드 모드 시작
그러면 자동으로 위자드모드가 나타날거예요. 새로운 프로젝트를 추가하게 되면 처음에 나타난답니다. 제목은 "첫 프로젝트"라고 지정해주시고, "다음" 버튼을 눌러주세요.
다음 화면에서 "스크립트"를 선택하고 "다음"을 눌러주세요.
내용 넣기
다음에 나타나는 화면이 실제 내용을 넣는 슬라이드예요. 아래와 같이 세 줄을 만들어 넣어봅시다.
이것이 저의 비디오스튜 첫 프로젝트입니다.
비디오스튜는 대본 입력만으로 쉽게 영상을 제작할 수 있지요.
앞으로 비디오스튜와 함께 하고 싶은 이야기를 마음껏 영상화해보려고 합니다.
< 위자드에 내용을 넣은 모습 >
만약 위에 글이 한 줄로 들어가게 된다면 Enter키를 이용해서 문단을 분리할 수 있습니다. 위 그림처럼 내용을 다 넣었다면 "다음"을 눌러보세요.
마무리 설정
이제 목소리나 BGM, 폰트 등을 설정할 수 있는 화면이 보여요. 추후에 자주 사용하게 되면 이 설정을 만지게 될 수 있지만, 지금은 중요하지 않으므로 곧장 "완료"를 눌러주세요.
< 상세 설정화면 >
영상 자동 매칭
이제 우리가 입력한 내용을 바탕으로 자동으로 영상이 추가되면서 내용에 맞는 배경 영상까지 자동으로 매칭해줍니다.
<내용에 맞춰 영상을 자동으로 매칭>
전체 동영상 미리보기
이제 마무리 편집을 위한 단계까지 왔습니다. 생소한 편집화면을 보니 무엇부터 손을 데야 할지 막막하시죠? 하지만 걱정하지마세요. 저만 잘 따라오시면 문제없이 동영상을 완성할 수 있답니다.
<편집화면 모습>
화면에서 가장 위에 미리보기 버튼이 보이시나요? 거기에서 바로 옆에 붙어있는 ▼ 를 누르시고 "전체 미리보기"를 눌러보세요. 여러분이 만든 내용을 기반으로 만들어진 멋진 동영상이 확인되나요?
렌더링 및 다운로드
아직까지는 작업물이 비디오스튜 서버에만 존재하고 있어요. 이제 이것을 렌더링하여 "내 컴퓨터"에 다운로드 받아보기로해요.
화면의 오른쪽 상단에 "다운로드" 버튼이 보이시나요? 그것을 클릭해보세요. 아래와 같이 다운로드 창이 열립니다. 여기에서 가장 왼쪽에 "렌더링"을 눌러보세요. 작업된 것을 동영상으로 변환하는 과정이예요.
<다운로드 버튼과 다운로드 모달>
약간의 시간이 흐른 후에 그 옆에 "다운로드"가 활성화된 것을 볼 수 있을거예요. 그것을 누르면 이제 진짜 완성된 동영상(mp4)가 "내 컴퓨터"에 다운로드 된답니다. 탐색기(혹은 파인더)를 열어 다운로드 폴더로 가서 재생해보세요! 바로 여러분이 하나의 동영상(완전한 mp4)를 만든 거예요! 축하드려요! 친한 친구들에게 SNS나 카톡으로 "이게 내가 만든 동영상이다"라고 자랑해보세요! 이제 시작입니다.
다운로드 폴더는 브라우저의 설정에 따릅니다. 다운받은 영상이 어디있는지 모르신다면 [다운받은 동영상 확인하기]를 참고해주세요.
수동제작 따라하기
마지막으로 이번엔 레시피나 위자드 모드없이 직접 다 만들어볼까요? 이 과정을 통해서 더 많은 비디오스튜의 작업 흐름과 기능들을 익혀볼 수 있어요! 하나씩 차근차근 해보자구요!
< 만들 동영상 >
프로젝트 추가하기
먼저 홈화면에 있다고 가정할게요. 좌측 상단의 프로젝트 추가 버튼을 누르세요.
< 프로젝트 추가하기 버튼 클릭 >
제목은 이번에는 위자드 모드를 쓰지 않고 곧장 좌측 하단의 "바로 시작"을 눌러볼께요.
<좌측 하단의 바로 시작 누르기>
16:9 비율의 가로형 프로젝트로 변경하기
마지막에 했던 작업이 무엇이었는지에 따라 "바로 시작" 후 보이는 편집화면에서의 화면 비율이 다를 수 있어요. 이럴 때는 우측 하단의 사이즈를 눌러서 원하는 화면 비율로 변경해줄 수 있답니다.
이번 작업에서는 1920x1080(16:9) 비율을 선택해보도록 할께요. 그러면 곧장 편집화면이 가로형으로 바뀌는 것을 확인할 수 있어요.
< 프로젝트의 화면 비율을 변경 >
이미지와 텍스트 삽입
좌측의 라이브러리 창에서 "비디오 > 스톡"을 선택하고 상단의 검색어에 "바다"를 입력, 검색해보세요. 마음에 드는 이미지를 클릭하시면, 중앙의 편집 창에 기본 사이즈로 들어갑니다.
< 이미지 검색 후 삽입 >
다음으로는 텍스트를 넣을 거예요. 좌측의 라이브러리 창에서 "글꼴 > 스톡"을 선택하고, 마음에 드는 글꼴을 클릭하세요. 그러면 중앙의 편집 창에 해당 글자체로 "Text"라는 요소가 삽입되어있을 거예요.
< 텍스트 삽입 >
편집 창에서 텍스트 요소를 두 번 클릭하여 수정모드로 변환하세요. 내용을 "우리 함께 지구의 미래를 지켜나가요"라고 입력하세요. 입력하였다면 편집 창 비어있는 곳을 클릭하여 텍스트 수정 모드를 빠져나오세요.
< 텍스트 수정 모드 빠져나옴 >
텍스트를 잡고 원하는 위치와 사이즈로 지정을해요. 자막처럼 깔고 싶으니까 하단에 붙이고, 사이즈를 슬라이드 사이즈에 맞춰 변경을 해주어요.
< 텍스트 위치와 사이즈 조정 >
내용 채워 넣기
슬라이드를 복제하기 위하여 슬라이드 창에서 "+ 추가" 버튼을 누르세요. 그러면 가장 마지막장의 슬라이드가 자동으로 복제가 되어요. 보통 동영상을 작업하면 비슷한 형태에서 내용이 계속 바뀌는 것이기 때문에, 이렇게 작동되는 것이예요.
새로운 슬라이드가 복제되어 추가되면 자동으로 추가된 슬라이드로 선택이 되어 있어요. 그래서 바로 텍스트를 다시 두 번 클릭하여 원하는 내용으로 변경해주시면 돼요. 이번에는 텍스트에 "우리가 지구를 보호하는 것은 우리 자신과 우리 자녀의 건강과 안전에도 큰 영향을 미칩니다."라고 입력할게요.
< 만들어진 슬라이드 >
이렇게 새로운 슬라이드를 추가하고 내용을 변경을 계속 반복하여 5장의 슬라이드를 직접 만들었어요.
<슬라이드를 복제하여 5장의 슬라이드를 제작>
가독성 장치
그래도 보다보니까 텍스트가 잘 안 보이는 것 같아요. 이럴 때 글자색을 바꾸어 줄 수도 있지만, 뒤에 이미지가 항상 같은 색이라는 보장이 없으므로, 이번에는 가독성 장치를 추가해보아요.
슬라이드에서 텍스트를 선택하고, 우측의 속성 창에서 "가독성 보장:없음"을 선택하세요, 몇 가지 옵션 중에 "줄마다 배치"를 선택해요. 그러면 아래와 같이 기본 검정색의 박스가 텍스트 뒤에 깔린 것을 볼 수 있어요.
< 가독성 장치 적용된 화면 >
멀티 슬라이드와 속성
자, 그러면 이제 추가한 모든 슬라이드를 하나씩 선택해서 가독성 보장을 다 변경해주는 작업을 4번씩 해주면 되겠지요? No! 동영상을 만들려고하면 이러한 슬라이드를 수십개 만들어야되는데, 변경이 있을 때마다 여러번 반복하면 효율이 안 나겠지요? 그래서 비디오스튜에서는 여러 슬라이드를 한번에 변경하는 기능이 있습니다.
하단의 슬라이드 창에서 변경하고자하는 슬라이드를 전체 선택해요. 전체선택은 선택의 시작 슬라이드를 클릭해서 선택하고, 마지막 슬라이드를 Shift를 누른 상태로 클릭하면 돼요. 그러면 그 사이에 있는 모든 슬라이드가 한꺼번에 선택되어요.
< 여러 장의 슬라이드가 한번에 선택된 상태 >
중앙의 편집 창의 테두리 색이 변경된 것이 보이시죠? 여러개의 슬라이드가 선택되어서 무언가를 변경하면 동시적용될 수 있다고 알려주는 거예요.
이 상태에서 아까와 같이 우측의 속성 창에서 가독성 보장의 값을 "외곽선"으로 변경해보아요. 그러면 선택된 모든 슬라이드의 텍스트에 외곽선이 추가되는 것을 볼 수 있어요.
<여러 슬라이드의 텍스트 가독성을 한번에 변경>
이러한 멀티 선택 후 변경은 텍스트 뿐만 아니라 비디오, 이미지, 도형 등 모든 것들의 속성 변경에 적용이 된답니다. 참 편리하죠?
상황에 맞는 영상으로 변경
지금은 배경의 영상을 하나로만 다 통일했는데, 상황에 맞는 비주얼을 넣는 것은 중요해요. 따라서 각 슬라이드마다 내용에 맞는 다양한 영상으로 변경을 해볼게요.
먼저 두번째 슬라이드를 선택하세요. 그리고 좌측 라이브러리 창에서 [비디오 > 스톡]을 선택하세요. 원하는 영상을 선택하고 중앙의 편집 창에 있는 기존의 영상에까지 드래그하세요. 마우스를 놓으면 지금 선택된 이미지로 대체될거예요.
<다른 영상으로 대체>
같은 방식으로 각각의 영상들도 변경을 해주어요. 이번엔 각 슬라이드마다 다른 내용을 넣을것이기 때문에 멀티선택을 할 필요는 없어요.
배경 음악 넣기
어느정도 완성은 했는데, 볼륨가 없으면 밋밋하겠죠? 중앙의 편집 창에서 우측하단을 보시면 음표가 있고 "없음"으로 표시되어 있는 버튼이 보일거예요. 그 버튼이 BGM을 변경할 수 있는 버튼이랍니다.
< BGM 변경 버튼 >
이 버튼을 클릭하고 원하시는 BGM 음악을 골라보세요. 마우스를 아무 음악 위에 오래 머무르고 있으면, 자동으로 미리듣기가 진행되어요. 원하는 BGM을 골랐다면 확인을 누르세요.
그러면 이제 표시가 "없음"에서 선택된 음악으로 변경된 것을 볼 수 있어요! 한 번 들어볼까요? 그냥 키보드의 Space를 누르거나, 화면 상단의 미리보기를 눌러보세요! 현재 선택된 슬라이드가 재생이 되면서 음악도 같이 나오는 것을 알 수 있어요. 만약 전체적으로 보고 싶으면 미리보기 오른쪽의 ▼ 버튼을 누르고 [전체 미리보기]를 하시면 돼요.
나레이션 넣기
이젠 거의 끝났어요. 음악도 넣었고, 화면도 전체적으로 다 구성하였어요. 하지만 무언가 하나가 빠진 것 같죠? 바로 나레이션이예요! 나레이션을 넣어서 우리가 만드는 영상이 고객들에게 더 잘 전달될 수 있도록 할거예요!
나레이션은 슬라이드별로 넣을 수 있는데요, 우리는 모든 슬라이드에 넣을 거니까, 한꺼번에 처리할 수 있도록 모든 슬라이드를 선택해요. 이전에 Shift을 통해서 범위로 선택하는 방법을 알려드렸지요? 그렇게 해도 되지만 이번엔 전체선택으로 한 번 해보자구요.
하단의 슬라이드 창에서 아무 슬라이드를 하나 선택하고, Ctrl + A 버튼을 눌러주세요. 그러면 모든 슬라이드가 선택된 것을 볼 수 있어요. 그리고 우측의 속성 창에서 나레이션을 클릭하세요.
나레이션을 설정하는 방법이 여러가지가 있지만, 지금은 그냥 AI보이스가 알아서 읽도록 해볼게요. 종류의 "없음"을 클릭하고 AI 보이스를 선택하세요. 상세옵션이 몇 개 더 늘어나는 것을 볼 수 있어요. 목소리를 바꿔 볼 수도 있고, 미리들어 볼 수 도 있어요.
<AI 보이스 적용하기>
나레이션을 넣었다면, 이제 렌더링을 하기 전에 마지막으로 한 번 더 미리보기를 해볼까요? 상단의 미리보기 옆의 ▼ 을 누르고 [전체 미리보기]를 해보세요! 이제 좀 제대로된 동영상 같나요?
렌더링과 다운로드
수동으로 제작하기도 다 끝났어요! 축하드려요!! ?? 첫 번째 실습에서는 컴퓨터에 다운로드를 받아보았죠? 이번엔 완성된 영상을 다운로드하지 않고 공유하는 방법으로 연습해보아요. 다운로드와 마찬가지로 상단의 다운로드 버튼을 누르고, 동영상에서 [렌더링]을 눌러주세요. 렌더링이 먼저 완료되어야 공유주소가 활성화되거든요.
조금의 시간 후에 렌더링이 끝나면, 이번엔 다운로드를 하지 말고 다운로드 창을 닫아주세요. 그리고 우측 메뉴에서 [더보기 ▼ ]를 누르시고, [공유하기.]를 선택하세요. 아래와 같이 공유가능한 주소가 뜨는 것을 볼 수 있어요.
< 공유하기 창 >
이제 저 주소를 복사하고, 친구들의 단톡방에 바로 공유해주시면 되어요! 어떻게 보여지는지 궁금하면, 크롬 브라우저에서 새탭을 열고 직접 주소를 붙여넣어보세요! 여러분이 만든 동영상이 재생되는 것을 볼 수 있어요! 다운로드하지 않아도 이렇게 보여줄 수 있으니 참 편리하지요?
그 외에도 유튜브로 곧장 업로드하는 방법도 있답니다. 유튜브에 업로드하는 것은 별도의 챕터에서 설명하도록 할게요. 유튜브에 업로드하기를 열고 같이 실습해보아요!
유튜브에 업로드하기
여기까지 오신 실습을 잘 따로오신 분들은. 이미 비디오스튜를 어떻게 이용해야할지 감을 잡으신 분들이예요! 다시 한 번 축하드려요! 유튜브에 업로드하는 것까지만 익히면, 나만의 채널을 만들어서 무언가 해볼 수 있는 준비가 되었다고 할 수 있어요!
유튜브 채널 개설하기
가장 먼저 유튜브에 업로드할 채널이 있어야겠지요? 아래와 같은 방법으로 채널을 개설하세요.
새로운 유튜브 채널 만들기
유튜브에 로그인하신 뒤 우측 상단의 나의 계정 아이콘을 누르면 "채널 만들기" 버튼이 있습니다. 이 버튼을 누르고 내가 사용할 채널명과 [핸들] 주소를 설정해주면 됩니다. [핸들] 주소는 https://youtube.com/@고유주소의 형태로 사용할 수 있는 내 채널 URL이라고 생각하시면 되요.
<유튜브 채널 만들기>
만약 이미 채널을 개설한 상태라면 이 과정을 생략하시고 다음 단계로 넘어가도록 할께요.
편집화면에서 업로드
채널이 있다면, 이제 업로드할 프로젝트의 편집 화면으로 이동하면 되어요. 홈 화면에서 업로드를 할 프로젝트를 선택하여 편집 화면으로 이동하세요.
이전에 이미 렌더링이 다 완료되었으면 상단에 유튜브 버튼을 보실 수 있어요(만약 아직 렌더링 되지않은 프로젝트라면, 상단의 다운로드 버튼 클릭 후 [렌더링]을 먼저 실행하세요). 유튜브 버튼을 누르세요.
< 유튜브 업로드 창 >
이제 유튜브에 업로드하시고자 하는 동영상의 제목 및 설명 등을 설정할 수 있습니다. 충실히 내용을 작성하고 우측 하단의 유튜브 버튼을 누르시면 업로드가 완료됩니다.
<제목 및 설명 입력>
애니메이션 동영상 제작 따라하기
여기까지 오셨다면 이제 비디오스튜의 기본적인 사용방법은 모두 익숙해지셨을 것이라 생각됩니다. 이번에는 비디오스튜의 꽃이라고 할 수 있는 애니메이션 동영상을 만드는 방법에 대해 알아보도록 할께요.
비디오스튜는 파워포인트의 모핑 효과처럼 [오토 애니메이션] 기능을 제공하고 있어요. 슬라이드 별로 동일한 요소들을 찾아서 사이즈가 변하거나 위치가 변했다면 자동적으로 애니메이션을 만들어주는 기능이죠.
< 간단히 애니메이션 콘텐츠 만들기 >
실제 오토 애니메이션을 사용할 때에는 AI보이스와 함께 사용하시는 경우가 많으실꺼에요. 이 튜토리얼에서는 나레이션과 함께 오토 애니메이션을 쉽게 활용할 수 있는 방법을 안내드릴께요.
먼저 아래 영상을 보시고, 아래 안내에 맞춰 단계별로 따라해보실까요?
슬라이드에 요소들을 배치하기
먼저 필요한 요소들을 준비해주세요. 이 가이드에서는 freepik에서 제공하는 이미지들을 사용했습니다. 산 그리고 등산객 이미지를 PNG 파일로 준비한 뒤 드래그 앤 드롭으로 사용자 라이브러리에 업로드 해주세요. 배경 요소의 경우 이미지 라이브러리에서 “하늘”로 검색해서 적당한 이미지를 찾아 넣어줍니다.
< 배경이 투명한 PNG 이미지들을 넣고 자유롭게 배치하기 >
이렇게 첫 슬라이드에 하늘 이미지, 산 산 벡터 이미지, 그리고 등산객 벡터 이미지의 총 세 가지 요소가 삽입되었습니다. 그리고 가장 중요한 작업이 남았는데요.
첫 슬라이드에서 가장 중요한 것은 슬라이드 시간을 수동으로 0.1초로 변경해주는 것입니다. 그 이유는 다음 단계에서 말씀드리도록 하겠습니다. 이제 다음 슬라이드로 넘어가볼까요?
등산하는 파트 만들기
하단 슬라이드 네비게이션에서 “+추가” 버튼을 눌러 슬라이드를 하나 추가해줍니다. 그리고 이번엔 등산객을 산의 정상으로 위치시켜 볼께요.
다음으로는 적당한 글꼴을 고르고 선택하여 슬라이드에 추가한 뒤 “여기 한 남자가 산을 오르고 있습니다.”라고 멘트를 넣어주도록 하겠습니다. 또한 슬라이드의 시간은 나레이션 길이로 맞추시고 “나레이션 > AI 보이스”를 선택해서 적절한 목소리를 지정해주세요.
< 슬라이드 간의 요소의 위치를 변화시켜 애니메이션을 만들기 >
여기서 곧장 미리보기를 한다면 저 등산객이 엄청 빠르게 산 정상에 위치하는 것을 아실 수 있으실꺼에요. 정확히는 0.3초만에 산 정상에 도달합니다. 그 이유는 바로 [전환 시간] 때문인데요. [전환 시간]이란 애니메이션이 발동되는 시간이라고 이해하시면 쉽습니다. 즉 [전환 시간]을 2.2초로 변경하면 나레이션이 끝까지 읽는 동안 천천히 산 정상을 향해 이동하게 되죠.
< 나레이션 길이에 가깝도록 전환 시간을 조정 >
산을 올라가는데 가속도가 붙어서 올라가는 것 같다고 느끼신다면 정확하십니다. 비디오스튜는 애니메이션의 속도를 변경할 수 있는 이징 (움직임 효과) 기능을 제공하고 있어요. 등속으로 천천히 올라가는 애니메이션을 만들기 위해서는 이징 옵션 중 “Linear”를 선택해주시면 됩니다.
산 정상 슬라이드 만들기
이제 다음 슬라이드에서는 산 정상에서 “그리고 그남자는…” 이라는 나레이션이 나오는 부분을 만들어보도록 하겠습니다. 또 슬라이드를 하나 복제하고, 대사만 바꿔주면 됩니다. 주의해주셔야 할 것은 슬라이드 전환 시간이 앞 슬라이드의 설정이 복제되어 2초가 넘는 상태라면 적당히 0.3초 정도로 변경해주시면 좋습니다.
아참, 그리고 멘트를 마친 뒤 너무 빠르게 다음 슬라이드로 넘어가는 것을 방지하기 위해서 나레이션 옵션에서 “종료 후 무음”을 0.5초 정도 넣어주도록 하겠습니다. 이렇게 하면 나레이션이 끝난 뒤에도 설정한 시간만큼 해당 슬라이드에 머물다가 다음 슬라이드로 넘어가게 됩니다.
하산하는 파트 만들기
이제 등산객이 정상에서 내려오는 슬라이드를 만들어보도록 하겠습니다. 또 앞 슬라이드를 복제하고, 등산객의 위치를 옮겨주세요. 그리고 “무사히 산을 내려왔습니다.” 라는 나레이션으로 텍스트를 변경해주시면 됩니다.
그리고 또 재미를 위해서 효과음에서 웃음 소리를 하나 추가해주도록 하겠습니다. 나레이션이 모두 끝나고 웃음소리가 나오는 것이 좋기 때문에, 슬라이드를 하나 더 복제하고 이번에는 나레이션은 없애고 효과음만 넣도록 할께요. 효과음 라이브러리에서 적절한 효과음을 찾고 슬라이드의 길이도 적절히 조정해주시면 됩니다.
< 나레이션 후 효과음을 넣어주어 마무리 >
이제 모든 작업을 마치셨다면 미리보기를 하셔서 원하시는 형태대로 구현이 되었는지 확인해주시고, [렌더링] 및 다운로드를 해주시면 됩니다.
