AI 광고 스토리보드 제작
전 과정 매뉴얼

한눈에 보는 결과

이번 사례에서 무엇을, 얼마에, 어떤 도구로 만들었는지 먼저 확인하시는 것이 빠릅니다. 숫자는 모두 실제 측정값입니다.

사용한 도구

각 도구는 정해진 역할이 있습니다. 한 도구가 모든 것을 하는 것이 아니라 "기획·코드·이미지·편집·배포"를 단계별로 분담해서 결과물을 만들었습니다.

전체 워크플로우 9단계

아래 흐름대로 진행하면 다른 제품·광고에도 동일하게 적용 가능합니다. 각 단계의 입력·출력·도구·소요시간을 함께 표시했습니다.

# 전체 컷 생성
cd /Users/sjiphone/Desktop/라쓰캐리어/광고기획페이지
python3 scripts/generate_imagen.py config/batch_config_lath_imagen4.json

# 특정 컷만 재생성 (예: 5번 컷)
python3 scripts/generate_imagen.py config/batch_config_lath_imagen4.json 05_

# 한 번만 (계정 연결)
npx wrangler@latest login

# 매번 배포 (이 명령어 한 줄)
cd /Users/sjiphone/Desktop/라쓰캐리어/광고기획페이지/storyboard_v3
npx wrangler@latest pages deploy . --project-name=lath-storyboard --commit-dirty=true

시네마틱 이미지 공식

AI 이미지 도구에 단순히 "멋지게 만들어줘"라고 하면 결과가 들쭉날쭉합니다. 아래 공식을 프롬프트에 명시하면 13컷 모두 같은 시네마틱 톤으로 묶입니다.

PIL 톤그레이드 표준값

def base_grade(img):
    img = ImageEnhance.Contrast(img).enhance(1.05)   # 컨트라스트 +5%
    img = ImageEnhance.Color(img).enhance(0.94)      # 채도 -6%
    img = ImageEnhance.Sharpness(img).enhance(1.08)  # 샤프니스 +8%
    return img

이 값은 보수적인 기본값입니다. 다크 무드를 더 살리려면 컨트라스트를 1.08까지 올리고, 채도는 0.92까지 낮춰도 됩니다.

광고주 피드백 사이클

피드백 한 건이 들어왔을 때 어떤 순서로 처리해야 가장 빠르게 다시 보낼 수 있는지를 표준화한 9단계 사이클입니다. 이 흐름이 익숙해지면 컷당 약 15분 안에 처리됩니다.

1. 광고주 피드백 메시지 받기

   "컷 6번에 나사가 아니라 둥근 모양", "컷 8번 자물쇠가 메탈이 아니라 플라스틱" 등 디테일 단위 요청을 그대로 받아 정리합니다.

2. 실제 제품 사진과 비교

   피드백 받은 컷의 현재 생성 이미지와 실제 제품 사진(라쓰 캐리어 이미지/DSC0xxxx.jpg)을 나란히 놓고 차이점을 부위별로 표로 정리합니다.

3. GPT Image 2 편집 프롬프트 작성

   변경 사항을 1·2·3 번호로 분리하고, 마지막에 "Preserve absolutely…" 절로 변경 외 모든 요소 보존을 명시합니다.

4. 일관성 안 잡히면 base 전환

   같은 부위를 여러 번 시도해도 디테일이 매번 다르게 나오면, 실제 제품 사진을 base로 두고 라이팅·색감·무드만 변환하는 방식으로 전환합니다.

5. 결과 PNG 받기

   ChatGPT 웹 UI 또는 OpenAI API로 편집 후 결과 PNG를 스토리보드 이미지 1차/컷N번수정.png로 저장합니다.

6. 톤그레이드 자동 적용

   Python 스크립트(scripts/apply_*_revisions.py)로 PIL 톤그레이드 + JPEG 변환 + storyboard_v3/images/ 덮어쓰기까지 한 번에 처리합니다.

7. HTML 캐시 무효화

   index.html에서 수정된 이미지 src 4곳(타임라인 1·컷 상세 1 × 두 곳)에 ?v=2·?v=3 같은 쿼리를 붙여 브라우저 캐시를 강제 무효화합니다.

8. 페이지 푸터 버전 갱신

   "v3.1 → v3.2 (C06·C08 광고주 피드백 반영)"처럼 페이지 푸터에 변경 이력을 남깁니다. 광고주가 어떤 버전을 보고 있는지 즉시 확인할 수 있습니다.

9. Cloudflare Pages 재배포

   npx wrangler@latest pages deploy . --project-name=lath-storyboard --commit-dirty=true 한 줄. 같은 URL이 1분 안에 새 버전으로 갱신됩니다.

재현 가능한 명령어 모음

아래 명령어만 순서대로 실행하면 같은 결과가 만들어집니다. $ 표시는 터미널에서 실행한다는 의미이며, 실제로 입력할 때는 빼고 입력합니다.

키프레임 생성

$ cd /Users/sjiphone/Desktop/라쓰캐리어/광고기획페이지

# 전체 13컷 한 번에 생성 (이미 있는 컷은 자동 skip)
$ python3 scripts/generate_imagen.py config/batch_config_lath_imagen4.json

# 특정 컷만 재생성 (5번 컷만)
$ python3 scripts/generate_imagen.py config/batch_config_lath_imagen4.json 05_

톤그레이드 후처리

# 13컷 전체 톤 통일
$ python3 scripts/process_storyboard_v3.py

# 광고주 피드백 반영 시 (수정된 PNG만 다시 톤 적용)
$ python3 scripts/apply_cut68_revisions.py

영구 배포 · 갱신

# 한 번만 — Cloudflare 계정 연결
$ npx wrangler@latest login

# 매번 — 이 한 줄로 재배포
$ cd /Users/sjiphone/Desktop/라쓰캐리어/광고기획페이지/storyboard_v3
$ npx wrangler@latest pages deploy . --project-name=lath-storyboard --commit-dirty=true

백업

# 작업 전체 백업 (광고주 컨펌 직전 권장)
$ cd /Users/sjiphone/Desktop
$ zip -r 라쓰캐리어_백업_$(date +%Y%m%d_%H%M).zip 라쓰캐리어 -x "*.DS_Store"

처음 시작하시는 분께

이 프로세스를 처음 따라하시는 분은 아래 사전 준비를 한 번 끝내두시면 됩니다. 한 번만 셋업하면 다음 프로젝트부터는 스크립트와 명령어가 그대로 재사용됩니다.

1. Claude Code 설치 · 로그인

   Mac이라면 터미널에서 brew install claude-code 또는 공식 사이트(claude.com/code)에서 설치 패키지를 받아 설치합니다. 첫 실행 시 Anthropic 계정으로 로그인.

2. API 키 발급 · .env에 저장

   Imagen 4를 쓰려면 Google AI Studio에서 GEMINI_API_KEY를 발급합니다. 채팅창에 키를 그대로 붙이지 마시고, 터미널에서 nano ~/.env로 파일을 열어 직접 저장하세요.

3. 작업 폴더 구조 확인

   이번 사례의 폴더 구조는 아래 참고 자료 섹션에 정리되어 있습니다. 새 프로젝트는 같은 구조를 그대로 복사해서 시작하시면 됩니다.

4. Cloudflare Pages 계정 만들기

   https://dash.cloudflare.com/sign-up 에서 무료 가입(카드 등록 불필요). 첫 배포 전에 npx wrangler@latest login으로 한 번만 연결합니다.

5. 첫 명령어 — Claude Code에게 인사하기

   Claude Code를 실행한 뒤 이렇게 입력해보세요. "라쓰 캐리어 광고 인수인계 페이지를 보고 같은 흐름으로 [새 제품명] 광고를 시작하고 싶어". Claude가 작업 폴더 만들기부터 안내해줍니다.

자주 묻는 질문

실제로 이번 작업 중 막혔던 지점들과 해결법입니다.

제작 도구 팁 — 이미지·영상·음악·편집

각 단계마다 도구 선택과 프롬프트 작성 방식이 다릅니다. 실제로 여러 도구를 비교한 후 정착한 노하우를 모았습니다. 이 섹션만 따라 해도 비슷한 품질의 결과물을 만들 수 있습니다.

이미지 — 도구마다 프롬프트 방식이 완전히 다릅니다

같은 컨셉이라도 GPT Image 2·Gemini Pro·Midjourney는 입력 방식이 달라서, 한 도구의 프롬프트를 다른 도구에 그대로 붙여넣으면 결과가 어긋납니다. 각 도구의 강점을 살려 단계별로 분담하시는 것이 좋습니다.

활용 예시 — 단계별 도구 분담

# ① Midjourney — 무드보드 / 컨셉 비주얼 (광고 톤 잡기 단계)
cinematic black hard-shell suitcase, ARRI anamorphic, deep charcoal,
single red accent, premium ad campaign --ar 16:9 --v 6 --style raw

# ② Gemini Imagen 4 — 1차 키프레임 대량 생성 (확정 톤으로 13컷 한 번에)
Hyperrealistic cinematic product photography, ARRI Alexa 35 anamorphic lens 50mm,
premium black hard-shell suitcase, deep charcoal seamless backdrop,
single rim light from upper-right, monochromatic palette, ultra sharp.

# ③ GPT Image 2 — 광고주 피드백 디테일 편집 (특정 부위만 정밀 수정)
Edit the provided photograph. 1) Replace the torx screws with smooth domed rivets ...
2) Refine the cap silhouette ... Preserve absolutely [the rest].

영상 — 셋 다 돌려보고 가장 잘 나오는 결과 선택

같은 키프레임을 넣어도 도구마다 모션 품질·디테일 보존이 달라서, 한 도구에 정착하지 마시고 셋 다 한 번씩 돌려보고 베스트만 픽하시는 것이 효율적입니다. 컷당 1회 호출씩이라 추가 비용은 작지만 결과 차이는 큽니다.

음악 — 5가지 맥락을 묶어서 지시

음악 AI는 "멋진 음악 만들어줘"보다 장르·BPM·분위기·악기·구조를 함께 명시할 때 의도한 트랙이 정확히 나옵니다.

# 라쓰 캐리어 30초 광고 BGM 예시 (Suno에 그대로 입력)
Cinematic ambient instrumental, BPM 75,
deep synth bass with subtle string pad,
premium luxurious mood, contemplative and quiet,
30 seconds total, gentle build at 0:08, soft drop at 0:18,
fade out in last 5 seconds.

편집 (Premiere Pro) — 두 가지만 지키면 수정이 빨라집니다

이번 사례뿐 아니라 모든 광고 편집에 적용되는 두 가지 원칙입니다. 처음엔 번거로워 보이지만, 수정 라운드가 한두 번만 들어와도 시간 차이가 크게 납니다.

참고 자료 · 폴더 위치

실제 작업물의 모든 위치입니다. 새 팀원분이 바로 열어보시면 됩니다.