화면 녹화에서 시네마틱 앱 미리보기까지, 5분이면 충분합니다

시네마틱한 앱 미리보기 영상은 일주일짜리 작업처럼 보입니다. 조명이 깔린 스튜디오를 미끄러지듯 지나가는 디바이스, 천천히 다가가는 카메라, 화면 위에서 또렷하게 움직이는 UI. 하지만 사실 필요한 건 이미 다 갖고 계십니다 — 여러분의 앱과 브라우저 하나면 됩니다. After Effects도, 3D 소프트웨어도, 플러그인도, 설치할 것도 없습니다.

Mockpose는 스크린샷 한 장이나 화면 녹화 하나를 시네마틱한 3D 디바이스 목업으로 바꿔 줍니다. 애니메이션 앱 미리보기 영상도, 픽셀 단위로 정확한 App Store 스크린샷도 전부 브라우저 안에서 끝납니다. 이 튜토리얼에서는 여섯 단계에 걸쳐, 방금 찍은 녹화 영상에서 내보내기가 끝난 MP4까지 가 봅니다. 5분이면 됩니다.

1단계: 앱을 녹화하세요

모든 것의 재료가 될 영상부터 시작합니다. iPhone에서는 제어 센터의 기본 화면 기록 기능이면 충분합니다. 책상에서 작업하고 싶다면 Xcode에서 Simulator를 녹화하거나, Mac에서 QuickTime으로 원하는 창을 캡처하세요.

하나의 플로우를 담은 깔끔한 15–30초 테이크면 충분합니다. 모든 기능을 정신없이 훑는 투어보다, 한 가지를 제대로 보여 주는 미리보기가 언제나 이깁니다.

녹화 버튼을 누르기 전에 세 가지만 챙기세요.

• 민감한 데이터는 가려 두세요. 데모 계정을 쓰고, 방해금지 모드를 켜서 알림이 화면에 끼어들지 않게 합니다.
• 플로우를 한 번 리허설하세요. 차분하고 확신 있는 탭은 화면에서 의도된 것처럼 보이지만, 머뭇거림은 그대로 드러납니다.
• 시작과 끝은 신경 쓰지 마세요. 잠시 후에 잘라내면 됩니다.

2단계: 브라우저에서 Mockpose를 여세요

이게 이 단계의 전부입니다. Mockpose는 완전히 브라우저에서 돌아가기 때문에 다운로드할 것도, 세팅할 환경도 없습니다. 가입하지 않고도 바로 써 볼 수 있습니다. 에디터를 열면 곧바로 3D 스튜디오 안입니다.

3단계: 템플릿을 고르세요 — 혹은 빈 씬에서 시작하세요

가장 빠른 길은 템플릿입니다. 디바이스 그리드, 일렬 배치, 스파이럴, 폰 한 대에 다가가는 히어로 무브까지 100개가 넘게 준비되어 있습니다. 들려주고 싶은 이야기에 맞는 것을 고르면 — 차분하게 제품 중심으로, 혹은 과감하고 역동적으로 — 씬에는 이미 애니메이션이 얹혀 있습니다.

모든 걸 직접 만지고 싶다면, 디바이스 한 대만 놓인 빈 씬에서 시작해도 됩니다.

4단계: 녹화 영상을 디바이스 화면에 올리세요

녹화한 영상을 디바이스 화면 위로 끌어다 놓으세요. 영상은 타임라인에서 다듬을 수 있는 클립이 됩니다. 좋은 부분만 남기고 자르고 페이드를 넣어도, 카메라가 움직이는 내내 샷에 정확히 붙어 있습니다. 테이크가 길어졌다면, 여기서 정말 중요한 10초만 남기면 됩니다.

팁: 과감하게 자르세요. 좋은 미리보기는 처음 2초 안에 본론으로 들어갑니다.

5단계: 씬을 내 것으로 만드세요

이제 재미있는 부분입니다. 100개가 넘는 애니메이션 배경과 30가지 그라데이션 중에서 배경을 고르고, 디바이스가 자연스럽게 어우러질 때까지 조명을 조정하고, 카메라 무브를 다듬으세요. 더 세밀하게 만들고 싶다면 타임라인에서 키프레임을 직접 편집할 수도 있습니다.

한 가지 요령: 카메라를 늦추세요. 느린 카메라 무브가 빠른 것보다 거의 언제나 더 고급스러워 보입니다. 더 깊이 들어가고 싶다면 시네마틱 카메라 무브 가이드를 참고하세요.

6단계: 내보내세요

내보내기를 실행하고 포맷을 고르세요. 최대 4K 60fps MP4, 혹은 스토어 등록용 픽셀 단위로 정확한 스틸 이미지. 인코딩은 전부 브라우저 안에서 로컬로 처리되므로, 영상이 내 컴퓨터를 벗어날 필요가 없고 렌더링 대기열도 없습니다.

재생은 결정론적입니다. 미리보기에서 본 그대로가 프레임 하나 어긋남 없이 내보내집니다. App Store 미리보기 길이도 정확하게 지켜집니다 — 30초짜리 미리보기는 언제나 정확히 30초입니다.

무료 플랜에서는 에디터 전체 기능과 함께 작은 워터마크가 붙은 최대 720p 내보내기를 쓸 수 있습니다. 프리미엄으로 업그레이드하면 4K, 워터마크 없는 내보내기 등 더 많은 기능이 열립니다.

---

여기까지입니다. 녹화에서 시네마틱 미리보기까지, 5분, 브라우저 탭 하나. 출시를 준비하고 있다면 앱 미리보기 영상 가이드에서 그 30초에 무엇을 담아야 하는지 다룹니다. 내 앱으로 직접 해 보고 싶으신가요? Mockpose를 열고 녹화 영상을 끌어다 놓기만 하면 됩니다.