카드 · 카드 시리즈 만들기

스튜디오 에디터에서 텍스트나 기사 링크를 넣고 생성하기 를 누르면, AI가 배경 이미지 + 홍보 카피를 만들어 완성된 카드로 보여 줍니다. 만든 카드는 캔버스에서 직접 고치고, PNG로 내려받거나 SNS에 바로 공유할 수 있습니다.

💡 누가 쓰나요? 상품·소식을 인스타그램·페이스북·유튜브에 올릴 이미지가 필요한데, 디자인 도구를 다룰 시간이 없는 분. 문장만 붙여넣으면 카드가 나오고, 마음에 안 드는 문구만 손보면 됩니다.

🖼️ 화면 캡처 에디터(/studio/edit) 3분할 — 왼쪽 편집 패널(텍스트/이미지/도형 탭) / 가운데 페이지 목록+캔버스 / 오른쪽 Pictor(접힘 시 우하단 말풍선 버튼) 📍 studio.tflowx.com/studio · 저장 위치 images/studio/editor-overview.png

1. 만들기 모드 선택 — 단일 카드 vs 카드 시리즈

왼쪽 패널 맨 위에서 무엇을 만들지 먼저 고릅니다.

카드 시리즈는 아래 6. 카드 시리즈(여러 장) 만들기에서 자세히 다룹니다. 이 문서의 1~5장은 두 모드에 공통으로 적용됩니다.

2. 소스 입력 — 무엇을 만들지 알려주기

AI에게 재료를 주는 단계입니다. 텍스트만 넣어도 되고, 링크·이미지 가이드·참고 사진을 더할수록 결과가 정교해집니다.

소스 내용 (텍스트)

소스 내용 텍스트박스에 뉴스 기사, 게시물, 또는 정리된 문장을 붙여넣습니다.

뉴스 기사, 게시물, 또는 정리된 텍스트를 붙여넣으세요. 핵심 메시지를 뽑아 카드 카피와 배경을 만듭니다.

• 텍스트가 길어도 AI가 자동으로 핵심을 요약해 반영합니다.
• 무엇을 넣을지 막막하면 예시 채우기 를 누르면 선택한 템플릿에 맞는 예시 문장이 채워집니다.

🔗 URL 입력 (기사 링크)

URL 입력 을 누르면 링크 입력칸이 열립니다.

1. 기사 링크를 붙여넣으세요 (https://...) 칸에 기사 주소를 붙여넣습니다. (링크는 한 개만)
2. 생성하기 를 누르면 AI가 링크의 본문을 자동으로 읽어 함께 반영합니다.
3. 위 텍스트가 비어 있어도 링크만으로 생성할 수 있습니다.
4. 성공하면 상단에 "링크 본문 N자를 반영했어요" 가 표시됩니다.

ℹ️ 링크를 읽지 못하면 "링크 본문을 읽지 못했어요. 텍스트로 붙여넣어 주세요." 안내가 뜹니다. 이때는 기사 내용을 직접 복사해 소스 내용에 붙여넣으세요.

이미지 가이드 (선택)

원하는 배경 그림을 자연어로 적는 칸입니다.

원하는 그림을 편하게 적으세요. 예: 남녀 사장이 계약하며 악수하는 장면

• 비워 두면 AI가 기사 내용에서 알아서 배경을 정합니다.
• 적으면 AI가 기사 맥락에 맞춰 문장을 다듬어 이미지를 만듭니다.

참고 사진 (선택) + 변화량

가지고 있는 사진을 바탕으로 새 배경을 만들고 싶을 때 씁니다.

1. 사진 업로드 로 사진을 올립니다.
2. 변화량 슬라이더로 원본을 얼마나 살릴지 정합니다.
   • 작게(왼쪽) = 원본을 거의 그대로 유지
   • 크게(오른쪽) = 분위기만 참고해 새로 그림
3. 필요 없으면 제거 로 사진을 뺍니다.

ℹ️ 참고 사진(img2img)은 특정 생성 엔진에서만 동작합니다. 지원하지 않는 환경이면 생성 후 "참고 사진이 반영되지 않았어요 — 현재 생성 엔진이 참고 사진(img2img)을 지원하지 않는 설정입니다." 안내가 뜹니다. 이 경우 관리자에게 문의하세요.

🖼️ 화면 캡처 왼쪽 소스 입력 패널 — 소스 내용 · URL 입력 토글 · 이미지 가이드 · 참고 사진 + 변화량 슬라이더 📍 studio.tflowx.com/studio · 저장 위치 images/studio/source-input.png

3. 생성 옵션

생성 옵션 패널(접이식)에서 카드의 규격과 분위기, 레이아웃을 고릅니다. 올릴 채널과 가로세로 비율, 이미지 스타일, 레이아웃 6종, 그리고 카드에 넣을 브랜드 문구를 여기서 정합니다.

채널 · 비율

이미지를 올릴 채널과 가로세로 비율을 고릅니다. 비율을 바꾸면 카드 크기가 바뀌고, 텍스트 위치는 자동으로 따라옵니다(재생성 없이 바로 적용).

이미지 스타일

배경 이미지의 분위기를 정합니다. 같은 내용이라도 스타일에 따라 결과가 달라집니다.

레이아웃 (6종)

카드의 레이아웃(제목·보조 문구 위치)을 고릅니다. 각 템플릿은 썸네일로 배치가 미리 보입니다. 생성한 뒤에도 다른 템플릿으로 자유롭게 바꿀 수 있고, 이때 배경과 카피는 그대로 유지됩니다.

🖼️ 화면 캡처 생성 옵션 패널 — 채널/비율 4종 · 이미지 스타일 4종 · 템플릿 썸네일 6종 📍 studio.tflowx.com/studio · 저장 위치 images/studio/options-panel.png

브랜드 문구 (선택)

카드 좌상단에 들어가는 회사·브랜드명입니다. 새로 만들기 → 자세히에서 표시 여부 체크 + 문구를 정하면 생성되는 모든 카드에 적용됩니다. 비우거나 체크를 끄면 아예 들어가지 않아요. 최근에 쓴 문구는 기억되며, 기본값은 설정 화면에서도 지정할 수 있습니다.

4. AI 자동 생성 — 무슨 일이 일어나나요

생성하기 를 누르면 대기열에 등록되고 진행률 바가 나타납니다. 내부에서는 순서대로 이렇게 진행됩니다.

1. 카피 작성 — AI가 헤드라인·보조 문구·이미지 프롬프트·게시 본문 초안을 씁니다.
2. 배경 생성 — 선택한 스타일·비율에 맞춰 배경 이미지를 그립니다.
3. 문구 배치 — 템플릿에 맞춰 문구를 얹어 카드를 완성합니다.

완성되면 가운데 캔버스에 카드가 나타나고, 아래 게시 본문에도 초안이 채워집니다.

ℹ️ 상단에 MOCK 태그가 보이면 백엔드가 연결되지 않은 데모/개발 모드로, 실제 AI 대신 임시 이미지가 표시됩니다. 운영 환경에서는 나타나지 않습니다.

5. 캔버스에서 편집하기

가운데 캔버스는 실제 결과 그대로 보이는 편집 화면입니다(보이는 대로 내보내집니다). 화면에서는 축소돼 보이지만, 내보낼 때는 위 표의 원본 해상도(예: 1080×1080)로 저장됩니다.

선택 · 이동 · 크기 조절

• 요소(문구·이미지·도형)를 클릭하면 선택되고, 왼쪽 편집 패널이 그 유형의 탭(텍스트/이미지/도형)으로 전환되며 속성이 열립니다.
• 드래그로 위치를 옮깁니다.
• 선택 후 나타나는 모서리 핸들로 크기·회전을 조절합니다.
• 드래그하면 캔버스 중앙·가장자리와 다른 요소의 모서리·중심에 자동으로 달라붙고, 맞춰진 축에 안내선이 잠깐 보입니다. 붙는 게 싫을 땐 Alt(⌥)를 누른 채로 옮기면 그대로 미세 조정됩니다.

확대 · 축소 · 이동

세부 편집이 필요할 땐 캔버스를 키워서 보세요. 캔버스 왼쪽 아래 줌 바에서 조작합니다.

ℹ️ 확대는 보기 배율만 바꿉니다 — 카드 내용과 내보내기 해상도에는 영향이 없습니다.

단축키

ℹ️ 되돌리기·다시하기는 최대 30단계까지 기억합니다.

왼쪽 편집 패널 — 텍스트 / 이미지 / 도형 탭

요소 추가와 속성 편집이 모두 왼쪽 패널에 모여 있습니다. 캔버스에서 요소를 선택하면 해당 탭으로 자동 전환됩니다.

되돌리기/다시하기는 상단바에 있습니다.

위치 / 크기 패널

요소를 선택하면 위치 / 크기 패널에서 X·Y·너비·높이·회전 값을 직접 숫자로 입력할 수 있습니다.

ℹ️ 텍스트는 높이(H)가 글자 크기에 따라 자동으로 정해지므로 H 입력칸은 비활성화됩니다.

텍스트 속성 (키워드 강조 포함)

문구를 선택하면 왼쪽 텍스트 탭에 속성이 열립니다. (선택 전에는 "캔버스에서 텍스트를 선택하세요" 로 표시됩니다.)

• 내용 — 문구 직접 수정
• 폰트 — Pretendard / Noto Sans KR / system-ui / Georgia
• 굵기 — Regular ~ Black
• 크기 · 색상 · 정렬

키워드 강조 — 문구의 일부 단어만 다른 색·크기·굵기·폰트로 강조할 수 있습니다.

1. 문구를 더블클릭해 편집 상태로 들어갑니다.
2. 강조할 단어를 드래그해 선택합니다.
3. 키워드 크기 / 키워드 굵기 / 키워드 폰트·색상을 조절하면 그 구간에만 적용됩니다.

ℹ️ 단어를 선택하지 않고 강조를 누르면 "텍스트를 더블클릭해 강조할 단어를 선택하세요." 안내가 뜹니다.

이미지 속성 (크롭 등)

이미지 요소를 선택하면 왼쪽 이미지 탭에 속성이 열립니다.

🖼️ 화면 캡처 왼쪽 편집 패널 — 텍스트/이미지/도형 탭과 속성(키워드 강조·크롭·도형 색) 📍 studio.tflowx.com/studio · 저장 위치 images/studio/property-panels.png

6. 카드 시리즈(여러 장) 만들기

카드 시리즈 모드로 생성하면 여러 장이 이어지는 슬라이드가 만들어집니다. AI가 먼저 아웃라인(구성안)을 제안하면 카드 시리즈 구성 다이얼로그에서 소제목·본문과 순서를 다듬고, 생성이 끝나면 페이지들이 세로 목록으로 나열되어 한 장씩 편집합니다.

카드 시리즈 구성 다이얼로그

생성하기 를 누르면 AI가 먼저 아웃라인(구성안) 을 만들고, 카드 시리즈 구성 다이얼로그가 열립니다.

AI가 N장으로 구성했어요. 소제목·본문을 다듬고 순서를 바꾼 뒤 생성하세요.

• 각 카드의 소제목·본문을 검토·수정합니다.
• 카드 추가 로 장을 늘리고, 순서를 바꾸거나 삭제할 수 있습니다.
• 다 다듬었으면 N장 생성 을 누르면 카드가 한꺼번에 만들어집니다.

페이지 목록 (세로 나열)

생성이 끝나면 가운데 영역에 페이지들이 문서처럼 세로로 나열됩니다. 지금 편집 중인 페이지는 캔버스로, 나머지는 썸네일로 보입니다.

• 썸네일을 클릭하면 그 자리에서 바로 편집으로 전환됩니다.
• 페이지 머리줄의 ⠿ 그립을 드래그하면 순서를 바꿉니다. 옆의 버튼으로 복제·삭제할 수 있어요.
• 맨 아래 페이지 추가 — 빈 카드(즉시 추가, 배경·문구는 직접) 또는 AI로 생성(소제목 입력) 중 선택합니다.
• 생성 중·실패 상태는 각 페이지에 표시됩니다.

ℹ️ 일부 카드 생성이 늦어지면 "일부 카드 생성이 지연/중단됐어요. 잠시 후 '보관함'에서 새로고침하거나 다시 시도해 주세요." 안내가 뜹니다.

🖼️ 화면 캡처 카드 시리즈 구성 다이얼로그 + 페이지 세로 목록(그립·복제·삭제·페이지 추가) 📍 studio.tflowx.com/studio · 저장 위치 images/studio/deck-outline-storyboard.png

7. 저장 · 내보내기 · 공유

캔버스 상단 툴바에서 저장·내보내기·공유를 합니다.

저장

저장 을 누르면 편집 상태 그대로 '보관함' 에 보관되고 "저장되었습니다" 가 표시됩니다. 창을 닫았다 다시 열어도 남아 있습니다(9. 보관함 참고).

PNG 내보내기 / 전체 내보내기

• 단일 카드: PNG 내보내기 로 카드 한 장을 PNG로 내려받습니다.
• 카드 시리즈: 전체 내보내기 로 모든 카드를 순서대로 한꺼번에 다운로드합니다. (진행 중에는 "N장 내보내는 중…")

공유

공유 를 누르면 모바일에서는 시스템 공유 시트가 열려 이미지(JPEG)와 함께 게시 본문(캡션)이 클립보드에 복사됩니다. 이때 "캡션도 복사했어요 — 앱에서 붙여넣기 하세요" 가 표시됩니다.

ℹ️ 데스크톱 등 직접 공유를 지원하지 않는 브라우저에서는 이미지가 다운로드되고 캡션이 복사됩니다: "이 브라우저는 직접 공유를 지원하지 않아 다운로드했어요. 모바일에서 공유 시트로 게시할 수 있어요."

🖼️ 화면 캡처 캔버스 상단 툴바 — 새로 시작 · 저장 · PNG 내보내기 · 공유 · 되돌리기/다시하기 📍 studio.tflowx.com/studio · 저장 위치 images/studio/toolbar.png

8. 게시 본문

캔버스 아래 게시 본문 칸은 SNS에 함께 올릴 글(캡션)입니다.

• 카드를 생성하면 AI가 본문 + 해시태그 초안을 채워 줍니다.
• 직접 고칠 수 있고, 글자 수가 "N자" 로 표시됩니다.
• 복사 로 본문을 클립보드에 담아 SNS 앱에 붙여넣습니다.

ℹ️ 카드 시리즈는 게시 본문이 deck 전체에 공통 1개입니다.

9. 보관함

만든 카드·이미지·영상은 레일의 보관함 화면에 자동 보관됩니다. DB에 영속 저장되므로 창을 닫았다 다시 열어도 남아 있습니다. 폴더(최대 2단계)로 정리할 수 있고, 카드를 폴더로 드래그해 옮길 수 있어요. 클릭하면 카드·카드 시리즈는 편집기로, 이미지·오브젝트는 뷰어로, 영상은 재생 모달로 열립니다.

• 각 항목은 삭제 로 지울 수 있습니다(확인 창).
• 이미지 도구 결과(누끼 등)는 캔버스에 바로 못 얹으므로, 항목을 열면 모달 뷰어가 뜨고 카드에 삽입 으로 현재 카드에 넣을 수 있습니다.

🖼️ 화면 캡처 보관함 화면 — 좌측 폴더 트리 + 우측 그리드(완료/생성 중/실패 상태) 📍 studio.tflowx.com/studio · 저장 위치 images/studio/my-jobs.png

💡 문제 해결 (FAQ)

Q. 텍스트를 안 넣고 링크만으로 만들 수 있나요? A. 네. URL 입력 에 기사 링크만 넣고 생성하기 를 누르면 AI가 본문을 자동으로 읽어 카드를 만듭니다. 소스 내용은 비워 둬도 됩니다.

Q. 비율(예: 1:1 → 9:16)을 바꾸면 다시 생성해야 하나요? A. 아니요. 채널·비율을 바꾸면 재생성 없이 캔버스 크기만 바뀌고, 문구 위치는 자동으로 따라옵니다. 템플릿도 생성 후 바꿀 수 있으며 배경·카피는 유지됩니다.

Q. 문구의 한 단어만 색을 바꾸고 싶어요. A. 텍스트를 더블클릭 → 강조할 단어를 드래그 선택 → 키워드 크기·굵기·폰트·색상을 조절하면 그 부분만 강조됩니다.

Q. 만든 카드가 사라졌어요. A. 레일의 보관함 화면을 확인하세요. 저장한 작업은 창을 닫아도 남습니다. 단, 새로 시작 은 저장하지 않은 현재 작업을 초기화하니 주의하세요.