AI를 활용한 광고 콘텐츠 제작(3)

3-1. 이미지 제작 개념과 브랜드 일관성

1. 광고 이미지의 역할(3초의 승부)

• 시선 강탈 : 3초 안에 사용자의 스크롤을 멈추게 하는 강력한 시각적 자극

• 메시지 전달 : 텍스트보다 빠르게 핵심 혜택을 이미지로 각인

• 신뢰 형성 : 고품질 이미지를 통해 브랜드의 전문성과 신뢰도를 전달

 

2. 브랜드 일관성 유지의 3원칙

AI로 이미지를 만들 때 가장 주의해야 할 점은 '매번 다른 스타일'이 나오지 않게 하는 것이다.

① 컬러(Color) : 브랜드 고유의 컬러 팔레트를 모든 이미지에 반영

② 폰트(Font) : 브랜드 톤(진중함/경쾌함 등)에 맞는 타이포그래피 사용

③ 이미지 스타일(Style) : 실사 사진인지, 일러스트인지, 혹은 판타지적 무드인지 스타일을 하나로 고정

 

3. AI 이미지 제작 워크플로우(4단계)

전통적인 방식(모델/스튜디오 대여)보다 비용과 시간을 혁신적으로 줄이는 프로세스이다.

① 기획(Planning) : 광고 목적, 타깃, 핵심 메시지 설정 및 프롬프트 구상

② 생성(Generation) : 미드저니(Midjourney)등 도구로 베이스 이미지 생성(프롬프트에 브랜드 키워드 포함)

③ 편집(Editing) : 피그마(Figma)에서 텍스트(헤드라인, CTA)와 로고 배치

④ 최종 완성(Finalizing) : 채널별 사이즈로 추출하여 광고 집행

 

4. [실무 팁] 피그마(Figma) 최종 편집 전략

단순히 이미지만 넣는 게 아니라, 시각적 계층 구조를 잡을 수 있다.

• 텍스트 오버레이

- 상단 : 브랜드명과 헤드라인 배치

-  중앙 : 제품 이미지가 잘 보이도록 시선을 비워두거나 강조

- 하단 : CTA(지금 구매, 자세히 보기)와 구체적인 혜택 배치

• 로고 추가 : 전체의 5~10% 크기로 너무 크지 않게, 상/하단 모서리에 배치하여 브랜드 존재감을 줌

• 레이아웃 : 피그마의 Layout Grid 기능을 활용해 정렬과 여백을 일정하게 유지

 

3-2. Figma 기본 인터페이스 및 핵심 기능

1. Figma란 무엇인가?

• 웹 기반 디자인 도구 : 별도의 설치 없이 브라우저에서 바로 사용 가능한 협업 중심의 디자인 툴

• 강점 : 실시간 협업이 가능하며, 오토 레이아웃(Auto Layout)과 컴포넌트(Component) 기능을 통해 광고 소재 제작의 효율성을 극대화

 

2. Figma 기본 인터페이스 구성

• Toolbar(상단) : 프레임 생성, 도형 그리기, 텍스트 입력 등 핵심 도구 모음

• Layers Panel(좌측) : 현재 작업 중인 페이지의 레이어 구조와 자산(Assets) 관리 공간

• Canvas(중앙) : 실제 디자인 작업이 이루어지는 넓은 작업 공간

• Properties Panel(우측) : 선택한 개체의 크기, 색상, 정렬, 효과 등을 세부 조절

 

3. 핵심 기능 4가지

• Frame(단축키 F) : 디자인의 기본 캔버스이자 채널별 규격 설정 도구

• Auto Layout(단축키 Shift + A) : 요소 간 간격과 정렬을 자동화하여 레이아웃 유지

• Components : 반복되는 디자인 요소(예: 버튼, 로고)를 마스터로 등록해 일괄 수정 및 관리

• Styles : 색상이나 폰트를 스타일로 등록하여 브랜드 일관성 상시 유지

 

4. 광고 소재 제작 실무 팁

• 이미지 배치 : 생성한 AI 이미지를 프레임에 넣고 Fill 모드를 활용해 구도 잡기

• 계층 구조 : 시선의 흐름에 따라 헤드라인(가장 크게) → 본문 → CTA 버튼 순으로 정보의 중요도를 배분

• 정렬과 여백 : Layout Grid를 활용해 요소들을 정렬하면 훨씬 전문적인 느낌 구현

 

3-3. 광고 소재 템플릿화의 중요성

1. 광고 소재 템플릿화의 중요성

• 제작 속도 향상 : 매번 새로 디자인할 필요 없이 정해진 틀에서 이미지와 텍스트만 교체해 빠르게 생산

• 브랜드 일관성 유지 : 동일한 레이아웃과 규칙을 적용해 브랜드의 시각적 정체성을 보호

• A/B 테스트 용이 : 동일 디자인에서 카피나 페르소나 이미지만 변경해 효율 비교 가능

 

2. 효율적인 레이아웃 설계(시선 흐름)

• 헤드라인(Headline) : 상단이나 중앙에 가장 큰 폰트로 배치해 시선을 즉각 낚아챔

• 본문(Sub-text) : 헤드라인을 보조하는 상세 혜택이나 설명을 가독성 있게 배치

• 비주얼(Visual) : 제품이나 페르소나의 상황을 보여주는 이미지를 배경 및 강조 요소로 활용

• CTA 및 로고 : 하단이나 모서리에 배치해 최종 행동 유도 및 브랜드 출처 명시

 

3. 템플릿 제작 핵심 기능

• Auto Layout : 텍스트 길이에 따라 크기가 자동 조절되는 스마트한 CTA 버튼 제작

• Component : 로고나 하단 바를 마스터로 등록해 하나만 수정해도 전체 일괄 적용

• Styles : 브랜드 컬러와 폰트를 등록해 클릭 한 번으로 일관된 톤 앤 매너 유지

 

4. 광고 소재 편집 프로세스

• 프레임 복제 : 제작된 마스터 템플릿을 복사해 새로운 시안 생성

• 이미지 교체 : 사전에 생성한 AI 이미지를 배경 레이어에 드래그하여 즉시 적용

• 텍스트 수정 : 각 광고 콘셉트나 페르소나에 맞는 카피로 내용 변경

• 내보내기(Export) : 최종 결과물을 광고 지면 규격(PNG, JPG)에 맞춰 추출

 

3-4. 상황별 이미지 프롬프트 구성 실습

1. 미드저니 프롬프트 5요소(주문서 작성법)

모든 프롬프트는 이 순서대로 작성할 때 가장 일관된 고품질 이미지가 나온다.

• Subject(주제) : 무엇을 그릴 것인가? (예 : 제품의 구체적 묘사)

• Style(스타일) : 어떤 느낌으로 표현할 것인가? (예 : 제품 사진, 잡지 화보, 미니멀)

• Lighting(조명) : 어떤 빛으로 표현할 것인가? (예 : 스튜디오 조명, 자연광)

• Composition(구도) : 어떤 각도에서 찍을 것인가? (예 : 중앙 배치, 탑뷰, 클로즈업)

• Color Tone(색감) : 어떤 분위기로 표현할 것인가? (예 : 어둡고 우아한, 밝고 경쾌한)

 

2. 업종별 프롬프트 전략(어디에 뭘 쓸까?)

업종에 따라 강조해야 할 포인트를 다르게 해야 한다.

업종	목표	핵심 전략	추천 키워드
이커머스	제품 디테일 명확성	제품에 100% 집중, 깔끔한 배경	white background, centered
뷰티	고급스러움, 텍스처 강조	디테일 클로즈업, 부드러운 분위기	dewy skin, soft lighting
푸드	먹음직스러운 비주얼	따뜻한 조명, 신선함 표현	steam rising, warm lighting
앱 서비스	사용 상황, 편의성 강조	라이프스타일 연출, 실제 사용 장면	modern lifestyle, workspace

 

3. 비율 파라미터 (--ar) 설정

이미지 비율은 목적에 맞게 맨 뒤에 붙여줘야 한다.

• --ar 1:1 : 정사각형(기본) 

• --ar 4:5 : 인스타그램 피드용

• --ar 9:16 : 인스타그램 스토리/릴스용

• --ar 16:9 : 유튜브 썸네일용

 

3-5. 플랫폼별 광고 이미지 제작①

1. Instagram 피드 트렌드(2025)

• 4:5 세로형이 대세 : 과거 1:1 정사각형보다 모바일 화면을 더 많이 차지하는 4:5 비율(1080x1350px)이 시선 집중도가 높아 선호

• 미니멀 스타일 : 비주얼을 중심으로 텍스트를 최소화하여 고급스러운 감성을 전달

• 텍스트 중심 스타일 : 큰 텍스트와 대비 강한 색상을 사용해 정보를 명확히 전달

• 그리드 일관성 : 피드 전체의 톤 앤 매너를 위해 2~3가지 색상을 통일하거나 체스판 패턴으로 배치

 

2. 메시지 강조를 위한 텍스트 배치 원칙

이미지를 3등분으로 나누어 전략적으로 배치해야 가독성이 살아난다.

위치	용도 및 내용	폰트 크기 추천
상단 1/3	브랜드명, 임팩트 있는 헤드라인	48~70pt
중앙 1/3	제품 이미지가 주인공(텍스트 최소화)	-
하단 1/3	CTA(구매하기), 혜택 등 부가 정보	24~36pt

 

3. 피그마 편집 실습 핵심 (Step-by-Step)

① 프레임 설정 : Instagram 게시물 선택 시 자동으로 1080x1350 사이즈 생성

② 이미지 보정 : [채우기] 메뉴에서 노출, 대비, 채도 등을 조정해 브랜드 톤 맞추기

③ 가독성 확보 : 배경이 복잡할 경우 반투명 박스를 깔거나, 그림자(Shadow) 또는 외곽선(Stroke) 효과를 추가

➃ 로고 배치 : 전체 이미지의 5~10% 크기로 조절하여 상단 좌측에 40px 여백을 두고 배치하는 것을 권장

➄ 내보내기 : 고화질 유지를 위해 PNG 형식을 권장하며, 파일 크기는 8MB 이하로 맞춤

 

3-6. 플랫폼별 광고 이미지 제작② 인스타그램 스토리

1. 스토리 이미지의 특징(전체 화면의 힘)

• 비율 : 9:16 세로형(1080×1920px)으로 모바일 전체를 꽉 채우는 규격 사용

• 속도감 : 피드보다 빠르게 넘겨보므로 첫 1~2초 안에 시선을 끄는 임팩트가 필수

• 몰입감 : 전체 화면을 활용해 피드보다 더 깊은 브랜드 경험 전달 가능

 

2. 스토리 텍스트 배치 원칙 (Safe Zone)

상/하단에 배치되는 인터페이스 요소를 피해서 디자인하는 것이 핵심

• 상단 여백(상단 15%) : 프로필 정보와 'X' 버튼이 있는 구역이므로 텍스트 배치 지양

• 중앙 영역 : 가장 중요한 비주얼과 핵심 메시지를 배치하는 메인 구간

• 하단 여백(하단 15~20%) : '메시지 보내기' 창과 '더 보기(Swipe Up)' 버튼 영역으로 중요한 정보 배치 금지

 

3. [실무 팁] 미드저니 스토리용 프롬프트 전략

• 비율 설정 : 프롬프트 맨 뒤에 반드시 --ar 9:16 파라미터 추가

• 세로형 구도 : vertical composition, full body shot 등을 활용해 긴 화면에 맞는 구도 생성

• 여백 확보 : 텍스트가 들어갈 위치를 고려하여 negative space 키워드 포함

 

4. 피그마(Figma) 스토리 편집 프로세스

• Step 1 : 프레임 도구에서 'Instagram 스토리' 선택(1080×1920)

• Step 2 : 9:16 비율로 생성된 미드저니 이미지를 프레임에 꽉 차게 배치

• Step 3 : 상/하단 여백 가이드(Safe Zone)를 설정하여 텍스트 위치 선정

• Step 4 : 중앙 또는 중앙 상단에 강렬한 헤드라인 배치 및 하단 동작 유도 요소 확인

 

3-7. 플랫폼별 광고 이미지 제작③ 배너·썸네일형

1. 배너·썸네일의 역할(CTR 극대화)

• 목표 : 클릭률(CTR, Click-Through Rate)을 높여 사용자의 유입을 유도

• 성과 지표 : CTR이 3% 이상이면 우수한 성과로 판단

• 핵심 요소 : 강렬한 비주얼, 명확한 카피, 호기심 유발

 

2. 작은 공간에서의 디자인 필승 전략

작은 크기에서도 눈에 띄어야 하므로 극단적인 단순화가 필요

• 단순한 구도 : 시각 요소를 3개 이하로 제한하여 복잡도 감소

• 고대비 색상 조합 : 검정+노랑(최고 명시성), 파랑+주황(테크), 빨강+흰색(할인) 활용

• 가독성 확보 : 폰트 크기를 최소 36pt~70pt 이상으로 키우고, Extra Bold 굵기 권장

 

3. YouTube 썸네일 특화 전략(16:9)

• 얼굴 표정 활용 : 사람 얼굴(특히 놀람, 미소)이 포함될 경우 CTR 30% 상승

• 카피 유형 : 호기심을 자극하는 질문형, 충격형, 숫자형, Before-After형 문구 사용

• 규격 : 최소 1280×720px (권장 1920×1080px)

 

4. 웹 배너 디자인 및 레이아웃 원칙

표준 사이즈별로 시선 흐름에 맞는 최적의 배치를 적용

• 리더보드형(728×90) : 좌측 로고(20%), 중앙 헤드라인(60%), 우측 CTA 버튼(20%) 배치

• 중형 직사각형(300×250) : 상단 헤드라인(30%), 중앙 비주얼(50%), 하단 CTA 버튼(20%) 배치

 

3-8. 이미지 보정 및 A/B 테스트용 베리에이션

1. Figma 이미지 보정 기능

포토샵 없이도 피그마 내에서 광고 이미지의 분위기를 브랜드 톤에 맞게 조정 가능하다.

• 노출(Exposure) : 전체적인 밝기 조절(+20~40 권장)

• 대비(Contrast) : 명암 차이를 주어 이미지를 더 선명하게 만듦(+10~20 권장)

• 채도(Saturation) : 색의 생생함 조절(+10~20은 생생하게, 낮추면 흑백 느낌)

• 온도(Temperature) : 따뜻한 느낌(노란빛)과 차가운 느낌(파란빛) 조절

 

2. A/B 테스트 : 광고 최적화의 핵심

두 가지 이상의 버전을 비교해 어떤 광고가 더 잘 팔리는지(클릭되는지) 확인하는 과정이다.

• 필요성 : 마케터의 감이 아닌 실제 '데이터'로 검증하여 클릭률(CTR) 향상 및 비용 절감

• 철칙 : 한 번에 딱 1가지 변수만 바꿀 것(카피, 이미지, CTA 버튼 중 하나만!)

 

3. 테스트 변수 시나리오

• 카피 테스트 : 혜택 강조 vs 긴급성 추가(오늘만!) vs 강한 권유

• 비주얼 테스트 : 제품 클로즈업 vs 실제 사용 장면 vs 감성적인 라이프스타일 컷

• CTA 테스트 : "지금 구매하기" vs "자세히 보기" vs "무료 체험"

• 색상 테스트 : 빨간색(행동 유도) vs 파란색(신뢰) vs 초록색(친환경/비건) 버튼

 

4. Figma 베리에이션 제작 꿀팁

• 프레임 복제 : Alt + 드래그로 원본을 빠르게 복제해 텍스트만 변경

• 컴포넌트(고급) : 하나의 마스터 템플릿을 만들어두면 원본 수정 시 모든 복사본(인스턴스)에 자동 반영

 

3-9. 시각적 통일성&피드 구성 실습

1. 피드 그리드 전략의 중요성

사용자가 내 프로필을 방문했을 때 가장 먼저 보는 '3x3 그리드'가 팔로우 결정에 큰 영향을 미친다.

• 시선 순서 : 전체 그리드 파악 → 첫 줄(1~3번 게시물) 확인 → 관심 있는 게시물 클릭 순으로 연결

• 핵심 전략 : 3개 또는 6개 단위로 색상, 레이아웃, 메시지가 연결되도록 기획하여 통일성을 줌

 

2. 시각적 통일성 체크리스트

일관성은 브랜드의 전문성으로 이어지며 고객이 브랜드를 신뢰하게 만드는 핵심 요소이다.

• 색상 팔레트 : 2~3가지 메인 컬러만 사용하여 시각적 언어를 통일

• 레이아웃 패턴 : 텍스트 위치, 여백을 동일하게 유지하여 시각적 리듬감을 반복

• 보정 스타일 : 모든 이미지에 동일한 필터 레시피를 적용하여 피드 전체 분위기를 일관되게 유지

 

3. 3장 피드 세트 기획 방법

3장의 이미지는 하나의 스토리를 담은 메시지 전달 도구가 된다.

• 스토리텔링형 : 1장씩 내용을 연결하여 티저 → 공개 → CTA 순으로 구성

• 비주얼 통일형 : 배경, 조명, 소품 등 스타일은 고정하고 제품만 바꿔서 라인업을 소개

• 메시지 분할형 : 하나의 큰 메시지를 3장에 나누어 그리드에서 한 줄로 읽히게 함

 

4. Midjourney 연속성 이미지 생성

3장의 이미지가 같은 느낌이어야 피드 전체의 통일성이 완성된다.

• 프롬프트 기반 : 배경, 조명 등 스타일 키워드는 유지하고 주제(제품)만 변경

• 스타일 레퍼런스(--sref) : 먼저 생성한 이미지의 스타일을 참조하여 다음 이미지 톤을 맞춤

 

5. 그리드 시스템 활용(Figma)

그리드는 디자인의 뼈대이며 요소들을 정확하게 정렬하여 전문적인 느낌을 준다.

• 12컬럼 그리드 : 웹 표준 규격을 활용해 텍스트와 이미지를 컬럼에 맞춰 배치

• 가이드 설정 : 마진 40, 간격 20 등 세부 수치를 고정하여 모든 프레임의 정렬을 통일