Guia do Usuário Cancelar

Exemplos e recursos da animação de texto

  1. Guia do usuário do After Effects
  2. Versões beta
    1. Visão geral do programa Beta
    2. Página inicial do After Effects Beta
    3. Recursos na versão beta
      1. Painel Propriedades (Beta)
  3. Introdução
    1. Introdução ao After Effects
    2. Novidades no After Effects 
    3. Notas de versão | After Effects
    4. Requisitos de sistema do After Effects
    5. Atalhos de teclado no After Effects
    6. Formatos de arquivo compatíveis | After Effects
    7. Recomendações de hardware
    8. After Effects para Apple Silicon
    9. Planejamento e configuração
    10. Configuração e instalação
  4. Espaços de trabalho
    1. Itens gerais da interface do usuário
    2. Conheça a interface do After Effects
    3. Fluxos de trabalho
    4. Espaços de trabalho, painéis e visualizadores
  5. Projetos e composições
    1. Projetos
    2. Noções básicas da composição
    3. Pré-composição, aninhamento e pré-renderização
    4. Exibir informações detalhadas de desempenho com o Criador de perfil de composição
    5. Renderizador de composição CINEMA 4D
  6. Importação de gravação
    1. Preparação e importação de imagens estáticas
    2. Importação do After Effects e do Adobe Premiere Pro
    3. Importação e interpretação de vídeo e áudio
    4. Preparo e importação de arquivos de imagem 3D
    5. Importação e interpretação de itens de gravação
    6. Trabalhar com itens de gravação
    7. Detectar pontos de edição usando a Detecção de edição de cena
    8. Metadados XMP
  7. Textos e gráficos
    1. Texto
      1. Formatação de caracteres e o painel Caractere
      2. Efeitos de texto
      3. Criação e edição de camadas de texto
      4. Formatação de parágrafos e o painel Parágrafo
      5. Extrusão de texto e camadas de forma
      6. Animação de texto
      7. Exemplos e recursos de animação de texto
      8. Modelos de texto dinâmico
    2. Animações
      1. Trabalhar com Modelos de animações no After Effects
      2. Usar expressões para criar listas suspensas em Modelos de animações
      3. Trabalhar com propriedades essenciais para criar Modelos de animações
      4. Substituir imagens e vídeos em Modelos de animações e Propriedades essenciais
  8. Desenho, pintura e caminhos
    1. Visão geral de camadas de forma, caminhos e gráficos vetoriais
    2. Ferramentas de pintura: Pincel, Carimbo e Borracha
    3. Como afunilar traçados de forma
    4. Atributos de forma, operações de pintura e operações de caminho para camadas de forma
    5. Use o efeito de forma Deslocar caminhos para alterar formas
    6. Criação de formas
    7. Criar máscaras
    8. Remover objetos de seus vídeos com o painel Preenchimento com reconhecimento de conteúdo
    9. Pincel tipo rotoscópio e Refinar fosco
  9. Camadas, marcadores e câmera
    1. Seleção e organização de camadas
    2. Modos de mesclagem e estilos de camadas
    3. Camadas 3D
    4. Propriedades da camada
    5. Criação de camadas
    6. Gerenciamento de camadas
    7. Marcadores de camada e de composição
    8. Câmeras, luzes e pontos de interesse
  10. Animação, quadros-chave, rastreamento de movimento e chaveamento
    1. Animação
      1. Noções básicas de animação
      2. Animação com ferramentas Marionete
      3. Gerenciamento e animação de caminhos de forma e máscaras
      4. Animação de desenho e captura de formas usando o After Effects
      5. Ferramentas de animação diversas
      6. Trabalhar com animação orientada por dados
    2. Quadro-chave
      1. Interpolação do quadro-chave
      2. Definir, selecionar e excluir quadros-chave
      3. Editar, mover e copiar quadros-chave
    3. Rastreamento de movimento
      1. Rastrear e estabilizar movimento
      2. Reconhecimento facial
      3. Rastreamento de máscara
      4. Referência de máscara
      5. Velocidade
      6. Esticamento e remapeamento de tempo
      7. Timecode e unidades de exibição de tempo
    4. Aplicação de máscara
      1. Aplicação de máscara
      2. Efeitos de máscara
  11. Transparência e composição
    1. Visão geral e recursos da composição e transparência
    2. Canais alfa, máscaras e foscos
  12. Ajustar cor
    1. Noções básicas de cores
    2. Uso da extensão de temas do Adobe Color
    3. Gerenciamento de cores
    4. Efeitos de correção de cores
  13. Predefinições de animação e efeitos
    1. Visão geral das predefinições de animação e efeitos
    2. Lista de efeitos
    3. Efeitos de simulação
    4. Efeitos de estilo
    5. Efeitos de áudio
    6. Efeitos de distorção
    7. Efeitos de perspectiva
    8. Efeitos de canal
    9. Efeitos de geração
    10. Efeitos de transição
    11. O efeito Reparo do obturador de rolagem
    12. Efeitos Desfoque e Nitidez
    13. Efeitos de Canal 3D
    14. Efeitos de utilitários
    15. Efeitos de fosco
    16. Efeitos Ruído e Granulação
    17. Efeito Ampliação com preservação de detalhes
    18. Efeitos obsoletos
  14. Expressões e automação
    1. Expressão
      1. Noções básicas de expressão
      2. Entender sobre a linguagem de expressões
      3. Utilização de controles de expressão
      4. Diferenças de sintaxe entre os mecanismos de expressão Javascript e Legacy ExtendScript
      5. Edição de expressões
      6. Erros de expressão
      7. Utilização do editor de expressões
      8. Usar expressões para editar e acessar propriedades de texto
      9. Referência de linguagem de expressão
      10. Exemplos de expressão
    2. Automação
      1. Automação
      2. Scripts
  15. Vídeo imersivo, VR e 3D
    1. Criar ambientes de VR no After Effects
    2. Aplicar efeitos de vídeo imersivo
    3. Ferramentas de composição para vídeos VR/360
    4. Rastreamento de movimento de câmera 3D
    5. Trabalhar no Espaço de design 3D
    6. Gizmos de transformação 3D
    7. Faça mais com a animação 3D
    8. Visualização de alterações em projetos 3D em tempo real com o Mecanismo em tempo real
    9. Adicionar design responsivo aos gráficos 
  16. Exibições e visualizações
    1. Visualizar
    2. Visualização de vídeo com o Mercury Transmit
    3. Modificação e utilização de exibições
  17. Renderização e exportação
    1. Noções básicas de renderização e exportação
    2. Exportar um projeto do After Effects como um projeto do Adobe Premiere Pro
    3. Conversão de filmes
    4. Renderização de vários quadros
    5. Renderização automatizada e renderização de rede
    6. Renderização e exportação de imagens estáticas e sequências de imagens estáticas
    7. Utilização do codec GoPro CineForm no After Effects
  18. Trabalho com outros aplicativos
    1. Dynamic Link e After Effects
    2. Trabalhar com o After Effects e outros aplicativos
    3. Sincronizar configurações no After Effects
    4. Bibliotecas da Creative Cloud no After Effects
    5. Plug-ins
    6. CINEMA 4D e Cineware
  19. Colaboração: Frame.io e Team Projects
    1. Colaboração no Premiere Pro e After Effects
    2. Frame.io
      1. Instalar e ativar o Frame.io
      2. Usar o Frame.io com o Premiere Pro e o After Effects
      3. Perguntas frequentes
    3. Team Projects
      1. Introdução ao Team Projects
      2. Criar um Projeto de equipe
      3. Colaborar com o Team Projects
  20. Memória, armazenamento e desempenho
    1. Memória e armazenamento
    2. Melhorar o desempenho
    3. Preferências
    4. GPU e os requisitos de driver de GPU para o After Effects

O After Effects fornece uma ampla gama de recursos para criar uma animação de texto 2D e 3D eficaz e criativa. Os recursos e exemplos disponíveis aqui fornecem instruções detalhadas sobre como animar textos no After Effects.

Harry Frank fornece um tutorial sobre animação de texto com animadores de texto no site Digital Arts Online.

Steve Holmes fornece um tutorial em vídeo no site Layers Magazine que usa três animadores de texto e animação de texto 3D por caractere para criar uma animação de texto.

Colin Braley fornece um tutorial e um projeto de exemplo em seu site que mostra como usar uma expressão na propriedade Texto de origem para animar texto e superar algumas restrições do efeito Números.

Eran Stern fornece um tutorial em vídeo no site da Creative COW que demonstra como usar a animação de texto 3D por caractere para animar texto em um caminho na forma de um furacão 3D.

Angie Taylor apresenta um tutorial em vídeo no site da Digital Arts que mostra como usar a animação de texto 3D por caractere junto com uma alternativa comum para simular o texto com extrusão 3D.

Eran Stern fornece um tutorial em vídeo no site Artbeats que mostra como usar o sistema de animação de texto do After Effects como um sistema de partículas.

Rich Young coleta vários recursos e tutoriais para criar texto com extrusão 3D no After Effects.

No site ProVideo Coalition, Chris e Trish Meyer dão várias dicas para animar textos no After Effects.

Toby Pitman mostra truques para usar camadas de forma para animar texto no site MacProVideo.

Exemplo: Animar caracteres com propriedades 3D por caractere

Este exemplo ilustra como você pode animar facilmente caracteres individuais em 3D para que cada caractere saia da linha e faça uma vênia.

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto com a palavra ovação.
  3. Escolha Animação > Animar texto > Ativar 3D por caractere.
  4. Escolha Animação > Animar texto > Posição.
  5. Escolha Animação > Animar texto > Rotação.
  6. No painel Linha de tempo, no grupo Animador, defina a propriedade Rotação X como 45 e defina o valor Posição como (0,0, 0,0, -100,0).
  7. Expanda o Seletor de intervalo 1.
  8. Clique no ícone de cronômetro para a propriedade Deslocamento para definir um quadro-chave inicial com o valor em 0 segundos.
  9. Defina o valor da propriedade Deslocamento como -15%.
  10. Defina o valor da propriedade Fim como 15%.
  11. Mova o indicador do tempo atual para 10 segundos e defina o valor Deslocamento como 100%.
  12. Pressione a tecla R para mostrar as propriedades Rotação da camada inteira.
  13. Defina o valor Rotação Y da camada como -45, girando a camada inteira para que você possa visualizar mais facilmente o movimento 3D dos caracteres.
  14. Visualize a composição.

Exemplo: Deslocar caracteres

Este exemplo ilustra como você pode facilmente animar caracteres aleatórios para que formem gradualmente uma palavra ou frase legível ao especificar um valor Deslocamento de caracteres e ao animar o seletor de intervalo.

Caracteres de deslocamento: animar os valores de deslocamento para os caracteres na palavra Galáxia
Animar os valores de deslocamento para os caracteres na palavra Galáxia

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto com a palavra Galáxia.
  3. Escolha Animação > Animar texto > Deslocamento de caracteres.
  4. No painel Linha de tempo, defina o valor Deslocamento de Caracteres como 5.
  5. Expanda o seletor de intervalo 1.
  6. Clique no cronômetro Início para definir um quadro-chave inicial em 0 segundos e defina o valor como 0%.
  7. Mova o indicador do tempo atual para 5 segundos e defina o valor Início como 100%.
  8. Defina o Alinhamento de caracteres como Centro.
  9. Visualize a composição.

Exemplo: Animar caracteres com o Seletor sinuoso

Este exemplo demonstra como é fácil animar a posição de caracteres individuais. Também mostra como o Seletor sinuoso pode criar uma alteração dramática para a animação simplesmente adicionando-a à camada.

Animar personagens com o seletor Sinuoso
Animação da cor da posição dos caracteres na palavra Galáxia

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto com a palavra Galáxia e defina a cor como azul no painel Caractere.
  3. Escolha Animação > Animar texto > Posição.
  4. No painel Linha de tempo, arraste o valor y da propriedade Posição para a esquerda até que todos os caracteres estejam fora do quadro.
  5. Expanda o Seletor de intervalo 1.
  6. Clique no cronômetro Início e deixe-o em 0% a 0 segundos; mova o indicador do tempo atual para 5 segundos e defina Início como 100%.
  7. Visualize a composição.
  8. Recolha o grupo Animador 1.
  9. Verifique se nada está selecionado a não ser o nome da camada de texto no painel Linha de tempo e selecione Cor de preenchimento > Matiz no menu Animar. Um novo grupo de animador, Animador 2, aparece no painel Linha de tempo.
  10. Defina Matiz de preenchimento como 1x+0.0.
  11. Expanda o Seletor de intervalo 1 do Animador 2.
  12. Clique no cronômetro Início e deixe-o em 0% a 0 segundos; mova o indicador do tempo atual para 5 segundos e defina Início como 100%.
  13. Visualize a animação. As cores mudam agora como se caíssem do alto da tela, mas todas usam a mesma cor e terminam na mesma, cor original.
  14. Com Matiz de preenchimento selecionada, escolha Seletor > Sinuoso no menu Adicionar.
  15. Expanda a propriedade Seletor sinuoso 1 e escolha Adicionar no menu Modo.
  16. Visualize a composição.
    Observação:

    Se você adicionar a propriedade Matiz de preenchimento ao Animador 1 e adicione o Seletor sinuoso, a posição e as cores chocalham e não apenas as cores.

Exemplo: Animar rastreamento de texto

Este exemplo mostra como é fácil isolar caracteres ao rastrear uma linha de texto. Usando as propriedades do animador Rastreamento e Âncora de linha, é fácil mover um ou alguns caracteres.

Animar os valores de rastreamento dos caracteres 3579, para que apenas o 7 permaneça
Animar os valores de rastreamento para os caracteres 3579 (esquerda e centro) para que apenas o 7 no meio permaneça (direita)

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto e digite 3579.
  3. Com a camada de texto selecionada, clique no botão Centralizar texto no painel Parágrafo.
  4. Escolha Exibir > Mostrar grade.
  5. No painel Linha de tempo, selecione a camada de texto e escolha Animação > Animar texto > Rastreamento.
  6. Certifique-se de que Antes e depois está especificado no menu Tipo de rastreamento.
  7. Clique no cronômetro Intensidade de espaçamento à direita e deixe o valor 0 em 0 segundos.
  8. Mova o indicador do tempo atual para 5 segundos e arraste o valor Intensidade de espaçamento à direita até que todos os caracteres estejam fora da tela.
  9. Visualize a animação.
  10. Com o indicador do tempo atual em 0, tire um instantâneo no painel Composição. Você usará este instantâneo, e as grades, para determinar o local original do número 7 no final da animação.
  11. Mova o indicador do tempo atual para 5 segundos.
  12. Clique no botão Mostrar instantâneo.
  13. No painel Linha de tempo, selecione o Animador 1 e escolha Âncora de linha no menu Adicionar.
  14. Arraste o valor Âncora de linha até que 7 esteja posicionado aproximadamente em sua posição original no centro do painel Composição.
  15. Clique no botão Mostrar instantâneo no painel Composição para ver o local exato do 7 no seu local original. Defina o valor Âncora de linha para posicionar o caractere no local original.
  16. Visualize a animação.

Exemplo: Usar seletores para animar palavras específicas

Este exemplo mostra como usar seletores para limitar uma animação a uma palavra específica.

Usar seletores para animar palavras específicas
Animar os valores de enviesamento nos caracteres na palavra Acelerar

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto com as palavras Acelerar prato.
  3. Escolha Animação > Animar texto > Enviesamento.
  4. No painel Linha de tempo, defina o valor de Enviesamento como 35.
  5. Expanda o Seletor de intervalo 1.
  6. Verifique se o indicador do tempo atual está em 0 segundos e clique no cronômetro Fim.
  7. No painel Composição, arraste as duas barras do seletor para o lado esquerdo do A em Acelerar.
  8. Mova o indicador do tempo atual para 2 segundos e arraste a barra do seletor para o lado direito do r em Acelerar.
  9. Visualize a composição.

Exemplo: Criar uma animação de gravação

É fácil criar a aparência de gravação na tela usando a propriedade de animador Opacidade.

Criar uma animação sobre a gravação
Gravar texto usando a propriedade Opacidade

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto com os caracteres 01234.
  3. Escolha Animação > Animar texto > Opacidade.
  4. Defina Opacidade como 0%.
  5. Expanda o Seletor de intervalo 1 e clique no ícone de cronômetro para Início.
  6. No painel Composição, arraste o seletor de início para a borda esquerda do texto (o valor estará em 0).
  7. Mova o indicador do tempo atual para 5 segundos e arraste o seletor de início no painel Composição para a borda direita do texto (o valor será 5).
  8. Visualize a composição.
    Observação:

    Por padrão, a propriedade Suavidade está definida como 100%. Para criar uma aparência de datilografia, expanda a propriedade Avançado e defina Suavidade como 0%.

Exemplo: Animar texto com vários seletores

Este exemplo usa o parâmetro selectorValue em um Seletor de expressão com o Seletor sinuoso para fazer uma sequência de caracteres Flash de forma aleatória.

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto.
  3. No painel Linha de tempo, escolha Opacidade no menu Animar da camada de texto.
  4. Expanda a camada de texto e o respectivo animador no painel Linha de tempo.
  5. Selecione o Seletor de intervalo e exclua-o.
  6. Escolha Adicionar > Seletor > Sinuoso ao lado do grupo de propriedades Animador para a camada de texto.
  7. Escolha Adicionar > Seletor > Expressão. Se o Seletor sinuoso não aparecer antes do Seletor de expressão, arraste o Seletor sinuoso para cima do Seletor de expressão.
  8. Expanda o Seletor de expressão.
  9. Expanda a propriedade Valor para revelar a expressão. A seguinte expressão aparece por padrão:
    selectorValue * textIndex/textTotal
  10. Substitua o texto da expressão padrão pela seguinte expressão:
    r_val=selectorValue[0]; if(r_val < 50)r_val=0; if(r_val > 50)r_val=100; r_val
  11. Defina a opacidade como 0% e visualize a composição.

Exemplo: Animar posição de texto com expressões

Este exemplo usa os atributos textIndex e textTotal com a expressão chocalho para animar uma linha de texto.

  1. Crie uma nova composição.
  2. Crie uma nova camada de texto.
  3. Expanda a camada de texto no painel Linha de tempo para exibir as propriedades do texto. Adicione um grupo do animador de posição no menu Animar.
  4. Exclua o Seletor de intervalo padrão, Seletor de intervalo 1.
  5. Adicione um Seletor de expressão selecionando o menu Adicionar e escolhendo Seletor > Expressão. Expanda o Seletor de expressão para revelar as respectivas opções.
  6. Expanda a propriedade Valor para revelar a expressão. A seguinte expressão aparece por padrão:
    selectorValue * textIndex/textTotal
  7. Substitua a expressão padrão pela seguinte expressão:
    seedRandom(textIndex); amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); wiggle(1, amount);

    O método linear é usado neste exemplo para reduzir ao máximo o degradê da intensidade do chocalho ao longo do tempo.

  8. Defina o valor da posição vertical. Quanto maior for o valor, mais os caracteres chocalham.
  9. Visualize a composição.

Exemplo: Animar texto como uma exibição de timecode

  1. Sem camadas selecionadas no painel Linha de tempo, clique duas vezes na predefinição de animação de Formato de tempo atual no painel Efeitos e predefinições. (Você pode encontrar a predefinição de animação digitando seu nome no campo Contém no painel Efeitos e predefinições.)

    Uma nova camada de texto é criada, com uma expressão na propriedade Texto de origem que faz com que o texto mostre o tempo atual no formato de exibição de tempo definido para o projeto.

    Você pode usar outras expressões na categoria Global para exibir o tempo em outro formato.

    Observação:

    Para exibir as expressões em uma camada, selecione a camada e pressione EE.

Faça mais com o After Effects

Crie animações, animações de texto e efeitos visuais incríveis com o Adobe After Effects. Design para filme, TV, vídeo e web.

Logotipo da Adobe

Fazer logon em sua conta