업데이트됨 2026년 8월 27일
SVG를 3D 로고로 변환하는 방법
SVG는 시작하기에 가장 좋은 파일입니다: 3DLogo.io는 당신의 도형을 직접 읽고, 정의한 깊이까지 추출하며 재질을 적용합니다. 그래서 완성된 3D 로고는 벡터 파일과 정확히 동일한 윤곽을 갖습니다. 편집기에서 SVG를 업로드하고, 크롬, 금, 유리 등의 마감을 선택한 다음 PNG, GLB 또는 MP4 루프를 내보내세요.
메커니즘은 품질 차이를 설명하기 때문에 중요합니다. SVG는 이미 브랜드를 수학적 곡선으로 설명합니다. 편집기는 이러한 곡선을 메쉬로 변환하고 깊이 축을 따라 밀어 넣어 가장자리가 어떤 크기에서도 선명하게 유지되며 깨끗한 모서리를 새길 수 있습니다. 아무 것도 추측하지 않습니다. PNG 또는 JPEG는 먼저 곡선으로 변환하기 위해 추적해야 하는데, 이것은 가장자리가 어디에 있었는지에 대한 추정입니다.
SVG에 포함되어야 할 것
| 요구 사항 | 왜, 그리고 무엇을 해야 하는지 |
|---|---|
| 추적, 텍스트 아님 | SVG의 라이브 텍스트에는 압출할 수 있는 윤곽선이 없습니다. 내보내기 전에 텍스트를 윤곽선으로 변환하십시오(Illustrator: 텍스트 > 윤곽선 만들기; Figma: Flatten; Inkscape: 경로 > 개체를 경로로). 파일에 그릴 수 있는 형태가 없으면 편집기가 형태를 찾지 못했다고 알립니다. |
| 1 MB 미만 | SVG 업로드는 1 MB 제한이 있습니다. 로고는 거의 더 이상 필요하지 않습니다; 이렇게 큰 파일에는 일반적으로 내장된 래스터 이미지나 자동으로 벡터화된 사진의 수천 개의 패스 포인트가 포함되어 있습니다. |
| 내장 스크립트나 외부 참조 없음 | SVG는 당신의 브라우저에서 분석되므로 코드 실행이나 원격 리소스 요청이 가능한 모든 것은 재작성되는 대신 거부됩니다: 스크립트, foreignObject, XML 엔터티, 인라인 이벤트 핸들러, javascript: URL, iframe, object, embed, meta, link, 외부 href 값 및 원격 @import 또는 url() 스타일. 단순한 SVG만 내보내세요, 오직 패스만 포함합니다. |
| 약 50개의 패스 이하 | 패스의 수가 그리드 크기를 결정합니다. 다섯 개 이하가 최적이며, 20까지는 잘 작동합니다. 21~50은 오래된 휴대폰에서 느릴 수 있고, 50을 넘으면 그리드가 브라우저를 막기 때문에 에디터가 파일을 거부합니다. 겹치는 도형을 병합하고 숨겨진 레이어를 제거하여 수를 줄이세요. |
| 실제 viewBox | 브랜드는 viewBox를 기준으로 캔버스에 맞춰집니다. viewBox가 없고 4000px 이상으로 내보낸 파일은 이상한 스케일로 나오기도 합니다; 내보내기 전에 작업 영역을 브랜드에 맞추세요. |
작동하는 SVG를 내보내는 방법
- Illustrator: 일러스트레이션을 선택하고, 텍스트 > 윤곽선 만들기(Type > Create Outlines) 후, 객체 > 경로 > 정리(Object > Path > Clean Up)로 남은 점을 제거합니다. 파일 > 내보내기 > 다른 이름으로 내보내기 > SVG, 스타일을 표현 속성(Presentation Attributes)로 설정하고 반응형(Responsive)을 끄면 viewBox가 기록됩니다.
- Figma: 프레임을 선택하고, 텍스트가 살아있다면 마우스 오른쪽 클릭 > 평탄화(Flatten) 후, 내보내기 > SVG에서 'id 속성 포함'을 해제하고 '텍스트 윤곽선(Outline text)'을 활성화하세요.
- Inkscape: 전체 선택에 대해 경로 > 객체를 경로로 (Path > Object to Path)를 적용한 다음, 파일 > 다른 이름으로 저장 > 평면 SVG (Plain SVG)로 저장하세요. Inkscape의 SVG는 편집기 메타데이터가 추가되어 있으므로 사용하지 마세요.
- 어떤 도구든: 마크에 구멍이나 반대형상이 있는 경우(예: 'O'나 'A'의 빈 공간), 구멍이 채워지지 않고 돌출될 수 있도록 복합 경로로 유지하세요.
3DLogo.io에서 만드는 방법
- 편집기를 엽니다. 시작하는 데 계정이 필요하지 않습니다.
- SVG를 업로드 패널 위에 놓거나 업로드 버튼을 사용하세요.
- 재질 프리셋을 선택합니다: 크롬, 금, 유리, 홀로그램, 브러쉬드 메탈 또는 그라데이션.
- 깊이와 베벨을 조정한 다음, 환경과 배경을 선택하세요. 로고가 움직일 경우 움직임을 추가하세요.
- 정지 이미지에는 PNG를, 3D 모델을 유지하려면 GLB 또는 glTF를, 데스크톱 및 인쇄 도구에는 OBJ 또는 STL를, 또는 MP4 루프를 내보냅니다.
조건 및 제한
SVG를 올리면 생성되는 것은 단일 색상의 압출입니다. 원본 파일의 각 경로 색상은 별도의 재질로 전환되지 않으며, 모든 마크는 선택된 프리셋을 사용합니다. SVG의 그라데이션, 혼합 모드, 필터 및 클리핑 마스크는 무시되므로, 사전에 이들을 형태에 통합하거나 평면 윤곽을 받아들이십시오. 무료 내보내기에는 작은 3dlogo.io 마크가 포함되며, 이미지 크기는 1024px, 영상은 480p로 제한됩니다.
파일이 거부되거나 결과가 잘못된 것처럼 보이면, 문제 해결 페이지 에는 편집기가 보여줄 수 있는 모든 메시지와 각 메시지에 대한 수정 방법이 나열되어 있습니다.
질문
- 모든 SVG를 3D 로고로 변환할 수 있습니까?
- 1MB 미만이고, 라이브 텍스트 대신 그릴 수 있는 경로를 포함하며, 스크립트나 외부 참조가 없고, 약 50개의 경로 또는 그 이하로 유지되는 모든 SVG. 이 네 가지 조건은 거의 모든 내보낸 마크를 포함합니다. 일반적인 예외는 수천 개의 경로로 자동 벡터화된 사진입니다.
- 내 SVG가 업로드되지만 아무것도 표시되지 않는 이유는 무엇인가요?
- 일반적인 원인은 라이브 텍스트가 윤곽선으로 변환되지 않은 경우입니다. 파일은 제대로 분석되지만 익스트루드할 형태가 없습니다. 두 번째 원인은 viewBox 밖에 배치된 일러스트레이션입니다. 텍스트를 윤곽선으로 변환하고, 작업 영역을 마크로 잘라내며 다시 내보내세요.
- 3D에서 글자의 틈이 여전히 열려 있나요?
- 네, 반대형이 올바른 채우기 규칙과 함께 복합 경로의 일부일 때, 이는 모든 디자인 도구가 기본적으로 작성하는 방식입니다. 빈 공간이 채워진 경우, 반대형은 별도의 겹친 형태로 내보내졌습니다; 내보내기 전에 두 개를 모두 선택하고 복합 경로를 만드세요.
- 3D 로고에 SVG가 PNG보다 나은가요?
- 네, 선택할 수 있다면 그렇습니다. SVG 경로는 정확한 윤곽으로 돌출되므로, 내보내기 크기에 관계없이 모서리와 베벨이 선명하게 유지됩니다. PNG는 먼저 경로를 그려야 하며, 이것은 모서리를 근사치로 만들고 대비에 따라 달라집니다. 벡터 파일이 없을 때만 PNG를 사용하세요.
- 비용이 드나요?
- 아니요. 에디터, 모든 재질 프리셋과 PNG, GLB, OBJ, STL, USDZ, MP4에서 480p로의 내보내기는 무료이며 계정이 필요 없습니다. 무료 내보내기에는 작은 3dlogo.io 워터마크가 있습니다. Pro는 워터마크를 제거하고 2K 및 4K 이미지와 720p 또는 1080p 비디오를 추가합니다.
