오늘 하려던 것 📝
2주차 종합사례글(w2-review)에서 PRD 범위를 “기획안까지”에서 “카드뉴스 실제 제작까지”로 넓히기로 했었다. 제작 도구는 Figma 대신 나노바나나(구글 Gemini의 이미지 생성·편집 AI)로 정했는데, 문제가 하나 있었다 — 지금까지 노션에 쌓인 “촬영 장면” 필드는 사람이 읽는 지시문이지, 나노바나나가 바로 알아듣는 프롬프트가 아니다.
“비포밀 스틱 + 물컵, 아침 루틴 느낌 연출 컷” — 이 문장을 나노바나나에 그대로 넣으면 뭘 어떻게 찍으라는 건지 AI가 스스로 해석해야 해서 결과가 매번 달라진다.
만든 것 — 촬영 장면 → 이미지 프롬프트 변환 6칸 ⚒️
카드 한 장을 나노바나나 프롬프트로 바꿀 때, 아래 6칸을 항상 채우기로 했다 (AGENTS.md에 규칙으로 저장):
| 칸 | 뭘 채우나 |
|---|---|
| ① 베이스 이미지 | 제니가 찍은 실물 제품 사진 중 이 장면에 맞는 것. 제품 형태·라벨 문구는 왜곡 없이 유지 |
| ② 추가/변경 요소 | 이 장면에 새로 더할 소품·손동작·배경 |
| ③ 구도 | 탑뷰/클로즈업/아이레벨 등 앵글 + 카드뉴스 비율(4:5 세로) |
| ④ 스타일·무드 | 라이팅(내추럴 라이트)·색감·톤(미니멀·웰니스) |
| ⑤ 텍스트 오버레이 | 노션 “자막”은 길어서 그대로 못 넣음 → 카드에 실제로 보일 만큼 짧게 압축한 1~2줄만 정확한 워딩으로 |
| ⑥ 피할 것 | 텍스트 왜곡, 워터마크, 과도한 필터, 실물과 다른 색상 왜곡 |
핵심은 ⑤번이었다. 노션 “자막” 필드는 승관이가 스토리텔링 흐름을 짜기 위한 긴 문장인데, 카드 이미지 위에 그대로 올리면 글자가 너무 많아서 안 읽힌다. “구성용 긴 문장”과 “카드 위에 실제로 보일 짧은 문구”를 분리하는 게 이번에 새로 배운 부분.
실제로 해본 것 — 비포밀 카드뉴스 5장 변환 ✨
이미 “기획완료” 상태인 비포밀 카드뉴스 기획안(노션)을 가져와서 5장 다 변환해봤다.
실제로 생성해본 결과 — 곰돌이 키링 카드뉴스 5장 전부 ✅
규칙만 만들고 끝내지 않고, 실제 제품(비포밀 대신 지금 갖고 있는 곰돌이 키링 2개)으로 5장 전부를 진짜 나노바나나에 넣어 만들어봤다. 제니의 실제 크롬 브라우저로 Gemini(나노바나나)에 접속해서, 제니가 사진 두 장을 업로드하고, 같은 대화 안에서 위 6칸 규칙대로 짠 프롬프트를 한 장씩 순서대로 넣었다.
실제 생성 결과 5장 전부 — 실물 사진 속 곰돌이 형태·하트 발바닥 자수는 왜곡 없이 유지됐고, 지정한 한글 문구도 매 장마다 정확히 렌더링됐다.
확인된 것: 6칸 규칙(베이스 이미지·추가요소·구도·스타일·텍스트·피할 것)을 그대로 프롬프트에 옮기니, 5장 모두 실물 왜곡 없이 + 정확한 한글 텍스트까지 한 번에 나왔다. 4장(가방 실사용 합성)처럼 원본 사진에 없던 배경(가방·행거)을 새로 만들어 합성하는 것도 문제없이 처리됐다. Figma처럼 템플릿을 미리 만들 필요 없이, 사진과 프롬프트만으로 카드뉴스 세트 전체 제작이 실제로 가능하다는 게 증명됐다.
하나 배운 제약: 나는 이미지 생성 API를 직접 호출하는 도구가 없어서, 제니의 실제 크롬으로 Gemini 웹을 대신 조작하는 방식으로 진행했다. 사진 업로드(파일 선택 창)만큼은 보안상 제니가 직접 클릭해야 했다 — 나머지(접속·프롬프트 입력·생성·다운로드)는 다 대행 가능.
배운 점 📚
- “자막”과 “이미지에 보일 문구”는 다른 layer다. 하나는 기획 구조를 위한 문장, 하나는 실제로 카드 위에 렌더링될 압축 문구. 이 둘을 같은 필드에 두면 나노바나나가 긴 문장을 억지로 다 넣으려다 깨진다.
- 베이스 이미지 지정이 제일 중요하다. “제품 형태·라벨은 유지”를 매번 명시 안 하면 나노바나나가 제품 자체를 다르게 그려버릴 위험이 있다 — 실물 제품이라 왜곡되면 신뢰도 문제로 이어짐.
- 6칸 중 스타일·무드는 카드마다 다시 안 정해도 된다. 한 세트(카드뉴스 1건) 안에서는 고정해서 톤을 통일하고, 베이스 이미지·텍스트만 장마다 바꾸는 게 실전에 맞다.
다음 단계 🧭
- Day 12-C: 제니가 실제로 찍은 비포밀(또는 다른 제품) 사진으로 이 프롬프트를 나노바나나에 넣어 실제 시안 1건 만들어보기
- 결과 보고 6칸 규칙에서 더 다듬을 부분 있으면 반영
참고 자료
- 4주 로드맵 · ig-content-automation 프로젝트 PRD
- 2주차 종합사례글 — 이 범위 확장을 결정한 글