Revisão do SVGator: Animação vetorial especializada

Svgator Featured
⏱️ 8 min read

O mundo da animação de conteúdo online mudou muito ao longo dos anos. Flash (e tecnologia semelhante como Macromind Director) sustentaram o início da Web moderna, mas quando o suporte para Flash foi retirado, o formato de arquivo SWF morreu. Avanço rápido para hoje com o SVGator chegando em cena. Com o SVG, o formato vetorial moderno preferido, o SVGator oferece uma das melhores e mais fáceis maneiras de animar o formato. Vamos dar uma olhada mais de perto em nossa análise.

Este é um artigo patrocinado e foi possibilitado pelo SVGator. O conteúdo e as opiniões reais são de responsabilidade exclusiva do autor, que mantém a independência editorial mesmo quando um post é patrocinado.

Poder de Animação Online

SVGator é um editor de animação 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 por usuários não técnicos, incentivando assim o uso extensivo de animações SVG na Web”.

Novo Projeto Svgator

Em circunstâncias normais, para animar arquivos SVG, você pode ter que fazer alguma codificação, 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 da Web com uma linha do tempo e faixas que podem ser enquadradas, 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 jogável incorporado.

Isso fornece 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 de vetor nostálgico

Toda a minha conversa sobre Flash agora é por uma razão. Aos meus olhos, o SVGator se parece muito com aquele velho cavalo de batalha da animação vetorial. É uma ferramenta de animação vetorial de quadro-chave 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 playfield mostrando a animação que você está criando, e abaixo está 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 tela e as bibliotecas de ativos que você criou.

Interface principal do Svgator

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.

Importação ou rascunho do Svgator

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

Svgator Draw

Esta ferramenta é um aplicativo da web online, então não há nada para instalar. Toda a ação ocorre 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 tentado, imagino que você possa usá-lo até em um tablet.

Cor da espessura de linha do Svgator

Animar com o SVGator é fácil: desenhe formas em uma tela, defina quadros-chave para essas formas e vá para o próximo quadro-chave. Ajuste as formas para sua nova forma e defina outro quadro-chave. Quando você reproduz a animação, as formas são animadas suavemente de uma posição para outra.

Mais importante, esta não é apenas uma biblioteca de animação recortada e colada cheia de predefinições – é um software de animação profissional adequado. Isso não quer dizer que não tenha algumas ferramentas úteis para ampliar suas habilidades de animação para novas alturas, no entanto.

Transformação Svgator

À medida que você aumenta os níveis nos planos de pagamento, obtém mais ações para realizar em suas formas. Eles chamam essas ações de “animadores”. No nível livre, você pode posicionar, dimensionar, ancorar e girar suas formas e alterar sua opacidade. Isso é animação básica. Subindo um nível para a camada Lite, você também pode transformar, inclinar, preencher e traçar, e todas essas são configurações animáveis. Isso adiciona mais flexibilidade às suas animações. Por fim, na camada Pro, você pode fazer tudo o que foi mencionado até agora e adicionar recursos interativos às suas animações, tornando possível fazer operações do mouse em suas animações para criar interfaces ou visualizações de dados dinâmicas e similares.

Svgator Swan

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

A única desvantagem do software que posso ver é que as camadas gratuitas e inferiores são limitadas nos tipos de operações que você pode fazer, mas isso não é necessariamente um problema por dois motivos. Em primeiro lugar, você pode fazer MUITO com operações básicas e um pouco de criatividade e, em segundo lugar, os níveis não são tão caros, considerando o que você recebe.

Níveis de acesso

O SVGator é um ótimo software. Eu amo como é fácil entrar, e fazer coisas simples não leva tempo para se tornar proficiente. Mas também há profundidade nisso, então, com um pouco de treinamento e prática, você pode aumentar seu conjunto de habilidades muito rapidamente. Que as opções de exportação móvel são um bônus acima de tudo. Adoro como ele usa um paradigma ao qual estou acostumado, a linha do tempo, e o fato de parecer e funcionar muito como o Flash, que passei muito tempo usando, é simplesmente uma alegria.

O SVGator não é apenas poderoso – é relativamente acessível. Há uma variedade de planos quando você decide 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 cronogramas de animação com duração de até 10 segundos. O conjunto básico de auxiliares de animação está incluído.

Em seguida, está o chamado nível Lite, que por US$ 11 por mês (US$ 132 cobrados anualmente), permite exportar 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 auxiliares de animação Básico e Avançado. Finalmente, há o Pro, que por US $ 19 por mês (ou US $ 228 por ano) oferece todo o negócio, tudo em Free e LITE, além de exportações ilimitadas de animação de até cinco minutos de duração, acesso à biblioteca de ativos, todas as opções interativas e animação controle de velocidade e hiperlinks.

Para obter detalhes completos do SVGator e se inscrever para uma conta gratuita, vá para SVGator.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar of Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Você pode gostar...

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x