Como fazer e exportar animações GIF criativas no After Effects

 

Bem-vindo ao nosso guia sobre como criar e exportar animações GIF criativas no Adobe After Effects! Os GIFs estão em todos os lugares hoje em dia, de mídias sociais a campanhas de marketing. Eles podem adicionar muita diversão e engajamento ao conteúdo digital, então se você já se perguntou como criar seus próprios GIFs atraentes, você veio ao lugar certo.

Recursos do tutorial

Para este tutorial sobre como fazer um GIF e como exportar um GIF do After Effects, você precisará dos seguintes recursos para acompanhar e concluir este projeto para criar seu próprio gif exatamente. Aprenderemos como exportar este vídeo do After Effects como um GIF, no entanto, sinta-se à vontade para usar seus próprios recursos se tiver um vídeo adequado para usar.

Rato fofo correndo com mochila

1. Introdução

Antes de mergulharmos no emocionante mundo da animação, vamos entender o que é um GIF e por que ele se tornou uma forma tão popular de conteúdo digital.

O que é um GIF?

píxeis

GIF significa Formato de intercâmbio de gráficosum formato de imagem bitmap desenvolvido pela CompuServe em 1987.

Diferentemente de formatos de imagem padrão como JPEG ou PNG, os GIFs têm a capacidade única de suportar animação. Isso significa que um GIF pode exibir uma série de imagens ou quadros em uma sequência, criando a ilusão de movimento. Os GIFs também são conhecidos por sua capacidade de usar uma paleta de cores limitada de até 256 cores, o que ajuda a manter seus tamanhos de arquivo relativamente pequenos e fáceis de compartilhar.

gif animado

Os GIFs explodiram em popularidade nos últimos anos, e por um bom motivo. Aqui estão algumas razões principais pelas quais os GIFs são um meio favorito para comunicação digital:

  1. Noivado: GIFs chamam a atenção e podem rapidamente chamar a atenção. Seus movimentos e conteúdo frequentemente humorístico ou emocional os tornam altamente envolventes.
  2. Versatilidade: Seja uma animação curta, uma cena em loop ou um clipe de reação, os GIFs podem transmitir uma ampla gama de emoções e mensagens em um formato compacto.
  3. Facilidade de compartilhamento: Os GIFs são leves e podem ser facilmente compartilhados em plataformas de mídia social, aplicativos de mensagens e sites sem ocupar muita largura de banda.
  4. Expressão criativa:Para os criadores, os GIFs oferecem uma maneira divertida e acessível de experimentar animação e narrativa visual sem a complexidade de formatos de vídeo mais longos.

Neste tutorial, mostrarei como fazer um GIF e como exportar um GIF do After Effects, para criar seus próprios GIFs impressionantes usando filmagens de stock. Quer você esteja procurando fazer uma postagem divertida para mídia social, adicionar um toque especial ao seu site ou simplesmente explorar sua criatividade, este guia fornecerá as ferramentas e o conhecimento para começar.

2. Introdução ao After Effects

Passo 1

Abra o Adobe After Effects e vamos começar criando uma nova composição. Clique no Nova Composição botão no painel do projeto ou vá para Composição > Nova Composição.

criar nova composição

Passo 2

Agora vamos ajustar as configurações do nosso projeto GIF:

  • Nome: Dê um nome à sua composição, como “Meu Primeiro GIF”.
  • Resolução: Defina a largura para 500 pixels e a altura para 500 pixels (um bom tamanho para GIFs).
  • Taxa de quadros: 24 quadros por segundo (fps) é um ótimo ponto de partida.
  • Duração: Defina para 5 segundos. Você sempre pode mudar isso depois.

Clique no OK botão e sua nova composição aparecerá nos painéis Linha do tempo e Composição.

configurações de composição

Passo 1

Agora chegamos à parte divertida – importar seu vídeo! Para este guia, usaremos alguns vídeos de estoque do ga-analytics#sendElementsClickEvent”>Envato Elements, como ele oferece uma vasta biblioteca de filmagens de alta qualidade perfeitas para suas animações GIF. No restante deste tutorial, aprenderemos como exportar este vídeo do After Effects como um GIF, no entanto sinta-se à vontade para usar o seu próprio e seguir adiante se você já tiver algo em mente.

Vá para Arquivo > Importar > Arquivo e navegue até o local onde você baixou seu vídeo. Selecione-o e clique no Abrir botão.

importar arquivo

Passo 2

Depois que a filmagem for importada, você poderá ver seu arquivo de vídeo no Painel do Projeto. Para adicioná-lo à sua composição, dTransfira seu arquivo de vídeo do Painel do Projeto para o Painel da Linha do Tempo.

adicionar vídeo à linha do tempo

etapa 3

Se o seu vídeo for maior que a composição, abra o Transformar opções e ajuste o Posição e Escala até que se ajuste à composição.

dimensionar o vídeo

4. Como exportar um GIF do After Effects

Passo 1

Agora é hora de renderizar sua composição. Vá para Composição > Adicionar à fila do Adobe Media Encoder.

Adicionar à fila do Adobe Media Encoder

Passo 2

Isso iniciará o Adobe Media Encoder e colocará sua composição na fila. O Adobe Media Encoder torna a exportação de GIFs simples e eficiente. No Adobe Media Encoder, selecione sua composição na fila e clique em Formatar menu suspenso e escolha Gif Animado.

escolha o formato GIF animado

etapa 3

Você também pode clicar em Predefinição menu suspenso para algumas opções extras para as configurações de exportação. Escolha GIF animado com transparência se o seu GIF tiver um fundo transparente.

predefinições de gif

Passo 4

Clique no Texto Azul para entrar no Configurações de exportação.

clique no texto azul

Passo 5

Aqui podemos clicar no nome se você quiser dar outro nome ao GIF animado. Você também pode alterar o local onde você gostaria de salvar seu GIF animado.

escolha o nome do arquivo e o local

Passo 6

Aqui você também pode alterar algumas outras configurações, como as dimensões e a taxa de quadros, caso queira alterar as configurações originais do After Effects ou otimizá-lo ainda mais.

opção para alterar as configurações de gif

Passo 7

Depois que suas configurações forem ajustadas, clique no botão verde de reprodução no Adobe Media Encoder para iniciar a exportação. Aguarde a exportação terminar. Seu GIF será salvo no local que você especificou.

clique no botão play para exportar GIF

Na próxima seção, veremos algumas dicas sobre como criar uma exportação melhor para seu GIF.

5. Como otimizar o tamanho do arquivo sem perder qualidade

Otimizar o tamanho do arquivo dos seus GIFs sem sacrificar a qualidade é crucial por vários motivos. Arquivos grandes podem ser complicados de carregar, compartilhar e visualizar, muitas vezes levando a tempos de carregamento mais lentos e uma experiência menos agradável para o seu público. GIFs menores e bem otimizados, por outro lado, garantem carregamento rápido e reprodução suave, o que é particularmente importante para uso em mídias sociais e na web. Vamos dar uma olhada em algumas maneiras de atingir esse equilíbrio:

Etapa 1. Reduza a resolução:

  • Reduzir a resolução do seu GIF pode diminuir significativamente o tamanho do arquivo. Por exemplo, se você inicialmente definiu sua composição para 500×500 pixels, tente reduzi-la para 400×400 pixels. Essa pequena mudança pode fazer uma grande diferença no tamanho do arquivo sem uma queda perceptível na qualidade.
  • Você pode ajustar a resolução no Configurações de composição antes de exportar, ou durante o processo de exportação no Adobe Media Encoder. Certifique-se de desmarcar a caixa de correspondência de origem, o que permitirá que você altere a resolução.
reduza a resolução

Etapa 2. Taxa de quadros mais baixa:

  • A taxa de quadros do seu GIF determina quantos quadros são exibidos por segundo. Uma alta taxa de quadros, como 24 quadros por segundo (fps), produz animações suaves, mas resulta em tamanhos de arquivo maiores. Reduzir a taxa de quadros para algo como 12,5 fps pode ajudar a diminuir o tamanho do arquivo, mantendo a suavidade aceitável para a maioria das animações.
  • Certifique-se de visualizar sua animação após diminuir a taxa de quadros para garantir que ela ainda pareça fluida e atenda às suas expectativas. Lembre-se de desmarcar a caixa de correspondência de origem, o que permitirá que você altere o valor da taxa de quadros por meio de um menu suspenso.
reduzir taxa de quadros

Etapa 3. Reduzindo a duração do vídeo

  • Uma das maneiras mais eficazes de otimizar seus GIFs e reduzir o tamanho do arquivo é encurtando a duração do vídeo. Os GIFs são feitos para serem rápidos, envolventes e fáceis de compartilhar. GIFs mais longos podem se tornar incômodos devido a tamanhos de arquivo maiores, o que pode diminuir o tempo de carregamento e dificultar o compartilhamento. Ao reduzir a duração do seu vídeo, você não apenas cria uma animação mais concisa e impactante, mas também diminui significativamente o tamanho do arquivo, tornando seu GIF mais eficiente e amigável ao espectador.
  • No Configurações de exportação painel, você pode cortar a duração do vídeo usando a seção ‘intervalo de origem’, geralmente localizada na parte inferior esquerda da janela.
  • Use o Em e Fora pontos para definir os horários de início e término do seu vídeo. Você pode arrastar os marcadores na linha do tempo para selecionar o segmento desejado do seu vídeo.
cortar o vídeo

6. Como usar configurações de compactação eficientes

Usar configurações de compressão eficientes é vital para manter um equilíbrio entre qualidade e tamanho do arquivo, o que garante que seus GIFs tenham uma ótima aparência sem serem muito grandes. A compressão reduz a quantidade de dados em seu arquivo, tornando-o mais rápido de carregar e mais fácil para os visualizadores acessarem e compartilharem. Isso é especialmente importante para mídias sociais e sites, onde velocidade e desempenho são essenciais. Veja como você pode obter uma compressão eficiente:

Otimize com ferramentas de terceiros:

  • Após exportar seu GIF do Adobe Media Encoder, considere usar ferramentas de otimização adicionais, como EZGIF ou o GIF maker do GIPHY. Essas ferramentas oferecem configurações avançadas para ajustar seu GIF.
  • Eles podem reduzir ainda mais o tamanho do arquivo sem perda perceptível de qualidade ajustando parâmetros como profundidade de cor e taxa de quadros, ou removendo quadros redundantes.
otimizador de gif online

8. Conclusão

gif final

Parabéns! Você navegou com sucesso pelo processo de como fazer um GIF e como exportar um GIF do After Effects, usando filmagens de vídeo de estoque do Envato Elements. Com essas dicas, você está bem equipado para exportar GIFs eficientes e de alta qualidade.

Continue experimentando diferentes configurações e técnicas para encontrar o que funciona melhor para seus projetos. Boa animação!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *