Como fazer uma animação de texto

Um guia completo sobre como criar um vídeo de texto animado

Se você foi cativado por belas animações de texto e está tentando fazer as suas próprias, a sorte está do seu lado! Porque estamos aqui para mostrar duas maneiras diferentes de criar suas animações passo a passo. Vamos mergulhar!

Leve-me ao Criador de Animação

Temos que admitir que breves animações de texto são perfeitas para introduções de vídeo, encerramentos, transições, anúncios curtos, promoções e citações. No entanto, você pode ir ainda mais longe adicionando gráficos em movimento.

Algum tempo atrás, o design gráfico só existia em formato estático. Agora, com gráficos em movimento, os fatores de tempo e espaço também desempenham um papel essencial, tornando-se uma forma de arte versátil e bonita. Então, hoje, vamos nos concentrar nos principais:

• Criando gráficos vetoriais usando o Adobe Illustrator e, em seguida, animando-os no After Effects,
• E utilizando um criador de animação de texto que permite que você seja criativo enquanto economiza muito tempo.

Vamos tentar as duas alternativas! Mas primeiro, precisamos entender o básico.

O que você vai encontrar aqui?

• • Princípios úteis de animação
  • Fazendo uma animação de texto com o After Effects
  • Usando um Criador de Animação de Texto – Não Precisa de After Effects!
  • Por que o conteúdo de vídeo é importante?

Princípios úteis de animação

Um dos principais aspectos a serem considerados ao criar uma animação é a realidade . Por realidade, os especialistas pensam na naturalidade do movimento e como ele deve expressar um sentimento ou uma personalidade.

Como o movimento é um componente significativo dos gráficos em movimento, você deve ter em mente os seguintes princípios:

1. Esmagar e alongar. Esta ação dá aos seus gráficos a ilusão de peso e volume. Quão extrema a ação é, depende da sutileza ou exagero que você deseja que o movimento tenha.
2. Antecipação. Quase toda ação real tem uma breve ou longa antecipação que podemos considerar como um retrocesso. Imagine alguém prestes a pular: ele não apenas flutua no ar, mas prepara as pernas para pular, muitas vezes movendo um pouco para baixo, o que é uma forma de antecipar, e você deve considerar isso ao pensar em movimento.
3. Slow Out e Slow In para manter os movimentos suaves. Uma velocidade constante geralmente é alcançada na metade de um movimento e não é exatamente a mesma no início e no final.
4. Cronometragem. Quanto mais quadros você usar em uma animação, mais lenta ela será reproduzida. Encontre o equilíbrio entre muito lento e muito rápido considerando a distância também.
5. Exagero. Pense em como caricaturar as ações. Ao fazer isso, sua animação terá mais apelo e não parecerá mecânica.

Desenhado por Freepik

Se você quiser aprender mais sobre os princípios da animação, procure os 12 deles desenvolvidos por dois dos animadores mais lendários de Walt Disney: Ollie Johnston e Frank Thomas. No entanto, esses 5 são ótimos para começar com Motion Graphics.

Fazendo uma animação de texto com o After Effects

O Adobe After Effects é um aplicativo de efeitos visuais digitais, gráficos em movimento e composição. Para criar animações de texto, você deve criar seus ativos no Adobe Illustrator, e isso ocorre porque os vetores não serão distorcidos quando você os importar para sua composição AE. Além disso, você poderá trabalhar em camadas (portanto, divida seu design em partes que deseja animar separadamente) e usar ferramentas específicas de design.

Usar dois programas e provavelmente não dominar nenhum deles adiciona um passo de complexidade na escolha desse caminho. No entanto, também lhe dá a liberdade de controlar todos os aspectos do seu produto final, o que significa que você pode entrar tão superficial ou profundamente quanto quiser no Illustrator. A parte boa é que existem vários tutoriais e cursos online para aprender a usar este programa; aqui está um que cobre todos os conceitos básicos da Adobe e aqui está uma lista de tutoriais práticos que você pode seguir para aprender diferentes habilidades.

Observação: se você ainda não testou o Illustrator e o After Effects, baixe a avaliação gratuita de 7 dias. Quando a avaliação gratuita terminar, você terá a opção de comprar uma licença da Adobe Cloud para usar esses programas. Uma licença custará US$ 20,99/mês para um único aplicativo em um plano anual pago mensalmente, portanto, no total, você teria que gastar US$ 41,98 por mês para ambos os aplicativos. Aqui está uma lista de diferentes opções de preços .

Certo, agora que já falamos sobre software, vamos continuar com os vetores.

Existem alguns recursos gratuitos para baixar vetores com os quais você pode trabalhar, caso queira economizar tempo, como o Freepik. Use a caixa de pesquisa para encontrar um vetor que você gostaria de usar. Então, por exemplo, se estou tentando fazer uma introdução para um canal de viagens no YouTube, vou procurar por um vetor de globo.

Nota: Tenha cuidado e leia as letras miúdas! A maioria dos vetores são gratuitos com atribuição, mas alguns podem não ser. Certifique-se de ler atentamente os termos de uso para evitar problemas mais tarde.

• Depois de ter todo o seu material, vá em frente e abra um novo documento do Illustrator. Certifique-se de que seu documento tenha o mesmo tamanho que a composição do After Effects que você está planejando fazer para que você não precise se preocupar com o redimensionamento.
• Em seguida, coloque seus ativos em diferentes camadas no Illustrator. Nomeie cada camada, para que você saiba qual forma cada uma contém. Esta etapa facilitará seu fluxo de trabalho.
• Aqui está uma captura de tela da minha tela do Illustrator.

Agora que estou satisfeito com meu documento, a próxima etapa é importá-lo para o After Effects.

Abra o After Effects e vá para Arquivo > Importar > Arquivo . Selecione o arquivo do Illustrator e, na parte inferior, onde diz “ Importar como ”, certifique-se de selecionar Composition – Retain Layer Sizes. Depois de fazer isso, você estará pronto para animar. 😉

Usando um Criador de Animação de Texto – Não Precisa de After Effects!

Se você estiver interessado em economizar tempo e criar belas animações, considere um criador de animação de texto como alternativa. O Placeit possui vários modelos de animação que você pode personalizar em minutos sem sair do navegador. Eles são perfeitos para qualquer finalidade, e as pessoas da Placeit estão constantemente enviando mais modelos para você escolher!

Siga estes passos simples para criar sua animação usando o Placeit:

1. Escolha o modelo que você mais gosta.
2. Digite sua mensagem nas caixas de texto. Use um ou todos eles (alguns modelos têm mais de uma caixa de texto); marque as que deseja usar.
3. Selecione uma cor de fundo. Alguns modelos permitem que você carregue uma imagem de fundo.
4. Selecione uma cor de texto. Alguns modelos têm mais elementos que você pode personalizar com cores, como figuras.
5. Clique em “Reproduzir todos os slides” para ver uma prévia da sua animação. Você pode voltar e fazer quantas alterações quiser.
6. Vá em frente e baixe seu vídeo!

Aqui está o resultado bonito e fácil de usar este modelo de animação:

Parece muito mais profissional do que o que fiz no After Effects com meus conhecimentos básicos, e ficou pronto em uma fração do tempo e do custo.

Faça uma animação de texto

Por que o conteúdo de vídeo é importante?

Desde que as pessoas carregam vídeos na web, elas vêm experimentando e reinventando o formato várias vezes. Pense no boom do YouTube e do Vine há algum tempo; essas plataformas centradas em vídeo mudaram o jogo. Mesmo que o último não esteja mais ativo, tornou-se o principal conteúdo de vídeo rápido. Agora, podemos desfrutar de algo semelhante ao Snapchat e Instagram Stories.

Dica profissional: Curioso sobre o YouTube? Confira nosso tutorial de como criar um canal de sucesso no YouTube para saber mais.

Os vídeos do Facebook triplicam o engajamento e 1.200% mais compartilhamentos do que as postagens de texto e imagem combinadas. Não é nenhum segredo que as pessoas são muito visuais e assistem a vídeos para se divertir, inspirar e aprender e descobrir coisas novas.

Os gráficos em movimento têm sido usados ​​em vídeos por vários motivos, incluindo:

• Eles transformam informações simples em conteúdo atraente e atraente.
• Além disso, pode ser usado para fins educacionais.
• Os vídeos animados parecem sofisticados e elegantes.
• Você pode brincar com a narrativa enquanto combina o melhor do design gráfico com o movimento.

Agora que você conhece o básico dos gráficos em movimento e algumas ferramentas para criar o seu próprio, comece a fazer seu primeiro vídeo animado!

Personalizar um modelo de animação de texto