Revisão do SVGator: Animação Vetorial Especializada

O mundo da animação de conteúdo online mudou consideravelmente ao longo dos anos. O Flash (e tecnologias similares como o Macromind Director) sustentou os primórdios da Web moderna, mas quando o suporte ao Flash foi retirado, o formato de arquivo SWF morreu. Avançando para hoje, com a chegada do SVGator. Com o SVG, o formato vetorial moderno escolhido, o SVGator oferece uma das melhores e mais fáceis maneiras de animar o formato. Vamos dar uma olhada mais de perto em nossa revisão.

Este é um artigo patrocinado e foi possível graças ao SVGator. O conteúdo real e as opiniões são apenas pontos de vista do autor que mantém a independência editorial mesmo quando um post é patrocinado.

Poder da Animação Online

O SVGator é um editor de animações SVG online criado com VueJS e projetado para simplificar a maneira como você anima gráficos vetoriais escaláveis (ou SVG). O objetivo declarado da empresa, com sede em San Francisco, é “tornar as animações SVG alcançáveis até mesmo para usuários não técnicos, incentivando assim o uso extensivo de animações SVG na Web.”

Em circunstâncias normais, para animar arquivos SVG, você pode ter que fazer algum código, talvez em Javascript ou Java, para manipular a matemática que define as linhas em um arquivo SVG ou movê-las em uma página da web. O SVGator simplificou tudo isso criando um aplicativo web com uma linha do tempo e trilhas que podem ser keyframadas, o que significa que você pode ajustar a posição de todos os elementos gráficos vetoriais em uma cena e compilá-los em um ativo embutido e jogável.

Isso lhe dá um arquivo para uso em páginas da web e aplicativos móveis. As novas opções de exportação móvel tornam isso muito fácil, criando animações leves e escaláveis para aplicativos móveis.

Motor Vetorial Nostálgico

Toda a minha conversa sobre Flash agora tem um motivo. A meu ver, o SVGator se parece e se sente muito como aquele velho trabalho de animação vetorial. É uma ferramenta de animação vetorial keyframe que anima linhas suaves em vez de pixels. O que isso significa é que suas animações finalizadas são escaláveis, podendo ser reproduzidas em qualquer tamanho sem perda de qualidade.

Ao iniciar o software, você se depara com algumas cenas de demonstração que o ajudarão a entrar no fluxo de trabalho. A interface contém um campo de jogo mostrando a animação que você está criando, e abaixo há uma linha do tempo que mostra o progresso dos objetos na tela ao longo do tempo. À esquerda, há uma coluna de ferramentas para manipular as formas na sua tela e bibliotecas de ativos que você criou.

Você pode importar seus próprios arquivos SVG (criados com qualquer programa de desenho vetorial como Illustrator ou Inkscape) ou desenhar suas próprias formas do zero.

Desenhar no SVGator é o mesmo que usar qualquer editor vetorial, curvas bezier com alças que você pode ajustar para fazer curvas suaves perfeitas. Você também pode alterar o peso e a cor da linha para adequar ao seu gosto e à qualidade da linha, como traços ou pontos. Se você já usou algum programa vetorial, será segunda natureza.

Esta ferramenta é um aplicativo web online, então não há nada para instalar. Toda a ação acontece em um navegador. Isso é incrível para a produtividade, pois significa que você pode literalmente se sentar em qualquer navegador em qualquer computador em qualquer lugar do mundo e continuar seu trabalho como se estivesse sentado em sua mesa em casa. Funciona em laptops e desktops, e embora eu não tenha experimentado, imagino que você poderia até usá-lo em um tablet.

Animar com o SVGator é fácil: desenhe formas na tela, defina keyframes para essas formas e vá para o próximo keyframe. Ajuste as formas para sua nova forma e defina outro keyframe. Quando você reproduz a animação, as formas animam suavemente de uma posição para a próxima.

Mais importante, isso não é apenas uma biblioteca de animação de corte e colagem cheia de predefinições – é um verdadeiro software de animação profissional. Isso não quer dizer que não tenha algumas ferramentas úteis para amplificar suas habilidades de animação a novas alturas, no entanto.

À medida que você sobe os níveis nos planos de pagamento, você obtém mais ações para realizar em suas formas. Eles chamam essas ações de “animadores.” No nível gratuito, você pode posicionar, escalar, ancorar e girar suas formas e mudar sua opacidade. Isso é animação básica. Subindo um nível para o tier Lite, você também pode morfar, distorcer, preencher e traçar, e todas essas são configurações animáveis. Isso adiciona mais flexibilidade às suas animações. Finalmente, no tier Pro, você pode fazer tudo mencionado até agora e adicionar recursos interativos às suas animações, tornando possível realizar operações com o mouse em suas animações para construir interfaces ou visualizações dinâmicas de dados e afins.

Também no tier Pro, você tem acesso a uma biblioteca de ativos com ativos gráficos para dar um empurrão na criação de suas próprias animações com estilo e velocidade.

A única desvantagem do software que consigo ver é que os níveis gratuito e inferior são limitados nos tipos de operações que você pode realizar, mas isso não é necessariamente um problema por duas razões. Em primeiro lugar, você pode fazer MUITO com operações básicas e um pouco de criatividade, e em segundo lugar, os níveis realmente não são tão caros, considerando o que você recebe.

Níveis de Acesso

O SVGator é um excelente software. Eu adoro como é fácil de começar, e fazer coisas simples leva pouco tempo para se tornar proficiente. Mas também há profundidade, então com um pouco de treinamento e prática, você pode adicionar rapidamente ao seu conjunto de habilidades. Que as opções de exportação móvel são um bônus em tudo isso. Eu adoro como ele usa um paradigma que estou acostumado, a linha do tempo, e o fato de que parece e funciona tanto como o Flash, que passei muito tempo usando, é apenas uma alegria.

O SVGator é não apenas poderoso – é relativamente acessível. Existem uma variedade de planos uma vez que você decidir pagar pelo uso do software. Primeiro, há o plano gratuito, que permite usar o software para sempre, mas com algumas limitações. Enquanto você descobre como funciona, você pode fazer exportações gráficas estáticas ilimitadas, até três exportações de animação por mês e linhas do tempo de animação com duração de até 10 segundos. O conjunto básico de ajudantes de animação está incluído.

Em seguida, há o chamado tier Lite, que por $11 por mês ($132 cobrados anualmente), permite que você exporte o produto dos animadores avançados, exportações estáticas ilimitadas, 10 exportações de animação por mês e durações de animação de até um minuto. Você também tem os ajudantes de animação Básicos e Avançados. Finalmente, há o Pro, que a $19 por mês (ou $228 anualmente) oferece todo o pacote, tudo no Free e LITE, além de exportações de animação ilimitadas de até cinco minutos de duração, acesso à biblioteca de ativos, todas as opções interativas e controle de velocidade de animação e hyperlinks.

Para detalhes completos sobre o SVGator e para se inscrever em uma conta gratuita, vá para o SVGator.