por 
Assista ao tutorial
Passo 1: Desenhe um retângulo
Coloque seus clipes na timeline e leve o cursor de reprodução para o início. Na barra de ferramentas, clique e segure a ferramenta de formas e escolha a Rectangle Tool. Depois clique e arraste no Program Monitor para desenhar um retângulo em qualquer lugar da imagem. O Premiere o adiciona como um clipe Graphic em uma trilha acima do seu material.
Passo 2: Posicione a barra na borda inferior
Mude para a Selection Tool com V e arraste o retângulo até a parte de baixo do quadro. Estique-o pelas alças até cobrir toda a largura da imagem e ficar com a espessura que você quiser. Uma barra fina fica mais limpa do que uma grossa. O encaixe nas bordas do quadro ajuda a alinhá-la com precisão.
Passo 3: Deixe o gráfico do tamanho do seu vídeo
Uma barra de progresso só faz sentido se durar o vídeo inteiro. Na timeline, arraste o fim do clipe Graphic até chegar ao final do seu último clipe. No vídeo, o gráfico cobre os três clipes que ficam embaixo.
Passo 4: Mude a cor
Com o gráfico selecionado, abra o Effect Controls e expanda Shape (Shape 01) e depois Appearance. Clique na amostra de cor de Fill para abrir o Color Picker e escolha sua cor. O vídeo usa um vermelho vivo, mas você pode usar a cor da sua marca ou pegar uma cor do material com o conta-gotas. Deixe o Stroke desligado para uma barra limpa.
Passo 5: Defina o anchor point e desligue o Uniform Scale
Para a barra crescer da esquerda para a direita, ela precisa escalar a partir da borda esquerda. No Effect Controls, em Vector Motion, mova o Anchor Point para a ponta esquerda da barra (no vídeo isso é feito ajustando os valores de Anchor Point e mantendo Position de acordo). Depois desmarque Uniform Scale. Isso libera o Scale Width para você mudar só a largura, sem alterar a altura.
Passo 6: Anime o Scale Width
Vá para o primeiro quadro do gráfico, clique no cronômetro ao lado de Scale Width e defina o valor como 0, para a barra começar invisível. Depois pule para o último quadro do gráfico e defina Scale Width como 100. O Premiere cria o segundo keyframe automaticamente. Aperte a barra de espaço para reproduzir e veja a barra preencher a tela da esquerda para a direita ao longo de todo o vídeo.
Mais suave com o EaseFlow: selecione os keyframes de Scale Width e aplique uma curva de easing de verdade com um clique, em vez de arrastar alças Bezier. Conheça o EaseFlow
Dicas
- Mantenha linear para uma barra de progresso de verdade. Uma barra que cresce em velocidade constante acompanha o cursor de reprodução, enquanto uma barra com easing começa e termina devagar, o que lembra mais uma animação de carregamento.
- Faça uma animação de carregamento curta. Corte o gráfico para alguns segundos e anime Scale Width nesse tempo para ter uma barra de carregamento rápida para uma intro ou uma transição.
- Adicione uma segunda barra. Duplique o gráfico, mude a cor e coloque-o atrás do primeiro para criar um trilho que a barra preenche.
FAQ
Como fazer uma barra de carregamento no Premiere Pro?
Desenhe um retângulo com a Rectangle Tool, mova o Anchor Point para a borda esquerda, desmarque Uniform Scale e depois anime Scale Width com keyframes de 0 a 100.
Por que minha barra cresce do meio em vez da esquerda?
O Anchor Point ainda está no centro da forma. Mova o Anchor Point para a ponta esquerda da barra para que a escala comece dali.
Posso usar isso como barra de progresso de vídeo para YouTube ou TikTok?
Pode. Coloque a barra na parte inferior do quadro, estique o gráfico até a duração total do vídeo e anime Scale Width de 0 a 100 nesse intervalo.
Quer gráficos animados prontos que funcionam em poucos cliques? Confira nossos templates de motion graphics para Premiere Pro. Ver os templates
