SVG 도해·모션 비교판

같은 내용을 서로 다른 도구 여섯 가지로 만들었습니다. 어떤 도구인지는 아래쪽에서 공개되니, 먼저 그림만 보고 골라 주세요.

🎯 고르는 법 — 두 가지만 답하시면 됩니다.
① 멈춰 있는 그림(정적) 중 마음에 드는 것: ㄱ / ㄴ / ㄷ
② 움직이는 것(모션) 중 마음에 드는 것: ㉮ / ㉯ / ㉰
예: “정적 ㄴ, 모션 ㉯” — 이렇게만 보내 주세요. 섞어 쓰기(“정적은 ㄴ인데 카드만 ㄱ처럼”)도 환영합니다.

파트 1 — 멈춰 있는 도해

브리프 3개가 같습니다: ① 5단계 만드는 순서 ② 실측 숫자 3개 ③ 26개에서 1개로 골라낸 깔때기.

시안 ㄱ

① 만드는 순서
② 실측 숫자
③ 깔때기

시안 ㄴ

① 만드는 순서
② 실측 숫자
③ 깔때기

시안 ㄷ

① 만드는 순서

시안 ㄷ은 성격이 달라(기술 설명도 전용) 브리프 ①만 만들었습니다 — ②·③은 이 도구 스스로 “내 영역이 아니다”라고 못 박는 종류입니다.

파트 2 — 움직이는 도해

브리프 2개: ① 자료 파일들이 폴더로 날아와 담기고 개수가 올라간다 ② 도해가 순서대로 그려지며 나타난다. ▶ 를 눌러 재생하세요.

시안 ㉮

① 폴더에 담기기 (5초)
② 도해 등장 (5초)

시안 ㉯

①+② 연속 한 편 (9초)

시안 ㉰

② 도해 등장 (4초)

⬇ 여기부터 정답 공개 — 번호를 먼저 정하신 뒤에 내려 보세요

어떤 도구였나

라벨정체어떤 물건인가실측에서 확인한 것
우리가 직접 짠 코드 외부 도구 없이 파이썬으로 그림을 그리는 우리 자체 방식. 헤어핀 교재 도해 18종을 만든 그 손으로, 이번엔 상업 템플릿처럼 색·그림자·그라데이션을 쓴 «리치 버전»을 새로 그렸습니다. 전부 우리 마음대로 — 글자·색·배치를 1px 단위로 통제. 파일도 제일 가볍습니다(3~5KB). 대신 새 모양이 필요할 때마다 우리가 그려야 합니다.
AntV Infographic (무료 공개, 중국 앤트그룹) “이 내용으로 깔때기 그려줘”라고 몇 줄 적으면 완성 그림이 나오는 도구. 미리 만들어 둔 틀이 약 170종 — 깔때기·계단·타임라인·차트·마인드맵까지. 한글 완벽, 틀이 많아 속도가 빠름. 다만 제목 글꼴이 자기 기본값을 고집하고, 세부 배치는 틀이 정한 대로만 됩니다.
fireworks-tech-graph (무료 공개) 시스템 구조도·순서도 같은 기술 설명 그림 전용 도구. 그림 검사기(겹침·화살표 오류 잡기)가 함께 들어 있습니다. 한글 정상, 검사기는 유용. 그러나 발표용 예쁜 도해가 아니라 개발 문서용 담백한 스타일이고, 숫자 차트·깔때기는 스스로 “쓰지 마라”고 명시.
우리가 이미 갖고 있던 방식 (web-motion-to-video) 움직임을 “시간 t초에 어디 있어야 하는가”라는 함수로 적고, 한 컷씩 사진 찍어 영상으로 굽는 우리 스킬. 작년에 만들어 검증해 둔 것. 새로 설치할 것 0개, 결과가 매번 똑같이 나옴(결정론). 장면 하나하나를 우리가 코드로 써야 하지만, 자주 쓰는 연출을 «프리셋»으로 쌓으면 됩니다.
Revideo (무료 공개) 영상을 코드로 만드는 전문 도구. “데이터만 바꿔 100편 자동 생산” 용도로 설계됨. 한글 완벽, 명령 한 줄로 영상이 나옴. 단 설치 중 구멍 2개를 우리 손으로 메워야 돌아갔습니다(윈도우에서 죽는 옵션 하나, 시간 제한 하나). 설치 무게 약 300MB.
Motion Canvas (무료 공개, ㉯의 원조) 같은 코드 방식이지만 사람이 편집 화면을 보면서 다듬는 수제형. 유튜브 기술 설명 영상 제작자들이 쓰는 도구. 편집 화면은 훌륭(아래 사진). 그러나 자동으로 영상을 뽑는 공식 방법이 없어(그림 낱장만 내보냄) 우리가 편집기를 로봇으로 눌러서 뽑았습니다. 자동화 파이프라인용은 아닙니다.

참고 — 시안 ㉰(Motion Canvas)의 실제 편집 화면

왼쪽이 설정, 가운데가 미리보기, 아래가 타임라인. 우리 씬이 실제로 재생 중인 화면입니다.
보는 눈 하나 얹어 드리면 (결정은 사장님 몫입니다)
· 멈춘 도해 — ㄱ(자체)은 품질 통제, ㄴ(AntV)은 종류와 속도가 강점이라 둘을 섞는 구성(틀은 ㄴ에서 빌리고 최종 품질은 ㄱ 방식으로 다듬기)이 가능합니다.
· 움직임 — 영상 파이프라인(15번)처럼 자동 대량 생산이 목표면 ㉮ 또는 ㉯, 한 편을 정성껏이면 ㉰ 방식입니다.
· 모든 도구가 무료이고, 이번 실측에 쓴 돈은 0원입니다.