SuperAPI AI Directory

media-canva-magic-layer

Design & creation

View repository

Updated 10-15 21:03

About this skill

media-canva-magic-layer — Day 3 S7 Canva Magic Layer Guide

Overview

One-line responsibility: A reuse guide skill for the Day 3 S7 (17:40–17:45) instructor's 5-minute demo that replaces only the copy of an existing composite PNG (⑭) or ad image using Canva Magic Layer, saving 90% of costs compared to re-calling GPT Image 2 when changing seasons or campaigns.

V6 18 Deliverable Chain Position: Day3 S7 Bonus (17:40–17:45 instructor's 5-minute demo) — ⑭ composite PNG or ⑬ ad image → Magic Layer copy replacement → new season asset (without re-calling GPT Image 2).

Automation Scope: This skill outputs a 5-step checklist and scenario guide. Actual Canva operations are performed directly by the student on the Canva web (canva.com). Canva API automation is currently not implemented (PDF Exclusions §9).

Maintain AI Labeling (REQ-MEDIA-011 HARD): Even if text is modified with Magic Layer, the "AI-generated" metadata label must be maintained. After completing edits, re-calling media-ai-disclosure is recommended.

Discord Self-Study Guide: In addition to the 5-minute in-lecture demo, additional practice is provided in the D+7 Discord live session (PDF §6.4 S7 operation notes + Appendix D).

Trigger Keywords

  • "Canva Magic Layer", "Canva Magic Layer Guide"
  • "How to use Magic Layer", "I want to change only the text in an image"
  • "Just replace the copy", "Reuse seasonal ads"
  • "Change copy without re-calling GPT Image 2"
  • "Day3 S7 Canva", "/media-canva-magic-layer"
  • "Quickly edit Smart Store images"

Workflow

Input Slots

Slot Source Description
source_image Deliverable ⑭ or ⑬ Existing composite PNG or ad image
new_copy Student input New copy text to replace (season/campaign change)
target_channel Student input (optional) Upload target such as Smart Store, Cafe24, Instagram, etc.

5-Step Canva Magic Layer Guide (directly quoted from Appendix D)

Step 1 — Upload to Canva → Click Magic Layer

1. canva.com 접속 → [새 디자인 만들기]
2. [파일 업로드] → 합성 PNG(⑭) 또는 광고 이미지(⑬) 업로드
3. 업로드된 이미지를 캔버스에 배치
4. 이미지 선택 후 상단 메뉴 [편집] → [매직 레이어] 클릭
   (또는 이미지 더블클릭 → 레이어 분리 자동 제안)

Step 2 — Verify text layer separation

매직 레이어 실행 후:
- 이미지 레이어 (배경·제품) ← 수정하지 않음
- 텍스트 레이어 ← 카피 교체 대상
텍스트 레이어가 보이지 않으면: [레이어] 패널 → 텍스트 레이어 활성화

For GPT Image 2-generated images, text may already be burned into the image — in this case, adding a separate text box is recommended.

Step 3 — Replace only the copy

텍스트 레이어 클릭 → 기존 카피 전체 선택 (Ctrl+A / Cmd+A)
→ 새 카피 입력 (시즌·캠페인 변경 내용)
폰트·크기·색상은 기존 유지 (디자인 일관성)

Copy replacement checklist:

  • Hero image: Replace main USP copy
  • CTA banner: Replace discount rate/benefit text
  • Info image: Update figures/data (if applicable)

Step 4 — Download

[공유] → [다운로드]
→ 파일 형식: PNG (고품질) 또는 JPG (파일 크기 작음)
→ 해상도: 최소 1080px 이상 (채널 규격 준수)
→ 다운로드

Step 5 — SmartStore·Cafe24 immediate upload

스마트스토어:
  판매자센터 → 상품관리 → 해당 상품 → 이미지 교체

카페24:
  쇼핑몰 관리자 → 상품 → 이미지 교체

Instagram/Meta:
  광고 관리자 → 소재 교체 (채널 패키지 ⑰ 참고)

Season reuse scenarios

Existing composite PNG → replace copy only → new season asset

Scenario Reuse method Re-call GPT Image 2
Summer → autumn season change Replace copy only ("cool summer" → "warm autumn") Not required
Limited-time event Replace discount rate·date only ("30%" → "50%", change date) Not required
Channel-specific copy optimization Replace Meta copy ↔ Naver copy Not required
Product lineup expansion Replace product name·SKU only Not required

Cost reduction effect: 90% cost reduction compared to re-calling GPT Image 2 (image generation cost 0 won, Canva Free plan possible).

AI disclosure maintenance procedure (REQ-MEDIA-011 HARD)

매직 레이어 카피 교체 완료
→ [필수] media-ai-disclosure 재호출
→ 수정된 파일 메타데이터 AI 표기 유지 확인
→ 표기 누락 시 재부착 자동 실행

Usage examples

Example 1: Day3 S7 instructor demonstration (5 min)

강사 입력: "Day3 S7 캔바 매직 레이어 5분 시연 시작해줘"
→ 5단계 가이드 체크리스트 출력
→ 화면 공유용 단계별 스크린 설명 제공
→ 시즌 재사용 시나리오 2~3가지 제시
→ 디스코드 D+7 후속 실습 안내

Example 2: Season change reuse

수강생 입력: "여름 세일 카피로 만든 마스크팩 이미지 가을로 바꾸고 싶어. GPT Image 2 다시 쓰기 싫은데."
→ Canva 매직 레이어 5단계 체크리스트
→ Hero: "여름 피부 진정" → "가을 건조 피부 집중 케어"
→ CTA: "여름 특가 30%" → "가을 단독 특가 35%"
→ media-ai-disclosure 재호출 안내 (REQ-MEDIA-011)
→ "GPT Image 2 재호출 불필요 — 비용 90% 절감"

Example 3: Quick edit for limited-time event

수강생 입력: "블랙프라이데이 할인율 30% → 50%로 바꾸고 스마트스토어에 바로 올리고 싶어"
→ Step 3 카피 교체: CTA 배너 "30%" → "50%"
→ Step 5 스마트스토어 업로드 경로 안내
→ 전체 소요 시간: 2분 이내 (Canva 작업)

Output format

{
  "canva_guide": {
    "steps": [
      {"step": 1, "title": "Canva 업로드 → 매직 레이어 클릭", "action": "이미지 업로드 후 매직 레이어 실행"},
      {"step": 2, "title": "텍스트 레이어 분리 확인", "action": "레이어 패널에서 텍스트 레이어 확인"},
      {"step": 3, "title": "카피만 교체", "action": "기존 텍스트 선택 → 새 카피 입력"},
      {"step": 4, "title": "다운로드", "action": "PNG 또는 JPG, 최소 1080px"},
      {"step": 5, "title": "즉시 업로드", "action": "스마트스토어·카페24·Instagram"}
    ],
    "cost_saving": "GPT Image 2 재호출 대비 90% 비용 절감",
    "ai_disclosure": {
      "required": true,
      "action": "media-ai-disclosure 재호출 (REQ-MEDIA-011)",
      "reason": "매직 레이어 수정 후에도 AI 생성 표기 유지 의무"
    },
    "followup": {
      "discord_live": "D+7 디스코드 라이브 추가 실습 (PDF §6.4 S7 운영 노트)",
      "demo_time": "Day3 S7 17:40–17:45 (5분 강사 시연)"
    }
  }
}

Pass criteria

Item Criteria
5-step guide Appendix D 5-step checklist complete output
Season reuse scenarios Present 2 or more scenarios
AI disclosure maintenance guidance Include media-ai-disclosure re-call procedure (REQ-MEDIA-011)
Upload channel guidance Include SmartStore·Cafe24·SNS upload paths

Source: PDF Appendix D "Recommended workflow for use after lecture" 5-step direct quotation + §6.4 S7 operation notes

Related skills

  • Previous step ← media-gpt-image2-builder (deliverable ⑬ 5 ad images)
  • Previous step ← moai-commerce:detail-page-image (deliverable ⑭ composite PNG)
  • Required post-processing → media-ai-disclosure (re-check AI disclosure after magic layer edit)
  • image-gen — When generating an image entirely anew

When not to use this skill

Situation Skill to use instead
Generate new image media-gpt-image2-builder or image-gen
Canva API automatic integration Currently not implemented (only Appendix D guide provided)
Video copy change Video does not support magic layers — media-model-router re-call
Channel-specific asset packaging media-channel-ad-packager