Adicionar design responsivo aos gráficos

Pesquisar

Última atualização em 15/07/2022

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:

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.
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.
Opção 3:

Clique no ícone de marcador no lado direito da linha de tempo e crie um marcador de composição.
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.
Na linha de tempo, arraste e coloque a Comp A na Comp B.
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 Pro, 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 no Premiere Pro.
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.

Receba ajuda com mais rapidez e facilidade

Novo usuário?