Guia do Usuário

Adicionar design responsivo aos gráficos

  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. 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. Dica do dia
  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. Suporte aprimorado ao idioma da interface
  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. Importar arquivos SVG
    7. Trabalhar com itens de gravação
    8. Detectar pontos de edição usando a Detecção de edição de cena
    9. 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
      5. Anime de maneira mais rápida e fácil usando o painel Propriedades
    3. Eixos de fonte variável
      1. Compatibilidade com eixos de fontes de variáveis
      2. Trabalhar com eixos de fontes variáveis
      3. Suporte a scripts para eixos de fonte de variável
      4. Perguntas frequentes sobre eixos de fontes de variáveis
  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. Traçados de forma cônica
    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
    10. Máscara de objeto viabilizada por IA
    11. Criar nulos para caminhos e propriedades posicionais
  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
      7. Depuração proporcional na linha do tempo
      8. Pesquise e aplique rapidamente efeitos, predefinições ou comandos de menu
    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 e máscaras
    3. Foscos de controle e foscos móveis
  12. Ajustar cor
    1. Noções básicas de cores
    2. Gerenciamento de cores
    3. Efeitos de correção de cores
    4. Gerenciamento de cores OpenColorIO e ACES
    5. Compatibilidade com HDR aprimorada
    6. Importação e exportação em HDR 
  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. Gerenciador de efeitos
    4. Efeitos de simulação
    5. Efeitos de estilo
    6. Efeitos de áudio
    7. Efeitos de distorção
    8. Efeitos de perspectiva
    9. Efeitos de canal
    10. Efeitos de geração
    11. Efeitos de tempo
    12. Efeitos de transição
    13. O efeito Reparo do obturador de rolagem
    14. Efeitos Desfoque e Tornar nítido
    15. Efeitos de Canal 3D
    16. Efeitos de utilitários
    17. Efeitos de fosco
    18. Efeitos Ruído e Granulação
    19. Efeito de ampliação com preservação de detalhes
    20. Efeitos obsoletos
    21. Plug-ins do Cycore
  14. Expressões e automação
    1. Expressões
      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 idioma de expressão
      10. Exemplos de expressão
    2. Automação
      1. Automação
      2. Scripts
  15. Vídeo imersivo, VR e 3D
    1. Construa ambientes VR no After Effects
    2. Aplicar efeitos de vídeo imersivo
    3. Ferramentas de composição para vídeos VR/360
    4. Renderizador 3D avançado
    5. Importar e adicionar modelos 3D à composição
    6. Importação de modelos 3D das bibliotecas da Creative Cloud
    7. Criar malhas paramétricas
    8. Iluminação com base na imagem
    9. Luzes do ambiente animadas
    10. Ativar luzes para projetar sombras
    11. Extração e animação de luzes e câmeras de modelos 3D
    12. Rastreamento de movimento de câmera 3D
    13. Ajustar as Configurações Padrão da Câmera para composições 3D
    14. Projetar e aceitar sombras
    15. Animações de modelos 3D incorporadas
    16. Coletor de sombras
    17. Extração de dados de profundidade 3D
    18. Habilitar Profundidade de Campo integrada no modo 3D Avançado
    19. Modificar as propriedades de materiais de uma camada 3D
    20. Aplicar materiais Substance 3D
    21. Trabalhar no Espaço de design 3D
    22. Gizmos de transformação 3D
    23. Gizmo 3D único para múltiplas camadas 3D
    24. Faça mais com a animação 3D
    25. Visualização de alterações em projetos 3D em tempo real com o mecanismo Mercury 3D.
    26. 3D estereoscópico no After Effects
    27. 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
    4. Reprodução com compressão sem perdas
  17. Renderização e exportação
    1. Noções básicas de renderização e exportação
    2. Codificação em H.264 no After Effects
    3. Exportar um projeto do After Effects como um projeto do Adobe Premiere Pro
    4. Conversão de filmes
    5. Renderização de vários quadros
    6. Renderização automatizada e renderização de rede
    7. Renderização e exportação de imagens estáticas e sequências de imagens estáticas
    8. Utilização do codec GoPro CineForm no After Effects
  18. Trabalho com outros aplicativos
    1. Dynamic Link e After Effects
    2. Trabalho com o After Effects e outros aplicativos
      1. Exportar um projeto do After Effects como um projeto do Premiere Pro
    3. Bibliotecas da Creative Cloud no After Effects
    4. Plug-ins
    5. 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 Frame.io com Premiere Pro e 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. Como o After Effects lida com problemas de memória insuficiente durante uma visualização    
    3. Melhorar o desempenho
    4. Preferências
    5. GPU e os requisitos de driver de GPU para o After Effects
  21. Knowledge Base
    1. Problemas conhecidos
    2. Problemas corrigidos
    3. Perguntas frequentes
    4. After Effects e macOS Ventura
    5. Como o After Effects lida com problemas de memória insuficiente durante uma visualização

Saiba como criar e trabalhar com design e tempo responsivos no After Effects.

O recurso Design responsivo - Tempo permite criar modelos de animações adaptáveis. O recurso permite o esticamento de tempo adaptativo quando uma composição for aninhada ou exportada como um modelo de animações. O esticamento de tempo adaptativo significa que as regiões protegidas são animadas na mesma quantidade de tempo, mesmo que você estique o tempo das regiões desprotegidas.

Você pode proteger as introduções, encerramentos e qualquer região arbitrária de uma composição, salvar os modelos de design responsivos e reutilizá-los em diferentes projetos para evitar a duplicação e a reformulação.

Com esse recurso, a animação é fixada ao gráfico ou sequência e se adapta às edições feitas. Isso permite que você crie animações complexas e modelos de animações que podem ser realinhados de forma responsiva a uma sequência em um projeto.

Por exemplo, você cria um terceiro abaixo, anima o aparecimento/desaparecimento gradual e adiciona design responsivo - tempo. O design responsivo preserva o tempo de animação, independentemente de quando a duração do clipe é estendida ou reduzida.

Entenda o Design responsivo - Tempo

Veja o exemplo a seguir para visualizar o problema:

Você cria uma animação de texto com aparecimento/desaparecimento gradual e precisa que a animação tenha a mesma duração da sequência. A animação abrange dois conjuntos de texto que aparecem gradualmente contra um plano de fundo preto.

Adicione a mesma animação a uma sequência diferente. Cada elemento da animação, como o tamanho da fonte e o tempo de início e de aparecimento/desaparecimento gradual, deve corresponder à sequência. Uma maneira é duplicar a animação para alinhá-la ao comprimento da sequência. No entanto, essa abordagem pode ser demorada, uma vez que você precisa mover os quadros-chave da animação para alinhar o aparecimento/desaparecimento gradual à sequência.

Aqui é onde você pode usar o Design responsivo - Tempo. É possível proteger as regiões de aparecimento/desaparecimento gradual (incluindo os quadros-chave) e estender a animação. Isso anexa as regiões à sequência e a quantidade de tempo necessária para elas serem animadas permanece não afetada mesmo quando você estica o tempo da animação para corresponder ao comprimento da sequência. Depois de anexada, a animação se adapta dinamicamente ao comprimento da sequência.

Aplicar o Design responsivo - Tempo

Você pode aplicar o Design responsivo - Tempo com uma das três maneiras a seguir:

  1. Opção 1:

    No menu Composição, selecione uma das opções do submenu Design responsivo - Tempo:

    • Criar introdução: cria uma região protegida para 15% da duração da composição; começa no primeiro quadro.
    • Criar encerramento: cria uma região protegida para 15% da duração da composição; termina no último quadro.
    • Criar região protegida do espaço de trabalho: cria uma região protegida com pontos de início e término que se alinham à barra do espaço de trabalho. As regiões protegidas são sombreadas em azul.

  2. Opção 2:

    Arraste a barra do espaço de trabalho para selecionar a região que deseja definir como região protegida. Clique com o botão direito na barra do espaço de trabalho e selecione Criar região protegida na área de trabalho.

  3. Opção 3:

    Clique no ícone de marcador no lado direito da linha de tempo e crie um marcador de composição.

  4. No painel Linha de tempo, clique duas vezes no marcador para abrir a caixa de diálogo de configurações do Marcador de composição, defina a duração e ative a opção Região protegida.

Adicione a animação a outra composição

Após definir as regiões protegidas, os encerramentos e as introduções da sua animação, você poderá adicioná-los a diferentes composições ou sequências.

Consulte o exemplo a seguir para visualizar o processo:

    • Nomeie a animação com as regiões protegidas como, por exemplo, Comp A.
    • Nomeie a composição na qual você deve adicionar a animação como, por exemplo, Comp B.

    Abra a Comp B no painel Linha do tempo.

  1. Na linha de tempo, arraste e coloque a Comp A na Comp B.

  2. A linha do tempo exibe as regiões protegidas com sombreamento azul. Mantenha o ponto de término da Comp A e arraste-o para corresponder ao ponto de término da Comp B.

    Quando você visualiza a Comp, as regiões protegidas na animação levam a mesma quantidade de tempo para serem animadas e apenas as regiões não protegidas são esticadas.

Trabalhar com composição aninhada com várias regiões protegidas

  • Quando você arrasta os pontos de entrada e saída de uma composição que tem uma ou mais regiões protegidas e está aninhada em outra composição, essa ação estica o tempo da composição em vez de reduzi-lo. O recurso preserva a duração das regiões protegidas. Por exemplo, ao esticar o tempo de um clipe de 5 segundos com regiões protegidas de 2 segundos (para deixá-lo com 10 segundos), a duração das regiões protegidas permanece de 2 segundos.
  • Para aparar o ponto de entrada ou de saída da camada em vez de esticar o tempo, mantenha pressionada a tecla Option (macOs) ou Alt (Windows) e arraste os pontos de entrada e saída.
  • As regiões protegidas são marcadores de composição com a opção Região protegida ativada, com ícones diferentes de alça para facilitar a identificação. Os marcadores de região protegida se comportam da mesma forma que outros marcadores de composição, exceto que ao aninhar uma composição com regiões protegidas, esses marcadores não poderão ser modificados. Em vez disso, a barra de camada de composição aninhada é sombreada para exibir as regiões protegidas.
  • Se você modificar uma região protegida após aninhar uma composição, o marcador de região protegida na camada de composição aninhada não será atualizado automaticamente. Para atualizar os marcadores em uma camada de composição aninhada, selecione Camada > Marcadores > Atualizar marcadores em Origem.
  • Você também pode acessar a opção Região protegida por meio de scripts ou expressões usando o atributo protectedRegion dos marcadores de composição.

Exportar uma composição com regiões protegidas como um modelo de animações

Ao exportar uma composição com regiões protegidas como um modelo de animações e adicioná-la a uma sequência no Premiere, você pode ajustar o comprimento diretamente sem fazer o remapeamento de tempo.

É possível arrastar os pontos de entrada e saída do clipe para esticar o tempo em vez de reduzir os pontos de entrada ou de saída. A duração das regiões protegidas é preservada.

  • Quando você exporta uma composição que contém áudio como um modelo de animações, não é possível esticar o tempo adequadamente no Premiere.
  • As composições que usam o renderizador CINEMA 4D e contêm camadas 3D, ou que contêm uma camada CINEMA 4D que usa o efeito CINEON, podem enfrentar problemas na animação suave de regiões não protegidas quando a composição tem o tempo esticado.

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.

Adobe, Inc.

Receba ajuda com mais rapidez e facilidade

Novo usuário?