Mock up AR Graphics com os efeitos após

Sep 11, 2025

Como

After Effects tem algumas ferramentas poderosas que podemos usar para imitar a realidade aumentada. Você pode achar isso necessário se, por exemplo, você queria fazer um vídeo de campo para mostrar o que um aplicativo com recursos de realidade aumentada poderia parecer.

43 Tutoriais surpreendentes de efeitos após

Para este tutorial, vamos usar imagens do Rio e alguns gráficos de mapa para se sobrepor na cidade. Devemos acabar com algo que se parece com isso:

Our final design should look like this — Nosso design final deve ficar assim

01. Familiarize-se com o rastreador da câmera 3D

Selecione a camada de imagens que você deseja rastrear e clique no botão da câmera de faixa no painel Tracker - você verá uma barra azul aparecer na filmagem que diz a análise. Para obter uma resolução melhor, clique em Análise detalhada no painel Controles de Efeitos para o rastreador da câmera 3D. Você também pode obter uma resolução melhor, especificando o tipo de tiro, se você souber qual deles você quer para o seu tiro em particular.

Na guia Avançado, você pode especificar o método de solução ou simplesmente deixá-lo definido como detecção automática. Escolher o método de solva correto pode, às vezes, resultar em uma melhor faixa do que usar a configuração automática padrão.

02. Resolva suas filmagens

Remove any points that are not using good data — Remova todos os pontos que não estão usando bons dados

Uma vez que sua câmera comece a resolver, você notará as alterações de cor do banner de azul para laranja, e quando terminar, o banner desaparecerá. Às vezes você pode obter pontos no céu ou em áreas que você pode dizer não está usando bons dados. Exclua esses pontos.

Selecione pelo menos três ou mais dos pontos que representam o plano do solo. Clique com o botão direito do mouse com os pontos selecionados e escolha Set Ground Plane & Amp; Origem. Com os mesmos pontos selecionados, clique com o botão direito do mouse e escolha Criar NULL & AMP; Câmera. Você agora resolveu suas imagens e se preparou para o sucesso com uma câmera e objeto nulo que podem ser usados como um ponto de referência.

03. Adicione um gráfico

This map marker will pop up inside the stadium — Este marcador de mapa aparecerá dentro do estádio

Agora você pode começar a adicionar gráficos à linha do tempo. Estou usando um marcador de mapa que eu quero aparecer de dentro do estádio. Edite o ponto de ancoragem do gráfico conforme necessário, portanto, a borda correta é usada para os dados de posição. No meu caso, movi o ponto âncora para o meio inferior usando a ferramenta Pan atrás (âncora).

Clique no botão 3D para a camada para que ele também possa mover no espaço Z. Selecione um ponto na foto onde você deseja que o gráfico apareça, clique com o botão direito do mouse no ponto e escolha Criar NULL. Agora copie os dados de posição desse null para a posição do seu gráfico, escale e matar o gráfico conforme necessário. Pode ser necessário digitar a máscara ao longo do tempo.

04. Integre gráficos maiores

This larger graphic covers the ground like a map — Este gráfico maior cobre o chão como um mapa

Agora você pode repetir o passo 03 para integrar mais gráficos. Por exemplo, você pode integrar algo ao longo de todo o plano terrestre, como um mapa. Para fazer isso, selecione vários pontos sobre a área do plano de terra. Nota: Para selecionar os pontos agora, você precisará realmente ter o efeito Tracker da câmera 3D selecionado no painel Controles de efeitos. Clique com o botão direito do mouse por esses pontos e crie um nulo.

Repita o processo de copiar dados e mover o ponto de ancoragem, se necessário. Desta vez você também deve copiar a orientação do nulo para o gráfico, então está deitado no chão. Você ainda pode precisar ajustar as coisas um pouco para fazer o gráfico se alinhar com as ruas na filmagem.

05. Adicione texto

Você também pode adicionar texto a seguir e fluir junto com a filmagem. Para o texto que só precisa rastrear objetos estáticos, como edifícios, você pode usar o mesmo método de correspondência em movimento conforme usadas para os marcadores e o mapa. Se você quiser que o texto segue junto com uma pessoa de caminhada ou dirigindo o carro, você já tem dois tipos de movimento envolvidos: o movimento da câmera e o movimento de dirigir ou caminhar.

Para esses tipos de faixas, usaremos uma abordagem de rastreamento mais tradicional. Com a filmagem selecionada, escolha a pista do painel Tracker. Para se preparar para a faixa, crie um objeto nulo e nomeie o rastreador de carros. Escolha um carro na estrada (você pode precisar aumentar o brilho e o contraste de suas filmagens para ver um).

06. Acompanhe objetos em movimento

Text can track static or moving objects — Texto pode rastrear objetos estáticos ou em movimento

Como os carros nesta filmagem são tão pequenos, não há dados suficientes para fazer uma faixa de dois pontos para obter dados de escala. Nós vamos ter que hackear isso um pouco! Proceda como se você estivesse apenas reunindo os dados de rastreamento X e Y.

Coloque o ponto de pista 1 em algo altamente visível como os faróis. Pode levar algum tempo para obter sua faixa correta, e você pode precisar consertar algumas partes à mão. Uma vez que sua faixa estiver pronta, é hora de aplicá-lo ao objeto NULL que criamos chamados de rastreador de carros. Volte para sua filmagem e selecione o efeito 3D Camera Tracker no painel Efeitos e Controles.

Escolha o ponto mais próximo para o lugar onde o carro começa, clique com o botão direito do mouse e crie um nulo. Renomeie este 'Z Start Zull'. Repita o passo de criação NULL para o ponto mais próximo possível para onde o carro termina e renomeie este 'Z End'. Agora, altere o objeto NULL Tracker de carro em um objeto 3D e adicione dois quadros-chave: uma chave com o valor Z do 'Z Start' null e outro no valor 'Z End'. Essas chaves devem estar no início e no final dos quadros-chave de rastreamento.

Finalmente, pai do texto que você quer acompanhar o carro para o tracker de carro. Alegrai-se que seu pequeno trabalho de hack atingiu os resultados que você queria!

07. Tweak seu trabalho

Use trim paths to animate your text boxes — Use caminhos de acabamento para animar suas caixas de texto

Se você precisar alterar qualquer coisa, selecione a propriedade de posição inteira e arraste o valor da posição. Isso mudará tudo em relação aos dados existentes para que você não acidentalmente faça uma solução para apenas um quadro.

Se você construiu suas caixas de texto em efeitos depois, tente usar caminhos de acabamento para animá-los na tela, pois eles se tornam relevantes para a ação. Anime seu texto também, talvez com um efeito de máquina de escrever ou processador de texto. Sinta-se à vontade para adicionar outros gráficos animados, conforme necessário para a composição.

Se você quiser obter o tutorial em detalhes, confira meu curso completo em Pluralsight: Usando o rastreador da câmera 3D e integrando gráficos em efeitos após .

Sobre pluralsight.

Pluralsight é uma plataforma de aprendizagem de tecnologia empresarial que oferece uma experiência unificada e final para acabar com as empresas em todo o mundo. Através de um serviço de assinatura, as empresas são capacitadas a se movimentar na velocidade da tecnologia, aumentando a proficiência, a inovação e a eficiência. Para uma avaliação gratuita e mais informações, visite www.pluralsight.com. .

Artigos relacionados:

Dicas de topo para dimensionar aplicativos AR em 2017
Como passar do Photoshop para After Effects
43 Tutoriais surpreendentes de efeitos após

Mock up AR Graphics com os efeitos após

01. Familiarize-se com o rastreador da câmera 3D

02. Resolva suas filmagens

03. Adicione um gráfico

04. Integre gráficos maiores

05. Adicione texto

06. Acompanhe objetos em movimento

07. Tweak seu trabalho

Sobre pluralsight.

Como - Artigos mais populares

Configurações de privacidade do Facebook: Como manter seu perfil privado

Designer de afinidade: Como usar a persona de exportação

Construa aplicativos móveis de plataforma cruzada com flutter do Google

Como desenhar reflexos metálicos

pintar golpes controlados e suaves com esboçável

Crie mensagens perfeitas em todos os clientes de email

Como construir mundos para o cinema

Fique criativo com retratos e face a liquify

Categorias