AI 이미지·영상 제작 흐름

노드의 흐름

• Figma Weave의 화면: 캔버스

• 기능 덩어리(노드)를 화면에 놓고 선으로 연결해 결과를 만듭니다

• 노드 하나는 왼쪽에 입력, 오른쪽에 출력이 있습니다. 왼쪽으로 입력이 들어오고 오른쪽으로 결과가 나갑니다.

• 예를 들어 LLM 노드는 모델을 고르고 프롬프트를 연결해 실행하면, 오른쪽 출력으로 텍스트 답이 나옵니다.

• 한 번 만든 연결은 그대로 다시 실행해 같은 방식의 결과를 여러 개 만들 수 있습니다.

공식 문서: Understanding Nodes에서 더 자세한 예시를 볼 수 있습니다.

노드의 두 종류

• 생성형 노드 — 이미지나 영상을 만드는 노드입니다. Run 버튼을 눌러 실행할 때마다 크레딧을 씁니다.
• 비생성형 노드 — painter, blur, 합성 등 이미 있는 것을 다루는 노드입니다. 크레딧을 쓰지 않습니다.

「색」 카드에서 보는 노드 색이 어떤 노드가 크레딧을 쓰는지 구분하는 첫 단서입니다.

화면으로 따라가기

• 확인할 것: 새 파일을 열었을 때 노드를 놓기 전의 빈 캔버스

• create a new file을 누르면 빈 무한 캔버스가 열립니다

• 노드 추가 1: 캔버스 빈 곳을 우클릭해 검색합니다
• 노드 추가 2: 왼쪽 돋보기 아이콘에서 드래그합니다

• 이동: 트랙패드 두 손가락
• 확대·축소: command 키를 누른 채 스크롤

• 작업물이 화면 밖으로 벗어나면 줌 레벨 메뉴의 zoom to fit을 누릅니다

• 예제: Node Examples를 열어 duplicate to my files로 내 파일에 복제하면 같은 그래프로 따라갈 수 있습니다

Pitfall

• 단발 한 장에 워크플로우를 만듭니다. 한 장이 목적이면 챗 도구가 빠르고, Weave는 반복·대량에서 값이 있습니다.

• 연결은 같은 색끼리만 됩니다. 예를 들어 텍스트(보라) 포트를 이미지(녹색) 포트에 바로 꽂을 수 없습니다.

• 어떤 노드를 어디에 연결할지 헷갈릴 때는 먼저 포트 색을 봅니다.

• 색이 같으면 연결되고, 다르면 중간에 타입을 바꿔 줄 노드를 하나 더 넣어야 합니다.

• 색 다섯 가지를 알아두면 처음 보는 노드도 어디에 연결할지 짐작할 수 있습니다

화면으로 따라가기

• 확인할 것: 연결선 양쪽 포트가 같은 보라색인지

• 장면: Prompt 노드의 보라(텍스트) 출력을 이미지 생성 노드의 보라(텍스트) 입력에 연결
• 노드가 만드는 결과와 포트 색은 별개입니다
• 이미지를 만드는 노드도 텍스트를 받는 입력 포트는 보라입니다

• 연결선 위로 마우스를 올리면 포트 색이 같은지 바로 확인할 수 있습니다

• 두 노드를 연결하는 동작은 모든 작업의 기본입니다
• 한 번 익히면 다른 노드에도 같은 방식으로 적용됩니다

노드 추가

• 캔버스 빈 곳에서 우클릭해 검색합니다.
• 왼쪽 위 돋보기 아이콘을 눌러 노드를 끌어다 놓습니다.

연결

• 연결선은 데이터가 흐르는 방향을 보여 줍니다.
• 완성된 선에서 데이터는 한 노드의 출력(오른쪽 점)에서 다음 노드의 입력(왼쪽 점)으로 흐릅니다.
• 연결 동작은 호환되는 입력이나 출력 어느 쪽에서 시작해도 됩니다. 입력끼리나 출력끼리는 연결되지 않습니다.

끊기

• 잘못 이었다면 연결선을 클릭한 뒤 backspace 키를 누르면 끊깁니다

• 색이 다른 포트끼리는 연결이 거부됩니다

• 그 사이에는 색을 바꿔 줄 노드를 하나 더 넣어야 합니다

Pitfall

• 호환 안 되는 포트끼리 연결을 시도합니다. 텍스트는 텍스트에만, 이미지는 이미지에만 연결되니 포트 색을 먼저 확인합니다.

자주 묻는 질문

• 연결이 안 됩니다. — 포트 타입이 다른 경우입니다. 같은 색(타입)끼리만 연결됩니다.
• 연결선을 어떻게 지우나요? — 연결선을 클릭한 뒤 backspace를 누릅니다.

• Prompt 노드: 만들고 싶은 내용을 글로 적습니다
• 그 출력을 이미지·영상 같은 생성 노드의 입력에 연결합니다

모델 고르기

• 왼쪽 검색창에 image를 입력하면 여러 이미지 생성 모델이 나옵니다.
• 각 모델에 마우스를 올리면 어떤 용도에 좋은지, 한 번 실행할 때 크레딧이 얼마 드는지 짧은 설명이 뜹니다.
• 같은 프롬프트라도 어떤 모델에 연결하느냐에 따라 결과와 비용이 달라집니다.

이미지 두 장 합치기

• 이미지 노드의 기본 입력 포트 하나로는 사진을 한 장만 넣을 수 있습니다.

• 두 장을 넣으려면 add another image input을 눌러 포트를 하나 더 만듭니다.

• 두 이미지를 각각 연결한 뒤 프롬프트에 두 대상을 한 장면에 두라고 적어 실행합니다.

• 예제: Node Examples를 열어 duplicate to my files로 복제하면 같은 그래프로 따라갈 수 있습니다

화면으로 따라가기

• 확인할 것: Prompt 노드를 모델에 연결하지 않은 상태
• 문장이 들어 있어도 이 상태만으로는 결과가 생기지 않습니다

• Prompt 노드만 캔버스에 놓아두면 아무 결과도 안 나옵니다
• 다음 화면에서 확인할 것: 보라색 출력 포트가 이미지 생성 노드의 텍스트 입력에 연결되는지

• 두 노드가 연결됐으면 이미지 생성 노드의 Run을 누릅니다
• 마지막 화면에서 확인할 것: 프롬프트에 적은 대상이 실제 이미지로 나왔는지

• Run을 눌러야 Prompt에 적은 내용대로 이미지가 만들어집니다

Pitfall

• Prompt 노드만 두고 실행 — 단독으로는 아무 일도 안 하므로, 항상 생성 노드에 연결합니다.

• 합성은 필요한 부분을 떼어내는 데서 시작합니다

• 사진에서 인물만, 제품만 떼어내야 다른 배경 위에 올릴 수 있습니다

• Mask Extractor에 이미지를 연결하면 클릭한 요소가 선택됩니다

• shift 클릭: 선택을 넓힙니다

• 출력: 마스크(선택 영역)

• 배경 전체를 지울 때: Remove Background 노드가 더 빠릅니다(모델은 SD3 Remove Background 또는 Bria Remove Background)

• 분리한 결과는 「레이어 합성」 카드의 Compositor에서 다른 레이어 위에 올립니다

• 결과가 90% 마음에 들 때 나머지 10% 때문에 전체를 다시 생성하면 잘 나온 부분까지 잃습니다

• Painter: 고칠 부분만 칠해 그 영역만 다시 만들게 합니다

• 출력: 이미지와 마스크 두 가지

• Brush·Eraser·Canvas 탭: 브러시 크기·경도·색 조절

• 빈 캔버스에 손그림을 그려 sketch-to-image 입력으로 쓸 수도 있습니다

• Painter 자체: 크레딧을 쓰지 않는 비생성형 노드

• 크레딧은 마스크를 받은 편집 모델이 실행될 때 듭니다

• Compositor에 연결한 이미지·영상·텍스트는 각각 레이어가 됩니다

• 레이어 드래그: 순서를 바꿉니다

• 캔버스에서 직접 옮기고 돌리고 키울 수 있습니다

• 오른쪽 패널: 투명도(opacity)·혼합 방식(blend mode)·정렬 조정

• 도형을 직접 그리거나 배경색을 깔 수 있습니다

• 텍스트를 올린 썸네일이나 제품 합성컷을 노드 하나에서 마무리합니다

• 영상 레이어를 넣으면 노드 안에 Timeline이 열립니다

• 크레딧: 쓰지 않습니다

• 분업: 생성은 모델 노드, 조립은 Compositor

• 예제: Compositor Example을 열어 duplicate to my files로 복제하면 같은 그래프로 따라갈 수 있습니다

화면으로 따라가기

• 확인할 것: Compositor가 여러 입력을 받는 위치와 하나의 결과를 내는 위치

• 용도: 다른 워크플로우에서 만든 배경·오버레이 텍스트를 합칩니다

• 각 요소를 따로 생성하고 background remover로 배경을 제거한 뒤 layer 포트에 연결합니다

• 포트가 부족하면 add another layer로 늘립니다
• 에디터 안에서 각 레이어의 크기·위치를 조정합니다

• 공식 팀 템플릿: 여러 장면 영상을 painter와 merge alpha로 오려내 합칩니다

• 레이어를 합치면 한 장면처럼 자연스럽습니다
• 배경·요소·텍스트를 따로 만들어 합칠 때 유리합니다

Pitfall

• Compositor 레이어 순서·blend mode 무시 — 의도와 다른 합성이 나옵니다.
• 배경 제거 없이 합성 — 경계가 지저분합니다. painter·remove background·merge alpha로 분리한 뒤 올립니다.

자주 묻는 질문

• Compositor에 레이어가 안 보입니다. — layer 포트 연결과 레이어 순서를 확인합니다.

• 어둡게 나온 결과를 프롬프트를 바꿔 다시 생성하면 크레딧이 들고, 구도까지 달라집니다

• 밝기·대비 문제: Levels 노드가 크레딧 없이 해결합니다

• Levels에 이미지를 연결하면 히스토그램이 보입니다

• 왼쪽 점(black point): 어두운 영역 / 오른쪽 점(white point): 밝은 영역 / 가운데(gray point): 중간 톤

• 색이 한쪽으로 치우쳤다면 RGB 채널을 분리해 채널별로 조정합니다

• 영상에도 같은 방식으로 씁니다

• 위치: Crop 뒤·Export 앞에 두는 마감 단계 노드

효과 이름보다 조절할 값을 먼저 정합니다

• 하프톤 효과처럼 결과만 설명하면 기본 조절 항목만 생길 수 있습니다
• 다음 작업에서도 쓰려면 크기, 위치, 색, 불투명도 가운데 무엇을 직접 바꿀지 함께 적습니다

• 공식 영상의 시작: color halftone effect
• 입력을 연결한 뒤 확인할 값: 점의 빈도, 각도, 채움 정도

빠진 조절 항목은 기존 효과에 추가합니다

• 처음부터 다시 만들지 않습니다
• 연필 버튼으로 기존 설명을 열고 RGB 색상, 겹치기 방식, 불투명도를 추가한 뒤 업데이트합니다

• 설명 형식: 아래 네 줄로 나눕니다

만들 효과: 컬러 하프톤
입력: 이미지 또는 영상 1개
조절 항목: 점 크기, 간격, 각도, RGB 색상, 불투명도
초기값: 원본을 알아볼 수 있는 약한 강도

화면에서 움직일 값은 조절 방식까지 적습니다

• 위치나 원근은 숫자만으로 맞추기 어렵습니다
• 조절 방식 요청 예: 중심점을 화면에서 움직이게 해 주세요, 각 모서리에 핀을 하나씩 넣어 주세요

저장한 효과는 입력만 바꿔 다시 씁니다

• 저장 위치: Saved Nodes
• 공식 영상의 Film Look Creator: 필름 입자, 색온도, 대비를 조절합니다
• 촬영본마다 같은 노드를 다시 연결합니다

복잡한 장면은 작은 효과로 나눕니다

• 감시 카메라 화면, 원근 변형, 화면 유리 반사, 손으로 든 카메라 흔들림을 각각 별도 효과로 만들면 고칠 지점을 찾기 쉽습니다
• 마지막에 Compositor에서 여러 레이어를 합칩니다

막혔을 때 확인합니다

• 조절 항목이 없으면 효과 이름만 적지 않았는지 확인합니다.
• 다른 이미지에서 너무 강하면 강도와 불투명도를 추가합니다.
• 위치가 맞지 않으면 중심점이나 네 모서리 핀을 요청합니다.
• 한 부분을 고칠 때 전체가 흔들리면 역할이 다른 효과를 별도 노드로 나눕니다.

• 어느 모델이 내 프롬프트에 맞는지는 돌려 보기 전엔 모릅니다

• Compare Node: 결과를 캔버스 여기저기서 하나씩 열어 보는 대신 한 화면에 모아 나란히 비교합니다

• 기본 구조: Router로 프롬프트 하나를 여러 모델에 분기하고 각 출력을 Compare에 연결합니다

• 고른 뒤에는 그 결과 노드만 다음 단계(영상 생성, 합성 등)에 연결합니다

화면으로 따라가기

• 확인할 것: 검색 결과에서 모델마다 이름과 용도가 어떻게 나뉘는지

• 이미지 검색창에 image 입력: GPT Image·Imagen·Flux·Nano Banana 같은 모델 목록이 나옵니다

• 모델에 마우스를 올리면 용도 설명과 크레딧이 함께 뜹니다
• 모델마다 잘하는 작업과 비용이 다릅니다

• 두 이미지를 한 장면에 합치기: add another image input으로 포트를 늘려 둘 다 연결합니다

• 영상 생성 노드도 모델이 여러 개입니다
• 화질은 어떤 모델을 고르느냐에 좌우됩니다

자주 묻는 질문

• 어떤 이미지 모델을 골라야 하나요? — hover 설명·크레딧을 보고 용도에 맞게 고릅니다.
• 두 이미지가 한 장만 반영됩니다. — 이미지 입력 포트를 추가합니다.
• 영상이 흐립니다. — 모델을 바꾸거나 첫 프레임 이미지 품질을 올립니다.

• 생성형 노드는 실행할 때마다 크레딧을 씁니다

• 비용은 모델마다 크게 다릅니다

• 이미지 모델 최저: Mystic 0.2 크레딧

• 이미지 모델 최고: ChatGPT Images 37 크레딧

• 순서가 비용을 결정합니다

• 실험 단계(구도·소재 결정): 싼 모델을 여러 번 돌립니다

• 방향 확정 뒤: 원하는 모델로 한 번 마무리합니다

• 왼쪽 모델 패널: 가격순 정렬을 지원해 싼 모델을 찾기 쉽습니다

• 배치 실행: 입력 개수만큼 비용이 곱해집니다

• 예: 항목 4개 × 12크레딧 모델 = 한 번에 48크레딧

• Run selected로 실행 범위를 고르는 습관과 붙여 씁니다