X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Criar banner Swinging Em After Effects
Traduzido pelo Google Translate

Eu vi um efeito recentemente em alguns lugares diferentes que simula uma série de cartões conectado balançando para baixo e chegando a um resto de uma forma muito natural. Eu fui em ver se eu conseguia descobrir como isso foi feito.

Depois de algumas buscas no Google eu encontrei expressão Dan Ebbert do Pendulum (o guru de expressões). Essa expressão é perfeita para este efeito, uma vez que simula o decaimento exponencial de um objeto balançando.


Passo 1

Primeiro-se Ive criou três Comps feita de um sólido laranja e uma camada de texto, uma para cada palavra.

three comps


Ive alinhado-los no meu comp principal para se juntar theyre e os fez 3D. Observe o ponto de âncora de cada comp está alinhado ao topo do comps. Este é o nosso eixo de swing. Ive acrescentou um par de luzes, também.

swing axis


Passo 2

Agora eu estou indo para o pai as camadas usando o chicote de escolher. Camada 4 (Pro) é pai de Layer 3 (Mac) e Camada 5 (Video) para a camada 4.

Using the pick whip


Ive feito isso para as camadas de ficar juntos, mesmo quando eles são individualmente rodado no eixo X.

Layers now stick together


Passo 3

Então, agora eu sei que isso é trabalhar Im indo para adicionar a expressão Pendulum para o meu superior (Mac) comp. Eu faço isso por Option-clicar o cronômetro para Rotação X.

Option-clicking the stopwatch for X Rotation


Passo 5

Heres a expressão Pendulum encontrado em Dans local que está cheio de goodies expressão útil.

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7; 
  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


A expressão em si é bastante simples. Nós temos três variáveis: -

  • veloc (velocity) = The initial speed of the swing.
  • amplitude = The angle the initial swing will reach before it starts to decay.
  • decay = This is like resistance. The lower the value the longer the the swing will take to decay. 


E depois um pouco de matemática que cria o efeito!

  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


Enquanto não vou para decompô-lo em qualquer comprimento vou mostrar-lhe como ele pode ser manipulado para servir o nosso propósito. Eu posso dizer-lhe que a primeira metade ....

  • amplitude*Math.sin(veloc*time)

... Lida com o movimento ou swing usando uma curva parabólica de uma onda senoidal em relação ao tempo que é então dividido por ....

  • Math.exp(decay*time)

... Que usa uma curva exponencial para diminuir a amplitude da onda senoidal (ou swing).


Passo 6

A primeira coisa que precisamos para lidar com é a parte Math.sin. Isto determina onde a curva do balanço começa.

Determine the curve swing


Usando o pecado (onda senoidal) significa que a ação vai começar a balançar no centro (0) e se mover para fora, para o valor de amplitude (90) como visto neste clipe. Observe que como a expressão é aplicada ao Comp topo na cadeia todas as camadas parented seguir este Comp. Quando eu adiciono a expressão final para as outras camadas que ainda vai balançar de forma independente.

[Video id = "10659"]


Nós não queremos isso. Queremos que ele comece no valor de amplitude e swing dentro Nós podemos remediar esta mudando pecado cos (cosseno).

  • amplitude*Math.cos(veloc*time)/Math.exp(decay*time)

Você pode ver na imagem abaixo como co-seno inicia sua curva a partir do valor de amplitude (90) e mover para o centro (0).

sin-cos

sin-cos

Agora temos os cartões em um ângulo inicial de 90 graus!

Cards start at 90 degrees


Passo 7

Agora, se você aplicar a expressão a todos os Rotação X do Comps você pode ver estamos recebendo um efeito balançando em todos os Comps.

[Video id = "10656"]


O único problema aqui é que o movimento é uniforme em todos os Comps. Eu quero criar algo um pouco mais aleatório e tumbling. Então agora eu preciso criar uma maneira de compensar essa expressão no tempo. O que Id realmente gosto de fazer é compensar o início das camadas para que eles não aparecem todos de uma só vez, mas temos um problema.

O aspecto do tempo da expressão é correr o Comp mestre. Isso significa que mesmo se eu compensar a camada a expressão será executado a partir Frame 0 (00:00:00:00) independentemente. Isto significa que quando a camada aparece a expressão será a meio do seu ciclo.

Podemos remediar isso de novo, criando uma outra variável. A sua vai ficar assim:

  • startT = thisLayer.startTime;

Isto torna-se o horário de início da minha camada de offset e armazena na variável. Eu posso subtrair a isso a partir do valor pela primeira vez em nossa expressão que lida com o início da curva, a nossa co-seno. Este será parecido com este.

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

I can the subtract this from the first time value in our expression that deals with the start of the curve, our cosine.


Agora, se eu compensar o tempo da minha camada, que é subtraído compensado ea expressão nessa camada a camada pensa começa no Frame 0 (00:00:00:00) ou o início de sua curva.


Passo 8

Então, aqui podemos ver a camada de offset. A camada Pro é visível neste momento no tempo, mas a sua em um ângulo de 90 graus e escondido por trás da camada MAC.

Pro layer is hidden


Aqui você pode ver Ive added a expressão terminou ....

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7;
  • startT = thisLayer.startTime;

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

... Para todas as camadas e compensar as duas camadas inferiores no tempo.

Final expression


O efeito é agora muito mais aleatória na forma como as camadas interagem quando eles swing. heres a demo terminou.

[Video id = "10660 ']


A beleza é que, ao fazer a expressão mais genérica no modo como ele lida com o horário de início das camadas compensado pode ser facilmente copiados para camadas porém muitos que gostam de produzir efeitos em cascata.

Você também pode facilmente amarrar as quantidades variáveis ​​de sliders expressão em uma camada de controle para ajustar o tempo total do efeito como um todo.

Isso vai mostrar que as expressões podem ser usadas como uma ferramenta muito eficaz para animações simples como este que de outra forma ter muito tempo para quadro-chave.

Baixe o arquivo de projeto aqui.


Toby Pitman

Toby Pitman | Articles by this author

For the past 20 years Toby has worked as a professional guitarist, programmer and producer. Clients include Sir Paul McCartney, George Michael, Shirley Bassey, Yusuf Islam, Giles Martin as well as the London 2012 Olympic Ceremonies. He has also worked extensively in TV, Advertising and Film. As well as composing himself he has also worked alongside many composers like David Arnold, Clint Mansell and Simon Franglen on many major film releases. An expert in synthesis and sound design Toby has also lectured for Apple on their Logic Pro music software which he has used since its days on the Atari. He has also worked as an educator for the International Guitar Foundation and the Brighton Institute of Modern Music teaching guitar. In his spare time (of which there is very little) he moonlights as a motion graphics artist specialising in Cinema 4D and After Effects.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link