AI 이미지 + Figma 기반 광고 콘텐츠 제작 (1)

<비전공자가 말아주는 AI를 활용한 광고 콘텐츠 제작>

Chapter3-1~3-5 분량

---

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

📑 목차

1. 광고 이미지의 3가지 핵심 역할 (3초의 승부)
2. 전통적 방식 vs. AI 이미지 제작 방식
3. 브랜드 일관성 유지를 위한 3대 원칙
4. AI 활용 4단계 실무 워크플로우

 

🧠 핵심 내용

1) 광고 이미지의 핵심 역할

• 3초 안에 시선 끌기: SNS 무한 스크롤 환경에서 시선을 멈추게 하기 위해 고대비 색상이나 감정 표현 등을 활용해야 합니다.
• 브랜드 인지도 강화: 일관된 비주얼을 반복 노출하여 인지도를 2.5배 높입니다.
• 메시지 전달력 극대화: 복잡한 메시지를 5~7단어로 압축하여 전달합니다.

2) AI 방식의 엄청난 장점

• 비용은 1/100, 시간은 1/10(30분 이내)로 획기적으로 줄어듭니다.
• 여러 버전을 즉시 생성해 A/B 테스트를 하는 '빠른 프로토타이핑', 촬영 불가능한 장면을 연출하는 '무한한 크리에이티브', 프롬프트를 통한 '정확한 브랜드 컬러' 통제가 가능합니다.

3) 브랜드 일관성 유지를 위한 3원칙

• 원칙 1 (컬러): 브랜드를 대표하는 2~3가지 메인 컬러와 보조 컬러를 조합하여 사용합니다.
• 원칙 2 (폰트): 폰트는 브랜드의 목소리입니다. 최대 3가지 폰트만 사용하며, 고급스러움과 신뢰는 세리프(Serif), 현대적이고 깔끔한 신뢰는 **산세리프(Sans-serif)**를 선택합니다.
• 원칙 3 (이미지 스타일): 브랜드 성격에 맞게 '사진 vs 일러스트', '현실적 vs 판타지' 중 하나를 선택해 일관되게 유지합니다.

4) 실무 워크플로우 4단계

1. ChatGPT: 브랜드 키워드를 기반으로 영문 프롬프트 작성.
2. Midjourney: 이미지를 4개 생성 후 최적의 결과물을 고해상도로 업스케일(Upscale).
3. Figma: 텍스트, 로고, CTA 추가 및 색상 보정.
4. 내보내기: 플랫폼 비율(예: 4:5)에 맞춰 JPG/PNG 포맷으로 저장.

 

💭 느낀 점

• 신뢰감을 주는 폰트를 고를 때 무조건 전통적인 세리프 폰트만 정답이 아니라, 산세리프 특유의 딱딱 떨어지는 깔끔함이 현대인들에게 세련된 전문성과 혁신적인 신뢰감을 줄 수 있음을 깨달았다. 목적과 브랜드 성향에 맞게 '어떤 신뢰감'을 줄 것인지 세심하게 고르는 것이 중요하다.

---

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

📑 목차

1. Figma(피그마)의 특징과 장점
2. Figma 화면의 4가지 주요 구조
3. 광고 디자인을 위한 5가지 핵심 기능 실습

 

🧠 핵심 내용

1) Figma의 특징

• 구글 닥스처럼 설치 없이 웹 브라우저에서 바로 사용 가능한 디자인 툴입니다.
• 포토샵에 비해 가볍고 배우기 쉬우며, 무료 플랜만으로도 퀄리티 높은 광고 이미지 제작과 A/B 테스트용 대량 템플릿 제작이 충분히 가능합니다.

2) 화면의 4가지 주요 구조

• 좌측 (레이어 패널): 배경, 도형, 텍스트 등 요소들의 앞뒤 순서를 정하고 묶어주는 곳입니다.
• 중앙 (캔버스): 실제 디자인 작업이 이루어지는 무한한 스케치북 공간입니다.
• 하단 (툴바): 선택, 프레임, 도형, 텍스트 등 디자인 도구들이 모여있습니다.
• 우측 (속성 패널): 크기, 색상, 투명도, 정렬, 외곽선, 그림자 효과 등을 세밀하게 조정하고 이미지를 내보내는(저장) 곳입니다.

3) 5가지 핵심 기능

1. 프레임 (Frame): 광고의 베이스가 되는 '도화지'입니다. 인스타그램 게시물(1080x1350) 등 SNS 규격 프리셋을 활용해 클릭 한 번으로 정확한 사이즈를 생성할 수 있습니다.
2. 레이어 (Layer): 요소의 층(순서)입니다. 텍스트가 가려지지 않도록 배경 이미지는 아래로, 텍스트는 위로 순서를 조절해야 합니다.
3. 도형 & 텍스트 (Shape & Text): 사각형, 원 등의 도형과 폰트(글씨체), 자간/행간 등을 추가하고 조절하여 메시지를 시각화합니다.
4. 내보내기 (Export): 작업한 결과물을 플랫폼에 맞게 JPG, PNG 등의 포맷으로 저장합니다.

 

💭 느낀 점

• 피그마에서 요소들을 겹쳐 놓을 때 '레이어'라는 개념을 통해 순서를 관리해야 함을 배웠다. 배경 이미지보다 텍스트가 앞에 있어야 눈에 띄고 잘 읽히기 때문에, 레이어 순서가 뒤로 빠졌다면 맨 앞으로 가져와 가시성을 확보하는 것이 중요하다.

---

3-3. Figma 광고 소재 템플릿 제작 및 편집 기초

 

📑 목차

1. 광고용 텍스트 디자인 3단계 위계
2. 플랫폼별 프레임 크기와 안전 영역(Safe Zone) 설정
3. 클릭을 부르는 CTA 버튼 디자인 원칙
4. 브랜드 로고 삽입 원칙

 

🧠 핵심 내용

1) 광고 텍스트 디자인 위계와 가독성

• 3단계 위계: 핵심 메시지인 헤드라인은 가장 크고 굵게, 부연 설명인 서브 헤드라인은 중간 크기로, 행동 유도인 CTA는 버튼 형태로 하단에 띄게 배치합니다.
• 가독성 원칙: 모바일 환경을 고려해 최소 14pt 이상으로 설정하며, 배경과 텍스트 색상의 대비를 강하게 주고 충분한 여백을 확보해야 합니다.

2) 플랫폼별 프레임 크기 및 마스킹

• 프레임 설정: Instagram 피드(1080x1350), 스토리(1080x1920), YouTube 썸네일(1280x720) 등 플랫폼에 맞는 규격을 Figma에서 정확히 설정합니다.
• 안전 영역: 스토리의 경우 상/하단 UI에 가려지는 Dead Zone(상하단 250px)을 피해 중요한 내용을 배치해야 합니다6.
• 마스킹: 이미지를 사각형이나 원형 등의 특정 도형 안에 깔끔하게 넣는 기능을 활용합니다.

3) CTA 및 로고 디자인 원칙

• CTA 버튼: 눈에 띄는 고대비 색상과 충분한 크기를 사용하며, "지금 구매하기"처럼 명확한 동사형 문구를 시선이 잘 닿는 하단 중앙 등에 배치합니다12.
• 로고 삽입: 로고는 전체 이미지의 5~10% 크기로, 시선이 가장 먼저 닿는 상단 좌측(40px 여백)에 배치하는 것이 가장 권장됩니다89.

 

💭 느낀 점

• 광고 디자인에서 가장 중요한 것 중 하나는 CTA 버튼이다. 아무리 톤앤매너를 맞추더라도 버튼이 배경에 묻혀 눈에 띄지 않으면 '클릭'이라는 행동을 유도할 수 없고, 구매까지 이어지는 흐름이 약해지기 때문이다. 따라서 브랜드 톤을 해치지 않는 선에서 무조건 눈에 띄도록(고대비로) 설계해야 함을 깨달았다.

---

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

📑 목차

• Midjourney 프롬프트의 5가지 핵심 요소
• 업종별 프롬프트 전략 (이커머스/뷰티/푸드/앱)
• ChatGPT를 활용한 프롬프트 자동화
• 프롬프트 작성 시 피해야 할 금기사항

 

🧠 핵심 내용

1) Midjourney 프롬프트 5요소

• 고퀄리티 이미지를 일관되게 뽑으려면 **Subject(주제), Style(스타일), Lighting(조명), Composition(구도), Color Tone(색감)**의 5가지 요소를 순서대로 넣어야 합니다.

2) 업종별 이미지 전략

• 쇼핑몰/이커머스: 제품에 100% 집중하도록 깔끔한 배경(white background) 사용.
• 뷰티/스킨케어: 텍스처(질감)와 피부 광채(glowing)를 강조하고 부드러운 자연광 연출.
• 푸드: 식욕을 자극하는 따뜻한 조명과 생동감(김이 모락모락 나는 등) 표현.

3) ChatGPT 활용 및 프롬프트 작성 팁

• 영어가 막막할 땐, 내 브랜드의 핵심 키워드 5개를 ChatGPT에게 주고 영문 프롬프트 초안을 작성해달라고 요청하면 매우 효과적입니다.
• AI가 혼란스러워하지 않도록 "no dark background" 같은 부정 표현보다는 "white background"처럼 긍정 표현을 사용하는 것이 좋습니다.

 

💭 느낀 점

• AI에게 지시할 때 부정문보다는 긍정문이 더 잘 통한다는 원리를 완벽히 이해했다. 더 나아가, 만약 회색이나 검은색 같은 어두운 톤의 배경을 쓰면서도 우중충하지 않게 만들고 싶다면, 단순히 "어둡지 않게 해 줘"라고 부정형으로 말하기보다 "조명이 밝게 켜진 검은 벽지"처럼 긍정적이고 구체적인 조명 상태를 함께 묘사하는 방식이 훨씬 더 훌륭한 결과물을 낼 수 있음을 깨달았다.

---

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

📑 목차

1. 2025 인스타그램 피드 트렌드 (4:5 세로형)
2. 메시지 강조를 위한 텍스트 3분할 배치 원칙
3. 가독성을 높이는 텍스트 디자인 팁
4. Figma를 활용한 최종 레이아웃 세팅

 

🧠 핵심 내용

1) 인스타그램 피드 트렌드 변화

• 과거의 1:1 정사각형 사이즈에서, 현재는 모바일 화면을 더 많이 차지하여 시선 집중도를 극대화할 수 있는 4:5 세로형(1080 x 1350)이 대세로 자리 잡았습니다.

2) 텍스트 3분할 배치 원칙

• 상단 1/3: 강력한 임팩트를 주는 헤드라인이나 브랜드명 배치.
• 중앙 1/3: 텍스트를 최소화하거나 비워두고 제품과 모델에 집중.
• 하단 1/3: 부가 정보, 혜택, CTA(행동 유도 문구) 배치.

3) 가독성을 높이는 디자인 팁

• 폰트 크기: 모바일 가독성을 위해 헤드라인은 48-70pt, 서브 헤드라인은 24-36pt로 크게 설정합니다.
• 대비 효과: 밝은 배경엔 어두운 글씨, 어두운 배경엔 밝은 글씨를 쓰며, 배경이 복잡할 경우 텍스트 아래에 반투명 사각형을 깔거나 그림자/외곽선 효과를 활용합니다.

4) Figma 로고 및 최종 세팅

• 브랜드 로고는 전체 이미지의 5~10% 크기로, 가장 먼저 시선이 닿는 **상단 좌측 모서리(40px 여백)**에 배치하는 것을 추천합니다.
• 작업 후에는 고화질을 위해 1x 크기의 PNG 또는 JPG(최대 8MB 이하)로 내보냅니다.

 

💭 느낀 점

• 피드 이미지를 만들 때 단순히 예쁘게 만드는 것을 넘어, 상단과 하단 영역을 적극 활용하여 텍스트를 배치하되 제품을 가리거나 데드존에 걸리지 않도록 세심하게 위치를 잡아야 완벽한 가독성을 확보할 수 있음을 깨달았다.

※Learning Disclaimer※ 

이 블로그는 개인 학습 기록(TIL)을 위한 공간입니다. 강의 및 교육 콘텐츠의 원 제공자는 **팀스파르타**의 **내일 배움 캠프**이며, 본 글은 교육 내용을 바탕으로 개인적으로 학습·정리한 기록입니다.

광고 리메이크 및 사례 분석은 비영리 학습 목적의 작업물이며, 관련 저작권은 각 권리자에게 있습니다. 또한 본 게시글의 요약·정리 내용은 작성자의 학습 과정과 노력이 담긴 결과물이므로 무단 복제·재배포·상업적 이용을 지양해 주시기 바랍니다.