시작하기
회원가입부터 첫 프로젝트 생성, 인터페이스 이해까지 Cutflow를 시작하는 데 필요한 모든 것을 안내합니다.
개요
이 문서에서는 Cutflow에 처음 접속하여 회원가입하고, 프로젝트를 생성하고, 에디터와 스튜디오 인터페이스를 이해하는 방법을 설명합니다. 이 과정을 마치면 바로 숏폼 드라마 제작을 시작할 수 있습니다.
회원가입 & 로그인
Google OAuth 로그인
Cutflow는 현재 Google 계정 로그인을 지원합니다.
- 브라우저에서 app.cutflow.so에 접속합니다.
- 로그인 화면에서 [Google로 로그인] 버튼을 클릭합니다.
- Google 계정을 선택하고 인증을 완료합니다.
- 인증이 완료되면 자동으로 대시보드로 이동합니다.
인앱 브라우저 주의사항
Google은 보안 정책상 일부 인앱 브라우저(In-App Browser)에서의 OAuth 로그인을 차단합니다. 다음 상황에서는 로그인이 실패할 수 있습니다:
| 환경 | 상태 | 해결 방법 |
|---|---|---|
| Chrome, Safari, Edge, Firefox | 정상 | - |
| Instagram 인앱 브라우저 | 차단됨 | 우측 상단 ... > "브라우저에서 열기" 선택 |
| Facebook 인앱 브라우저 | 차단됨 | 우측 상단 ... > "브라우저에서 열기" 선택 |
| KakaoTalk 인앱 브라우저 | 불안정 | 링크를 복사하여 Chrome/Safari에서 열기 |
| LINE 인앱 브라우저 | 불안정 | 링크를 복사하여 Chrome/Safari에서 열기 |
팁: 로그인 문제가 발생하면, URL(
app.cutflow.so)을 복사하여 Safari 또는 Chrome에서 직접 접속해 주세요.
세션 및 자동 로그아웃
- 로그인 세션은 24시간 동안 유지됩니다.
- 24시간이 경과하거나 장시간 미사용 시 자동으로 로그인 페이지로 이동합니다.
- 로그아웃 후에는 Google 재인증이 필요합니다.
첫 프로젝트 만들기
대시보드
로그인 후 처음 표시되는 화면은 **대시보드(Dashboard)**입니다. 대시보드에서는 생성한 프로젝트 목록을 확인하고 관리할 수 있습니다.
- 상단 NavBar에는 로고, 크레딧 잔액, 프로필 메뉴가 표시됩니다.
- 크레딧 잔액 뱃지를 클릭하면 크레딧 구매 모달이 열립니다.
- 프로젝트 카드를 클릭하면 해당 프로젝트의 에디터로 이동합니다.
프로젝트 생성 절차
- 대시보드에서 [+ 새 프로젝트 만들기] 버튼을 클릭합니다.
- 프로젝트 생성 모달이 표시됩니다.
프로젝트 이름
프로젝트를 구분할 수 있는 이름을 입력합니다.
- 최소 1자, 최대 50자
- 기본값: "무제 프로젝트"
- 프로젝트 생성 후에도 변경 가능합니다.
화면 비율 (Aspect Ratio)
프로젝트 내 모든 이미지와 영상에 적용되는 화면 비율을 선택합니다.
| 비율 | 유형 | 대표 플랫폼 | 설명 |
|---|---|---|---|
| 16:9 | 가로형 | YouTube | 일반 가로 영상 |
| 9:16 | 세로형 | TikTok, YouTube Shorts, Instagram Reels | 숏폼 드라마 권장 |
| 1:1 | 정방형 | Instagram 피드 | 정사각형 콘텐츠 |
| 4:5 | 인스타 | Instagram 피드 | 세로형 인스타 콘텐츠 |
중요: 화면 비율은 프로젝트 생성 후 변경할 수 없습니다. 해당 비율을 지원하는 AI 모델만 사용 가능하므로, 목적에 맞는 비율을 신중하게 선택하세요.
해상도 (Resolution)
생성 이미지 및 영상의 해상도를 선택합니다.
| 해상도 | 9:16 기준 픽셀 | 설명 |
|---|---|---|
| 720p | 720 x 1280 | 빠른 프리뷰용 |
| 1080p (권장) | 1080 x 1920 | Full HD, 대부분의 플랫폼에 적합 |
| 4K | 2160 x 3840 | 최고 화질 (크레딧 2배 소모) |
- 설정을 완료한 뒤 [프로젝트 생성] 버튼을 클릭하면 프로젝트가 생성되고 에디터로 자동 이동합니다.
프로젝트 관리
대시보드에서 프로젝트 카드를 우클릭하거나 점 세 개(...) 버튼을 클릭하면 다음 메뉴를 사용할 수 있습니다:
- 이름 변경: 프로젝트 이름을 수정합니다.
- 복제: 프로젝트를 복사합니다.
- 삭제: 프로젝트를 삭제합니다 (복구 불가).
인터페이스 이해하기
Cutflow 프로젝트에는 두 개의 주요 페이지가 있습니다: 에디터와 스튜디오.
에디터 (Editor)
스토리보드 제작이 이루어지는 메인 작업 공간입니다. 3패널 레이아웃으로 구성되어 있습니다.
┌──────────────┬──────────────────────────┬──────────────┐
│ 좌측 패널 │ 중앙 패널 │ 우측 패널 │
│ │ │ │
│ 캐릭터 리스트 │ 컷 에디터 │ AI 채팅 │
│ 로케이션 리스트│ (Script · Keyframe · │ │
│ 스토리보드 │ Take 3탭) │ │
│ (컷 리스트) │ │ │
└──────────────┴──────────────────────────┴──────────────┘
좌측 패널
좌측 패널에는 캐릭터, 로케이션, 스토리보드 세 가지 섹션이 있습니다.
캐릭터 리스트: 프로젝트에 등록된 캐릭터가 간략하게 표시됩니다 (최대 3개 + "+N개 더"). 항목을 클릭하면 스튜디오로 이동하여 해당 캐릭터의 디테일 패널이 열립니다.
로케이션 리스트: 프로젝트에 등록된 로케이션이 간략하게 표시됩니다 (최대 3개 + "+N개 더"). 항목을 클릭하면 스튜디오로 이동합니다.
스토리보드 (컷 리스트): 프로젝트의 전체 컷 목록이 표시됩니다. 각 컷은 썸네일, 컷 번호, 대본 미리보기, 진행 상태로 구성됩니다. 컷을 클릭하면 중앙 패널에서 해당 컷의 편집 화면이 표시됩니다. 드래그 앤 드롭으로 순서를 변경할 수 있습니다.
중앙 패널 — 컷 에디터
실제 제작 작업이 이루어지는 핵심 영역입니다. Script → Keyframes → Takes 3개의 탭으로 구성되어 있으며, 각 탭은 컷 완성의 한 단계를 담당합니다.
- Script 탭: 블록 에디터로 대본 작성 (Location, Action, Dialog 블록)
- Keyframes 탭: AI 이미지 프롬프트 생성, 키프레임 생성 및 대표 선택
- Takes 탭: AI 영상 프롬프트 생성, 테이크 생성 및 대표 선택
컷 에디터의 상세한 사용법은 컷 에디터 문서를 참고하세요.
우측 패널 — AI 채팅
AI 채팅 어시스턴트가 위치합니다. 대본 작성, 프롬프트 생성, 컷 분할 등 다양한 창작 작업을 도와줍니다. 크레딧 소모 없이 무제한으로 대화할 수 있습니다.
AI 채팅의 상세한 사용법은 AI 채팅 어시스턴트 문서를 참고하세요.
스튜디오 (Studio)
캐릭터와 로케이션을 디자인하고 관리하는 전용 페이지입니다. 에디터 좌측 패널의 [스튜디오에서 관리] 링크 또는 상단 네비게이션의 [Studio] 탭으로 접근합니다.
- 캐릭터/로케이션 카드 그리드 + 디테일 패널 레이아웃
- 컨셉 이미지, Character Sheet, 로케이션 이미지 생성 및 관리
- 베리에이션(의상/시간대 등) 시스템
- 디자인 전용 AI 채팅
스튜디오의 상세한 사용법은 캐릭터 & 로케이션 스튜디오 문서를 참고하세요.
첫 숏폼 드라마 만들기 상세 튜토리얼
아래는 "카페에서의 만남"이라는 간단한 2컷 숏폼 드라마를 만드는 실전 예시입니다.
1. 프로젝트 설정
- 대시보드에서 **[+ 새 프로젝트 만들기]**를 클릭합니다.
- 프로젝트 이름:
카페에서의 만남 - 화면 비율:
9:16(세로형) - 해상도:
1080p - **[프로젝트 생성]**을 클릭합니다.
2. 캐릭터 & 로케이션 등록 (스튜디오)
에디터에서 [Studio] 탭을 클릭하여 스튜디오로 이동합니다.
캐릭터 등록:
- Characters 섹션에서 **[+ 새 캐릭터]**를 클릭합니다.
- 서희 등록: @ID
@Seohee, 이름 "서희", 외모 설명 작성 - 제이크 등록: @ID
@Jake, 이름 "제이크", 외모 설명 작성 - 각 캐릭터의 디테일 패널에서 컨셉 이미지 생성 (5cr) → Character Sheet 생성 (10cr)
로케이션 등록:
- Locations 섹션으로 전환합니다.
- 카페 등록: @ID
@Cafe, 이름 "카페", 장소 설명 작성 - 디테일 패널에서 로케이션 이미지 생성 (10cr)
3. 컷 1 제작 (에디터)
에디터로 돌아가서 **[+ 새 컷 추가]**를 클릭합니다.
Script 탭 — 대본 작성:
- Location 블록:
@Cafe - 오후 - Action 블록:
@Seohee가 카페 창가 자리에 앉아 커피를 마시며 창밖을 바라보고 있다. - Action 블록:
따뜻한 오후 햇살이 들어오는 아늑한 분위기.
Keyframes 탭 — 키프레임 생성:
- [프롬프트 생성] 클릭 → AI가 이미지 프롬프트를 자동 작성합니다.
- Reference Images에서
@Seohee와@Cafe가 자동으로 표시되는지 확인합니다. - [이미지 생성] 클릭 → 4장의 후보 이미지가 생성됩니다.
- 가장 마음에 드는 이미지를 대표 키프레임으로 선택합니다.
Takes 탭 — 테이크 생성:
- [프롬프트 생성] 클릭 → AI가 영상 프롬프트를 자동 작성합니다.
- 카메라 모션과 재생시간을 설정합니다.
- [영상 생성] 클릭 → 영상이 비동기로 생성됩니다.
- 완료되면 테이크를 확인하고 대표 테이크로 선택합니다.
4. 컷 2 제작
대본 작성:
- Location 블록:
@Cafe - Action 블록:
카페 문이 열리며 @Jake가 들어온다. - Action 블록:
@Seohee를 발견하고 살짝 미소를 짓는다.
동일한 과정을 반복합니다: 프롬프트 생성 → 이미지 생성 → 대표 선택 → 영상 생성 → Take 선택
5. 내보내기
- 두 컷이 모두 완성되면 상단의 [Export] 버튼을 클릭합니다.
- 두 컷이 연결된 최종 영상이 렌더링됩니다.
- MP4 파일을 다운로드합니다.
축하합니다! 첫 번째 AI 숏폼 드라마가 완성되었습니다.
팁 & 베스트 프랙티스
- 스튜디오에서 캐릭터/로케이션을 먼저 완성하세요: 시트와 이미지의 품질이 이후 모든 키프레임의 일관성을 결정합니다.
- 대본을 구체적으로 작성하세요: AI 프롬프트 생성의 품질은 대본의 구체성에 비례합니다. 장면, 분위기, 행동을 상세하게 묘사하세요.
- 이미지 단계에서 충분히 검증하세요: 영상 생성은 이미지 생성보다 크레딧 소모가 훨씬 크기 때문에, 키프레임이 만족스러운지 확인한 뒤 영상을 생성하세요.
- 9:16 비율을 활용하세요: 숏폼 드라마는 주로 모바일에서 소비되므로, 9:16 세로형 비율이 가장 적합합니다.
- 프로젝트 설정은 신중하게: 화면 비율은 프로젝트 생성 후 변경할 수 없으므로, 목표 플랫폼에 맞게 미리 결정하세요.
자주 묻는 질문
Q. Google 로그인이 되지 않습니다.
인스타그램, 페이스북 등의 인앱 브라우저에서는 Google OAuth가 차단됩니다. Safari 또는 Chrome에서 직접 접속해 주세요.
Q. 프로젝트의 화면 비율을 변경할 수 있나요?
프로젝트 생성 후에는 화면 비율을 변경할 수 없습니다. 다른 비율이 필요한 경우 새 프로젝트를 생성해 주세요.
Q. 프로젝트는 몇 개까지 만들 수 있나요?
프로젝트 수에는 별도의 제한이 없습니다. 자유롭게 생성하세요.
Q. 데이터는 어디에 저장되나요?
모든 프로젝트 데이터와 에셋은 Supabase 클라우드에 안전하게 저장됩니다. 로컬에 데이터를 저장할 필요가 없습니다.
Q. 무료 체험이 가능한가요?
회원가입 시 기본 크레딧이 제공됩니다. 이 크레딧으로 Cutflow의 주요 기능을 체험해 보실 수 있습니다.
관련 문서
- Cutflow 소개 — 제품 비전 및 핵심 기능 소개
- 캐릭터 & 로케이션 스튜디오 — 스튜디오 전체 안내
- 캐릭터 관리 — @ID 시스템 및 캐릭터 시트 관리
- 로케이션 관리 — @LocationID 시스템 및 로케이션 이미지 관리
- 컷 에디터 — Script · Keyframe · Take 3탭 상세 가이드
- 스토리보드 & 컷 — 대본 작성 및 컷 관리