온라인 콘텐츠 애니메이션의 세계는 지난 몇 년 동안 눈에 띄게 변화했습니다. Flash(및 Macromind Director와 같은 유사한 기술)는 현대 웹의 시작을 뒷받침했지만 Flash에 대한 지원이 중단되자 SWF 파일 형식은 죽었습니다. SVGator가 현장에 도착하여 오늘로 빠르게 이동하십시오. SVG 최신 벡터 형식을 선택하면 SVGator는 형식을 애니메이션하는 가장 쉽고 좋은 방법 중 하나를 제공합니다. 리뷰에서 자세히 살펴보겠습니다.
이것은 후원 기사이며 SVGator에 의해 가능하게 되었습니다. 실제 내용과 의견은 협찬을 받아도 편집의 독립성을 유지하는 작성자의 단독 견해입니다.
온라인 애니메이션의 힘
SVGator는 VueJS로 만든 온라인 SVG 애니메이션 편집기로 확장 가능한 벡터 그래픽(또는 SVG)에 애니메이션을 적용하는 방식을 단순화하도록 설계되었습니다. 샌프란시스코에 기반을 둔 이 회사의 명시된 목표는 "기술적이지 않은 사용자도 SVG 애니메이션을 달성할 수 있도록 하여 웹에서 SVG 애니메이션의 광범위한 사용을 장려하는 것"입니다.
정상적인 상황에서 SVG 파일에 애니메이션을 적용하려면 SVG 파일에서 라인을 정의하는 수학을 조작하거나 웹 페이지에서 이동하기 위해 Javascript 또는 Java에서 일부 코딩을 수행해야 할 수 있습니다. SVGator는 타임라인과 키프레임 가능한 트랙이 있는 웹 애플리케이션을 만들어 이 모든 것을 단순화했습니다. 즉, 장면에서 모든 벡터 그래픽 요소의 위치를 조정하고 포함된 재생 가능한 자산으로 컴파일할 수 있습니다.
이렇게 하면 웹 페이지 및 모바일 앱에서 사용할 파일이 제공됩니다. 새로운 모바일 내보내기 옵션을 사용하면 모바일 앱을 위한 가볍고 확장 가능한 애니메이션을 만들 수 있어 매우 쉽게 작업할 수 있습니다.
향수 벡터 엔진
지금 플래시에 대한 모든 이야기는 이유가 있습니다. 내 눈에 SVGator는 오래된 벡터 애니메이션의 핵심 요소와 매우 흡사한 모양과 느낌을 가지고 있습니다. 픽셀 대신 부드러운 선에 애니메이션을 적용하는 키프레임 벡터 애니메이션 도구입니다. 이것이 의미하는 바는 완성된 애니메이션이 확장 가능하고 품질 손실 없이 모든 크기로 재생할 수 있다는 것입니다.
소프트웨어를 시작하면 워크플로를 시작하는 데 도움이 되는 몇 가지 데모 장면이 나타납니다. 인터페이스에는 생성 중인 애니메이션을 보여주는 플레이 필드가 포함되어 있으며 아래는 시간 경과에 따라 화면에 개체의 진행 상황을 보여주는 타임라인입니다. 왼쪽에는 화면의 모양과 생성한 자산 라이브러리를 조작하기 위한 도구 열이 있습니다.
자신의 SVG 파일(Illustrator 또는 Inkscape와 같은 벡터 드로잉 프로그램으로 생성)을 가져오거나 처음부터 자신의 모양을 그릴 수 있습니다.
SVGator에서 그리는 것은 벡터 편집기를 사용하는 것과 동일하며 완벽하게 부드러운 곡선을 만들기 위해 조정할 수 있는 핸들이 있는 베지어 곡선입니다. 대시나 점과 같이 선 두께와 색상을 취향과 선 품질에 맞게 변경할 수도 있습니다. 벡터 프로그램을 사용해 본 적이 있다면 그것은 제2의 천성일 것입니다.
이 도구는 온라인 웹 앱이므로 설치할 것이 없습니다. 모든 작업은 브라우저에서 발생합니다. 이것은 생산성 면에서 놀랍습니다. 말 그대로 전 세계 모든 컴퓨터의 모든 브라우저에 앉아서 집에서 책상에 앉아 있는 것처럼 작업을 계속할 수 있음을 의미합니다. 랩톱과 데스크톱에서 작동하며 시도하지는 않았지만 태블릿에서도 사용할 수 있다고 생각합니다.
SVGator로 애니메이션을 만드는 것은 쉽습니다. 화면에 모양을 그리고, 해당 모양에 대한 키프레임을 설정하고, 다음 키프레임으로 이동합니다. 모양을 새 형식으로 조정하고 다른 키프레임을 설정합니다. 애니메이션을 재생하면 모양이 한 위치에서 다음 위치로 부드럽게 움직입니다.
가장 중요한 것은 이것은 사전 설정으로 가득 찬 단순히 잘라내기 및 붙여넣기 애니메이션 라이브러리가 아니라 적절한 전문적인 애니메이션 소프트웨어라는 것입니다. 그렇다고 해서 애니메이션 기술을 새로운 차원으로 끌어올리는 데 유용한 도구가 없다는 것은 아닙니다.
지불 계획의 계층을 올리면 모양에 대해 더 많은 작업을 수행할 수 있습니다. 그들은 이러한 작업을 "애니메이터"라고 부릅니다. 무료 수준에서 모양을 배치, 크기 조정, 고정 및 회전하고 불투명도를 변경할 수 있습니다. 기본적인 애니메이션입니다. Lite 계층으로 한 단계 올라가면 모핑, 기울이기, 채우기 및 획도 수행할 수 있으며 이러한 설정은 모두 애니메이션 가능한 설정입니다. 이렇게 하면 애니메이션에 더 많은 유연성이 추가됩니다. 마지막으로 Pro 계층에서는 지금까지 언급한 모든 작업을 수행하고 애니메이션에 대화형 기능을 추가할 수 있으므로 애니메이션에서 마우스 작업을 수행하여 인터페이스 또는 동적 데이터 시각화 등을 구축할 수 있습니다.
또한 Pro 계층에서는 그래픽 자산이 포함된 자산 라이브러리에 액세스하여 스타일과 속도로 자신만의 애니메이션을 만드는 데 도움이 됩니다.
내가 볼 수있는 소프트웨어의 유일한 단점은 무료 및 하위 계층이 수행할 수 있는 작업의 종류에 제한이 있지만 이것이 두 가지 이유로 반드시 문제가 되는 것은 아니라는 것입니다. 첫째, 기본 작업과 약간의 창의성으로 많은 작업을 수행할 수 있으며, 둘째, 사용자가 얻는 것을 고려할 때 계층이 실제로 그렇게 비싸지 않습니다.
액세스 수준
SVGator는 훌륭한 소프트웨어입니다. 입문하기 쉽고 간단한 일을 하면 능숙해지는 데 시간이 걸리지 않습니다. 그러나 여기에도 깊이가 있으므로 약간의 훈련과 연습을 통해 기술 세트를 매우 빠르게 추가할 수 있습니다. 모바일 내보내기 옵션은 무엇보다도 보너스입니다. 내가 익숙한 패러다임을 사용하는 방식, 타임라인, 그리고 오랫동안 사용했던 Flash와 모양과 작동 방식이 매우 흡사하다는 사실이 그저 기쁩니다.
SVGator는 강력할 뿐만 아니라 상대적으로 저렴합니다. 소프트웨어 사용에 대한 비용을 지불하기로 결정하면 다양한 계획이 있습니다. 첫째, 소프트웨어를 영구적으로 사용할 수 있지만 몇 가지 제한이 있는 무료 계획이 있습니다. 작동 방식을 발견하는 동안 무제한 정적 그래픽 내보내기, 한 달에 최대 3개의 애니메이션 내보내기 및 최대 10초 지속 시간의 애니메이션 타임라인을 수행할 수 있습니다. 기본 애니메이션 도우미 세트가 포함되어 있습니다.
다음은 소위 라이트 계층으로, 월 11달러(연간 132달러 청구)로 고급 애니메이터의 제품을 내보내고, 정적 내보내기를 무제한으로, 한 달에 10개의 애니메이션을 내보내고, 최대 1분 동안 애니메이션을 내보낼 수 있습니다. 기본 및 고급 애니메이션 도우미도 있습니다. 마지막으로 Pro는 월 $19(연간 $228)에 전체 거래, Free 및 LITE의 모든 것, 그리고 최대 5분 길이의 무제한 애니메이션 내보내기, 자산 라이브러리 액세스, 모든 대화형 옵션 및 애니메이션을 제공합니다. 속도 제어 및 하이퍼링크.
SVGator에 대한 자세한 내용과 무료 계정에 등록하려면 SVGator로 이동하십시오.