Tutoriais de Premiere Pro

Como criar uma animação de ícone girando no Premiere Pro

Faça um logo ou ícone girar com dois keyframes de Rotation no Premiere Pro e suavize o movimento para que ele acelere e termine com fluidez.

Motion GraphicsPremiere Pro
A dark blue app icon spinning against a bright teal and purple animated background in Premiere Pro

Assista ao tutorial

Passo 1: Adicione o ícone e abra o Effect Controls

Coloque o ícone na linha do tempo. Um PNG ou SVG com fundo transparente funciona melhor, e você pode colocá-lo sobre um clipe de fundo ou uma cor sólida. Clique no clipe do ícone para selecioná-lo e abra o painel Effect Controls (Window > Effect Controls). Abra a seção Motion se ela estiver fechada. Use Scale e Position se quiser dimensionar e posicionar o ícone antes.

Passo 2: Defina o primeiro keyframe de Rotation

Mova o cursor de reprodução para o início do clipe, onde você quer que o giro comece. Em Motion, clique no cronômetro ao lado de Rotation. Isso cria o primeiro keyframe com valor 0.

Effect Controls do Premiere Pro com o cronômetro de Rotation ativado no início do clipe e o ícone reto no Program Monitor

Passo 3: Gire o ícone em um ponto posterior

Avance o cursor até onde o giro deve terminar. Cerca de um segundo é um bom ponto de partida para um giro rápido. Agora altere o valor de Rotation. O Premiere Pro conta voltas completas além de graus, então você pode digitar um valor com várias voltas para uma animação rápida com vários giros. No vídeo, o ícone dá algumas voltas completas antes de parar. Um segundo keyframe aparece automaticamente e, ao reproduzir o clipe, o ícone gira.

O ícone no meio do giro no Program Monitor do Premiere Pro, com keyframes de Rotation no Effect Controls

Teste mais voltas para um giro mais rápido e mais intenso, e menos voltas para um mais calmo. Se terminar em um número inteiro de voltas, o ícone para na posição reta de novo, o que costuma ficar mais limpo.

Passo 4: Confira os dois keyframes

Olhe a área de keyframes no lado direito do painel Effect Controls. Você deve ver dois losangos na linha de Rotation: um no início e outro onde o giro termina. Você pode arrastar qualquer um para mudar a duração do giro. Keyframes mais próximos geram um giro mais rápido.

Dois keyframes de Rotation no Effect Controls do Premiere Pro com o ícone girado no Program Monitor

Passo 5: Suavize o giro no gráfico

Um giro linear tem velocidade constante e pode parecer duro. Clique na setinha ao lado de Rotation para abrir o gráfico de valor e velocidade. Selecione os keyframes, clique com o botão direito e escolha Temporal Interpolation > Ease In e Ease Out. Depois arraste as alças de Bézier para moldar a curva. Uma curva que começa rápida e desacelera até parar dá a clássica sensação de giro que se assenta.

Gráfico de valor e velocidade de Rotation no Effect Controls do Premiere Pro usado para suavizar o giro do ícone

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

Dicas

  • Giro na entrada e na saída. Segure Alt (Option no Mac) e arraste um keyframe para copiá-lo, assim você adiciona um giro equivalente no fim do clipe.
  • Use o ponto de ancoragem. A Rotation gira em torno do Anchor Point, então mantenha-o no centro do ícone, a menos que queira um balanço descentralizado.
  • Adicione escala. Anime o Scale de pequeno até o tamanho total enquanto o ícone gira, para um efeito de surgimento. Nosso guia de easing mostra como refinar.

FAQ

Como faço um ícone girar no Premiere Pro?

Selecione o ícone, adicione um keyframe de Rotation no início, avance e altere o valor de Rotation. O Premiere Pro anima o giro entre os dois keyframes.

Como deixo o giro mais rápido ou mais lento?

Aproxime os dois keyframes para um giro mais rápido ou afaste para um mais lento. Um valor de Rotation maior com o mesmo tempo também faz girar mais rápido.

Por que meu ícone gira em torno do ponto errado?

A Rotation usa o Anchor Point. Ajuste os valores do Anchor Point para que o ponto fique no centro do ícone.

Animações assim ficam melhores com easing de verdade, e o EaseFlow dá curvas reais com um clique. Baixe o EaseFlow para Premiere Pro