SVGator 리뷰: 전문가 벡터 애니메이션

Svgator Featured

온라인 콘텐츠 애니메이션의 세계는 수년 동안 눈에 띄게 변화해왔습니다. 플래시(및 마크로마인드 디렉터와 같은 유사 기술)는 현대 웹의 시작을 뒷받침했지만, 플래시 지원이 중단되면서 SWF 파일 형식은 사라졌습니다. 오늘날 SVGator가 등장했습니다. SVG라는 현대 벡터 형식이 선택된 가운데, SVGator는 이 형식을 애니메이션화하는 가장 쉽고 최고의 방법 중 하나를 제공합니다. 리뷰에서 더 자세히 살펴보겠습니다.

이 기사는 스폰서 콘텐츠이며 SVGator에 의해 가능해졌습니다. 실제 내용과 의견은 저자의 독립적인 편집을 유지하는 단독 견해입니다.

온라인 애니메이션 파워

SVGator는 VueJS로 제작된 온라인 SVG 애니메이션 편집기로, 확장 가능한 벡터 그래픽(SVG)을 애니메이션화하는 방식을 단순화하도록 설계되었습니다. 샌프란시스코에 본사를 둔 회사의 목표는 “비기술 사용자도 SVG 애니메이션을 쉽게 만들 수 있도록 하여 웹에서 SVG 애니메이션의 광범위한 사용을 장려하는 것”입니다.

Svgator New Project

일반적으로 SVG 파일을 애니메이션화하려면, 아마도 Javascript나 Java에서 코딩을 해야 할 수도 있으며, SVG 파일의 선을 정의하는 수학을 조작하거나 웹 페이지에서 선을 이동시켜야 했습니다. SVGator는 이러한 모든 것을 단순화하여 타임라인과 키프레임 트랙을 가진 웹 애플리케이션을 생성하였습니다. 이는 장면 내의 모든 벡터 그래픽 요소의 위치를 조정하고 이를 임베디드 플레이 가능한 자산으로 컴파일할 수 있음을 의미합니다.

이를 통해 웹 페이지와 모바일 앱에서 사용할 파일을 제공합니다. 새로운 모바일 내보내기 옵션은 이러한 작업을 매우 쉽게 만들어, 모바일 앱을 위한 가볍고 확장 가능한 애니메이션을 생성합니다.

향수를 불러일으키는 벡터 엔진

방금 플래시에 대해 이야기한 이유가 있습니다. 제 눈에는 SVGator가 그 오래된 벡터 애니메이션 도구와 매우 닮아 보입니다. 이는 픽셀이 아닌 부드러운 선을 애니메이션하는 키프레임 벡터 애니메이션 도구입니다. 이는 당신이 완료한 애니메이션이 확장 가능하며, 품질 손실 없이 어떤 크기로 재생할 수 있음을 의미합니다.

소프트웨어를 시작하면, 당신은 워크플로를 이해하는 데 도움이 되는 데모 장면에 직면하게 됩니다. 인터페이스에는 당신이 만드는 애니메이션을 보여주는 플레이필드가 포함되어 있으며, 아래에는 시간이 지남에 따라 화면의 객체 진행 상황을 보여주는 타임라인이 있습니다. 왼쪽에는 화면의 형태를 조작하기 위한 도구 열과 당신이 생성한 자산 라이브러리가 있습니다.

Svgator Main Interface

당신은 자신의 SVG 파일을(일러스트레이터나 잉크스케이프와 같은 벡터 드로잉 프로그램으로 생성한 것) 가져오거나 처음부터 자신의 형태를 그릴 수 있습니다.

Svgator Import Or Scratch

SVGator에서 그리는 것은 일반 벡터 편집기를 사용하는 것과 같습니다. 핸들이 있는 베지어 곡선을 사용하여 완벽한 부드러운 곡선을 만들 수 있습니다. 또한 선의 두께와 색상을 취향에 맞게 조정할 수 있으며, 선 품질(예: 대시 또는 점)도 조정할 수 있습니다. 어떤 벡터 프로그램을 사용해본 적이 있다면, 이는 두 번째 본능처럼 느껴질 것입니다.

Svgator Draw

이 도구는 온라인 웹 앱이기 때문에 설치할 필요가 없습니다. 모든 작업은 브라우저 내에서 진행됩니다. 이는 생산성에 놀랍고, 전 세계 어디에서나 어떤 컴퓨터의 브라우저에 앉아도 마치 집에서 작업하는 것처럼 계속 작업할 수 있음을 의미합니다. 노트북과 데스크탑에서 작동하며, 사용해 본 적은 없지만 태블릿에서도 사용할 수 있을 것으로 상상합니다.

Svgator Lineweight Colour

SVGator로 애니메이션하는 것은 간단합니다: 화면에 형태를 그리고, 해당 형태에 대해 키프레임을 설정하고 다음 키프레임으로 이동하세요. 형태를 새로운 형태로 조정하고 또 다른 키프레임을 설정하세요. 애니메이션을 재생하면, 형태가 한 위치에서 다음 위치로 부드럽게 애니메이션됩니다.

가장 중요한 것은, 이것이 사전 설정으로 가득 찬 단순 잘라내기 및 붙여넣기 애니메이션 라이브러리에 그치지 않는다는 사실입니다 – 이는 프로페셔널한 애니메이션 소프트웨어입니다. 하지만 당신의 애니메이션 기술을 새로운 높이로 끌어올릴 수 있는 몇 가지 유용한 도구를 가지고 있다는 것을 말씀드리지 않는 것은 아닙니다.

Svgator Morphing

결제 계획에서 등급이 올라갈수록, 당신이 형태에 대해 수행할 수 있는 작업의 수가 더 많아집니다. 그들은 이러한 작업을 “애니메이터”라고 부릅니다. 무료 수준에서는 형태의 위치, 크기, 앵커 및 회전, 불투명도를 변경할 수 있습니다. 기본 애니메이션입니다. Lite 단계로 올라가면, 형태를 변형, 기울이며, 채우기 및 윤곽선을 수정할 수 있으며, 이 모든 것이 애니메이션 가능한 설정입니다. 이를 통해 애니메이션에 더 많은 유연성을 추가합니다. 마지막으로 Pro 단계에서는 지금까지 언급된 모든 작업과 함께 애니메이션에 대화형 기능을 추가하여, 애니메이션에서 마우스 작업을 수행하고 인터페이스 또는 동적 데이터 시각화를 만드는 것이 가능합니다.

Svgator Swan

Pro 단계에서는 그래픽 자산을 갖춘 자산 라이브러리에 접근할 수 있어, 스타일과 속도를 갖춘 자산을 사용하여 자신의 애니메이션 제작에 도움이 됩니다.

제가 볼 수 있는 소프트웨어의 유일한 단점은 무료 및 낮은 단계에서 수행할 수 있는 작업이 제한적이라는 것이지만, 이는 두 가지 이유로 문제가 되지 않습니다. 첫째, 기본 작업과 약간의 창의성으로 많은 것을 할 수 있고, 둘째, 제공되는 내용을 고려할 때 단계는 정말로 비싸지 않습니다.

접근 수준

SVGator는 훌륭한 소프트웨어입니다. 진입 장벽이 낮고 간단한 작업을 하기도 아주 쉬워 금방 능숙해집니다. 그러나 그 안에는 깊이가 있어, 약간의 훈련과 연습을 통해 당신의 기술 세트를 매우 빠르게 확장할 수 있습니다. 모바일 내보내기 옵션은 그 모든 것에 대한 보너스입니다. 저는 타임라인이라는 제가 익숙한 패러다임을 사용하고, 플래시와 매우 유사하게 보이고 작동하는 것이 매우 기쁩니다. 저는 오랜 시간 동안 플래시를 사용했기 때문입니다.

SVGator는 강력할 뿐만 아니라 비교적 저렴합니다. 소프트웨어 사용을 위해 지불하기로 결정하면 다양한 계획이 있습니다. 먼저, 무료 계획이 있어, 몇 가지 제한과 함께 소프트웨어를 영원히 사용할 수 있습니다. 작동 방식을 발견하는 동안, 무제한 정적 그래픽 내보내기, 매월 최대 세 개의 애니메이션 내보내기 및 10초까지의 애니메이션 타임라인을 생성할 수 있습니다. 기본 애니메이션 도우미 세트가 포함되어 있습니다.

그 다음은 이른바 Lite 단계로, 11달러의 월 요금(연간 132달러 청구)으로 고급 애니메이터의 결과물을 내보낼 수 있고, 무제한 정적 내보내기, 매월 10개의 애니메이션 내보내기 및 최대 1분까지의 애니메이션 길이를 허용하는 것입니다. 기본 및 고급 애니메이션 도우미도 포함됩니다. 마지막으로 Pro가 있으며, 월 19달러(또는 연간 228달러)에 무료 및 Lite의 모든 내용을 포함하여, 최대 5분 길이의 애니메이션 무제한 내보내기, 자산 라이브러리에 대한 접근, 모든 대화형 옵션, 애니메이션 속도 조정 및 하이퍼링크가 제공됩니다.