Repetindo animação em movimento

• Pode 6, 2024

Existem vários métodos para repetir um comportamento no Apple Motion. Mas se você quiser controle completo sobre a animação, poderá construí-la usando quadros-chave e a linha do tempo e repetir / repetir a animação usando o Keyframe Editor. Vamos percorrer as etapas.

Criaremos uma animação Bokeh simples usando 5 círculos, que controlaremos individualmente na Linha do tempo. Já temos uma imagem de plano de fundo para a animação, que é um post gráfico do Instagram de 1080 x 1080 px, que eu costumava anunciar um post sobre o Adobe Spark. A foto, o retângulo vermelho e o texto em branco foram achatados e importados para o Motion. A foto tem uma pequena área de Bokeh, que será aprimorada com a nossa animação.

Abra o Motion 5 e vamos começar.

1. Inicie um novo projeto com as seguintes configurações (veja a captura de tela).
   
   Predefinição: Personalizado
   Resolução: 1080 x 1080 pixels
   Ordem dos campos: Padrão - Primeira ímpar superior
   Proporção: Quadrado
   Taxa de quadros: 30 qps
   Duração: 3:00
   Código de tempo
   
   
2. Com o Playhead no primeiro quadro, clique em Arquivo - Importar e escolha a imagem de fundo. A imagem deve abranger toda a linha do tempo. Renomeie o grupo padrão para "art".
   
   Os círculos de Bokeh na imagem são brancos e vermelhos. Então, essas são as cores que usarão, dando a aparência de que nossa animação é realmente parte da foto "ganhando vida".
   
   
3. Com a ferramenta Círculo e mantendo pressionada a tecla Shift, desenhe um círculo do mesmo tamanho que o círculo no Bokeh na foto (veja a captura de tela).
   
   
4. Selecione a guia Forma no Inspetor.
   
   
5. Marque a caixa ao lado de Preencher e defina a caixa Cor de preenchimento como branca.
   
   
6. Na seção Estrutura de tópicos, defina a Cor do pincel para branco, a Largura para 3 a 15 e a Opacidade do pincel para 40 - 50%. Isso suavizará a borda do círculo (veja a captura de tela).
   
   Agora que temos as configurações de forma que queremos, podemos criar a animação. Vamos diminuir / diminuir o preenchimento e o contorno da forma usando a propriedade Opacidade.
   
   
7. Com o círculo ainda selecionado, vá para a guia Propriedades.
   
   
8. Com o Playhead no primeiro quadro da Linha do tempo, clique no ícone Keyframe da propriedade Opacity. Mantenha o controle deslizante Opacidade definido como 100% (veja a captura de tela).
   
   Agora diminuiremos o círculo em mais de 1/2 segundo (15 quadros).
   
   
9. Mova o Playhead para o quadro 15 e clique no ícone Opacity Keyframe na guia Propriedades novamente.
   
   
10. Mova o controle deslizante Opacidade para 0% para diminuir o círculo.
    
    
11. Mova o Playhead para o quadro 30 e adicione um quadro-chave. Defina o controle deslizante Opacidade de volta a 100% para desaparecer no círculo.
    
    Agora, temos o quadro-chave de animação básica de 1 segundo (30 quadros) fade in / out, mas queremos que ele repita os 3 segundos inteiros da Linha do tempo. Usaremos o Editor de linha do tempo para fazer isso.
    
    
12. Com o Playhead definido no último quadro da nossa animação (quadro 30), clique com o botão direito do mouse no triângulo do quadro-chave e escolha Mostrar no Editor de quadros-chave no menu (veja a captura de tela).
    
    
13. Você verá o Keyframe Editor aberto na Linha do tempo.
    
    
14. Clique na seta na camada do círculo para abrir a propriedade Opacidade de mesclagem.
    
    
15. Clique na seta na borda direita da camada Blending Opacity e escolha After Last Keyframe - Repeat no menu (veja a captura de tela).
    
    
16. Mova o Playhead para o quadro 1 e teste a animação. O círculo deve piscar três vezes.
    
    
17. Agora, você pode repetir o processo por mais alguns círculos. Defina os quadros-chave na linha do tempo em vários locais (veja a captura de tela).
    
    Círculo Um: Quadro 1 - Quadro 15 - Quadro 30
    Círculo Dois: Quadro 1 - Quadro 40 - Quadro 110
    Círculo Três: Quadro 1 - Quadro 25 - Quadro 45
    Círculo Quatro: Quadro 1 - Quadro 12 - Quadro 24
    Círculo Cinco: Quadro 1 - Quadro 9 - Quadro 18
    
    

Normalmente, eu obtenho melhores resultados exportando a animação do Motion como um arquivo de vídeo .mov. Em seguida, abra o arquivo .mov no HandBreak para compactá-lo em um arquivo .mp4 pronto para ser carregado no Instagram.

Ver a publicação no Instagram

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie e Mac são marcas comerciais da Apple Inc., registradas nos EUA e em outros países. CoffeBreakBlog é uma publicação independente e não foi autorizada, patrocinada ou aprovada pela Apple Inc. Capturas de tela usadas com permissão.

Instruções De Vídeo: SolidWorks - Fazendo Animação com Movimento de Camera em formato de video no Motion Study (Pode 2024).