광고 이미지 제작부터 Figma 기초까지!!

 

광고 이미지 제작 개념부터 Figma 기초까지 — AI + 디자인 툴 워크플로우

수백만 원짜리 사진 촬영 없이도 전문가 수준의 광고 이미지를 만들 수 있는 시대입니다.
그런데 AI로 이미지를 뽑는 것보다 중요한 것이 있습니다. 브랜드가 일관되게 보이는가입니다.
광고 이미지의 핵심 역할, 브랜드 일관성 원칙, AI + Figma 워크플로우까지 한 번에 정리합니다.

목차

1. 광고 이미지의 역할과 중요성
2. 전통적 방식 vs AI 방식
3. 브랜드 일관성 유지 3원칙
4. AI + Figma 4단계 제작 프로세스
5. Figma 기본 인터페이스와 핵심 기능
6. 핵심 정리

---

1. 광고 이미지의 역할과 중요성

사용자는 평균 3초 안에 스크롤을 멈출지 결정합니다.
광고 이미지는 그 3초 안에 시선을 잡고, 브랜드를 각인시키고, 메시지를 전달해야 합니다.

역할 01

3초 안에 시선 끌기

고대비 색상, 감정 표현, 예상 밖 비주얼, 텍스트 오버레이를 활용합니다

역할 02

브랜드 인지도 강화

일관된 브랜드 컬러, 고유 비주얼 스타일, 자연스러운 로고 배치로 브랜드를 각인시킵니다

역할 03

메시지 전달력 극대화

핵심 메시지를 5~7단어로 압축하고 Before-After 구조로 비주얼과 조화시킵니다

조건	내용
시각적 임팩트	첫눈에 시선을 끌고 색상 대비가 명확합니다
메시지 명확성	무엇을 광고하는지 3초 안에 파악 가능하고 CTA가 뚜렷합니다
브랜드 일관성	로고가 없어도 브랜드를 알아볼 수 있도록 컬러와 톤앤매너를 유지합니다
플랫폼 최적화	플랫폼별 화면 비율에 맞추고 Dead Zone을 피해 제작합니다

---

2. 전통적 방식 vs AI 방식

AI 이미지 생성 도구의 등장으로 기존 대비 비용은 1/100, 시간은 1/10 수준으로 줄었습니다.

전통적 촬영 방식

• 모델비·스튜디오 등 수백만 원 비용
• 촬영·보정에 수일 소요
• 계절·장소·예산에 제약
• 수정 시 재촬영 필요

AI 이미지 방식

• 구독료만으로 단 몇 분 안에 완성
• 여러 버전을 단시간에 생성
• 불가능한 장면도 자유롭게 구현
• 프롬프트 수정으로 즉시 재생성

AI 방식의 4가지 핵심 장점

빠른 프로토타이핑 — 여러 버전을 생성해 A/B 테스트와 방향성 검토가 가능합니다
무한한 크리에이티브 — 예산·장소·계절 제약 없이 모든 장면을 구현합니다
정확한 브랜드 컬러 — 프롬프트에 색상값을 지정해 일관된 색감을 제어합니다
플랫폼 맞춤 — 비율 파라미터만 바꾸면 다양한 규격을 즉시 생성합니다

---

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

일관된 비주얼을 반복적으로 노출하면 브랜드 인지도와 신뢰도가 2.5배 높아집니다.
브랜드 일관성은 그 자체로 신뢰도입니다.

원칙 01컬러 팔레트 반영

메인 컬러 2~3가지(브랜드 핵심 색상)와 보조 컬러 1~2가지로 구성합니다.
메인 컬러는 모든 이미지에 반드시 등장해야 하고, 보조 컬러는 변주를 위해 활용합니다.
강조가 필요한 CTA나 중요 텍스트에는 대비되는 액센트 컬러를 적용합니다.

럭셔리 — 다크·골드 / 친환경 — 어스 톤·그린 / 테크 — 쿨블루·무채색 / 뷰티 — 소프트 파스텔

원칙 02톤에 맞는 타이포그래피

폰트는 브랜드의 목소리입니다. 같은 문장이라도 폰트에 따라 완전히 다른 느낌을 줍니다.
혼란 방지를 위해 헤드라인과 본문 폰트를 고정하고 최대 3가지만 사용합니다.

Aa

세리프 (Serif)

고급스러움, 전통, 신뢰감

금융·법률·명품

Aa

산세리프 (Sans-serif)

현대적, 깔끔함, 친근감

IT·패션·뷰티

굵기(Weight) 활용 — Light(부드러움) / Regular(가독성) / Bold(임팩트·강조)

원칙 03이미지 스타일 — 사진 vs 일러스트

사진

현실감·신뢰도·공감대 / 제품 중심 브랜드, 뷰티, 패션, 푸드에 적합

일러스트

독특함·유연성·친근감 / IT 서비스, 교육, 금융에 적합

현실적 vs 판타지

현실적 → 신뢰도 상승
판타지(초현실) → 창의성 상승

---

4. AI + Figma 4단계 제작 프로세스

AI로 베이스 이미지를 생성하고, Figma에서 브랜드 요소를 입혀 최종 광고 소재를 완성하는 흐름입니다.

STEP1

ChatGPT로 브랜드 톤앤매너 프롬프트 작성

브랜드 키워드, 색상·스타일·분위기 키워드를 포함해 미드저니용 프롬프트를 작성합니다

STEP2

미드저니로 베이스 이미지 생성

4가지 옵션을 생성한 후 가장 적합한 옵션을 선택하고 고해상도 버전으로 업스케일합니다

STEP3

Figma에서 최종 편집

텍스트 오버레이(헤드라인·서브·CTA) 추가 / 브랜드명·헤드라인은 상단, 제품은 중앙, CTA·혜택은 하단 배치 / 색상 보정(명도·명암·색조) 적용

STEP4

플랫폼별 내보내기

채널에 맞게 비율(4:5, 9:16 등)별로 내보냅니다

Figma란?

앱 기반 디자인 툴로 코딩 없이 드래그 앤 드롭으로 디자인이 가능합니다.
무료 플랜으로도 충분하고, Photoshop보다 가볍고 직관적이며 실시간 협업이 가능합니다.

5. Figma 기본 인터페이스와 핵심 기능

Figma는 설치 없이 웹 브라우저에서 바로 사용할 수 있습니다.

Figma 화면 구성 4개 영역

좌측

레이어 패널

요소들의 목록과 순서를 표시. 위에 있을수록 화면 앞쪽에 보임

중앙 캔버스

실제 디자인을 하는 무한한 작업 공간.
단축키로 확대·축소·이동 가능

우측

속성 패널

위치·크기·색상·그림자 등 세밀한 설정

하단 툴바 : 선택(V) · 프레임(F) · 도형(R/O/L) · 텍스트(T) 등 핵심 도구

핵심 기능 5가지

기능 1프레임 (Frame)

광고 이미지를 작업할 캔버스 역할입니다. 우측 속성 패널에서 소셜 미디어 프리셋을 선택하거나 직접 크기(W, H)를 입력해 설정합니다.

기능 2레이어 (Layer)

요소가 겹치는 순서를 결정합니다. 배경 이미지는 맨 뒤, 텍스트·로고는 맨 앞으로 배치합니다. 그룹화와 잠금 기능으로 작업을 효율적으로 관리합니다.

기능 3도형 (Shape)

사각형(배경·버튼), 원(아이콘·강조), 선, 다각형 등 디자인의 기본 요소를 생성합니다. 속성 패널에서 크기·색상·모서리 둥글기·그림자 효과를 변경합니다.

기능 4텍스트 (Text)

비주얼만큼 중요한 메시지 전달의 핵심 요소입니다. 툴바에서 T를 선택하고 캔버스를 클릭해 입력합니다.

기능 5내보내기 (Export)

작업한 이미지를 광고 소재로 저장합니다.

JPG

파일 크기 작음

투명 배경 불가

웹·SNS 광고

PNG

투명 배경 가능

파일 큼

로고·오버레이

SVG

확대해도 깨지지 않음

복잡한 이미지 불가

로고·아이콘

PDF

인쇄용

웹에서 잘 안 씀

인쇄물

---

6. 핵심 정리

이것만 기억하세요

1광고 이미지는 3초 안에 시선을 잡고, 브랜드를 각인시키고, 메시지를 전달해야 합니다

2브랜드 일관성 3원칙 — 컬러 팔레트, 타이포그래피, 이미지 스타일을 모든 채널에서 통일합니다

3AI 방식은 비용 1/100, 시간 1/10 — ChatGPT 프롬프트 → 미드저니 생성 → Figma 편집 → 내보내기 순서입니다

4Figma는 무료로 사용 가능하고, 레이어·프레임·텍스트 기능만 익혀도 광고 이미지 제작이 가능합니다

5내보내기 포맷 — SNS 광고는 JPG, 로고·오버레이는 PNG를 기본으로 사용합니다

좋은 광고 이미지는 도구보다 원칙에서 나옵니다.
브랜드 일관성을 지키면서 AI와 Figma를 조합하면, 비용과 시간을 줄이면서도 완성도를 높일 수 있습니다.
오늘 정리한 4단계 프로세스를 내 브랜드의 다음 콘텐츠에 바로 적용해보세요.

---

추천 태그

#광고이미지#Figma#AI이미지생성 #미드저니#브랜드일관성#디자인툴 #콘텐츠제작#디지털마케팅#SNS광고 #브랜드마케팅#피그마기초#광고기획

도움이 됐다면 공유해 주세요!

💬 카카오톡 네이버 X(트위터) 🔗 링크 복사

※ 본 글은 학습을 목적으로 작성된 게시물로, 특정 브랜드·제품·서비스명이 언급될 수 있습니다. 이는 순수한 예시일 뿐이며, 상업적 목적은 전혀 없음을 밝힙니다.