por 
A rolagem suave de um site é uma ótima forma de mostrar uma loja, um portfólio ou um app dentro de um vídeo. No Premiere Pro você captura a página web inteira como uma imagem alta e depois anima a posição dela com keyframes e uma curva de easing, para ela deslizar em vez de pular.
Assistir ao tutorial
Passo 1: Instale uma extensão de captura de página inteira
Para ter a página inteira em uma única imagem, você precisa de uma extensão de captura de tela de página inteira. O tutorial usa a extensão gratuita do Chrome GoFullPage - Full Page Screen Capture, com o link na descrição do vídeo. Instale pela Chrome Web Store e ela aparece no menu de extensões do navegador.
Passo 2: Capture a página web
Abra o site que você quer mostrar, clique no ícone de Extensions e depois no ícone de câmera do GoFullPage. Ele tira várias capturas da página inteira e as une em uma imagem longa. Quando terminar, você pode baixá-la como PDF ou PNG. Escolha Download image (PNG).
Passo 3: Coloque a imagem no Premiere Pro
Importe o PNG e arraste para a timeline. Aumente a escala e posicione para que o topo da página preencha o quadro, que é a sua posição inicial. Funciona melhor quando a largura da imagem é igual à largura do vídeo.
Mais rápido com o QuickPaste: copie a imagem e cole direto na timeline com um atalho, sem precisar salvar e importar um arquivo antes. Conheça o QuickPaste
Passo 4: Adicione o efeito Transform e um keyframe de Position
Procure Transform no painel Effects (Video Effects > Transform) e arraste para a imagem. No Effect Controls, abra a seção Transform, mova o cursor para o início e clique no cronômetro ao lado de Position para criar o primeiro keyframe. Depois avance na timeline e arraste a imagem para cima, ou altere o valor de Position, até chegar à parte da página em que você quer terminar. O Premiere Pro adiciona o segundo keyframe automaticamente.
Passo 5: Suavize a rolagem com Ease Out
Selecione os keyframes, clique com o botão direito em um deles, escolha Temporal Interpolation e depois Ease Out. A rolagem agora começa em velocidade total e desacelera até parar suavemente, o que fica muito mais natural do que um movimento linear.
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 Bezier. Conheça o EaseFlow
Passo 6: Ajuste a curva de velocidade e adicione motion blur
Para ter controle total, expanda a seta ao lado de Position e clique em um keyframe para mostrar o gráfico de velocidade e suas alças. Arraste as alças para criar sua própria curva. Só não puxe as alças para cima, pois isso faz a imagem passar do ponto e estraga a animação. Para mais realismo, desmarque Use Composition's Shutter Angle no efeito Transform e aumente o Shutter Angle para adicionar motion blur enquanto a página rola.
Dicas
- Capture em uma janela larga. Uma janela de navegador maior dá uma imagem mais nítida quando ela é ampliada no Premiere Pro.
- Role em pequenas seções. Em páginas muito longas, adicione mais keyframes para a página pausar em cada parte.
FAQ
Como faço um site rolar no Premiere Pro?
Capture a página inteira como um PNG, adicione o efeito Transform e anime sua Position com keyframes do topo ao fim da imagem; depois suavize os keyframes.
Por que minha rolagem fica travada?
Keyframes são lineares por padrão. Aplique Ease Out ou uma curva de easing e adicione um pouco de motion blur pela configuração Shutter Angle.
Preciso do efeito Transform?
É o jeito recomendado. A Position dele age na própria imagem e dá acesso ao Shutter Angle para o motion blur.
Procurando assets animados para mostrar ao lado da sua página? Veja nossos templates de motion graphics.
