Moho 비트맵 벡터 변환: 추적할까요, 래스터로 유지할까요?
Moho에서 기본 추적, 레이어 래스터 도안 또는 SVG 가져오기를 선택하세요. 도안으로 애니메이션 리그를 만들기 전에 색상 영역, 구멍과 움직일 부분을 확인합니다.
목차
Moho는 Draw > Trace Image로 비트맵 도안을 벡터로 바꿀 수 있지만 변환은 선택 사항입니다. 가져온 래스터 도안으로 애니메이션을 만들거나 레이어 PSD를 유지하거나 다른 곳에서 준비한 SVG를 가져올 수도 있습니다. 움직일 부분과 편집할 내용에 따라 경로를 선택하세요.
추적은 보이는 도형을 재구성합니다. 손에 속하는 도형을 결정하거나 몸 뒤에 가려진 팔을 복원하거나 완성된 리그를 만들지는 않습니다. 이 구분은 가져온 그림의 선명도보다 중요합니다.
도안 경로를 선택하세요
- 채색 질감이 디자인의 일부이고 기존 부분이 애니메이션에 적합하다면 래스터 도안을 유지하세요.
- 애니메이션 애플리케이션 안에서 단순한 이미지를 변환하려면 Moho 기본 추적을 시험하세요.
- 유용한 편집 가능한 벡터가 이미 있다면 기존 SVG를 가져오세요.
- Moho에 넣기 전에 래스터 그림을 SVG로 준비하고 확인하려면 외부에서 추적하세요.
- 추적이 애니메이션에 필요한 구조를 제공하지 못하면 움직일 부분을 다시 그리세요.
파일 확장자보다 움직임으로 시작하기
추적 전에 도안이 수행할 작은 동작을 적으세요. 연필이 책에서 들리나요? 캐릭터 팔이 굽혀지나요? 카메라가 채색 배경에 가까이 가기만 하나요? 작업마다 준비가 다릅니다.
| 도안과 원하는 동작 | 시작 경로 | 계속 확인할 사항 |
|---|---|---|
| 부분을 의도적으로 분리한 채색 캐릭터 | 레이어 PSD 또는 별도 래스터 이미지 | 부분 경계, 겹침과 가장 가까운 장면의 해상도 |
| 국부적인 모양 편집이 필요한 평면 그림 | 기본 Trace Image 또는 외부 추적 | 경로 배치, 색상 영역과 둘러싸인 틈 |
| 기존 벡터 소품 | 원본 SVG 가져오기 | 가져온 후 외관, 그룹, 쌓임 순서와 편집 가능한 점 |
| 큰 자세 변경이 필요한 캐릭터 | 필요한 부분 그리기 또는 재구성 | 숨은 도안, 관절, 원점, 바인딩과 변형 |
| 이동하거나 조금 확대·축소하는 채색 배경 | 래스터 유지 | 계획한 구도를 위한 충분한 세부 정보 |
Moho의 현재 기능 문서는 레이어 PSD 가져오기와 이미지 및 벡터 애니메이션용 메시를 설명합니다. 따라서 비트맵은 애니메이션 전에 반드시 변환할 미완성 벡터 파일이 아닙니다. 여기의 고급 가져오기 및 리깅 논의는 Moho Pro 14를 대상으로 합니다. Pro 작업을 따르기 전에 해당 에디션의 기능을 확인하세요.
레이어 PSD를 SVG로 변환하기 전에 PSD 레이어 보존 한계를 읽으세요. 애니메이션에 분리된 부분이 필요하다면 레이어 원본을 유지하세요. 보이는 합성 이미지를 추적한 것은 다른 자산입니다.
애니메이션 앱을 비교한다면 Adobe Animate 추적 안내가 별도 Trace Bitmap 명령을 다룹니다. 해당 메뉴 이름이나 설정을 Moho에 적용하지 마세요.
첫 샘플에 기본 Trace Image 사용하기
현재 Moho 14 Trace Image 장은 그림을 Image 레이어로 가져와 선택한 뒤 Draw > Trace Image를 사용하는 순서를 설명합니다. 추적을 승인하면 Moho가 벡터 레이어를 추가하고 원래 Image 레이어를 끕니다. 비트맵 참조는 유지됩니다.
만들 도안에 맞는 모드를 선택하세요.
| 모드 | 문서의 제어와 목적 |
|---|---|
| Black and white | 단색 추적용 Threshold, Detail reduction과 Fatten Lines |
| Color, Pro 전용 | 컬러 벡터 도안용 Number of Colors, Detail reduction과 Outlines |
| Photo Edges, Pro 전용 | 검출한 가장자리 스트로크용 Threshold |
확정하기 전에 작은 샘플을 조정하세요. Detail reduction은 유사성과 적은 점 수 사이를 조절합니다. 색상을 늘리면 구분을 보존하지만 이후 구성해야 할 수 있습니다. Photo Edges는 가장자리 스트로크 방식이므로 컬러 추적과 같은 채워진 영역을 기대하지 마세요.
대표 부분이나 소품 하나로 시작하세요. 완전한 음영 캐릭터는 너무 많은 질문을 한꺼번에 담습니다. 얼굴 요소, 질감, 겹친 팔다리와 작은 세부 모두 다른 처리가 필요할 수 있습니다.
추적 후 모습만 받아들이지 말고 새 도안을 확인하세요. 실루엣, 도형 사이 공간과 함께 움직일 별도 조각 수를 확인하세요. 눈꺼풀이나 팔꿈치에 정교하게 배치한 곡선이 필요하다면 모든 추적 점을 유지하는 것보다 해당 영역을 다시 그리는 것이 제어하기 쉬울 수 있습니다.
Trace Image와 수동 추적 참조용 이미지 사용도 구분하세요. 자동 추적은 픽셀에서 벡터를 만듭니다. 참조 이미지는 원하는 구조를 직접 그리게 합니다. 어느 경로도 도안 움직임 계획을 대신하지 않습니다.
채색 도안이 유용하면 PSD 레이어 유지하기
레이어 원본은 다시 구성해야 할 작업을 보존할 수 있습니다. 일러스트레이터가 이미 손, 아래팔, 몸통과 의상을 분리했다면 원본을 유지하세요. 평면화한 PNG는 분리를 잃으며 PNG 추적으로 원래 레이어 내용을 되찾을 수 없습니다.
래스터 작업에서는 원하는 움직임에 맞게 도안을 준비하세요.
- 가져온 후 알아볼 수 있도록 부분에 이름을 붙이세요.
- 계획한 자세에 맞게 부분이 만나는 곳에 충분한 겹침을 두세요.
- 질감과 음영을 함께 움직일 부분에 붙여 두세요.
- 가장 가까운 계획 카메라 구도에서 도안을 확인하세요.
- 전체 캐릭터를 준비하기 전에 작은 움직임을 시험하세요.
이는 준비 확인이며 어떤 PSD든 완성된 인형으로 들어온다는 약속은 아닙니다. Moho의 PSD 지원은 레이어 도안 가져오기 경로를 제공하지만 배치와 리깅은 직접 해야 합니다. 머리 옆면이 드러나는 회전에는 정면을 더 정밀하게 추적하는 것보다 다른 그림이나 추가 형상이 필요할 수 있습니다.
현재 Moho 안내로 SVG 가져오기
공식 기능 페이지에 따르면 Moho 14는 레이어, 그라디언트와 마스크 지원을 포함한 개선된 SVG 가져오기를 도입했습니다. Illustrator와 EPS만 나열한 예전 온라인 Moho 설명서는 현재 기능을 설명하지 않습니다.
SVG가 이미 있다면 원본 벡터 파일을 보관하세요. 스크린샷을 찍어 다시 추적하면 재구성 단계가 더해집니다. 원본이 평면 PNG나 JPEG이고 외부에서 도형을 준비하려면 PerfectVector 이미지-벡터 변환기로 가져오기 전에 확인할 SVG를 만들 수 있습니다. 결과를 원본과 비교한 뒤 애니메이션에 맞게 도형을 구성할 방법을 결정하세요.
SVG 그룹은 요소를 담는 컨테이너이며 골격 리그가 아닙니다. SVG 사양의 그룹 모델이 구조를 설명합니다. 파일에 편집 가능한 경로가 많아도 유용한 이름 있는 부분이 없을 수 있습니다. 모든 것이 함께 선택되면 비트맵으로 판단하기 전에 SVG 객체 및 그룹 해제 진단을 사용하세요.
애니메이션 도안으로 쓰기 전에 소품 확인하기
아래 예시는 팀이 기획한 교실 일러스트의 기존 PerfectVector 변환을 사용합니다. 지구본, 책과 연필이 있습니다. 파일 확인에서는 경로 33개, 단색 채우기 12색과 내장 이미지 없음을 확인했습니다. 경로를 이름 있는 소품으로 구성하는 SVG 그룹도 없었습니다.
두 가지 세부가 유용한 준비 예시를 만듭니다.
- 한 색이 별도 객체에 걸쳐 있습니다. 같은 노란 채우기의 경로 5개에는 책과 연필의 일부가 함께 있습니다. 그 색을 선택해도 연필 전체가 선택되지 않으며 선택을 이동하면 책 일부도 움직입니다.
- 흰색처럼 보이는 틈도 채워진 도형입니다. 지구본과 바깥 지지대 사이의 좁은 영역은 불투명한 거의 흰색 영역입니다. 바깥 배경은 투명하지만 안의 영역은 그렇지 않습니다. 다른 배경에서 차이가 중요합니다.
연필만 들리는 장면에서는 연필의 모든 경로를 식별하세요. 외곽선, 지우개, 띠, 노란 몸통, 음영, 나무와 끝입니다. 책과 지구본은 선택 밖에 두세요. 연필이 이전에 가렸던 것을 확인하세요. 움직이면 원래 그림이 묘사하지 않은 영역이 드러날 수 있습니다.
회전 지구본에는 구체 도안과 고정된 받침을 위한 다른 계획이 필요합니다. 원 위의 평면 지도는 복원된 3D 지구본이 아닙니다. 경로 그룹화에 시간을 쓰기 전에 원하는 회전을 그리거나 애니메이션으로 만드는 방법을 정하세요.
거의 흰색인 틈도 의도적으로 결정해야 합니다. 칠해진 영역이라면 보존하세요. 장면 배경이 보여야 한다면 사본에서 그 영역을 편집하고 주변 가장자리를 확인하세요. 모든 옅은 채우기를 지우지 마세요. 책의 페이지와 연필의 나무 부분에는 각각 밝은 색이 있습니다.
작은 가져오기 및 움직임 확인하기
SVG 지원은 대상 시험의 시작점이며 특정 소품이 Moho에서 올바르게 동작한다는 증거는 아닙니다. 파일 사본으로 다음을 확인하세요.
| 확인 항목 | 확인할 것 |
|---|---|
| 외관 | 원본 대비 실루엣, 채우기, 그라디언트, 마스크와 쌓임 순서 |
| 구조 | 선택 가능한 부분과 가져온 레이어 구성 |
| 분리 | 한 부분을 움직일 때 관계없는 도안도 움직이는지 |
| 투명도 | 실제 장면 배경에서 내부 구멍과 옅은 영역 |
| 원점과 바인딩 | 부분이 의도한 관절이나 회전축을 중심으로 움직이는지 |
| 변형 | 작은 계획 굽힘이나 회전이 가장자리를 왜곡하거나 빠진 도안을 드러내는지 |
복잡한 리그 전에 유용한 동작 하나를 시험하세요. 소품에서는 연필을 들어 드러난 영역을 확인하세요. 캐릭터에서는 원하는 바인딩으로 관절 하나를 시험하세요. 그 범위에서 구조를 고친 뒤 작업을 확대하세요.
대상 시험이 실패하면 추적 세부를 늘리는 것이 자동 해결책은 아닙니다. 부분을 재구성하고 빠진 영역을 고치고 곡선을 다시 그리거나 원하는 모습을 제공하는 래스터를 유지하세요. 벡터 추적 품질 평가표는 대상 동작을 깔끔한 미리보기와 별도 확인으로 다룹니다.
FAQ
Moho는 비트맵을 벡터 도안으로 바꿀 수 있나요? 네. 비트맵을 Image 레이어로 가져와 Draw > Trace Image를 사용하세요. 결과 벡터를 확인하고 애니메이션에 사용할 부분을 구성하세요. 추적은 완성된 리그를 만들지 않습니다.
Moho 애니메이션 전에 PSD를 벡터화해야 하나요? 아닙니다. Moho는 레이어 PSD 도안을 지원하므로 채색 세부를 유지하려면 래스터 작업이 적절할 수 있습니다. 여전히 부분을 준비하고 원하는 움직임에 대한 리깅을 시험해야 합니다.
Moho 14는 SVG 파일을 가져올 수 있나요? 네. Moho 14는 레이어, 그라디언트와 마스크를 지원하는 개선된 SVG 가져오기를 도입했습니다. 애니메이션에 의존하기 전에 자신의 파일에서 가져온 모습과 구조를 확인하세요.
추적하면 캐릭터가 팔, 다리와 머리로 분리되나요? 그렇다고 생각하지 마세요. 추적은 보이는 영역을 따르므로 신체 부분 하나가 여러 경로로 나뉘거나 관계없는 부분이 색상으로 연결될 수 있습니다. 필요한 움직임에 맞게 부분을 구성하거나 다시 그리세요.
Sources
- Lost Marble — Moho 기능 — 레이어 PSD 작업, 이미지 및 벡터 메시와 Moho 14 개선 SVG 가져오기.
- Lost Marble — Moho 14 Trace Image — 기본 추적 명령, 변환 모드, 제어와 보관되는 비트맵 참조.
- W3C — SVG 문서 구조와 그룹 — 그룹을 애니메이션 부분이나 리그 메타데이터가 아닌 도안 컨테이너로 정의.
애니메이션 전에 래스터 그림에 편집 가능한 도형이 필요하다면 PerfectVector로 대표 부분 하나를 변환하세요. 윤곽과 내부 틈을 원본과 비교하고 움직일 부분을 구성한 뒤 나머지를 준비하기 전에 Moho에서 SVG를 시험하세요.
