Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
이미지 생성 AI가 텍스트를 포함할 때 발생하는 오탈자 및 수정의 어려움을 지적하며, 구조적인 워크플로우 개선을 제안합니다. 모델이 이미지를 만들고, 모든 단어는 별도의 텍스트 레이어로 분리하여 배치해야 한다고 강조합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기앞서 공개합니다: 저는 아래에서 언급하는 이미지 스튜디오 imagesv2.ai를 운영하는 팀의 일원입니다. 이 글은 워크플로우에 관한 것이며, 이 워크플로우는 사용자가 이미 사용하는 어떤 도구와도 작동합니다.
여러분은 아마 이런 경험을 해보셨을 겁니다. 이미지 모델이 마음에 드는 런칭 포스터를 생성해 줍니다. 빛은 적절하고, 제품은 제자리에 놓여 있으며, 숨 쉴 공간도 충분합니다. 그러고 나서 날짜를 읽어봅니다. "Octber"라고 되어 있습니다. 또는 브랜드 이름에 글자가 하나 바뀌었거나, 일본어 부제가 캐릭터가 아닌 그럴듯해 보이는 세 개의 모양일 수 있습니다.
그래서 여러분은 재시도를 합니다. 새 버전에서는 날짜가 올바르게 철자되고 제품의 위치가 바뀌고 빛이 변하면서, 처음에 마음에 들었던 요소는 사라집니다. 단어 하나를 수정하는 것이 사진 전체를 망칠 수도 있는 것입니다.
최신 모델들은 이전 모델보다 텍스트 처리 능력이 훨씬 뛰어나며, 짧은 헤드라인은 깨끗하게 나오는 경우가 많습니다. 하지만 클라이언트나 에디터, 또는 인쇄소에서 모든 글자를 읽게 될 때는 "자주"라는 기준이 좋지 않습니다. 게다가 텍스트가 완벽하더라도 그것은 픽셀에 구워져 있습니다(baked into pixels). 다음 주에 가격을 변경하거나, 번역하거나, 헤드라인을 A/B 테스트할 때 다시 생성하지 않고는 수정할 수 없습니다.
우리가 확정한 해결책은 더 나은 프롬프트가 아니라 구조적인 것입니다: 모델이 이미지를 만들고, 모든 단어는 그 위에 실제 텍스트 레이어로 존재해야 합니다.
무엇이든 생성하기 전에 작업을 두 가지로 분할하십시오.
| 모델이 렌더링하게 할 것 | 텍스트 레이어에 배치할 것 |
|---|---|
| 아무도 읽지 않는 질감 텍스트: 흐릿한 가게 간판, 신문 소품 | 브랜드 및 제품 이름 |
| ... |
만약 어떤 텍스트 조각이 망설여진다면, 그것은 레이어에 배치되어야 합니다. 레이어를 사용하는 비용은 몇 분간의 타이포그래피 작업입니다. 하지만 구워진(baked-in) 텍스트를 사용하는 비용은 누군가 카피를 수정할 때마다 재시도하는 것입니다.
대부분의 지저분한 결과물은 하나의 프롬프트가 두 가지 작업을 하려고 시도하면서 시작됩니다. 이들을 분리하여 각각 작성하십시오:
'Copy deck'는 이미지 프롬프트에 절대 넣지 마세요. 이것만으로도 오탈자 관련 문제의 대부분을 해결할 수 있습니다.
빈 공간을 구성 요소의 실제 일부로 설명하고, 모델에게 아무것도 쓰지 말라고 명시적으로 지시합니다:
세라믹 커피잔이 연한 오크나무 테이블 위에 놓여 있고, 왼쪽에서 들어오는 부드러운 아침 창문 빛,
커피잔은 오른쪽 아래 3분의 1에 배치하고, 차분하고 따뜻한 색감, 낮은 심도(shallow depth of field).
상단 절반은 헤드라인을 위한 깨끗하고 디테일이 적은 벽으로 남겨두세요.
...
여기서 도움이 되는 두 가지 습관이 있습니다:
영역 이름을 지정하세요.
대비(Contrast)를 먼저 고려하고, 스타일을 나중에 적용하세요. 헤드라인이 복잡한 영역에 위치한다면, 편집 단계(3단계)에서 해당 영역을 어둡게 하거나 밝게 하거나, 텍스트 뒤에 부드러운 배경판(soft plate)을 추가하세요. 대비를 더 무거운 글꼴로 수정하지 마세요.
하나의 계층 구조. 헤드라인 하나, 보조 문구 하나, 상세 정보 블록 하나만 사용하세요. 네 번째 레벨이 필요하다면, 포스터에 들어갈 텍스트가 적어야 할 수도 있습니다.
안전 영역(Safe Zones)을 존중하세요. 소셜 플랫폼은 가장자리를 잘라내거나 UI를 오버레이합니다. 특히 세로 형식에서는 중요한 단어들을 바깥 여백에서 멀리 배치하세요.
CJK용 실제 글꼴 사용. 중국어, 일본어 또는 한국어를 배포한다면, 아무것도 빈 상자로 대체되지 않도록 적절한 CJK 커버리지를 가진 글꼴을 선택하세요.
최종 크기로 내보낸 다음, 그것이 어떻게 보이게 될 크기(휴대폰 피드 썸네일, 프로젝터 슬라이드, 인쇄물 시안 등)로 살펴보세요. 모든 단어를 소리 내어 읽어보세요. 이 단계에서 잘못 배치된 날짜를 발견할 수 있으며, 시간이 조금 걸립니다.
추상적으로 설명하기보다는 우리가 무엇을 만들었는지 구체적으로 말씀드리겠습니다. 이것이 워크플로우를 보여주는 가장 정직한 방법입니다.
2단계와 3단계에서는 텍스트-이미지 및 이미지-이미지 기능을 지원하며 최대 4K까지 출력 가능한 저희의 이미지 스튜디오를 사용합니다. 이 워크플로우에 중요한 부분은, 재작업(re-rolling)하는 대신 마스크를 사용하여 업로드하거나 생성한 이미지를 편집할 수 있다는 점이며, 최종 배경을 내보낼 크기(16:9 비율의 경우 최대 3840x2160)에서 렌더링할 수 있어 나중에 업스케일링 할 필요가 없다는 것입니다.
4단계는 저희가 특정 기능을 구현한 부분입니다. GPT Image 2 editable text page에서는 생성기가 프롬프트에 자동으로 '텍스트 없음, 문자 없음' 지침을 추가하여 깨끗한 캔버스를 얻게 해주고, 이후 단어들은 브라우저 내의 실제 텍스트 레이어로 들어갑니다: 끌어서 배치하고(drag), 스타일을 변경하고(restyle), 복사본을 교체하며(swap copy), 언어를 바꿀 수 있습니다. 내보내기 시 배경의 원래 해상도를 사용하므로, 축소된 미리 보기에서 추가한 텍스트가 다운샘플링되지 않으며, 전체 프로젝트를 JSON으로 저장하여 나중에 다시 열 수도 있습니다. 또한 직접 이미지를 불러와서 생성 과정을 완전히 건너뛸 수도 있습니다.
제한 사항에 대해 솔직하게 말씀드리자면:
이미지와 단어가 분리되면, 많은 추가 작업들이 더 이상 '작업'이 아닙니다. 하나의 배경 이미지에 동일한 캠페인의 영어, 중국어, 독일어 버전을 담을 수 있습니다. 다음 주 가격 변경은 텍스트 편집만으로 가능합니다. 두 개의 헤드라인을 테스트하는 것은 열 가지 방식으로 한 번에 달라지는 두 번의 생성이 아니라, 단지 두 번의 내보내기 작업입니다.
단순한 오탈자 수정 이상의 이유로, 우리는 모델에게 철자를 쓰라고 요청하는 것을 멈췄습니다.
[ ] 카피는 별도로 작성하고; 이미지 프롬프트 안에 카피를 넣지 않음
[ ] 그림 브리프에 텍스트 영역을 명시함 ("상단 절반", "왼쪽 3분의 1")
[ ] 프롬프트에 "텍스트, 문자, 간판, 로고 없음" 포함
...
이미지 모델로 포스터나 소셜 그래픽을 제작할 때: 어떤 텍스트를 여전히 모델이 렌더링하도록 허용하며, 어디서 어려움을 겪었나요? 다른 사람들이 어디에 선을 긋는지 궁금합니다.