Pular para o conteúdo principal
Best Web Developer — agência de web design, desenvolvimento e crescimento digital

Ferramentas de imagem

Criador de logotipo animado

Uma revelação de fade e escala para uma tela inicial, um cabeçalho de site ou uma introdução de vídeo, nos dois formatos que podem ser reproduzidos em quase qualquer lugar.

  • é executado no seu navegador
  • Nada carregado

A ferramenta

A visualização reproduz a animação. Baixe um arquivo Lottie para aplicativos e Webflow ou um SVG animado para qualquer lugar onde o player Lottie não esteja disponível.

Tudo o que você insere permanece em sua própria máquina. Nada é enviado para nós ou para qualquer outra pessoa, o que você pode confirmar na aba de rede do seu navegador.

Para que as pessoas o usam

  • Uma tela inicial do aplicativo ou estado de carregamento
  • Os primeiros segundos de um vídeo ou showreel
  • Uma animação do cabeçalho do site somente no primeiro carregamento
  • Um protótipo Webflow ou Figma que precisa de uma marca móvel
  • Um README ou página de documentação onde um script não pode ser executado

Sobre esta ferramenta

O que isso anima e o que não anima

Ele revela seu logotipo finalizado como uma única camada, desbotando e se ajustando ao local em cerca de um segundo. Isso é genuinamente útil para uma tela inicial, um cabeçalho de site ou a abertura de um vídeo, e não é a mesma coisa que um motion designer animando cada forma para que uma marca se desenhe. Se você precisar traçar caminhos, montar letras ou desdobrar símbolos, isso é um trabalho de animação e não de geração, e nenhuma ferramenta fará isso a partir de um arquivo estático.

Dizer isso claramente é mais importante do que vendê-lo, porque a diferença fica óbvia no momento em que você coloca os dois lado a lado.

Lottie ou SVG

Lottie é um formato JSON reproduzido por uma pequena biblioteca, usado por aplicativos, Webflow, Figma e pelas mais modernas ferramentas de design. É a escolha certa se a sua plataforma suportar. O SVG animado não precisa de nada: ele é reproduzido em qualquer navegador como uma imagem comum, o que o torna a escolha mais segura para um rodapé de e-mail, um README ou uma página onde você não pode adicionar um script.

Respeitando o movimento reduzido

O SVG animado interrompe a animação para qualquer pessoa que tenha solicitado ao seu sistema para reduzir o movimento, o que é importante para pessoas que apresentam enjôo ou sintomas vestibulares. Um logotipo que insiste em se mover é uma coisa pequena que torna o site inutilizável para alguns visitantes.

Onde não usar

Não como seu logotipo real. As marcas animadas pertencem aos momentos de chegada, splash, introdução, estado de carregamento. Um logotipo de cabeçalho que é animado a cada carregamento de página torna-se irritante na terceira página, e um favicon não consegue ser animado.

Isso precisa ser tratado em todo o site? Veja nosso Serviços de produção de vídeo página.

Perguntas

Perguntas sobre esta ferramenta

O que os clientes realmente desejam saber – custos, prazos, propriedade e o que acontece após o lançamento.

Não. Ele revela seu logotipo finalizado como uma camada com esmaecimento e escala. Animar formas individuais é um trabalho de motion design e nenhum gerador faz isso a partir de um arquivo estático.

Uma animação JSON reproduzida por uma pequena biblioteca, suportada por Webflow, Figma, iOS, Android e as mais modernas ferramentas de design.

Lottie se sua plataforma suportar. O SVG animado se você precisar de algo que seja reproduzido em qualquer lugar, sem nenhum script.

Sim. O SVG animado interrompe a animação para qualquer pessoa cujo sistema solicite movimento reduzido.

Não nesta versão. A revelação dura cerca de um segundo, o que combina com uma tela inicial. Animações mais longas começam a parecer um atraso.

Sessão de estratégia gratuita

Vamos construir algo que valha a pena encontrar.

Diga-nos onde você deseja que o negócio esteja em doze meses. Voltaremos com um plano orçamentado, um cronograma realista e os números que esperamos movimentar – sem obrigações, sem jargões.

  • chamada de 30 minutos, sem apresentação de argumento de venda
  • Proposta de preço fixo em horas 48
  • Você possui tudo o que construímos

Fale com um desenvolvedor

Não é uma equipe de vendas

Tempo de resposta
Dentro do horário comercial 1
Onde trabalhamos
Reino Unido, EUA e Golfo
Contratos
Sem lock-in, lançamento mensal
Trabalhando desde
2023
infobestwebdeveloper.org

Sessão de estratégia gratuita

Vamos construir algo que valha a pena encontrar.

Diga-nos onde você deseja que o negócio esteja em doze meses. Voltaremos com um plano orçamentado, um cronograma realista e os números que esperamos movimentar – sem obrigações, sem jargões.

  • chamada de 30 minutos, sem apresentação de argumento de venda
  • Proposta de preço fixo em horas 48
  • Você possui tudo o que construímos

Fale com um desenvolvedor

Não é uma equipe de vendas

Tempo de resposta
Dentro do horário comercial 1
Onde trabalhamos
Reino Unido, EUA e Golfo
Contratos
Sem lock-in, lançamento mensal
Trabalhando desde
2023
infobestwebdeveloper.org
Consulta gratuita