목차에디터 · AI 편집 모드

AI 편집 모드

AI와 함께 만드는 작업을 모아 둔 모드입니다. 내가 쓰는 Codex나 Claude Code가 에디터를 직접 조작하게 하거나, 지금 보이는 3D 장면으로 연출 이미지 · 광고 룩 · 광고 영상 · 광고 페이지를 만듭니다. 오른쪽 사이드바에 탭이 다섯 개 있습니다.

  • MCP: 내 Codex · Claude Code를 에디터에 연결합니다 → MCP 탭
  • 이미지: 화면을 입력으로 상세페이지용 연출 이미지를 생성합니다 → 이미지 탭
  • 광고 룩: AI가 제품을 보고 배경 · 조명 · 구도를 추천합니다 → 광고 룩 탭
  • 광고 영상: 카메라 샷을 짜서 1080p mp4를 만듭니다 → 광고 영상 탭
  • 광고 페이지: 공유 페이지를 광고 랜딩 초안으로 씁니다 → 광고 페이지 탭
AI 편집 모드
AI 편집 모드

시작하기

상단 모드 전환에서 AI를 선택합니다. 뷰포트는 일반 편집 모드와 완전히 같아서 카메라 조작, 기즈모, 플로팅 툴바, 배치 아이템, 하단 타임라인이 그대로 유지됩니다. 이미지와 광고 탭은 지금 화면에 보이는 그대로를 AI에 전달하므로 먼저 각도와 구도를 잡으세요.

  • 이미지 · 광고 페이지 탭은 저장된 계정 아이템에서만 쓸 수 있습니다. 아직 저장하지 않은 로컬 아이템은 첫 저장 후부터 이용할 수 있습니다
  • 이미지 생성은 1장당 2 EvoCredit이 쓰입니다. 광고 룩 · 광고 영상 · 광고 페이지는 EvoCredit이 들지 않고, 요청 횟수 한도가 있습니다
  • Tab 순환 순서는 일반 → 스플랫 → 메쉬 → 스타일 → AI → 이미지 뷰어입니다

AI 입력창

에디터 맨 아래에 있는 입력창입니다. 만들고 싶은 것이나 고치고 싶은 점을 적으면 EVOVA가 AI를 대신 돌려서 에디터 안에서 바로 작업해요. Codex나 Claude를 구독하지 않아도 됩니다.

  • 품질: 입력창의 메뉴에서 초실감 3D, 고품질 3D, 빠른 스케치 중에 고릅니다. 초실감 3D가 가장 공들이는 만큼 EvoCredit도 가장 많이 듭니다
  • 참고 이미지와 영상: 입력창 왼쪽의 +로 붙입니다. 큰 영상은 올리기 전에 기기에서 줄여 줍니다
  • 결과 개선하기: 입력창 위의 버튼입니다. AI가 지금 모델을 살펴보고 어색한 곳을 찾아 고칩니다
  • 비용: 작업한 만큼 EvoCredit이 차감됩니다(1 EvoCredit = 100원). 크레딧이 다 떨어지면 작업이 멈추고, 실패한 작업은 돌려드려요
  • 작업이 끝나면 좋아요 / 별로예요로 결과를 알려 주세요. 더 나은 결과를 만드는 데 씁니다
  • MCP를 켜 둔 동안에는 입력창을 쓸 수 없습니다

MCP 탭

내가 이미 구독 중인 Codex나 Claude Code가 이 에디터를 직접 조작하게 하는 탭입니다. 에이전트에게 말로 시키면 장면을 보고, 스플랫을 그리고, 결과를 확인하며 고쳐 나갑니다. AI 사용량은 내 Codex · Claude 구독에서 쓰입니다.

MCP 탭
MCP 탭

연결하기 (처음 한 번)

  1. 터미널에서 쓰는 에이전트에 맞는 명령을 실행합니다
    • Codex: codex mcp add evova --url https://app.evova.ai/api/mcp
    • Claude Code: claude mcp add --transport http evova https://app.evova.ai/api/mcp
  2. 브라우저에 열리는 승인 화면에서 허용을 누릅니다
  3. 켜져 있던 에이전트는 한 번 껐다 켭니다. 실행 중인 에이전트는 새로 추가한 연결을 바로 알아보지 못합니다

연결은 한 번만 하면 됩니다. 에디터를 새로고침해도 다시 연결할 필요가 없고, 승인한 에이전트는 MCP 탭의 목록에서 확인하고 끊을 수 있습니다.

시키기 (매번)

  1. 에디터를 열고 MCP 탭에서 MCP 활성화를 켭니다. 꺼져 있는 탭은 에이전트가 건드릴 수 없습니다. "이 탭을 에이전트가 조작할 수 있습니다."가 보이면 준비된 것입니다
  2. 에이전트를 켜고 원하는 것을 말합니다. 예: "evova 도구로, 내가 열어 둔 EVOVA 에디터에 곰인형을 3D로 만들어 줘"
  3. 결과가 에디터 화면에 나타납니다. 에이전트가 일하는 동안에는 창 가장자리에 테두리가 표시됩니다
에이전트가 작업하는 중
에이전트가 작업하는 중
에이전트가 완성한 결과
에이전트가 완성한 결과

빈 에디터의 첫 화면에서 Codex로 만들기 · Claude로 만들기를 고르면 연결 명령과 붙여넣을 문장을 한 화면에서 볼 수 있습니다.

첫 화면의 Codex로 만들기
첫 화면의 Codex로 만들기
에이전트가 일하는 동안 이 탭을 화면에 띄워 두세요. 탭을 최소화하거나 다른 탭으로 전환하거나 닫으면 작업이 멈춥니다.

에이전트가 할 수 있는 일

  • 보기: 화면 캡처, 여러 방향을 한 장으로 캡처, 카메라 이동, 형태만 보는 뷰(클레이 · 깊이 · 노멀 · 윤곽)
  • 그리기: 스플랫을 붓처럼 찍어 만들거나, 직접 짠 스크립트로 면과 입체를 그립니다. 이미 있는 점을 부위별로 읽고 고칠 수도 있습니다
  • 참고 이미지: 사진을 올려 장면과 비교하고, 가장 다른 곳을 찾아 고치고, 사진을 점에 입힙니다
  • 편집: 에디터의 기존 도구(선택 · 변형 · 색 보정 · 스타일 등)를 실행합니다
  • 서버 작업: 사진으로 서버에서 학습합니다
  • 저장: 장면을 아이템으로 저장합니다

설정

  • 새 장면 형식: 에이전트가 새로 만드는 장면의 형식입니다. 기본값 4.0은 보는 방향에 따라 불투명도가 달라지는 형식입니다
  • 에이전트의 EvoCredit 사용: 기본은 꺼짐입니다. 꺼져 있으면 크레딧이 드는 도구는 실행되지 않습니다. 지금은 크레딧이 드는 도구가 없습니다
  • 참고 이미지: 에이전트가 볼 사진을 이 탭에 올려 둘 수 있습니다
  • 최근 활동: 에이전트가 실행한 도구와 거절된 요청이 기록됩니다

같은 아이템을 탭 두 개로 열면 나중에 연 탭이 연결을 가져갑니다. 서로 다른 아이템을 여러 탭에 열어 두면 에이전트가 어느 탭에서 일할지 고릅니다.

이미지 탭

이미지 탭
이미지 탭

기본 흐름

  1. 뷰포트에서 아이템의 각도와 크기를 잡습니다. 지금 보이는 화면이 그대로 AI에 전달됩니다
  2. (선택) 스케치로 화면 위에 의도를 표시합니다 → 아래 스케치 절
  3. 프롬프트에 만들고 싶은 장면을 씁니다. 예: "따뜻한 오후 햇살이 드는 원목 테이블 위, 배경은 흐린 카페 창가"
  4. 비율(16:9 · 9:16 · 1:1)과 생성 개수(1~4)를 고르고, 필요하면 참조 이미지를 붙입니다
  5. 이미지 생성을 누르면 작업이 서버에 등록되고 갤러리에 대기 → 처리중 → 완료로 상태가 바뀝니다. 기다리는 동안 에디터의 다른 작업을 계속해도 됩니다

EvoCredit 잔액과 생성 비용

  • 생성 버튼 위에서 잔액과 이번 생성 비용을 확인할 수 있습니다. 1·2·3·4장 생성에는 각각 2·4·6·8 EvoCredit이 필요합니다
  • 에디터 상단에서도 잔액을 볼 수 있습니다. 잔액을 누르면 충전과 사용 내역을 새 탭으로 열 수 있습니다
  • 조직 계정은 조직 공용 잔액, 개인 계정은 개인 잔액을 사용합니다
  • 작업 등록 시 차감됩니다. 작업 전체가 실패하거나 취소되면 차감한 금액이 자동 환불됩니다. 여러 장 중 일부만 성공한 경우에도 해당 작업은 실패 처리되고 전액 환불됩니다
  • 결과 이미지 수정으로 새 이미지 1장을 만들 때도 2 EvoCredit이 필요합니다. 환불된 작업을 재시도하면 생성 장수에 맞게 다시 차감됩니다
  • 잔액이 부족하면 생성 버튼을 사용할 수 없습니다. 요청 응답이 끊겼을 때는 생성 요청 확인으로 기존 요청을 확인하세요

스케치 — 화면에 의도 표시하기

프롬프트만으로 전달하기 어려운 것을 그림으로 알려 주는 기능입니다. 지울 영역이나 소품이 들어갈 자리 같은 위치와 영역을 표시할 수도 있고, 원하는 물건의 모양이나 배치 자체를 직접 그려서 설명할 수도 있습니다. 예를 들어 아이템 옆에 화분 윤곽을 그리고 색상 의미에 "작은 화분"이라고 적으면, 그 자리에 화분이 놓인 이미지가 나옵니다. 스케치 토글을 켜면 뷰포트 위에 그릴 수 있습니다.

  • 펜(Shift+P) · 지우개 · 지우기(Shift+U, 전체 삭제)와 작은 · 중간 · 큰 브러시
  • 색상 7가지(빨강 · 초록 · 파랑 · 노랑 · 마젠타 · 시안 · 흰색). 색마다 색상 의미를 적어 둘 수 있습니다. 예를 들어 빨강에 "제거할 영역", 초록에 "화분을 놓을 자리"라고 쓰면, AI에 "빨간 선은 제거할 영역을 뜻한다"는 식으로 함께 전달됩니다
  • 생성 시 AI는 스케치 없는 깨끗한 화면을 원본으로 받고, 스케치가 있으면 그것을 그린 화면을 참조로 추가로 받습니다. 그래서 선 자체가 결과에 찍히지 않고 의도만 반영됩니다
  • 스케치는 AI 입력용이라 아이템에 저장되지 않습니다. 뷰어에 남길 그림은 드로우 탭을 쓰세요

프롬프트 잘 쓰기

  • 장면(어디에 놓였는지) · 조명(시간대, 광원) · 분위기(톤, 스타일) · 카메라(정면, 45도, 클로즈업) 순으로 구체적으로 쓰면 결과가 안정적입니다
  • 아이템 자체의 형태와 색은 화면에서 가져가므로 굳이 설명하지 않아도 됩니다. 배경과 주변에 집중하세요
  • 참조 이미지는 스타일 가이드입니다. 원하는 룩의 사진을 파일로 올리거나 갤러리에서 고르면 색감·구도를 그 방향으로 맞춥니다
  • 정책에 걸리는 내용(규정 위반)이 있으면 결과 대신 안내가 표시되니 프롬프트나 이미지를 바꿔 다시 시도하세요

갤러리

이 아이템에서 생성한 결과가 최신순으로 쌓입니다. 결과마다 아래 작업을 할 수 있습니다.

  • 다운로드 — 이미지 파일로 저장. 여러 개를 생성했으면 이전 · 다음으로 넘겨 봅니다
  • 수정 — 결과 위에 수정 프롬프트("배경을 더 밝게", "테이블을 대리석으로")를 적어 다시 생성합니다
  • 재시도 — 오류가 난 작업을 같은 설정으로 다시 실행
  • 삭제 — 결과 제거
  • 결과 카드의 프롬프트를 더블클릭하면 문구를 고칠 수 있고, 다른 곳을 클릭하면 자동 저장됩니다
비디오 모드(첫 프레임 · 끝 프레임을 정해 움직이는 영상 생성, 결과 이미지를 비디오로 확장)는 화면에 버튼이 보이지만 현재 준비 중이라 동작하지 않습니다.

광고 룩 탭

AI가 제품을 분석해 광고용 룩(배경 · 조명 연출 · 그림자 · 카메라 모션)과 구도(제품 배치 · 카메라 위치)를 추천합니다.

광고 룩 탭
광고 룩 탭
  1. (선택) 용도를 고릅니다: 상세페이지(제품이 주인공, 절제된 연출) · 브랜드 랜딩(무드와 시네마틱 연출) · SNS 광고(눈에 띄는 모션과 과감한 연출)
  2. (선택) 원하는 분위기를 적습니다. 예: "고급스럽고 차분하게"
  3. AI로 추천받기를 누르면 추천 카드가 나옵니다
  4. 카드의 적용할 항목(배경 · 조명, 시네마틱, 카메라 모션, 인터랙션, 뷰어 UI, 카메라 구도, 제품 배치)에서 원하는 것만 골라 적용합니다
  • 적용한 뒤에도 모든 설정을 직접 조정할 수 있고, 실행 취소로 되돌릴 수 있습니다
  • AI 모드 화면에는 룩(배경 · 조명)이 보이지 않습니다. 스타일 모드에서 보기로 확인하세요
  • 룩은 스타일 저장으로, 카메라 · 오브젝트 위치는 상단 저장(Ctrl+S)으로 저장됩니다. 모두 저장을 누르면 둘 다 저장합니다
  • 같은 제품은 1분 뒤에 다시 분석할 수 있습니다

→ 룩의 각 항목은 스타일 편집 모드에서 설명합니다.

광고 영상 탭

AI가 제품에 맞는 카메라 샷 구성을 짜고, 지금 스타일 그대로 1080p mp4 광고 영상을 만듭니다. 광고 룩을 먼저 받지 않아도 됩니다.

광고 영상 탭
광고 영상 탭
  1. 비율(9:16 세로 · 1:1 정사각 · 16:9 가로)과 문구 언어를 고르고 영상 구성 추천받기를 누릅니다
  2. 샷 구성(돌리 인 · 오빗 · 사이드 스윕 등)과 문구(상단 라벨 · 헤드라인 · 서브 카피 · 엔드카드)를 확인하고 고칩니다
  3. 필요하면 타임라인에 넣기로 카메라 키프레임을 타임라인에 넣어 직접 다듬습니다(이미 있던 카메라 키프레임은 교체됩니다). 카메라 경로는 AI 샷 구성대로와 편집한 타임라인대로 중에서 고릅니다
  4. 광고 영상 만들기를 누르고, 끝나면 다운로드하거나 공유 페이지에 넣기를 누릅니다
  • 텍스트: 타이포그래피 템플릿(에디토리얼 · 미니멀 센터 · 볼드 스택 · 럭셔리 · 키네틱 에디토리얼)과 등장 모션(라인 리빌 · 페이드), 엔드카드(버튼 포함 · 어둡게 · 없음)를 고릅니다
  • 배경 음악: mp3 · wav · m4a 파일(30MB 이하)을 넣고, 카메라 전환 · 텍스트를 비트에 맞추기를 켤 수 있습니다. 파일은 서버로 올라가지 않습니다. 사용 권한이 있는 음악만 넣으세요
  • 화질: 표준(가장 빠름) · 고화질(2배 슈퍼샘플링, 약 3~4배 시간) · 시네마틱(슈퍼샘플링 + 모션 블러, 약 10배 이상 시간)
  • 영상은 브라우저에서 만들어집니다. Chrome 또는 Edge를 쓰세요
  • 공유 페이지에는 10MB 이하 영상만 넣을 수 있습니다. 넘으면 길이를 줄이거나 표준 화질로 다시 만드세요

광고 페이지 탭

AI가 이 제품의 공유 페이지를 광고 랜딩 페이지 초안으로 씁니다(제목 · 본문 · 항목 · 디자인). 저장된 아이템에서만 쓸 수 있습니다.

  1. 페이지 언어를 고르고, 원하면 분위기를 적습니다. 예: "미니멀하고 고급스럽게"
  2. AI로 광고 페이지 초안 만들기를 누릅니다
  3. 공유 페이지에서 열어 편집하기로 새 탭에서 초안을 확인하고 고친 뒤 저장합니다. 저장해야 공유 페이지에 반영됩니다

이미 넣어 둔 링크와 광고 영상은 그대로 유지됩니다.

→ 게시와 공유 › 공유 페이지