Este é um recurso fácil de ser utilizado e que poupa tempo na hora de criar animações. Além desse recurso, vamos ver como alinhar a rotação de uma Layer de acordo com esse Path copiado para o Potition, através do recurso Auto-Orient do AE. E não será só isso, nas próximas postagens veremos como é fácil criar a tremida da flecha no momento do impacto com o Alvo e como recriar toda essa composição. Confiram!
O que vocês vão precisar?
- Adobe After Effects
Criando uma animação em Position através de um Path da ferramenta Pen Tool (G)
Conheceremos como criar uma animação com a ajuda dos recursos Path to Position e Auto-Orient, conseguindo assim criar uma animação como essa:
Passo 01
Antes de mais nada precisamos acertar o Anchor Point, para isso usamos a ferramente Pan Behind Tool (Y) disponível no Menu de ferramentas. Com essa ferramenta e a camada na qual aplicaremos o recurso Path to Position selecionadas, mudamos o ponto para onde será o centro de rotação dessa Layer, no meu caso a Comp da Flecha, desenhada no After.
Passo 02
Antes de criar um Path, inserimos um sólido preto (Layer>New>Solid) e desativamos ele na Timeline. Então desenhamos com a ferramenta Pen Tool (G) a trajetória que desejamos para nossa Flecha (Layer).
Passo 03
A próxima etapa consiste em copiar esse Path para o Position da Layer desejada. Para isso, com o sólido selecionado na Timeline apertamos a tecla M, e aparecerá as máscaras desse sólido, em nosso caso apenas a máscara que corresponde ao Path criado. Selecionamos o Mask Path e copiamos ele com um simples CTRL + C (CMD + C). Abrimos as propriedades da Flecha, selecionamos a Position e colamos (CTRL + V ou CMD + V). Serão criados tantos keyframes quantos forem os pontos criados no Path.
Se acharem que a animação ficou muito lenta, é só aproximar o último keyframe que o do meio irá se movimentar proporcionalmente. Deixei a distância de 15 frames entre o primeiro e o último keyframe.
Passo 04
Para alinhar a camada de acordo com o Path, e consequentemente ajustar sua rotação conforme o movimento, é só clicar com o botão direito do Mouse e ir em Transform>Auto-Orient. Na tela aberta, ajustem para Orient along Path.
Feito! A flecha terá um movimento de rotação conforme a curvatura do Path que criamos. Para deixar ainda mais bacana, dupliquem essa flecha várias vezes e movam os clones no keyframe final, criando uma rajada de flechas.
Considerações finais
Muito bem, com esta dica vocês acabaram de descobrir um atalho para animar seus objetos. Assim, além de criar máscaras e Paths, para desenhar linhas com Stroke, a ferramenta Pen Tool pode ser usada para desenhar o caminho que seus objetos deverão percorrer na composição. Espero que tenham gostado, nas próximas postagens veremos como fazer a flecha tremer ao se chocar com o Alvo, tudo isso de forma fácil e com uma ferramenta fácil de usar.
- O que acharam do recurso Path to Position? Será útil para seus trabalhos?
- Já conheciam o recurso Orient Along Path?
- Já haviam quebrado a cabeça para fazer uma animação como essas no After Effects?
Grande abraço e ótimas ideias a todos.
Parabéns mesmo,seus tutoriais trazem ideias.Continue postando,você está me ajudando muito parabéns mesmo cara.
Obrigado, esse é nosso objetivo, queremos que vocês aprendam essas técnicas e possam utilizá-las para dar vida às suas ideias. Continuaremos firmes e fortes aqui no blog toda semana.
Super fantástico, além de serem criativo ajuda muito com as dicas já sou fã da pagina. Parabéns!!
Obrigado William, fico feliz que o AEdicas esteja lhe ajudando. Continue acessando o Blog e deixe sempre seus comentários sobre nosso trabalho. Qq dúvida ou sugestão estamos por aí. Abraço.
Valeu bro, tô começando a mexer e curti muito. abs
Obrigado. Continue aprendendo conosco. Vlw
muito bom ajudou muito na melhoria dos movimentos
Legal!
Muito bom seu trabalho AE Dicas; sempre acompanho pois gosto muito de estar por dentro das ferramentas de composição que é o AE e de edições que é o Premiere, e suas dicas e aulas são essenciais para que eu possa aprender e me tornar um profissional da área obrigado Amigo abraços..
Fico muito feliz que você esteja gostando! Um abração e boas ideias!