Assista ao tutorial
Passo 1: Desenhe o corpo do interruptor
Escolha a Rectangle Tool na barra de ferramentas, depois clique e arraste no Program Monitor para desenhar um retângulo. Mantenha a camada de forma selecionada e abra Window > Essential Graphics se o painel não estiver visível. Clique na aba Edit.
Passo 2: Arredonde os cantos
Em Essential Graphics, encontre o valor de corner radius ao lado da largura e da altura. Aumente até o máximo, que é 1000. O retângulo vira uma pílula, que é o corpo do interruptor. Confirme que o Fill é um cinza escuro, como um interruptor de iPhone desligado. Para mudar o tamanho, escolha a Selection Tool e arraste as alças da forma.

Passo 3: Adicione o círculo branco
Clique na área cinza vazia da timeline para desmarcar a camada. Depois clique e segure a ferramenta de forma na barra de ferramentas e escolha a Ellipse Tool. Segure Shift enquanto arrasta no Program Monitor para desenhar um círculo perfeito. Em Essential Graphics, mude a cor de Fill para branco. Use a Selection Tool para mover o círculo até a ponta esquerda da pílula e ajuste o tamanho para ele caber certinho dentro.

Passo 4: Anime o círculo com keyframes de Position
Selecione a camada do círculo e abra Effect Controls. Mova o cursor para o ponto em que o interruptor deve começar a se mover e clique no cronômetro ao lado de Position para criar um keyframe. Avance até o ponto em que a animação deve terminar e altere o valor de Position para que o círculo fique na outra ponta da pílula. Para deixar mais rápido, arraste os dois keyframes para mais perto um do outro.

Passo 5: Suavize o movimento
Um interruptor de verdade acelera e desacelera suavemente. Selecione os dois keyframes, clique com o botão direito em um deles e escolha Temporal Interpolation > Ease In. Depois faça o mesmo e escolha Ease Out. Para ter mais controle, clique na setinha ao lado de Position para abrir o gráfico de velocidade. Selecione os keyframes para mostrar as alças e modele a sua própria curva de velocidade.
Mais suave com o EaseFlow: selecione os keyframes e aplique uma curva de easing de verdade com um clique, em vez de arrastar as alças Bezier. Conheça o EaseFlow
Passo 6: Adicione o efeito Tint
Agora o interruptor deve ficar verde quando for ligado. Abra o painel Effects, procure por Tint (em Video Effects > Color Correction) e aplique na camada de baixo, a pílula.

Mais rápido com o BetterFX: pule o painel Effects. Pressione o atalho do BetterFX, digite as primeiras letras de Tint e pressione Enter para aplicar ao clipe selecionado. Baixe o BetterFX
Passo 7: Crie keyframes na cor
Antes de mudar qualquer cor, alinhe o cursor com a sua animação. Selecione o clipe de cima, abra Effect Controls e vá para o primeiro keyframe com a seta ao lado de Position. Depois selecione a camada de baixo novamente e clique nos cronômetros ao lado de Map Black To e Map White To para criar keyframes com as cores originais.
Selecione a camada do círculo de novo e mova o cursor para o último keyframe. Agora volte à camada de baixo e defina Map White To como um verde vivo. Defina Map Black To como um verde mais escuro. Você pode escolher qualquer outra cor. Dê play e o interruptor desliza e fica verde ao mesmo tempo.

Dicas
- Agrupe as camadas. Aninhe (Nest) a pílula e o círculo para mover ou redimensionar o interruptor inteiro como um único objeto.
- Adicione um som de clique. Um clique bem curto quando o círculo se move deixa a animação mais real.
- Inverta. Duplique o aninhamento e vire-o para o interruptor desligar de novo.
Perguntas frequentes
Como faço uma forma de pílula no Premiere Pro?
Desenhe um retângulo e depois aumente o corner radius em Essential Graphics até o valor máximo.
Como desenho um círculo perfeito no Premiere Pro?
Selecione a Ellipse Tool e segure Shift enquanto arrasta no Program Monitor.
Como animo uma mudança de cor no Premiere Pro?
Aplique o efeito Tint e crie keyframes nas cores Map Black To e Map White To no início e no fim da animação.
Procurando gráficos animados prontos? Veja os Motion Graphic Templates.







