[내배캠] 본 캠프 31일차 TIL: 나만의 이미지 제작 프롬프트 만들기

첫번째 개인과제 수행을 위해 생성형 AI(지피티, 제미나이, 미드저니)를 활용해 이미지를 제작했다.

그 과정에서 몇가지 깨달음을 얻었다.

 

🤖 첫번째 프롬프트(ChatGPT 사용)

너는 온라인 종합 이커머스 '에브리마켓'의 브랜드 마케터야. (역할 부여)

썸머 시즌 빅세일 페스타를 위한 프로모션 이미지를 제작해줘. (원하는 결과)
다음 조건에 맞춰줘. (제한)

조건:
- 바다, 해변을 떠올리는 푸른 계열의 배경 이미지
- 이미지 최상단에 '에브리마켓' 브랜드 네임을 넣을 14-20pt 크기의 공백을 남겨둬.
- 메인 카피 "7월 선풍기 명가 넥스트가전 기획전”를 구름 형태의 보송한 효과를 넣어 상단에 배치해줘.
- 서브 카피 "오직 에브리마켓에서만 26% 할인된 가격"을 메인 카피 하단에 하이라이트 효과를 넣어 배치해줘.
- 이미지 중앙에 선풍기 제품 누끼 이미지 3개 넣어줘.
- 이미지 하단에 원가에서 26% 할인된 가격을 넣어줘.
- 이미지 옆 상단에 누적 판매 1위 브랜드 도장 마크를 넣어줘.
- 최하단에는 CTA 메시지로 "🚨이번주만 이 가격, 지금 기획전 입장하기 >" 를 강조해서 넣어줘.

 

[첫번째 결과 이미지]

 

나는 여기서 두 가지 실수를 했다.

 

1) 이미지 크기를 지정하지 않은 것. 

→ 1080*1080(정방형) 크기를 제시했어야 한다.

2) CTA 메시지를 인스타그램 광고 형태에 맞게 하지 않은 것.

→ 인스타그램 광고의 경우 이미지 하단 양 모서리가 꽉 차게, 최하단에 만들어야 한다. 

 

전반적인 이미지의 분위기와 글꼴 등 내가 원하는 대로 나왔지만,

사소한 퀄리티들이 마음에 들지 않아 초기 이미지 생성 이후 수정을 위한 명령을 계속 시도했다.

그럼에도 원하는 결과가 나오지 않았다.

 

특히 

1) 헤드 라인 '7월'과 '넥스트가전'을 강조하고 싶었지만, 크기가 너무 커지거나 하이라이트 효과들이 투박함

2) CTA 메시지를 인스타그램 형태로 맞추기 위해 수정을 시도했지만 원하는 결과가 나오지 않음

이 두 가지 점이 불만족스러웠다.

 

ChatGPT 사용하면서 좋았던 점은, 이미지 편집 기능이 있어

편집을 원하는 부분을 표시하고 별도로 명령을 내릴 수 있다는 점이었다.

하지만, 해당 부분을 인식하는 기능이 아직 부족한 것인지 정확한 편집이 이루어지지는 않았다. 

 

CTA 수정이 막히자, 새 채팅을 열어 프롬프트를 다시 입력했다.

 

🤖 두번째 프롬프트(ChatGPT 사용)

너는 온라인 종합 이커머스 '에브리마켓'의 브랜드 마케터야.
썸머 시즌 빅세일 페스타를 위한 프로모션 이미지를 제작해줘.
다음 조건에 맞춰줘.

조건:
- 바다, 해변을 떠올리는 푸른 계열의 배경 이미지
- 이미지 최상단에 14-20pt 크기로 "에브리마켓 썸머 빅세일 페스타"를 둥근 모서리 직사각형 배경으로 넣어줘.
- 메인 카피 "7월 선풍기 명가 넥스트가전 기획전”를 구름 형태의 보송한 효과를 넣어 상단에 배치해줘.
- 서브 카피 "오직 에브리마켓에서만 26% 할인된 가격"을 메인 카피 하단에 하이라이트 효과를 넣어 배치해줘.
- 이미지 중앙에 선풍기 제품 누끼 이미지 3개 넣어줘.
- 이미지 하단에 원가에서 26% 할인된 가격을 넣어줘.
- 이미지 옆 상단에 "누적 판매 1위 브랜드" 황금색 배경 검정색 글씨의 도장 마크를 넣어줘.
- 최하단에는 인스타그램 광고 형태의 CTA 메시지를 "🚨이번주만 이 가격, 지금 기획전 입장하기 >" 를 넣어줘.
- 이미지 크기는 1080×1080px (정방형)으로 제작해줘.

 

이번에는 첫번째 실수를 반영해 사이즈와 CTA 메시지를 조건으로 반영해 넣었다.

또한 "에브리마켓 썸머 빅세일 페스타"를 헤드라인 상단에 넣어달라는 조건을 추가적으로 반영했다.

첫번째 프롬프트에서는 공백으로 놔두고, 내가 직접 편집을 수행하려고 했지만

공백을 만드는 것을 GPT가 잘 인식하지 못하는 듯 했다. 

그래서 명령으로 입력했다. 

 

[두번째 결과 이미지]

 

 

여전히 CTA가 문제였다.

'인스타그램 광고 형태 CTA'라고 명령했지만 내가 원하는 CTA 버튼이 나오지 않았다.

그리고 두번째 결과물에서 또 다른 문제에 직면했다.

바로 '개체 과밀 문제'였다.

폰트와 이미지 간의 간격이 너무 가깝고, 각각의 크기가 너무 커서 시각적으로 부담스러웠다. 

 

<AI를 활용한 광고 콘텐츠 기획>에서 배웠던 '광고 이미지 원칙'에 따라서, 적절한 여백이 필요하다고 판단했다. 

그 후, 여백을 만들고 개체 사이 간격을 확보하기 위해 프롬프트들을 입력했지만, 아무런 소용이 없었다.

 

💡 인사이트 
- AI는 공백을 인식하는데 어려움이 있다.
- 개별 개체의 크기나 비율을 조절하지 못한다.
- 넣는 것은 잘하지만, 덜어내는 것은 못한다.

 

GPT로는 한계가 있다고 생각해, 제미나이로 다시 시도해보았다. 

해결해야 하는 문제는 총 두 가지였다.

1) 시각적 편안함을 위한 개체 과밀 문제 해소

2) 인스타그램 광고 형태의 CTA 

 

🤖 세번째 프롬프트(제미나이 사용)

너는 온라인 종합 이커머스 '에브리마켓'의 브랜드 마케터야.
썸머 시즌 빅세일 페스타를 위한 프로모션 이미지를 제작해줘.
다음 조건에 맞춰줘.

조건:
- 바다, 해변을 떠올리는 푸른 계열의 배경 이미지
- 이미지 좌우상하 20px 여백을 남기고, 모든 레이어, 콘텐츠를 배치할 때 10px 간격을 유지해줘.
- 이미지 최상단에 14-20pt 크기로 여백을 남겨줘. 
- 메인 카피 "7월 선풍기 명가 넥스트가전 기획전”를 구름 형태의 보송한 효과를 넣어 상단에 배치해줘.
- 서브 카피 "오직 에브리마켓에서만 26% 할인된 가격"을 메인 카피 하단에 하이라이트 효과를 넣어 배치해줘.
- 이미지 중앙에 선풍기 제품 누끼 이미지 3개 넣어줘.
- 이미지 하단에 원가에서 26% 할인된 가격을 넣어줘.
- 이미지 옆 상단에 "누적 판매 1위 브랜드" 황금색 배경 검정색 글씨의 도장 마크를 넣어줘.
- 최하단에는 인스타그램 광고 형태의 CTA 메시지를 넣을 14-20pt 크기의 여백을 남겨줘. 
- 이미지 크기는 1080×1080px (정방형)으로 제작해줘.  

 

AI가 인스타그램 CTA 버튼을 만들지 못하길래, 아예 공백으로 남기고 내가 직접 편집을 하려고 했다.

그랬더니 다음과 같은 이미지가 나왔다.

 

[세번째 결과 이미지]

 

 

그랬더니 여백을 저렇게 만들어놨다.

아주 확실하게 AI는 공백을 인식하지 못한다는 사실을 확인했다.

 

또한 한 가지 더 수확을 얻은 것은 

디자인 능력이 GPT 보다 제미나이가 더 뛰어나다는 사실이었다.

GPT나 미드저니는 선풍기 날개를 제대로 묘사하지 못했는데, 제미나이는 분명하게 묘사했고,

폰트나 레이아웃, 이미지 테두리, 깔끔한 배경 등 디자인적 요소가 괜찮았다.

 

멱살잡고 CTA 메시지를 위한 공백이나, 상하좌우의 여백을 만드려고 했지만

절대 안된다. 

 

그래서 그냥 공백을 인위적으로 만드려는 시도를 포기하고, 프롬프트를 다시 손봤다.

 

🤖 네번째 프롬프트(제미나이 사용)

너는 온라인 종합 이커머스 '에브리마켓'의 브랜드 마케터야.
썸머 시즌 빅세일 페스타를 위한 프로모션 이미지를 제작해줘.
다음 조건에 맞춰줘.

조건:
- 바다, 해변을 떠올리는 푸른 계열의 배경 이미지를 제작해 넣어줘. 
- 이미지 최상단에 14-20pt 크기로 '에브리마켓 써머 BIG 페스타' 를 네온 효과를 넣어서 배치해줘. (여름에 맞는 샤방한 느낌)
- 메인 카피 "7월 선풍기 명가 넥스트가전 기획전”를 구름 형태의 보송한 효과를 넣어 상단에 배치해줘.
- 서브 카피 "오직 에브리마켓에서만 26% 할인된 가격"을 메인 카피 하단에 하이라이트 효과를 넣어 배치해줘.
- 이미지 중앙에 선풍기 제품 누끼 이미지 3개 넣어줘.
- 이미지 하단에 원가에서 26% 할인된 가격을 넣어줘. (97,000원 → 71,780원)
- 이미지 옆 상단에 "누적 판매 1위 브랜드" 황금색 배경 검정색 글씨의 도장 마크를 넣어줘.
- 최하단에는 인스타그램 광고 형태의 CTA 메시지를 꽉차게 배치해줘. "🚨이번 주만 이 가격, 지금 기획전 입장하기 >>" 
- 이미지 크기는 1080×1080px (정방형)으로 제작해줘.  

 

공백에 대한 조건을 아예 없애고, CTA 역시 다시 맡겨보자는 생각으로 프롬프트를 입력했다.

그리고 '꽉차게' 배치하라는 명령을 추가로 넣어 인스타그램 광고 형태를 최대한 재현할 수 있도록 했다. 

 

[네번째 결과 이미지]

 

 

 

그랬더니 아주 만족스러운 이미지가 나왔다.

여백에 대한 조건을 없애고, CTA 메시지를 꽉차게 배치하라는 것이 효과를 발휘한 것으로 보인다. 

 

특히 내가 프롬프트를 쓰면서 주의했던 점은,

레아아웃 위에서 아래로, 행동 중심으로 (넣어줘/배치해줘) 프롬프트를 설계했던 점이다. 

AI가 이미지를 제작할 때 순서대로 따라서 할 수 있도록 프롬프트를 설계했다.

 

작은 디테일들을 수정하면서 이미지를 개선해나갔다.

확실히 제미나이가 수정은 잘된다 !

 

또 문제 발생,

제미나이 이미지 속 제품은 내가 생성한 제품이 아니다.

광고에 있어서 또 중요한 것은 '일관성'이다.

만약 네이버 DA 광고를 본 사람이, 인스타그램에서 동일한 광고를 봤는데 제품이 다르면 신뢰도가 떨어질 것이다. 

 

그래서 디테일들은 수정을 했지만, 안에 제품컷을 내가 생성한 제품 이미지로 바꿔야 하는 문제가 있었다.

내가 생성한 제품 누끼 파일을 제미나이에게 주고 제품컷만 바꾸도록 명령했지만,

계속 오류가 나면서 이미지 생성 자체가 안되었다.

 

그래서 나는 전략을 바꿔, 가운데 제품컷을 없애고 캔바로 별도로 수정해 제품 이미지를 넣었다.

완성한 버전은 다음과 같다.

 

진짜 마지막 문제는 제미나이 워터마크 지우는 것을 내가 깜빡한 것이다.

제미나이에서 제작 중인 이미지에 워터마크를 지우려고 하면 잘 지워진다.

하지만 다른 툴에서 제작한 이미지를 제미나이로 불러와 워터마크를 지우려고 하면 도저히 지워지지가 않는다.

그래서 미드저니 편집 기능을 활용해 워터마크를 지웠다.

 

[최종 완성 버전]

 

 

 

💡 인사이트 정리

- AI는 공백을 인식하는데 어려움이 있다.
- 개체별로 크기나 비율을 조절하지 못한다.
- 넣는 것은 잘하지만 빼는 것은 잘 못한다.
- 제미나이는 다른 툴로 수정한 이미지의 워터마크 인식을 잘 못한다. (그럴 때 미드저니 erase 기능을 사용하자)
- AI가 잘 읽을 수 있도록, [순서대로, 행동 중심] 으로 프롬프트를 작성하자 !