Tutoriais de Premiere Pro

Como fazer uma animação de mapa de viagem no Premiere Pro

Anime uma rota brilhante em um mapa-múndi no Premiere Pro com a ferramenta Pen, um traçado e os keyframes de Right do efeito Crop.

Motion GraphicsPremiere Pro
Glowing red route line curving across a black and white world map, made in Premiere Pro

Uma animação de mapa de viagem mostra uma linha brilhante correndo de um lugar a outro em um mapa-múndi. É um clássico dos vlogs de viagem e dos vídeos explicativos, e você pode criá-la no Premiere Pro com Pen Tool e o efeito Crop. Este tutorial percorre a animação de mapa de viagem no Premiere Pro do primeiro clique até o suavizado final.

Assista ao tutorial

Passo 1: Selecione Pen Tool

Coloque a imagem do seu mapa na timeline. Depois selecione Pen Tool na barra de ferramentas ou pressione P.

Pen Tool destacada na barra de ferramentas do Premiere Pro

Passo 2: Desenhe a rota

No monitor Program, vá até o ponto de partida da animação e clique com o botão esquerdo. Depois vá até o destino final e mantenha o botão esquerdo do mouse pressionado enquanto arrasta. Ao arrastar, surge uma alça que permite curvar o caminho do jeito que você quiser.

Caminho desenhado com Pen Tool da América do Norte até o Oriente Médio em um mapa-múndi no Premiere Pro

Passo 3: Transforme a forma em uma linha

Verifique se a nova camada de gráfico está selecionada e abra Effect Controls. Expanda Shape e, em Appearance, desative Fill e ative Stroke. Agora você tem uma linha branca. Aumente a largura do traçado para deixá-la maior. No vídeo, ela fica em torno de 29. Se a linha parecer estranha nas pontas, mude a opção do traçado para Inner ou Center em vez de Outer.

Fill desativado e Stroke ativado com uma linha branca curva no mapa em Effect Controls do Premiere Pro

Passo 4: Mude a cor da linha

Clique na amostra de cor de Stroke e escolha a cor que quiser. O vídeo usa vermelho, que se destaca em um mapa preto e branco. Clique em OK.

Color Picker usado para escolher um Stroke vermelho para a linha do mapa no Premiere Pro

Passo 5: Adicione Crop e anime o valor Right

Para a linha se desenhar sozinha, abra o painel Effects, busque Crop e aplique-o à camada de forma. Em Effect Controls, vá até o início do clipe e clique no cronômetro ao lado de Right para criar um keyframe. Depois aumente o valor de Right até a linha ficar oculta.

Em seguida, avance até o ponto em que a animação deve terminar e diminua o valor de volta para perto de 0%, para que a linha fique totalmente visível de novo. Agora a linha cresce do ponto de partida até o destino.

Mais rápido com BetterFX: pule o painel Effects. Pressione seu atalho do BetterFX, digite as primeiras letras de Crop e pressione Enter para aplicá-lo ao clipe selecionado. Baixe o BetterFX

Efeito Crop com o valor Right em Effect Controls do Premiere Pro revelando uma linha vermelha no mapa

Passo 6: Suavize a animação

Para suavizar a animação, selecione os dois keyframes, clique com o botão direito em um deles e escolha Ease In, depois faça o mesmo para Ease Out. Agora a linha acelera e desacelera com suavidade, em vez de se mover em velocidade constante.

Mais suave com EaseFlow: selecione os keyframes e aplique uma curva de easing de verdade com um clique, em vez de arrastar alças Bezier. Conheça o EaseFlow

Dicas

  • Adicione um brilho. O exemplo final tem um brilho vermelho suave em volta da linha. Experimente nosso efeito de brilho.
  • Encadeie várias rotas. Desenhe uma nova linha para cada trecho da viagem e comece cada uma quando a anterior terminar.
  • Ajuste a velocidade à narração. Uma animação mais longa combina com uma distância longa.

FAQ

Como faço uma linha se desenhar sozinha no Premiere Pro?

Aplique o efeito Crop à linha e crie keyframes no valor Right, de um valor alto até 0%.

Como curvo a linha?

Com a ferramenta Pen, clique no ponto de partida e depois clique e arraste no destino para puxar uma alça curva.

Por que minha linha parece estranha?

Mude o alinhamento do traçado de Outer para Inner ou Center.

Quer uma animação pronta em estilo de mapa? Confira nosso projeto Smooth Graph Animation.