블로그 헤더에는 거의 모든 아름다운 이미지들이 실패하는 중요한 역할이 있습니다: 헤드라인을 담아야 한다는 것이죠. 16:9 프레임 중앙에 주제를 배치하면 제목이 올라갈 곳이 없이 무언가 위에 겹치게 됩니다.
그렇다면 진짜 중요한 질문은 “어떻게 생기 좋게 볼까”가 아니라 “텍스트를 어디에 둘 것이며, 그 영역이 읽을 만큼 깔끔한가”입니다.
먼저 만들고, 단순화한 다음, 위치를 이동시켜라
1라운드 — 장면 만들기
정리된 나무 책상의 원샷 사진: 열린 노트, 펜, 도자기 커피잔, 노트북 가장자리, 중성 톤, 부드러운 자연광
아주 그럴듯해 보이는 스톡 사진 같은 책상이 나옵니다. 하지만 헤더로는 사용할 수 없습니다: 오브젝트가 끝에서 끝까지 퍼져 있고 프레임의 모든 부분이 주목을 독점하고 있죠.
2라운드 — 물건 제거하기
단순화 — 노트북과 펜을 제거하고 빈 책상 공간을 넓히기
제거는 이미지 작업에서 가장 미활용되는 지침입니다. 여기서 주목할 점은 이 편집이 노트북 제거처럼 지시문 형태로 쓰여야 한다는 것입니다. 이는 앞서 만들어진 이미지를 모델이 보고 있어야만 의미가 있습니다. 모델이 이전 프레임을 확인할 수 있기 때문이죠. 새로운 프롬프트로 “노트북 없는 책상”이라고 적으면 이상한 문장이 되어 종종 노트북이 있는 책상이 생성됩니다.
3라운드 — 필요한 모서리를 비우기
모든 것을 왼쪽 하단으로 옮기고 오른쪽 위는 빈 공간으로 두기
이제 헤드라인이 들어갈 홈이 생겼습니다. 이건 마지막에 하세요. 재배치 후에 단순화를 시도하면 방금 설정한 구도가 무너집니다.
텍스트를 이미지에 bake하지 마라
최신 이미지 모델은 텍스트도 잘 렌더링합니다 — 별도로 테스트했고 잘 작동했습니다. 그럼에도 헤드라인을 이미지 안에 넣지 않는 것이 좋은데, 그 이유는 모델이 철자를 제대로 할 줄 아는지와 상관없이 세 가지입니다.
- 헤드라인은 바뀝니다. 이미지가 승인된 후에도 카피는 항상 수정됩니다.
- 이미지가 재사용됩니다. 같은 헤더가 소셜 카드, 뉴스레터, 카테고리 페이지 등 서로 다른 문장이 필요한 곳에 모두 쓰입니다.
- 벤딩된 텍스트는 번역할 수 없습니다. 사이트가 여러 언어로運営되면, JPEG에 박힌 헤드라인은 그중 한 언어에만 존재합니다. 이 사이트는 7개 언어로運営되며, 당신이 지금 읽고 있는 모든 글자가 바로 이 이유 때문에 라이브 텍스트입니다.
공간을 만들고, HTML이나 디자인 도구 위에 텍스트를 올려두세요.
모델이 알지 못하는 것
모델은 당신의 브랜드를 모릅니다. 어떤 폰트를 쓰는지, 팔레트가 무엇인지, 헤드라인이 항상 좌측 정렬로 72px인지 알지 못합니다. 모델은 레이아웃이 아닌 사진을 생성하며, 그 두 가지 사이 간극은 당신의 일입니다.
두 가지 실질적인 결과:
- 텍스트가 실제로 놓일 위치의 контраst를 확인하세요. "빈" 공간과 "고요한" 공간은 다릅니다. 밝은 나무 결의 빈 영역도 흰색 텍스트와 싸울 수 있습니다. 그렇다면 해당 영역을 더 어둡게 요청하거나 CSS로 스크림을 추가하세요 — 종종 스크림이 정직한 해결책입니다.
- 생성 전에 컷을 결정하세요. 비율 대화는 전체 대화.lock deliberately so a later round cannot reframe what you have built. If you need a 16:9 header and a 1:1 social card, that is two conversations, not one image cropped twice.
짧은 체크리스트
- 장면을 한 번에 완전히 묘사하세요.
- 너무 빈 것처럼 느껴질 때까지 요소를 제거하세요.
- 주제를 한쪽으로 밀어내고 비우고 싶은 영역을 명시하세요.
- 본 реаль headline을 위에 올리고, 모바일 너비로 읽어본 후 승인하세요.
무료 크레딧 300로 시작하기 — 카드 등록 불필요
