스토리보드를 동영상으로 (키프레임 타임라인)
키프레임을 나열하고 각각 얼마나 유지할지와 다음 프레임으로 어떻게 이어질지를 설정한 뒤 MP4 하나로 내보냅니다. 모두 브라우저에서 이루어집니다.
사용 방법
- 키프레임을 추가하세요. 여러 장의 PNG, JPG, WebP 이미지(파일 이름순 정렬) 또는 패널로 자동 분할되는 스토리보드 시트 한 장입니다.
- 타임라인에서 각 키프레임의 정지 시간, 전환 길이, 유형을 설정하거나 속도 프리셋을 선택하세요.
- 처음 몇 초를 저해상도로 미리 보고 전체 MP4를 만들어 다운로드하세요.
스토리보드를 동영상으로 (키프레임 타임라인)
이것은 리미티드 애니메이션, 즉 키프레임과 중간 프레임입니다. 두 키프레임 사이에서 도구는 그려 둔 픽셀을 섞거나 비틀 수만 있습니다(크로스 디졸브, 줌, 딥 또는 전환 효과 클립 만들기와 같은 알고리즘인 옵티컬 플로우 모핑). 그림에 없는 움직임을 만들어 내지는 않습니다. 레이어를 쓰면 AI 없이도 더 나아갈 수 있습니다. 각 물체를 에셋 라이브러리에서 가져오거나 키프레임에서 오려낸 자신의 레이어에 올리고 다음 키프레임에서의 위치를 지정하면, 중간 프레임이 고정된 배경 위에서 각 레이어를 이동, 회전, 확대·축소, 페이드시키고, 던진 물체는 호를 그리며 움직이며, 원하는 순간에 라이브러리의 다른 그림(예: 새 표정)으로 전환됩니다. 회전은 직접 지정한 피벗(어깨, 무릎, 목)을 기준으로 하고, 레이어는 부모 레이어를 따라갈 수 있어서 위팔을 회전하면 아래팔이 따라옵니다. 다음 키프레임으로의 변화를 직접 입력하고(X/Y 이동은 픽셀, 회전은 도, 크기는 퍼센트) 내보내기 전에 모든 중간 프레임을 하나씩 확인할 수 있습니다. 25fps에서 1초짜리 레이어 트윈은 중간 프레임 25개(0.25초면 6개)를 더하며, 레이어 트윈은 구간당 1초로 제한됩니다. 2.5D 카메라는 3D 모델 없이 깊이를 더합니다. 각 레이어에 깊이를 주고 다음 키프레임에서 카메라 이동이나 줌을 설정하면 가까운 레이어가 배경보다 더 많이 움직입니다(시차). 큰 움직임에는 키프레임을 더 그리세요. 0.1~0.2초마다 하나, 또는 한 동작에 2~4개의 추가 중간 포즈가 필요합니다. 대화와 작은 변화는 0.5~1초마다 키프레임 하나, 일반적인 액션은 0.3~0.5초마다 하나면 됩니다.
스토리보드 시트는 패널 사이의 배경 여백을 찾아 분할됩니다. 각 패널 아래의 캡션 글자, SHOT 번호, 타임코드는 자동으로 제거되며, 슬라이더로 각 패널 아래쪽의 추가 라벨 띠를 무시할 수 있습니다. 균등한 행 × 열 격자를 사용하거나 상자를 직접 그리거나 적용하기 전에 상자를 삭제할 수도 있습니다. 동영상 하나당 키프레임 최대 200개와 300초까지 가능하며, 길고 해상도가 높은 동영상은 빠른 기기가 필요하고 시작하기 전에 도구가 알려 줍니다.
자주 묻는 질문
AI 동영상 생성기인가요?
아니요. 키프레임 중간 프레임 생성이며 AI 동영상 생성이 아닙니다. 움직임이 클수록 키프레임을 더 많이 그려야 하며, 큰 액션은 0.1~0.2초마다 하나 정도입니다. 도구는 그리지 않은 중간 움직임을 만들어 내지 않습니다.
스토리보드 시트 전체를 슬라이드시키는 것과는 어떻게 다른가요?
시트를 먼저 별도의 키프레임으로 잘라내므로 캡션과 번호가 동영상에 나오지 않습니다. 그런 다음 중간 프레임은 전체 그림을 쓸거나 디졸브하는 대신(잔상이 생깁니다) 레이어로 구성되어, 고정된 배경 위에서 각 물체가 따로 움직입니다.
계산은 내 컴퓨터가 하나요, GBOT 같은 어시스턴트가 하나요?
모든 것은 페이지를 연 브라우저에서 실행됩니다. 어시스턴트가 빠른 테스트를 위해 도구를 조작할 수는 있지만, 큰 프로젝트는 내 컴퓨터에서 렌더링하는 것이 더 빠르고 저렴합니다. 같은 페이지를 열고 저장한 프로젝트 ZIP을 연 다음 전체 동영상 만들기를 누르세요.
프레임 보간으로 첫 그림과 마지막 그림을 움직임으로 만들 수 있나요?
네, 같은 장면 안의 작은 움직임이라면 가능합니다. 두 그림의 픽셀이 옵티컬 플로우를 따라 중간 위치로 이동하고, 가려진 영역은 그것을 보여 주는 쪽 그림에서 가져옵니다. AI도 새로 만든 내용도 없습니다. 어떤 영역이 긴 변의 약 8.5%(1920px 변 기준 약 160px) 넘게 움직이거나 두 그림 어디에도 없는 것이 나타나면(물체가 나타나거나 사라짐, 카메라 변화) 그 구간은 빨간색으로 표시되고, 번진 결과 대신 중간에 그림을 추가하라는 안내가 나옵니다.
두 프레임 사이에 노란색 경고가 보이는 이유는 무엇인가요?
두 키프레임의 차이가 너무 커서 깔끔한 중간 프레임을 만들기 어렵기 때문에 모핑에 잔상이나 흐림이 생길 수 있습니다. 그 사이에 키프레임을 추가하거나 해당 전환을 디졸브나 딥으로 바꾸세요.
음악을 추가할 수 있나요?
동영상에는 소리가 없습니다. 나중에 동영상에 음악 넣기를 사용하고, 필요하면 세로 동영상이나 자막 넣기도 사용하세요.
내 이미지가 업로드되나요?
아니요. 스토리보드 시트 분할과 동영상 인코딩을 포함한 모든 것이 브라우저에서 실행되며, 페이지가 로드된 뒤에는 오프라인에서도 계속 작동합니다.