Tutoriais de Premiere Pro

Como fazer um balão de chat de iPhone no Premiere Pro

Crie um balão de chat animado estilo iPhone no Premiere Pro com as ferramentas Retângulo e Caneta, Horizontal Flip, Tint e uma animação de Scale suavizada.

Motion GraphicsPremiere Pro
Man relaxing on a bean bag with three iPhone style chat bubbles in blue and green over the video

Assista ao tutorial

Passo 1: Desenhe um retângulo

Coloque sua filmagem na linha do tempo. Na barra de ferramentas, clique na Rectangle Tool e arraste um retângulo simples no monitor Program onde você quer o balão. Ele aparecerá como uma camada gráfica na trilha acima do seu clipe.

Passo 2: Arredonde os cantos e escolha uma cor

Com a forma selecionada, abra o painel Essential Graphics (Window > Essential Graphics) e vá para a aba Edit. Na seção Align and Transform, aumente o valor de Roundness até o retângulo virar uma forma de pílula suave. No vídeo, fica em torno de 150. Depois role até Appearance, clique na caixa de cor cinza de Fill e escolha a cor que preferir, como o clássico azul-claro.

Valor Roundness na seção Align and Transform do painel Essential Graphics do Premiere Pro

Passo 3: Adicione a ponta com a ferramenta Caneta

Clique no espaço cinza vazio da linha do tempo para desmarcar tudo. Depois escolha a ferramenta Pen na barra de ferramentas e clique no monitor Program para desenhar um pequeno triângulo no canto inferior do retângulo. Feche a forma clicando no primeiro ponto. Dê a ela a mesma cor de preenchimento para que o triângulo se funda ao balão e vire a ponta.

Pontos de ancoragem da ferramenta Pen desenhando uma ponta triangular no canto de um retângulo arredondado azul no monitor Program do Premiere Pro

Passo 4: Una as formas em um único balão

O retângulo e o triângulo ainda são duas camadas separadas. Clique em uma na linha do tempo, segure Shift e clique na outra, depois clique com o botão direito e escolha Nest. Dê um nome e clique em OK. Agora seu balão de chat é um único clipe que você pode mover, redimensionar e animar como um só objeto.

Menu de clique direito em duas camadas gráficas selecionadas na linha do tempo do Premiere Pro com a opção Nest

Passo 5: Duplique o balão para a resposta

Segure Alt (Option no Mac) e arraste o balão aninhado uma trilha para cima para duplicá-lo. No monitor Program, dê um clique duplo no balão de cima e mova-o um pouco para baixo. Em seguida, procure Horizontal Flip no painel Effects, aplique ao balão de cima e reposicione-o, para que a ponta aponte para o outro lado, como a resposta de outra pessoa.

Mais rápido com o BetterFX: dispense o painel Effects. Aperte seu atalho do BetterFX, digite as primeiras letras de Horizontal Flip e aperte Enter para aplicá-lo ao clipe selecionado. Baixe o BetterFX

Para dar à resposta uma cor própria, aplique o efeito Tint a essa camada de cima. Em Effect Controls, clique nas amostras de cor ao lado de Map Black To e Map White To e escolha as cores que quiser. O vídeo usa verde para o segundo balão.

Efeito Tint com Map Black To e Map White To e um Color Picker verde aberto no Premiere Pro

Passo 6: Adicione as mensagens

Use a ferramenta Type para escrever a mensagem do primeiro balão, depois clique de novo no espaço cinza da linha do tempo e escreva a segunda mensagem. Deixe cada texto bem posicionado dentro do seu balão. Para manter cada mensagem junto do seu balão, selecione um balão e o texto dele (segure Shift para selecionar os dois), clique com o botão direito, escolha Nest e clique em OK. Repita para o segundo balão e o texto dele.

Passo 7: Anime a aparição

Aplique o efeito Transform ao balão de baixo. Em Effect Controls, abra Transform, clique no cronômetro ao lado de Scale para criar um keyframe e defina um segundo valor para que o balão vá de 0 (invisível) ao tamanho total em poucos quadros. Selecione os dois keyframes, clique com o botão direito em um deles e escolha Ease In, depois clique com o botão direito de novo e escolha Ease Out. Isso deixa a aparição suave em vez de mecânica.

Menu de clique direito nos keyframes de Scale no painel Effect Controls do Premiere Pro com as opções Ease In e Ease Out

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

Por fim, clique na palavra Transform em Effect Controls, pressione Ctrl + C (Cmd + C no Mac) para copiar, selecione o segundo balão e pressione Ctrl + V. A animação agora está nos dois balões. Se você não quiser que eles apareçam no mesmo momento, arraste o segundo balão um pouco mais para a frente na linha do tempo.

Dicas

  • Escalone as mensagens. Deslocar o segundo balão em meio segundo dá a impressão de uma conversa de verdade.
  • Mantenha os textos curtos. Mensagens curtas são lidas mais rápido e cabem melhor no balão.
  • Adicione um som. Um som de mensagem ou de whoosh em cada balão deixa a animação muito mais real.

FAQ

Como faço um balão de chat no Premiere Pro?

Desenhe um retângulo com a Rectangle Tool, arredonde os cantos em Essential Graphics, adicione uma ponta triangular com a ferramenta Pen e aninhe as duas formas juntas.

Como espelho um balão de chat para ele apontar para o outro lado?

Aplique o efeito Horizontal Flip ao balão duplicado e reposicione-o, para que a ponta aponte para o lado oposto.

Como faço os balões aparecerem de forma suave?

Anime o Scale de 0 ao tamanho total com keyframes e adicione Ease In e Ease Out a eles. Para saber mais, leia nosso guia sobre suavização de keyframes no Premiere Pro.

Quer uma versão pronta? Experimente o template de animação de notificação e arraste direto para o seu projeto.