블렌더에서 이미지 또는 애니메이션을 SVG로 내보내는 방법

게시 됨: 2022-11-29

Blender 2.8 출시 이후 소프트웨어에는 SVG( Scalable Vector Graphics ) 형식으로 이미지와 애니메이션을 내보낼 수 있는 기능이 있습니다. 이 벡터 기반 형식은 웹 및 그래픽 디자이너 사이에서 인기가 있으며 Blender에 액세스할 수 없는 다른 사람과 작업을 공유할 수 있는 좋은 방법입니다. 이 기사에서는 이미지 또는 애니메이션을 Blender에서 SVG로 내보내는 방법에 대한 기본 사항을 살펴보겠습니다.

SVG 블렌더 개요

Blender의 외곽선은 Tool Shelf의 Stroke 패널을 사용하여 생성됩니다. 윤곽선을 만들려면 먼저 윤곽선을 만들 개체를 선택합니다. 그런 다음 Tool Shelf에서 Stroke 패널을 선택합니다. 획 패널에서 사용하려는 획 유형을 선택합니다. 옵션은 다음과 같습니다. – Freehand: 프리핸드 윤곽선 생성 – Polygonal: 다각형 윤곽선 생성 – Spline: 스플라인 기반 윤곽선 생성 사용하려는 스트로크 유형을 선택한 다음 해당 스트로크에 대한 설정을 조정할 수 있습니다. . 예를 들어 획의 두께, 획의 색상 및 획을 만드는 데 사용되는 점 수를 조정할 수 있습니다. 획 설정에 만족하면 "획" 버튼을 클릭하여 윤곽선을 만들 수 있습니다. 외곽선이 새 정점 그룹으로 개체에 추가됩니다.

블렌더 내보내기 그리스 연필 Svg로

블렌더 내보내기 그리스 연필 Svg로
사진 출처: imgur

Blender에서 그리스 연필 개체를 SVG 파일로 내보내는 원 클릭 버튼은 없지만 약간의 작업으로 수행할 수 있습니다. 먼저 아웃라이너에서 내보낼 그리스 연필 개체를 선택합니다. 그런 다음 속성 패널에서 개체 데이터 탭으로 이동하고 내보내기 경로 섹션까지 아래로 스크롤합니다. 찾아보기 버튼을 클릭하고 파일을 저장할 위치를 선택합니다. 마지막으로 파일 형식 드롭다운 메뉴에서 "SVG"를 선택합니다.

그리스 연필 파일 내보내기

단일 프레임을 내보내려면 쉽게 기억할 수 있는 파일 이름을 선택하십시오. 애니메이션에서 프레임을 내보내려면 프레임 시퀀스를 반영하는 시퀀스가 ​​있는 파일을 사용하십시오. PNG, JPG 및 GIF 파일은 유성 연필의 세 가지 주요 파일 형식입니다. GIF와 PNG는 모두 작은 애니메이션에 적합하지만 JPG는 큰 웹 그래픽에 적합합니다. 그리스 연필 파일을 내보낼 때 알파 채널이 포함된 PNG 이미지가 저장된 다음 그리스 연필 파일로 저장됩니다. Grease Pencil 도구는 알파 채널을 사용하여 도면의 투명한 부분을 결정하기 때문에 이 채널을 열어 두는 것이 중요합니다. 또는 Grease Pencil 파일을 .JPG로 내보낼 수 있습니다. GIF 이미지. JPEG는 웹 그래픽에 사용할 수 있는 반면 GIF는 작은 애니메이션에 사용할 수 있습니다. 이 옵션을 사용하면 그리스 연필 파일을 PNG, JPG 또는 GIF로 내보낼 수 있습니다. 사용하려면 연필 기름칠 도구를 선택하십시오. 도구 패널에서 내보내기를 선택하여 작업을 내보낼 수 있습니다. 파일 내보내기 브라우저 창으로 이동하고 파일 내보내기 브라우저 창에서 그리스 프레임 아카이브의 파일 이름을 선택한 다음 내보냅니다. Blender는 파일이 변환된 후 알파 채널이 있는 PNG 이미지로 파일을 저장합니다.

블렌더 SVG 애드온

블렌더 SVG 애드온
사진출처 : 블렌더네이션

Blender SVG Addon 은 웹용 고품질 그래픽을 만드는 훌륭한 방법입니다. SVG 파일로 내보낼 수 있는 벡터 그래픽을 만들 수 있습니다. 이는 웹 사이트 및 기타 응용 프로그램에서 사용할 수 있는 로고, 아이콘 및 기타 그래픽을 만드는 좋은 방법입니다.

SVG 튜토리얼

SVG는 상호 작용 및 애니메이션을 지원하는 2차원 그래픽용 XML 기반 벡터 이미지 형식입니다. SVG 사양은 1999년부터 W3C(World Wide Web Consortium)에서 개발한 공개 표준입니다. SVG 이미지와 해당 동작은 XML 텍스트 파일에 정의됩니다. 이는 검색, 인덱싱, 스크립팅 및 압축이 가능함을 의미합니다. XML 파일인 SVG 이미지는 모든 텍스트 편집기로 만들고 편집할 수 있지만 그리기 소프트웨어 로 만드는 경우가 더 많습니다. 그런 다음 하나의 파일로 결합되어 배포 및 조작이 용이합니다.

SVG(Scalable Vector Graphics)는 현재 시장에서 가장 뜨거운 주제 중 하나입니다. 2000년대 초반에 표준화되었음에도 불구하고 StandardVG는 열악한 브라우저 지원(특히 IE)으로 인해 지속적으로 부정적인 영향을 받았습니다. 현재 SVG를 HTML에 직접 삽입하려면 최신 브라우저가 필요합니다. 대부분의 경우 코드를 편집할 필요는 없지만 Figma 또는 Sketch와 같은 도구를 사용하여 만들 수 있습니다. 브라우저는 이미지를 다른 파일 형식으로 표시할 수 있는 것처럼 이미지를 img 태그로 표시할 수 있습니다. 이미지를 인라인하기 위해 HTML5와 XHTML은 서로 다른 구문을 사용합니다. Renderport와 viewBox는 g 요소를 사용하여 결합할 수 있습니다.

SVG 캔버스 를 사용하면 새 좌표계를 지정할 수 있습니다. 예를 들어 0으로 시작한 다음 캔버스 크기를 100×100으로 제한합니다. 100에 도달하자마자 동일한 캔버스의 두 번째 부분을 볼 수 있습니다. HTML 태그가 스타일 속성을 허용하는 것처럼 sva에서 모든 요소가 그렇게 할 수 있습니다. 양식의 특성상 일부 CSS 속성이 예상과 다르게 작동해야 하므로 모든 CSS 속성을 사용할 수는 없습니다. 채우기는 텍스트 요소의 색상을 변경하는 것과 같은 요소 속성으로 사용할 수도 있습니다. 인라인은 HTML 및 CSS에도 있습니다.

필드에 적절한 데이터 URL을 입력하기만 하면 됩니다. CDATA 메서드를 사용하여 SVG 파일에 외부 스타일 시트를 포함할 수 있습니다. 페이지가 완전히 로드되면 JavaScript를 먼저 배치하고 load 이벤트로 래핑하여 완료할 수 있습니다. SVG와 상호 작용할 수 있는 경우(SVG는 HTML에서 인라인임) JavaScript에서 모든 속성을 변경할 수 있습니다. HTML5와 함께 사용할 수 있는 마크업 언어이지만 XHTML 을 먼저 사용할 때만 사용해야 합니다. 라이브러리를 사용하여 누락된 지원을 확인할 수 있습니다.

Inkscape로 SVG 파일 만들기

SVG 파일을 만들 수 있는 다른 다양한 소프트웨어 프로그램도 있습니다. 벡터 일러스트레이션은 일반적으로 Inkscape라는 무료 프로그램과 함께 사용됩니다. 웹 사이트를 방문하여 Inkscape를 손에 넣을 수 있습니다. sva 파일을 만들 수 있는 기능을 제공하는 Adobe Illustrator 및 Inkscape와 같은 상용 응용 프로그램도 있습니다.