2026 블랙프라이데이 배너 제작: AI로 웹사이트 배너와 이메일 헤더 만들기 (프롬프트 8개)

2026 블랙프라이데이 배너 제작: AI로 웹사이트 배너와 이메일 헤더 만들기 (프롬프트 8개)

제품 사진 한 장만 있어도 웹사이트 메인 배너와 프로모션 이메일 헤더로 이루어진 블랙프라이데이 세트를 완성할 수 있어요. 핵심은 AI에게 배경만 맡기는 방식이에요. 한쪽에 제품을 배치하고 반대편에 깔끔한 여백을 확보한 뒤, 헤드라인과 할인율, 프로모션 코드는 디자인 툴에서 나중에 얹는 것이죠. 이번 글에서는 DramaCanvas 캔버스 작업 순서와 화면비 선택 기준, 바로 복사해 쓰는 프롬프트 8개, 카운트다운과 프로모션 코드를 정확하게 배치하는 방법을 안내해 드릴게요.

아직 제품 사진이 준비되지 않았나요? 스마트폰 사진 한 장으로 완성하는 AI 제품 사진 촬영부터 시작해 보세요. 함께 사용할 15초 광고 영상이 필요하다면 블랙프라이데이 광고 영상 제작법을 살펴보세요.

블랙프라이데이 배너 작업은 어떻게 분담해야 할까요?

배경은 AI에 맡기고, 텍스트는 디자인 툴에 맡기세요.

AI는 분위기 있는 장면과 조명을 구현하는 데 탁월하지만 글자를 새기는 작업에는 취약해요. 할인율이나 프로모션 코드, 날짜에 오차가 생기면 고객에게 혼란을 주거나 결제 단계에서 오류가 발생하죠. 가장 안전한 방법은 두 단계를 거치는 방식이에요. 캔버스에서 여백을 깔끔하게 남겨둔 배경을 먼저 생성해 내려받은 뒤, 디자인 툴에서 정확한 헤드라인과 할인 문구, 클릭 버튼을 배치하는 방식이에요.

웹사이트 배너와 이메일 헤더는 동일한 제품 사진과 일관된 색상 톤, 같은 방향의 여백 배치를 유지하면서 화면비만 다르게 설정하면 통일감 있는 비주얼을 완성할 수 있어요.

캔버스에서 배너 배경은 어떻게 생성하나요?

제품 사진을 업로드하고, 새 이미지 노드에 연결한 뒤, 화면비를 고르고 프롬프트를 입력해 생성하세요.

1단계: 제품 사진 업로드 및 연결하기

캔버스 하단 툴바에서 노드 추가를 누르고 파일 업로드를 선택해 제품 사진을 고른 뒤 캔버스에 추가 (1)을 누르세요. 이미지 노드를 추가한 다음, 제품 사진 노드 오른쪽에 있는 연결점을 드래그해 새 노드로 이어주세요. 프롬프트 창에 @를 입력하고 메뉴에서 이미지 1을 선택해 해당 사진을 참조하세요. 아래 프롬프트의 [이미지 1] 자리를 이 참조로 채우면 돼요.

제품 사진 노드를 새 이미지 노드에 연결하고 프롬프트에서 이미지 1로 참조한 화면

2단계: 이미지 설정에서 와이드 화면비 선택하기

노드 아래에서 GPT Image 2.5를 선택하고 이미지 설정을 열어 크기 또는 종횡비 항목에서 비율을 고르세요. 웹사이트 메인 히어로 배너는 21:9를, 일반 배너와 이메일 헤더는 16:9를 추천해요. 해상도는 1K로 시작하세요.

이미지 설정의 크기 또는 종횡비에서 16:9 또는 21:9를 선택하는 화면

3단계: 프롬프트 작성, 크레딧 확인 및 생성하기

아래 제공된 프롬프트 중 하나를 복사해 제품 특성에 맞게 다듬어 넣으세요. 생성 버튼 위에 이미지 생성에 필요한 크레딧이 표시되니 확인한 뒤 클릭하세요. 결과물이 나오면 제품의 형태와 색상이 바르게 유지되었는지, 여백에 불필요한 질감이 없는지, 화면에 엉뚱한 글자나 기호가 섞이지 않았는지 3가지를 확인하세요.

생성 버튼 위에 이미지 제작에 필요한 크레딧이 표시된 화면

4단계: 다운로드 후 텍스트 배치하기

마음에 드는 이미지는 노드의 다운로드 버튼을 눌러 저장하세요. 디자인 툴에서 웹사이트와 이메일 규격 너비에 맞게 이미지를 먼저 잘라낸 다음, 비워둔 여백 안에 헤드라인, 할인율, 프로모션 코드, 버튼을 배치하세요.

여백 영역에 헤드라인, 할인율, 프로모션 코드를 후가공으로 얹은 레이아웃 예시

배너 화면비는 어떤 기준으로 골라야 할까요?

웹사이트 메인 히어로 배너는 21:9를 쓰고, 일반 배너와 이메일 헤더는 16:9를 쓰세요.

용도화면비여백 위치주의할 점
웹사이트 메인 히어로 배너21:9왼쪽 3분의 2모바일 기기에서는 좁게 잘리므로 제품을 중앙 쪽에 가깝게 두세요
웹사이트 일반 배너16:9왼쪽 절반웹사이트 실제 규격 너비에 맞춰 잘라내세요
이메일 헤더16:9상단 또는 중앙이메일은 가로 폭이 좁으므로 텍스트 크기를 더 키우세요
카운트다운 영역 배경16:9중앙 전체 여백카운트다운 타이머 위젯을 얹어 구현하세요
가로형 소셜 미디어 커버16:9좌측 상단플랫폼별 화면비에 따라 가장자리가 잘리거나 UI가 겹칠 수 있으므로 주요 피사체를 가장자리에 붙이지 마세요

바로 복사해 쓰는 블랙프라이데이 배너 프롬프트 8선

모든 프롬프트는 GPT Image 2.5 모델을 기준으로 작성되었어요. 화면비는 크기 또는 종횡비 설정에서 고르고, 프롬프트에 적힌 비율은 구도 유도를 위한 지침이에요. [이미지 1]이 포함된 프롬프트는 제품 사진 노드를 먼저 연결해 두어야 해요.

01 · 웹사이트 메인 히어로, 우측 제품 배치 (16:9)

01 웹사이트 메인 히어로
[이미지 1]은 제품 참조 이미지입니다. 제품 전체가 오른쪽 3분의 1 영역에 배치되고, 왼쪽에는 소품이 전혀 없는 평평하고 넓은 웜 그레이 벽면이 펼쳐진 16:9 가로형 프로모션 배경. 오른쪽 제품 뒤편으로 포커스가 벗어난 짙은 레드 리본 몇 가닥, 부드러운 측면 조명, 제품 윤곽선과 고유 색상 유지. 왼쪽 영역은 텍스트 배치를 위해 깨끗하게 비워둘 것. 글자, 숫자, 가격, 프로모션 코드, 로고, 워터마크 제외.

02 · 초광폭 시즌 여백 배경 (21:9)

02 초광폭 여백 배경
[이미지 1]은 제품 참조 이미지입니다. 제품 전체가 오른쪽 끝에 위치하고, 전경에는 매트한 다크 그레이 바닥면, 오른쪽 뒤로 은은한 웜 골드 페이퍼 장식이 조금 더해진 21:9 울트라 와이드 배너. 왼쪽 3분의 2 영역은 질감 없이 깔끔한 단색 여백 유지. 제품 형태와 세부 디테일 유지, 부드러운 스튜디오 조명, 제품이 화면 가장자리에 닿지 않도록 여유 공간 확보. 글자, 숫자, 가격, 할인율, 프로모션 코드, 워터마크 제외.

03 · 중앙 여백 이메일 헤더 (16:9)

03 이메일 헤더
[이미지 1]은 제품 참조 이미지입니다. 제품 전체가 오른쪽 하단에 배치되고, 왼쪽 하단에 솔방울과 작은 소나무 가지 소품이 조금 놓이며, 상단과 중앙 전체에 깔끔한 베이지색 여백이 펼쳐진 16:9 이메일 헤더 배경. 제품 원래 색상과 모양 유지, 밝고 부드러운 자연광, 장식 소품이 제품을 가리지 않도록 배치. 글자, 숫자, 세일 가격, 프로모션 코드, 워터마크 제외.

04 · 카운트다운 타이머 배경 (16:9)

04 카운트다운 배경
짙은 차콜 그레이 그러데이션 톤에 양쪽 가장자리를 따라 짙은 레드 패브릭 띠가 드리워지고 하단에 살짝 흐려진 골드 페이퍼 조각들이 흩뿌려진 16:9 홀리데이 프로모션 배경. 화면 한가운데에 평평하고 넓은 단색 빈 공간을 남겨둘 것. 시계, 다이얼 그래픽, 플립보드 그래픽 제외, 숫자, 텍스트, 기호, 가격, 워터마크 제외.

05 · 프로모션 코드 카드 배경 (16:9)

05 프로모션 코드 배경
[이미지 1]은 제품 참조 이미지입니다. 제품 전체가 왼쪽에 배치되고, 오른쪽에는 옅은 외곽 그림자가 드리워진 밝고 평평한 베이지색 사각 영역이 자리 잡은 16:9 쇼핑 시즌 배경. 나중에 프로모션 코드를 얹을 수 있도록 여백 확보. 제품의 고유 색상과 구조 유지, 다른 상품 제외. 카드 형태의 인쇄 텍스트, 점선 문자, 숫자, 알파벳, 가격, 프로모션 코드, 워터마크 제외.

06 · 가로형 소셜 미디어 커버 (16:9)

06 소셜 미디어 커버
[이미지 1]은 제품 참조 이미지입니다. 매트한 딥 그린 배경 위 화면 중앙 하단에서 오른쪽으로 살짝 치우친 지점에 제품 전체가 놓인 16:9 가로형 커버 배경. 좌측 상단과 양옆을 깨끗하게 비워두고 원경에 은은하고 따뜻한 보케 조명 연출. 제품 본래 색상을 충실히 유지하고, 조명 때문에 윤곽선이 번지거나 흐려지지 않을 것. 헤드라인, 가격, 할인 수치, 날짜, 프로모션 코드, 로고, 워터마크 제외.

07 · 딥 레드 페이퍼크래프트 와이드 배너 (21:9)

07 딥 레드 와이드
오른쪽 가장자리에만 짙은 붉은색 페이퍼크래프트 장식이 입체적으로 배치되고, 왼쪽과 중앙 전체는 빛 번짐이나 거친 질감 없이 평평한 라이트 베이지 단색으로 비워진 21:9 울트라 와이드 배경. 부드러운 조명, 종이 그림자로 깊이감 연출, 후가공 레이아웃을 위한 넓은 여백 확보. 텍스트, 알파벳, 숫자, 카운트다운 표시, 가격, 프로모션 코드, 워터마크 제외.

08 · 모바일 크롭에 최적화된 구도 (16:9)

08 모바일 크롭 구도
[이미지 1]은 제품 참조 이미지입니다. 제품이 중앙에서 오른쪽으로 살짝 치우쳐 위치하여 전체 윤곽선과 양옆 여백이 선명하게 드러나는 16:9 배너 배경. 왼쪽은 깔끔한 연회색 배경이고, 짙은 레드 리본 몇 가닥은 오른쪽 끝 가장자리에만 배치. 제품 고유 색상과 세부 디테일 유지, 부드러운 측면광, 좁은 모바일 화면 비율로 잘라내기 쉽도록 피사체를 모아둘 것. 텍스트, 가격, 숫자, 프로모션 코드, 워터마크 제외.
단일 제품 사진으로 생성한 배너 배경 모음: 우측 제품 16:9, 울트라 와이드 21:9, 이메일 헤더, 프로모션 코드 배경

여백을 깨끗하게 유지하려면 프롬프트를 어떻게 써야 할까요?

제품 위치와 비워둘 여백의 위치, 화면에서 제외할 요소를 명확히 지시하세요.

프롬프트 예시문제점결과
'코드 BF2026으로 전 품목 50% 할인이라고 적힌 블랙프라이데이 배너 만들어줘'AI에게 정확한 텍스트와 숫자 생성을 요구함글자가 왜곡되어 나올 확률이 높고 여백도 통제되지 않음
'제품은 오른쪽 3분의 1에 두고, 왼쪽에는 글자 없이 넓고 깨끗한 단색 여백 확보'제품 위치, 여백 범위, 제외 조건이 모두 명확함후가공 작업에 바로 활용할 수 있는 완성도 높은 배경을 얻을 확률이 훨씬 높음

여백에 불필요한 질감이나 번들거리는 반사광이 생긴다면 '왼쪽 배경은 질감이나 반사광 없이 평평하게 유지'라는 문장을 프롬프트에 추가해 다시 생성해 보세요. 장식 요소가 제품을 가린다면 소품 가짓수를 줄이거나 '장식 소품이 제품을 덮지 않도록 배치'라는 조건을 걸어주면 돼요.

카운트다운과 프로모션 코드는 어떻게 넣어야 실수가 없을까요?

디자인 툴에서 직접 입력하고 글자 하나하나 꼼꼼하게 검수하세요.

  • 프로모션 코드: 가독성이 높은 산세리프 서체를 선택하고, 글자 크기를 넉넉히 키워 배경과 대비가 뚜렷한 자리에 얹으세요. 배포 전 코드를 직접 복사해 테스트 결제창에 넣어 정상 작동하는지 확인하세요.
  • 할인율과 종료 일시: 프로모션 운영 정책과 일치해야 하며, 적용 기준 시간대를 명시해 두세요.
  • 카운트다운: 정지된 이미지는 스스로 숫자를 바꾸지 못해요. 웹사이트에서는 비워둔 여백 위에 타이머 위젯을 얹어 구현하고, 이메일은 이메일 도구의 카운트다운 기능을 활용하거나 날짜별 이미지를 매일 교체해 올리세요.
  • 클릭 버튼: '지금 구매하기' 같은 버튼은 이미지 안에 그래픽으로 그려 넣지 말고, 웹페이지나 이메일 템플릿 빌더의 버튼 요소를 사용해야 클릭 링크가 작동해요.

배너 세트를 제작하는 데 크레딧이 얼마나 드나요?

GPT Image 2.5 모델 기준 1K 해상도는 이미지당 2크레딧이 들며, 8개 프롬프트를 한 번씩 테스트하면 총 16크레딧이 소요돼요. 아래 가격표는 2026-10-29 기준이에요.

해상도이미지 1장당8장 제작 시
GPT Image 2.5 1K2크레딧16크레딧
GPT Image 2.5 2K3크레딧24크레딧
GPT Image 2.5 4K4크레딧32크레딧

웹사이트 메인 히어로 배너처럼 크게 쓰이는 이미지는 2K나 4K 해상도로 최종 렌더링하세요. 재시도할 때마다 크레딧이 추가로 차감되므로, 생성하기 전 버튼 위에 표시된 숫자를 꼭 확인하세요.

이 방식에는 어떤 한계가 있나요?

  • 텍스트와 숫자는 후가공으로 추가해야 해요: AI 생성 이미지 속 텍스트는 신뢰할 수 없어요.
  • 제품의 세부 요소가 달라질 수 있어요: 로고나 라벨, 작은 인쇄 글씨가 미세하게 변형될 수 있으므로 실물 제품과 대조 검수해야 해요.
  • 화면비가 자동으로 최적화되지는 않아요: 생성된 이미지 한 장을 웹사이트와 이메일 실제 가로폭 규격에 맞춰 직접 잘라내야 해요.
  • 정지된 이미지로는 실시간 카운트다운이 불가능해요: 웹사이트나 이메일 도구 자체의 타이머 기능을 연동해야 해요.

자주 묻는 질문

AI가 배너 안에 프로모션 코드와 할인율을 직접 적어 넣을 수 있나요?

권장하지 않아요. 생성된 이미지 속 텍스트와 숫자는 왜곡되거나 철자가 틀리기 쉽고, 프로모션 코드에 글자 하나만 잘못 들어가도 고객이 쿠폰을 사용할 수 없게 돼요. AI로는 여백이 확보된 배경만 만들고, 헤드라인과 할인율, 코드는 디자인 툴에서 직접 입력한 뒤 꼼꼼히 검수하세요.

웹사이트 배너와 이메일 헤더에 같은 이미지를 써도 되나요?

시각적 톤은 공유하되 파일은 따로 만들어야 해요. 웹사이트 배너는 보통 21:9나 16:9 비율을 사용하고, 이메일 헤더는 16:9로 생성한 뒤 이메일 너비에 맞게 잘라 써요. 같은 제품 사진과 동일한 색상 조합을 바탕으로 각각 생성하면 전체 캠페인이 통일감 있게 이어져요.

이미지 안에 카운트다운 타이머를 넣을 수 있나요?

이미지는 정지된 화면이므로 시간이 저절로 줄어들지 않아요. 가운데에 넓은 여백을 둔 배경을 생성한 다음, 웹사이트나 이메일 툴의 타이머 위젯을 얹어 구현하거나 남은 일수가 적힌 이미지를 매일 교체해 주세요.

배너 배경 한 장을 생성하는 데 크레딧이 얼마나 드나요?

GPT Image 2.5 기준으로 1K 해상도는 이미지당 2크레딧, 2K는 3크레딧, 4K는 4크레딧이 들어요. 본문의 8개 프롬프트를 1K로 한 번씩 생성해 보면 총 16크레딧이 소요돼요. 생성 버튼에 표시되는 크레딧 숫자를 기준으로 확인하세요.

보유한 제품 사진을 준비하고 프롬프트 01과 03을 사용해 1K 해상도로 웹사이트 배너와 이메일 헤더 배경을 각각 한 장씩 만들어 보세요. 비워둔 여백과 조명 색감이 자연스러운지 확인한 뒤 2K 또는 4K로 최종 이미지를 렌더링하세요. 이제 디자인 툴에서 정확한 헤드라인과 할인율, 프로모션 코드를 얹어 완벽한 블랙프라이데이 프로모션 세트를 완성해 보세요.