Make 활용 인스타그램 AI 자동화 5편 : Placid 템플릿

안녕하세요! 5편에서는 Placid로 브랜드 일관성이 유지되는 정사각형 템플릿을 만드는 과정을 정리합니다. 이후 6편에서 Make.com에서 이 템플릿에 값을 바인딩해 완성 이미지를 자동 생성하게 됩니다.

오늘의 목표

• 1080×1080 정사각형 템플릿 1종을 제작하고 재사용 가능한 레이어 구조를 확정
• 4편에서 만든 두 줄 헤드라인과 선택형 키커(kicker)를 세이프존 안에서 안정적으로 표시
• 가독성을 보장하는 그라디언트 오버레이, 폰트·행간·패딩 기본값을 규정
• 다국어 상황을 고려한 폰트 폴백과 말줄임(…) 처리 규칙을 준비

준비물

• Placid 계정 및 새 프로젝트
• 기본 자산: 로고(SVG/PNG), 브랜드 컬러 토큰(Primary/Neutral/Accent), 대표 배경 이미지(선택)
• 이전 단계 출력: headline_line1, headline_line2, kicker(선택), background_url(선택)

Automations for on-brand creatives

템플릿 규격과 파일 구조

• 아트보드 규격
  • 1080×1080(px) 정사각형
  • 해상도는 기본값(디지털용) 유지
• 레이어 구성(위에서 아래 순서)
  • Logo(선택)
  • HeadlineLine2(텍스트)
  • HeadlineLine1(텍스트)
  • Kicker(텍스트, 선택)
  • Overlay(Shape/Gradient)
  • Background(Picture)
• 네이밍 규칙
  • 외부에서 바인딩하는 항목은 파스칼케이스(예: HeadlineLine1)
  • 내부 고정 자산은 스네이크케이스(예: brand_overlay)

배경 레이어 설계(Background)

• 소스
  • 정적 이미지(브랜드 배경) 또는 동적 이미지 URL(기사 관련 시각)
• 배치
  • Fill로 전체 캔버스 채우기
  • 과도한 디테일이 있으면 텍스트 가독성이 떨어지므로 블러 2~4px 권장(옵션)
• 예외 처리
  • 동적 URL 바인딩 실패 시 브랜드 기본 배경으로 대체

오버레이 레이어 설계(Overlay)

• 목적
  • 밝은 배경에서도 텍스트 대비를 확보
• 형태
  • 하단에서 상단으로 올라오는 Linear Gradient(검정~투명) 권장
• 권장 값
  • 시작 색상: rgba(0,0,0,0.55)
  • 종료 색상: rgba(0,0,0,0.0)
  • 그라디언트 높이: 캔버스 높이의 45~60%
• 팁
  • 라이트 테마 배경이 많다면 중앙 집중 원형 그라디언트도 대안
  • 그라디언트 위에 텍스트가 오므로 과한 대비는 피하기

텍스트 레이어 공통 규칙

• 폰트
  • 한글 본문: Noto Sans KR, Pretendard, Spoqa Han Sans 중 택1
  • 영문 폴백: Inter, Roboto
  • 일본어 폴백: Noto Sans JP
• 크기/행간
  • HeadlineLine1: 72px, Line-height 1.15
  • HeadlineLine2: 64px, Line-height 1.15
  • Kicker: 28px, Line-height 1.2
• 색상
  • 텍스트 기본: #FFFFFF
  • Kicker 라벨: #FFFFFF + 반투명 박스 rgba(0,0,0,0.35)(옵션)
• 정렬
  • 좌측 정렬(읽기 흐름 자연스러움)
• 세이프존(패딩)
  • 좌우: 96px
  • 하단: 120px(두 줄 헤드라인 기준)
  • 상단: 72px(Kicker/Logo 영역)

헤드라인 레이어 배치

• Line1
  • 앵커: 좌하단, y = canvasHeight - 120px - (Line2 높이 + 간격)
  • 최대 글자수 기준(20자)에서 **넘치면 말줄임(…)**을 4편 규칙대로 이미 처리한 상태로 가정
• Line2
  • 앵커: 좌하단, y = canvasHeight - 120px
  • Line1과의 간격: 12~16px
• 가독성 보강
  • 필요 시 텍스트 아래 Soft Shadow(블러 4, 투명도 30%)
  • 영문 대문자 비율이 높으면 크기를 4~8px 낮춰 과밀감 완화

키커(Kicker) 레이어 설계(선택)

• 목적
  • 상단에 짧은 카테고리/테마를 강조
• 위치/패딩
  • 좌상단, 좌우 96px, 상단 72px
• 스타일
  • 배경 캡슐(둥근 모서리 24px), 내부 패딩 12px
  • 글자 1~2단어(최대 8자), 축약형 사용(예: “GUIDE”, “TIPS”)
• 바인딩 규칙
  • 값이 비어 있으면 레이어 불가시(숨김)

로고 레이어 설계(선택)

• 위치 : 우하단 또는 좌상단(키커와 충돌 금지)
• 크기 : 짧은 변 기준 80~120px
• 투명도 : 70~85%(과한 주목 방지)
• 예외 처리 : 로고가 없으면 레이어 숨김

말줄임과 줄바꿈 처리

• 말줄임 : 4편에서 이미 20자 제한과 말줄임을 적용했으므로 Placid에서는 추가 말줄임 비활성화
• 줄바꿈 : Line1·Line2를 서로 다른 텍스트 레이어로 분리(한 레이어에서 \n 처리 시 렌더링 차이 발생 가능)
• 이모지 : 4편 규칙대로 최대 1개, 텍스트 높이와 충돌 시 제거

다국어 폰트 폴백

• 폰트 세트 : KR 우선 → EN → JP 순으로 지정
• 길이 편차 대응 : 영문/숫자 위주 문구가 들어오면 Line1/Line2가 실제 폭에서 더 길어질 수 있으므로 폰트 크기 자동 감소(−4px) 조건 분기
• 금칙어/기호 : 슬래시 /, 백슬래시 \, 과도한 하이픈 ---는 단일 기호로 치환

Placid 텍스트 변수 명세

• HeadlineLine1: 4편 출력 line1(필수)
• HeadlineLine2: 4편 출력 line2(필수)
• Kicker: 4편 출력 kicker(선택)
• Background: 이미지 URL(선택, 없으면 기본 배경)
• BrandColor: HEX 또는 RGBA(옵션, 키커/오버레이에 적용 가능)
• LogoUrl: 로고 파일 URL(선택)

템플릿 제작 절차(한 번에 따라 하기)

• Placid에서 새 프로젝트 생성 후 Free Square 템플릿 선택
• Background 추가 → Fill → 기본 배경 이미지 배치
• Overlay 추가 → Linear Gradient 설정(검정 55% → 투명 0%, 높이 50%)
• HeadlineLine1, HeadlineLine2 텍스트 레이어 추가
  • 폰트·크기·행간·색상·좌하단 앵커·세이프존 패딩 적용
• Kicker 텍스트 레이어와 캡슐 배경 도형 추가(옵션)
• Logo 이미지 레이어 추가(옵션)
• 템플릿 저장 → 템플릿 ID 확인(6편에서 사용)

품질 점검 체크리스트

• 밝은/어두운 배경 모두에서 텍스트 대비가 충분한가
• 20자 기준의 문구가 세이프존 안에 안정적으로 들어오는가
• Line1/Line2가 겹치거나 잘리지 않는가
• 배경이 동적 URL 실패 시 기본 배경으로 안전하게 합성되는가
• 폰트 폴백 시 글자 폭 변화로 인한 레이아웃 붕괴가 없는가
• 로고/키커가 있을 때와 없을 때 충돌이 없는가

자주 발생하는 문제와 해결 팁

• 배경이 너무 밝아 글자가 흐릿함 : 오버레이 시작 불투명도를 55%→65%로 상향 또는 텍스트에 소프트 그림자 추가
• 영문 대문자나 숫자가 많아 폭이 넘침 : Line별 폰트 크기 4~8px 축소, 또는 단어 한 개를 줄여 재생성 규칙 적용
• 한 줄이 비어 있음 : 4편 후처리 단계에서 빈 값이면 안전 대체 문구로 채우도록 설정
• 로고 색이 배경과 겹침 : 로고 주변에 8px 안쪽 그림자 또는 반투명 캡슐 추가

다음 편(6편) 미리보기

• Make.com에서 Placid API를 연결해 변수 바인딩 → 완성 이미지 자동 생성까지 구성합니다.
• 실패 시 대체 배경/재시도/타임아웃 전략을 함께 정리합니다.

맺음말

이번 편에서 만든 템플릿은 이후 자동 합성 품질을 좌우합니다. 세이프존·그라디언트·폰트 폴백만 제대로 잡아도, 다양한 콘텐츠를 안정적으로 소화할 수 있어요. 템플릿 ID를 기억해 두시고, 다음 편에서 자동 생성 흐름을 완성해 보겠습니다.

Make 활용 인스타그램 AI 자동화 3편 : ChatGPT 캡션 생성

 

Make 활용 인스타그램 AI 자동화 4편 : 헤드라인 생성