2D 제너럴리스트
이 스킬은 Vox (Atlas, By Design, Earworm, Missing Chapter) 및 Flat Pack FX 스타일의 편집 설명 모션 그래픽을 2D, 2.5D, 3D로 디자인, 애니메이션, 텍스처링 및 합성하는 데 사용합니다. 사용자 컴퓨터에 이미 설치된 도구를 사용하거나, 없는 경우 무료 도구를 추천합니다.
모드 라우팅
| 모드 | 범위 (2D / 2.5D / 3D) | 주요 참조 |
|---|---|---|
audit | 설치된 무료 2D/3D 도구 확인 및 선택적 다운로드 확인 | references/2d-3d-toolchain-matrix.md |
design | 시각적 위계, 비대칭 스케일, 청사진 미학, 팔레트 | references/vox-psychology-and-design.md |
map | 2D 벡터/위성 지도, 2.5D 엠보싱/돌출 레이어, 3D 지형 및 KML 경로 | references/maps-and-geodata-2d-3d.md |
chart-timeline | 미리 그려진 눈금자 타임라인, 2D/3D 막대/선 그래프, 도트 매트릭스 리피터, 파형 | references/charts-timelines-and-data.md |
archival-collage | 듀얼 하이라이터, 신문 확대/깜빡임, 찢어진 테두리, 2.5D 시차, 3D 슬라이드 프로젝터 | references/archival-collage-and-camera.md |
1단계 전에, 의도 브리핑을 실행하세요 (references/intent-brief.md): 요청에서 목적, 형식, 주제, 모양 및 제약 조건을 채우고, 누락된 항목에 대해서만 질문하세요 (최대 4개 질문, 권장 기본값 포함). brief.md를 작성하고, 첫 번째 비용이 많이 드는 단계 전에 저렴한 미리보기를 보여주세요. 마지막에 결과를 브리핑과 비교하여 확인하세요. 사용자의 목표를 놓친 작품은 실패한 작품입니다.
종단 간 워크플로우
- 도구 체인 감사 (
audit)uv run --no-project python scripts/check_vox_toolchain.py를 실행하여 설치된 2D/3D 도구 (Blender, DaVinci Resolve / Fusion, Remotion + Three.js/SVG, FFmpeg)를 감지하고, 누락된 선택적 도구 (QGIS, Inkscape, Krita)에 대한 1줄 무료 설치 명령어 (winget)를 나열합니다.
- 위계 및 표면 설정 (
design)- 비대칭 스케일 텐션을 적용합니다 (하나의 지배적인 앵커, 넉넉한 오프화이트
#F4F1EA또는 청사진 슬레이트#1B222C네거티브 공간, 연결 경로). 애니메이션 전에 Look-Away / Look-Back 테스트를 수행합니다. - 시각적 권위의 3대 기둥을 구축합니다: 표면 (따뜻한 종이 섬유 + 정적 입자), 잉크 (
Multiply/Color Burn번짐 + 루마 매트 + 거친 가장자리 +0.5–1.5px부드러움), 생동감 (Posterize Time을 그래픽 요소에는8–12 fps, 배경 텍스처 보일에는2–4 fps로 설정).
- 비대칭 스케일 텐션을 적용합니다 (하나의 지배적인 앵커, 넉넉한 오프화이트
- 절차적 에셋 생성 (
scripts/generate_vox_assets.py)uv run --no-project python scripts/generate_vox_assets.py를 실행하여 SVG 필터 정의 (듀얼 패스 찢어진 종이 테두리, 잉크 번짐, 교차 45° 하프톤 루마 매트, 종이 입자) 및 비례 눈금자 타임라인 레이아웃을 생성합니다.
- 선택한 2D / 2.5D / 3D 엔진에서 장면 구축 (
map,chart-timeline,archival-collage)- 코드 / 웹 2D 및 3D: Remotion + SVG 필터 (
<feTurbulence>+<feDisplacementMap>) + Three.js / React Three Fiber (35mm카메라, DOF, Z-평면). - 노드 컴포지터 2D 및 2.5D: DaVinci Resolve Fusion (
FastNoise+Displace,sRender리피터,Paint트림 스트로크,ImagePlane3D+Camera3D). - 풀 3D 및 3D 속 2D: Blender 5.2 (
Noise/Build수정자가 있는 Grease Pencil 스트로크, 기하 노드 비례 타임라인/막대 그래프, 3D 변위 지형 지도, Cycles/EEVEE35mm피사계 심도 + 컴포지터 렌즈/입자 패스).
- 코드 / 웹 2D 및 3D: Remotion + SVG 필터 (
- 마무리 패스 적용 및 검증 (
scripts/validate_vox_recipe.py)- 미묘한 35mm 피사계 심도 (또는 페더링된 조정 레이어 포커스 마스크), 방사형 색수차, 비네트, Posterize Time 케이던스를 추가합니다.
uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json>을 실행하여 모든 Vox 시각 법칙 준수 여부를 확인합니다.
Blender(기하 노드, 셰이더, 리깅, 웨이트 페인트, NLA, bpy)에서 수행되는 모든 단계에 대해 use-3d-software 스킬을 로드하여 정확한 노드와 현재 5.x 이름을 확인하세요. 편집, 자막, 리타임, 전환, 그레이딩 및 내보내기를 에디터(Resolve, CapCut, Premiere, Kdenlive, FFmpeg)에서 수행하려면 edit-video를 로드하세요.
단일 단계를 위한 스킬 제작: draw-and-paint-art (Krita에서 그리기, 인물, 페인팅), paint-stylized-backgrounds (배경, 페인트 오버, 시차, 움직이는 잎과 물), animate-characters (캐릭터 모션, 프레임 바이 프레임, 컷아웃) 및 rig-characters (컷아웃 퍼펫).
핵심 Vox 시각 법칙 (필수)
- 무균 디지털 캔버스 금지: 순수
#FFFFFF또는#000000배경을 절대 사용하지 마십시오. 따뜻한 종이 (#F4F1EA), 아카이브 크림 (#EFECE6), 또는 청사진 슬레이트 (#1B222C)에 정적 입자를 사용하세요. - 듀얼 패스 찢어진 종이 테두리: 복잡한 배경 위의 컷아웃에는 오프화이트 종이 테두리(
Simple Choker/ 형태학적 팽창)를 두 번 거칠게 처리해야 합니다: 패스 1 (Spiky/ 큰 규모 가위 절단) + 패스 2 (Roughen/ 미세 종이 섬유 가장자리) +Hard Light직물/종이 텍스처를 컷아웃에 클리핑. - 인쇄 인용 하프톤: 교차
+45°/-45°하프톤 도트 루마 매트 (하이라이트 및 섀도우 매트로 분할)를 인식 임계값(8%–18%불투명도)까지 낮춰 현대 뉴스 컷아웃이 인쇄되어 사실 확인된 느낌을 주도록 합니다. - 미리 그려진 눈금자 타임라인 법칙: 동일하지 않은 시간 간격을 절대 균등하게 배치하지 마십시오. 먼저 균등한 간격의 눈금자/눈금 스케일을 그린 다음, 이벤트를 실제 비례 좌표에 배치하여 클러스터와 간격이 이야기를 전달하도록 합니다.
- 듀얼 하이라이터 법칙:
- 디지털/화면 텍스트: 깨끗한
#FFE600스트로크,Multiply블렌드 모드, 스트로크 높이는 문자 캡 높이(~75–85%)보다 짧게, 강조되지 않은 텍스트는~30%불투명도로 흐리게. - 아카이브/책 페이지: 3패스 거친 가장자리 (수평 마커 스트릭 + 테두리 + 거친 가장자리) +
Bulge난류 변위, 3D 공간에 배치하고35mm카메라와 얕은 피사계 심도로 줄을 추적.
- 디지털/화면 텍스트: 깨끗한
- 카메라 속도 그래프: 모든 2D/3D 카메라 팬 및 줌은
35mm초점 거리 등가, Null 컨트롤러 부모 설정, 연속 베지어 종 모양 속도 그래프 (느린 이징 인 -> 빠른 스냅 -> 느린 안정)를 사용해야 하며, 선형 키프레임을 절대 사용하지 마십시오.
스크립트 및 참조
- 도구 체인 감사:
scripts/check_vox_toolchain.py - 에셋 및 SVG 필터 생성기:
scripts/generate_vox_assets.py - 레시피 검증기:
scripts/validate_vox_recipe.py - 단위 테스트:
scripts/test_vox_skill.py