Synfig SVG 가져오기: 편집 가능한 애니메이션 레이어 준비
Synfig의 SVG 직접 가져오기와 Inkscape의 SIF 내보내기를 비교하세요. 애니메이션이나 리그를 만들기 전에 레이어, 색상과 따로 움직일 부분을 확인합니다.
목차
Synfig는 File → Import로 SVG를 가져올 수 있지만 애니메이션을 만들기 전에 결과 레이어를 확인해야 합니다. SVG 가져오기 문서는 직접 가져오기로 도안을 유용하게 재현하지 못할 때 Inkscape에서 SIF로 전달하는 방법도 설명합니다.
둘 다 벡터 도안을 전달하는 방법입니다. 어느 쪽도 움직임 계획을 대신 만들지 않습니다. 가져온 책상 램프가 올바르게 보여도 갓, 팔과 받침을 개별적으로 선택하거나 회전하기 어려울 수 있습니다.
객체 하나로 시작해 움직일 부분을 정하고 가져온 결과를 SVG 원본과 비교하세요. 전체 장면을 가져온 뒤 구조를 파악하는 것보다 짧은 레이어 및 움직임 확인이 더 유용합니다.
SVG 직접 가져오기 또는 SIF 사본 선택하기
이미 SVG가 있다면 먼저 직접 가져오기를 시도하세요. 도형, 색상 표현과 구성을 비교할 수 있도록 원본 편집기에 원본을 열어 두세요.
| 경로 | Synfig로 가져오는 파일 | 확인할 사항 |
|---|---|---|
| SVG 직접 가져오기 | .svg 내보내기 파일 | 보이는 도안, 편집 가능한 형상, 레이어 구조와 배율 |
| Inkscape SIF 내보내기 | 별도 .sif 사본 | 내보낸 레이어 그룹, 채우기와 외곽선 및 동일한 시각적 확인 |
| 래스터 가져오기 | 지원되는 이미지 파일 | 장면에서 평면 이미지 이동만으로 충분한지 |
SIF 옵션은 Inkscape의 공식 Synfig 출력 확장 정의에 여전히 있습니다. **Synfig Animation (*.sif)**을 선언하고 내보내기에 손실 가능성이 있음을 표시합니다. 설치한 Inkscape 빌드가 해당 형식을 제공하는지 확인하세요. 내보내기 도구가 존재한다고 모든 설치에서 똑같이 표시되는 것은 아닙니다.
필요한 모습과 편집 구조를 보존하는 경로를 사용하세요. SIF가 완벽한 SVG 호환성을 보장하지 않으며, SVG를 가져와 보인다고 리그가 된 것은 아닙니다.
내보내기 전에 움직일 부분 계획하기
받침, 아래쪽 팔, 위쪽 팔과 갓이 있는 독창적인 책상 램프를 생각해 보세요. 받침은 고정되어 있습니다. 팔은 관절에서 회전하고 갓은 부착 지점에서 기울어집니다.
원본 편집기에서 각 부분을 분리하고 알아보기 쉬운 레이어 이름을 지정하세요. 함께 움직여야 하는 도안은 같은 부분에 넣으세요. 갓에 채우기와 장식 외곽선이 있다면 둘 다 갓의 움직임을 따라야 합니다.
의도한 자세를 지원할 만큼 각 부분을 충분히 그려 두세요. SVG에 팔의 보이는 가장자리만 있다면 갓을 옆으로 돌릴 때 가려져 있던 도안을 제공할 수 없습니다. 가려진 영역을 수동으로 늘려야 할 수 있습니다.
그림은 의도한 구성을 설명합니다. 가져오기 도구가 만들 레이어 수를 예측하지 않습니다. Inkscape의 SIF 내보내기 코드는 경로의 채우기와 스트로크에서 별도 영역 및 외곽선 레이어를 만들 수 있습니다. 따라서 원본 부분 하나를 함께 움직이려면 결과 레이어 여러 개가 필요할 수 있습니다.
색상 기반 추적도 도안을 움직임 계획과 다르게 구성할 수 있습니다. 어두운 팔 2개가 하나의 복합 도형에 속할 수 있습니다. 알아볼 수 있는 모든 객체에 자체 레이어가 있다고 생각하지 말고 실제로 필요한 형상을 분리하세요.
작게 직접 가져오기 시험하기
램프만 들어 있는 전달 사본을 저장하고 새 Synfig 문서로 File → Import를 통해 가져오세요. 애니메이션을 추가하기 전에 네 가지를 확인하세요.
- 전체 실루엣과 캔버스에 대한 도안 크기를 비교하세요.
- 레이어 계층을 펼쳐 팔 하나나 갓을 찾으세요.
- 해당 부분을 잠시 숨겨 정확히 어떤 도안이 포함되어 있는지 확인하세요.
- 다시 표시하고 잠시 조금 이동한 뒤 되돌리세요.
갓을 숨겼는데 팔도 숨겨지면 그룹을 확인하세요. 갓을 움직일 때 외곽선이 남는다면 계속 진행하기 전에 해당 부분을 구성하는 레이어를 모으세요. 간단한 시험으로 완성된 애니메이션 없이도 구조를 파악할 수 있습니다.
색상 표현은 형상과 별도로 확인하세요. 외곽선이 올바르지만 채우기가 틀린 문제는 도안이 누락된 문제와 다릅니다. 색상, 불투명도, 보이는 스트로크와 구멍을 원본과 비교하세요. 원본으로 돌아갈 수 있도록 수정은 작업 사본에서 진행하세요.
기본 형상이 다른 애니메이션 형식에 관해서는 OpenToonz 벡터 작업 방식을 참고하세요. 편집 가능한 채워진 경계와 편집 가능한 중심선이 서로 다른 제어를 제공하는 이유를 설명합니다. 가져오기 도구의 레이어 수로 각 레이어에서 어떤 편집이 가능한지 판단하지 마세요.
도움이 된다면 Inkscape SIF 내보내기 시도하기
설치된 Inkscape의 Save As에 **Synfig Animation (*.sif)**이 있다면 별도 SIF 사본을 저장하고 Synfig에서 여세요. 편집 가능한 SVG 원본은 보관하세요. Synfig의 Inkscape 변환 안내는 이 경로와 Inkscape 레이어 및 Synfig Group Layer의 관계를 설명합니다.
현재 내보내기 구현도 Inkscape 레이어를 변환된 콘텐츠의 이름 있는 컨테이너로 취급합니다. 따라서 램프의 원본 레이어를 의도적으로 구성하는 것이 유용하지만 결과는 여전히 확인해야 합니다. 일반 SVG 그룹과 Inkscape 레이어가 최종 계층에 대해 같은 것을 보장하지는 않습니다.
같은 확인 사항으로 SIF 사본과 직접 가져오기를 비교하세요. 갓을 선택할 수 있나요? 색상 표현과 외곽선이 함께 유지되나요? 겹침이 유지되나요? 더 해당 앱의 고유 형식처럼 들리는 확장자가 아니라 실제 결과를 기준으로 선택하세요.
오래된 호환성 목록을 보편적인 규칙으로 적용하지 마세요. Synfig 위키 페이지에는 자체 제한이 있는 예전 XSLT 변환 방식도 있습니다. 그 제한이 SVG 직접 가져오기 도구나 현재 Inkscape 내보내기 도구에 자동으로 적용되는 것은 아닙니다. 문제가 있는 파일은 사본을 단순한 채워진 도형으로 줄이고 복잡한 기능을 하나씩 다시 추가하세요.
움직임 시험 전에 그룹 원점 설정하기
Synfig의 Group Layer 문서는 하위 레이어를 함께 변환하는 컨테이너를 설명합니다. 변환 제어에는 회전, 오프셋, 기울이기와 배율이 있습니다. 하나의 움직이는 램프 부분에 속한 요소들을 그룹으로 묶은 후 회전을 시험하세요.
회전 중심을 의도한 관절에 놓으세요. 문서에 나온 Group Transformation Widget은 변환 중심을 드래그할 때 Ctrl을 누르면 그룹과 독립적으로 Origin을 바꿀 수 있습니다. 애니메이션을 만들기 전에 선택한 그룹에 미치는 영향을 확인하세요.
갓의 실루엣 중앙에 둔 중심은 팔 부착 지점의 중심과 다른 움직임을 만듭니다. 작업 사본에서 작게 회전해 보세요. 떨어진 외곽선, 관절의 틈이나 잘못된 지점 주위로 움직이는 도안을 찾은 다음 시험을 되돌리세요.
이 작업은 편집 시작점을 마련합니다. 부모-자식 움직임, 본, 타이밍과 보간은 여전히 따로 설정해야 합니다. SVG 가져오기나 SIF 내보내기로 평면 일러스트에서 기존 리그를 복원할 수는 없습니다.
가져온 결과가 비어 있거나 색상이 바뀔 때
증상으로 조사 범위를 좁히세요.
| 증상 | 첫 확인 사항 |
|---|---|
| 아무것도 보이지 않음 | 레이어 표시 여부, 도안 경계, 캔버스 배율과 원본에 사용 가능한 형상이 있는지 |
| 외곽선은 보이지만 채우기가 틀림 | 원본 채우기, 불투명도와 가져온 색상 표현 레이어 |
| 일부가 사라짐 | 분리한 사본에서 누락된 부분의 구조나 효과 시험 |
| 모든 것이 함께 움직임 | 선택된 그룹과 포함된 부분 |
| 부분의 외곽선이 남음 | 그 움직임을 위해 채우기와 외곽선을 그룹으로 묶어야 하는지 |
빈 SVG 진단은 뷰포트, 표시 여부와 미지원 콘텐츠 확인을 다룹니다. 진단 중에 정상 경로를 보존하세요. 도안 전체를 PNG로 변환하고 다시 추적하면 여전히 유용한 구조를 버리게 됩니다.
Synfig 버전, 사용했다면 Inkscape 버전, 선택한 가져오기 경로와 문제를 재현하는 작은 파일 하나를 기록하세요. 색상이나 그룹에 관한 오래된 포럼 글은 조사할 단서이며, 모든 현재 설치에 같은 문제가 있다는 근거는 아닙니다.
PerfectVector의 역할
평면 PNG나 JPG 일러스트만 있다면 PerfectVector의 이미지-벡터 작업 방식으로 Synfig에 전달하기 전에 편집 가능한 SVG 경로를 재구성할 수 있습니다. 실루엣을 확인하고 움직일 영역을 분리한 후 가져오기 하나를 시험하세요. 결과에는 여전히 Synfig에서 레이어 구성, 관절 배치와 애니메이션 설정이 필요합니다.
기존의 편집 가능한 SVG는 스크린샷으로 다시 추적하지 말고 보관하세요. 질감이 중요하고 이미지의 위치나 이동만 필요하다면 그림 배경은 래스터로 유지할 수 있습니다. Synfig는 이미지 콘텐츠용 별도 Import Image Layer를 설명합니다. 다른 기본 추적 방식은 Adobe Animate 이미지 추적을 참고하세요. 전체적인 벡터화 설명은 경로 복원과 원래 디자인 구조 복원을 구분합니다.
FAQ
Synfig는 SVG 파일을 가져올 수 있나요? 네. File → Import를 사용하고 보이는 도안과 결과 레이어 구조를 확인하세요. Synfig 문서는 직접 가져오기가 파일을 유용하게 재현하지 못할 때 Inkscape에서 SIF로 전달하는 대안도 설명합니다.
Synfig 애니메이션에는 SVG와 SIF 중 무엇을 사용해야 하나요? SVG 원본을 보관하고 설치된 Inkscape에서 옵션을 제공한다면 직접 가져오기와 별도 SIF 내보내기를 비교하세요. 모습과 편집 가능한 부분이 애니메이션에 맞는 결과를 선택하세요. 어느 경로도 리그를 자동으로 만들지 않습니다.
Synfig에서 SVG가 비어 있거나 색이 잘못되는 이유는 무엇인가요? 표시 여부, 경계, 배율, 채우기, 불투명도와 누락된 부분의 구조를 확인하세요. 단순한 사본을 시험해 해당 파일에만 있는 기능과 전반적인 가져오기 문제를 구분하세요. 원본을 보존하고 앱 버전과 가져오기 경로를 기록하세요.
SVG를 가져오면 따로 움직이는 부분이 만들어지나요? 그렇다고 생각하지 말고 실제 레이어를 확인하세요. 원본 부분 하나가 여러 색상 표현 레이어를 만들 수 있고 눈에 보이는 여러 부분이 형상을 공유할 수 있습니다. 각 움직일 부분을 구성하고 원점을 설정한 뒤 애니메이션을 추가하기 전에 작은 움직임을 시험하세요.
Sources
- Synfig — SVG 가져오기와 Inkscape 변환 — 예전 변환 방법과 함께 직접 가져오기 및 대안 SIF 경로 설명.
- Inkscape — Synfig 출력 확장 정의 — SIF 출력 형식 등록과 내보내기 손실 가능성 표시.
- Inkscape — Synfig 내보내기 구현 — 레이어 컨테이너 처리와 별도 채우기 및 외곽선 변환.
- Synfig — Group Layer — 그룹 레이어 변환과 매개변수 정의.
- Synfig — Group Transformation Widget — 도안과 독립적인 그룹 Origin 조정 설명.
- Synfig — Import Image Layer — 가져온 이미지 콘텐츠용 별도 레이어 설명.
래스터 도안으로 시작하나요? PerfectVector로 SVG 경로를 준비하고, 움직일 영역을 확인한 뒤 나머지 애니메이션을 만들기 전에 Synfig에서 부분 하나를 시험하세요.
