A criação de presets de animação no After Effects abre uma variedade de possibilidades criativas. Seja para interfaces futuristas, gráficos animados ou elementos interativos – você pode otimizar a funcionalidade e o design das suas animações de acordo com sua preferência. Neste tutorial, você aprenderá como projetar um painel inovador e futurista, renderizá-lo e salvar o resultado como um preset. Vamos começar!
Principais pontos
- Você vai aprender como criar e ajustar uma forma.
- Você descobrirá como usar máscaras para criar designs complexos.
- O uso de expressions permite animações dinâmicas.
Guia passo a passo
Comece abrindo um novo projeto no After Effects e seguindo os passos abaixo.
Criando a forma básica
Primeiro, abra a ferramenta Ellipse. Se você ainda não a ativou, vá até a janela de ferramentas e selecione a ferramenta Ellipse. Para criar um círculo perfeito, mantenha a tecla Shift pressionada enquanto arrasta o mouse. Coloque o círculo no centro da sua composição e certifique-se de que a cor esteja transparente, ajustando as opções de preenchimento.
Para centralizar o ponto âncora do círculo, ative a função de Alinhamento. Clique nela para garantir que tudo permaneça na posição correta.
Criando a máscara
Depois de posicionar o círculo, você precisa criar uma máscara. Selecione a camada e pressione as teclas Shift + Ctrl + N (ou Command + N no Mac) para criar uma nova máscara. Você pode ajustar a máscara editando os pontos de ancoragem. Mantenha a tecla Alt pressionada e clique em um dos pontos para ativá-lo. Assim, você pode modelar a máscara de acordo com sua visão.
Escolha “Subtrair” nas opções de máscara, para que a área interna seja recortada. Duplique a máscara para criar efeitos variados.
Adicionando animação
Para dar vida à sua composição, vamos adicionar uma rotação. Selecione a camada e pressione a tecla R para abrir a rotação. Mantenha a tecla Alt pressionada enquanto clica no relógio, para criar uma expressão. Escreva a expressão wiggle(2,40) para gerar um movimento dinâmico.
Se você quiser aumentar a animação, pode ajustar os valores tanto para frequência quanto para amplitude. Valores mais altos geram uma animação mais vibrante.
Ajustando a animação
Para aprimorar a animação, brinque com diferentes valores para a rotação, a fim de alcançar a visualização desejada. Você pode ajustar a velocidade da rotação de acordo com quão sutil ou dramático deseja que o efeito seja.
Criando o botão
Agora vamos criar um botão. Duplique a elipse e redimensione-a usando a tecla S. Posicione o botão para que se encaixe bem no design.
Assegure-se de que o botão tenha uma impressão visual atraente. Você pode fazer isso ajustando as cores e adicionando sombreamentos, se necessário.
Animação interativa
Agora vamos integrar a interatividade. Desenhe um retângulo simples que represente o dedo e anime esse dedo para apertar o botão. Crie keyframes para a posição do retângulo que representem uma pressão natural no botão.
Mude a posição do botão para que ele volte levemente quando for pressionado. Isso dará ao usuário o feedback de que uma ação foi realizada.
Criar a composição
Selecione todos os elementos e pressione Shift + Ctrl + C para criar uma composição. Dê um nome à composição e garanta que todos os elementos estejam organizados de forma clara. Isso é importante para etapas futuras, pois facilitará a exportação.
Renderização
Se tudo estiver do seu agrado, é hora de renderizar o projeto. Vá para as configurações de exportação e selecione RGB + Alpha. Defina as opções de renderização para QuickTime e a qualidade para 100%.
Seu preset de animação está agora criado! Você pode salvá-lo e reutilizá-lo sempre que precisar. É útil criar presets tão práticos, pois economizam tempo e otimizam seus fluxos de trabalho.
Resumo - Criando e aplicando presets de animação no After Effects
Neste tutorial, você criou, animou e salvou um painel futurista usando o After Effects. Esta técnica permite que você crie suas animações de forma efetiva e as reutilize.
Perguntas frequentes
Como crio uma forma no After Effects?Use a ferramenta Ellipse e arraste com a tecla Shift pressionada para criar um círculo perfeito.
O que são máscaras e como usá-las?Máscaras permitem que você recorte áreas específicas de uma forma. Você pode editar pontos de ancoragem e usar diferentes funções de máscara como “Subtrair”.
Como implemento animações no After Effects?Você pode criar animações adicionando keyframes ou usando expressions, como a função wiggle, para gerar efeitos dinâmicos.
O que significa RGB + Alpha ao renderizar?RGB + Alpha significa que você deseja renderizar tanto as informações de cor (RGB) quanto a transparência (Alpha) do seu projeto.
