0:00:07.771,0:00:11.467
Que tal criar animações dinâmicas[br]e cheias de impacto?

0:00:11.467,0:00:12.326
Para isso,

0:00:12.326,0:00:18.318
vamos explorar os efeitos de Parallax,[br]Loop e Zoom no mesmo projeto.

0:00:18.318,0:00:19.790
Vamos seguir o passo a passo?

0:00:19.790,0:00:24.739
Com a composição aqui já criada,[br]eu vou importar as camadas.

0:00:24.739,0:00:33.293
"Import", "file"[br]e vamos trazer esse "parallax car".

0:00:33.293,0:00:39.672
"Composition Retain Layer",[br]para vir com as layers separadas,

0:00:39.672,0:00:44.778
e abriu aqui as nossas camadas.

0:00:44.778,0:00:51.985
Vamos pegar todas[br]e trazer para a nossa timeline.

0:00:51.985,0:00:53.973
Deixa eu ver se está tudo aqui.

0:01:02.993,0:01:07.567
Aqui temos o background[br]que vem para trás.

0:01:07.567,0:01:12.205
Vou até renomear aqui de "BG".

0:01:12.205,0:01:14.474
Nome clássico.

0:01:14.474,0:01:18.645
Aí as árvores ficam em cima.

0:01:18.645,0:01:21.361
Vou separar aqui[br]para visualizar os nomes.

0:01:24.591,0:01:29.856
A estrada vem para cá.

0:01:29.856,0:01:35.361
Essa camada vai fazer tudo separado.

0:01:35.361,0:01:39.181
Essa camada aqui das árvores[br]vamos posicionar

0:01:39.181,0:01:41.411
um pouco mais para baixo.

0:01:41.411,0:01:42.123
Opa!

0:01:43.398,0:01:46.673
Utilizando o eixo X.

0:01:46.673,0:01:51.845
Aí vamos pegar a estrada[br]e vamos jogar para cima dela.

0:01:51.845,0:01:57.480
Vamos com o "p" reposicioná-la [br]bem aqui,

0:01:57.480,0:02:03.045
para ficar bem certo,[br]e trazer aqui para trás das árvores

0:02:03.045,0:02:05.625
e já vou renomeando,

0:02:05.625,0:02:12.548
porque como é um pouco mais [br]de camada,

0:02:12.548,0:02:17.937
para gente manter[br]a nossa timeline organizada, ok?

0:02:17.937,0:02:19.272
Perfeito.

0:02:19.272,0:02:24.511
Árvores, estrada,[br]o BG já está aqui no fundo.

0:02:24.511,0:02:34.487
Esse aqui, o carro, vem para cima[br]junto com as duas rodas.

0:02:34.487,0:02:38.992
Vamos colocar em "fit" para visualizar[br]melhor como estão as rodas.

0:02:38.992,0:02:42.996
As rodas estão atrás do carro,[br]vamos jogar para frente.

0:02:42.996,0:02:48.234
Elas estão juntas.[br]Vamos trazer o carro para cá.

0:02:48.234,0:02:51.461
Vamos trazer a primeira roda para cá.

0:02:51.461,0:02:54.319
Vamos trazer a segunda roda.

0:02:54.319,0:02:58.645
Pronto, já temos o nosso[br]Fusca vermelho "maneiro".

0:02:58.645,0:03:01.830
Vamos renomear para "Fusca".

0:03:04.250,0:03:14.661
Esse aqui "roda da frente",[br]"rename", "roda frente".

0:03:14.661,0:03:19.499
E "roda trás".

0:03:19.499,0:03:24.358
Árvores, estradas,[br]esse aqui é o quê?

0:03:24.358,0:03:31.459
Ah, esse aqui são as montanhas, então,[br]temos que trazer para cá?

0:03:31.459,0:03:34.939
Isso, já temos a montanha[br]e já está posicionada da maneira certa.

0:03:34.939,0:03:40.720
Deixa eu ver se está aqui.

0:03:40.720,0:03:42.564
Vou fechar aqui.

0:03:45.258,0:03:47.957
Isso aqui é o fundo, olha.

0:03:47.957,0:03:52.932
Esse "BG" aqui a gente pode excluir.

0:03:52.932,0:03:57.671
Esse aqui é o fundo.

0:03:57.671,0:03:59.908
As montanhas.

0:04:03.509,0:04:05.319
Vamos visualizar se está certo.

0:04:05.319,0:04:07.914
A gente pode aumentar um pouco aqui.

0:04:07.914,0:04:10.226
Perfeito.

0:04:10.226,0:04:11.736
Organizado.

0:04:11.736,0:04:16.155
Vamos mudar a cor da nossa roda,

0:04:16.155,0:04:21.761
a gente vai colocar[br]esse "dark green".

0:04:21.761,0:04:25.473
Dark Green, que é o mais escuro[br]que a gente tem aqui.

0:04:25.473,0:04:28.742
O Fusca é vermelho, [br]vamos colocar "red".

0:04:28.742,0:04:32.839
As árvores, "green".

0:04:32.839,0:04:35.770
A estrada,

0:04:35.770,0:04:40.680
vamos colocar "aqua"[br]para diferenciar das outras

0:04:40.680,0:04:43.182
já que a gente não tem cinza.

0:04:43.182,0:04:48.421
Vamos colocar[br]as nossas montanhas de "brown"

0:04:48.421,0:04:50.890
e o fundo de "yellow".

0:04:50.890,0:04:53.822
Agora a gente já sabe qual é qual.

0:04:53.822,0:04:55.862
Perfeito.

0:04:55.862,0:04:57.029
Mas antes disso,

0:04:57.029,0:05:05.004
vamos pegar o nosso Fusca,[br]selecioná-lo e pré-compor.

0:05:05.004,0:05:09.709
Criar uma pré-composição dele[br]e vamos escrever aqui "carro".

0:05:09.709,0:05:12.312
Ok, temos uma pré-composição[br]do nosso carro.

0:05:12.312,0:05:15.548
Vamos abrir,[br]ele está aqui sozinho.

0:05:15.548,0:05:19.385
Vou colocar só um fundo[br]para a gente visualizar,

0:05:19.385,0:05:22.441
depois a gente tira.

0:05:22.441,0:05:27.760
Um cinza mais claro[br]e jogar para baixo.

0:05:27.760,0:05:29.825
O que a gente vai fazer agora?

0:05:29.825,0:05:32.999
A gente vai animar a roda da frente.

0:05:32.999,0:05:41.941
Para isso,[br]vamos criar um keyframe "rotation",

0:05:41.941,0:05:46.452
vamos avançar a nossa agulha.

0:05:46.452,0:05:49.482
Acho que aqui dez frames [br]já é o suficiente.

0:05:49.482,0:05:56.923
Vou colocar aqui 180 graus.

0:05:56.923,0:05:58.885
Olha, já rodou.

0:05:58.885,0:06:03.363
O carro quando anda para frente,[br]a roda vira para esse lado aqui.

0:06:03.363,0:06:05.362
Então, não podemos errar,[br]senão,

0:06:05.362,0:06:10.737
não dá a sensação realística[br]de que o carro esta andando.

0:06:10.737,0:06:12.853
Já temos esse movimento da roda.

0:06:12.853,0:06:14.273
Perfeito.

0:06:14.273,0:06:18.378
Vamos fazer a mesma coisa[br]na roda de trás clicando em "R",

0:06:18.378,0:06:22.181
habilitando um keyframe,[br]vindo para cá

0:06:22.181,0:06:26.886
e vamos colocar "180" também.

0:06:26.886,0:06:28.421
Perfeito.

0:06:28.421,0:06:31.290
As nossas duas rodas[br]já estão funcionando,

0:06:31.290,0:06:34.440
mas a gente quer[br]que ela continue em looping.

0:06:34.440,0:06:38.044
Então, segurando o alt,[br]clicamos aqui em cima do "Stopwatch",

0:06:38.044,0:06:40.900
o nosso relógio de keyframe.

0:06:40.900,0:06:48.341
Vamos aqui na seta em "propriedades"[br]para habilitar o nosso "loopout"

0:06:48.341,0:06:53.212
e vamos repetir o processo[br]na roda de trás.

0:06:53.212,0:06:58.184
"Propriedade", "loopout",[br]exatamente esse aqui.

0:06:58.184,0:07:02.637
Então, se a gente soltar o preview

0:07:02.637,0:07:06.726
já temos uma roda[br]que não para de rodar.

0:07:06.726,0:07:08.661
Perfeito.

0:07:08.661,0:07:11.764
Só que a gente tem que criar[br]uma dinâmica para o carro também.

0:07:11.764,0:07:22.442
Então, vamos deixar nossos keyframes[br]aparecendo com a tecla "u".

0:07:22.442,0:07:25.878
E aqui, [br]vamos mexer em "position".

0:07:25.878,0:07:31.083
Vamos habilitar o keyframe[br]de "position"

0:07:31.083,0:07:39.392
e vamos aqui no meio, [br]subir um pouco o carro.

0:07:39.392,0:07:41.294
E aí a gente copia esse daqui,

0:07:41.294,0:07:45.798
o primeiro keyframe,[br]vem até dez frames e desce.

0:07:45.798,0:07:54.607
E vamos, com o alt, [br]habilitar o nosso espaço de expressão.

0:07:54.607,0:08:00.213
Seta, "propriedades",[br]"loopout".

0:08:00.213,0:08:03.149
Então, vou fechar aqui.

0:08:03.149,0:08:08.554
Nós temos um carro em movimento.

0:08:08.554,0:08:10.756
Perfeito.

0:08:10.756,0:08:18.197
Agora, vou tirar este sólido, né?[br]E vamos voltar para a nossa estrada.

0:08:18.197,0:08:20.146
O nosso carro já está em movimento,

0:08:20.146,0:08:23.498
mas parece que ele está[br]rodando no mesmo lugar.

0:08:23.498,0:08:26.372
Então,[br]essa sensação que a gente não quer.

0:08:26.372,0:08:29.575
Quando o carro está fazendo[br]a sua viagem,

0:08:29.575,0:08:37.258
normalmente o primeiro plano[br]parece transitar mais rápido

0:08:37.258,0:08:38.885
que os planos de trás.

0:08:38.885,0:08:46.559
Então, vamos animar a nossa árvore[br]em position.

0:08:46.559,0:08:53.199
Clicamos em "position",[br]vamos até o fim.

0:08:53.199,0:08:57.803
Opa, usei o eixo errado.

0:08:57.803,0:09:00.840
Deixa eu ver se antes de habilitar[br]position,

0:09:00.840,0:09:04.414
se o eixo, se a posição, [br]já está no começo.

0:09:04.414,0:09:07.947
Não, para cá.

0:09:07.947,0:09:09.765
temos que colocar a árvore[br]em cima do carro.

0:09:09.765,0:09:10.816
Está passando atrás do carro.

0:09:10.816,0:09:14.420
Isso não pode acontecer.

0:09:14.420,0:09:18.424
Chegamos no fim,[br]vamos colocar a partir daqui.

0:09:18.424,0:09:20.464
Vamos jogar para cima no carro.

0:09:20.464,0:09:21.794
Ok.

0:09:21.794,0:09:25.231
Agora sim,[br]a gente habilita o keyframe de position,

0:09:25.231,0:09:31.389
vamos até o fim e vamos levar[br]a nossa árvore de volta lá para o final.

0:09:39.612,0:09:42.821
E vamos que vamos.

0:09:42.821,0:09:46.319
É grande a estrada.

0:09:46.319,0:09:48.187
É muita quilometragem.

0:09:48.187,0:09:54.223
Então, podemos fazer assim também[br]para ficar mais fácil.

0:09:54.223,0:09:58.923
Segura o shift,[br]ele vai reto.

0:09:58.923,0:10:01.100
Pronto.

0:10:01.100,0:10:09.976
Ok, já temos uma árvore passando[br]enquanto o nosso carro está andando.

0:10:09.976,0:10:13.646
Para ficar um pouco mais próximo [br]do real,

0:10:13.646,0:10:18.284
vamos habilitar aqui o "motion blur".

0:10:18.284,0:10:22.521
Pronto, [br]nossa viagem já está quase começando

0:10:22.521,0:10:25.161
e agora a gente vai movimentar...

0:10:25.161,0:10:27.311
A estrada não.[br]Vou até bloquear, né?

0:10:27.311,0:10:30.463
Porque a estrada não se mexe,[br]quem se mexe é o carro.

0:10:30.463,0:10:35.401
As montanhas,[br]vamos habilitar o "P" de position

0:10:35.401,0:10:40.940
e vamos vir até o final.

0:10:40.940,0:10:49.867
E a mesma coisa,[br]trazer não toda,

0:10:49.873,0:11:01.661
mas aqui,[br]vou vir até aqui.

0:11:01.661,0:11:05.297
E agora falta o nosso fundo,

0:11:05.297,0:11:11.070
que a gente vai fazer[br]exatamente a mesma coisa.

0:11:11.070,0:11:22.165
Habilitamos o "P" de position,[br]vamos até o final e arrastamos.

0:11:36.295,0:11:38.447
Por enquanto, [br]está ficando assim, olha.

0:11:41.667,0:11:46.457
Já temos um parallax[br]com um carro em movimento,

0:11:46.457,0:11:54.714
utilizando o loop nas rodas[br]e na dinâmica de tração do carro.

0:11:54.714,0:11:59.864
Agora, a gente vem aqui[br]e na hora que o carro

0:11:59.864,0:12:07.293
estiver chegando aqui,[br]a gente utiliza o "scale"

0:12:07.293,0:12:13.399
mais ou menos assim, olha,[br]para dar zoom.

0:12:13.399,0:12:22.074
Mas temos que habilitar "shift + P"[br]para não tirar ele da posição.

0:12:22.074,0:12:22.814
Aqui.

0:12:24.844,0:12:28.799
Ou melhor, não vamos fazer isso[br]nessa composição não,

0:12:28.799,0:12:33.119
vamos fazer isso em toda composição.

0:12:33.119,0:12:36.928
Para isso,[br]vamos recolher tudo.

0:12:36.928,0:12:41.393
Deixa eu dar um "control + Z"[br]para o carro voltar ao normal,

0:12:41.393,0:12:47.767
vamos tirar esse bloqueio,[br]pré-compor tudo isso aqui.

0:12:47.767,0:12:53.239
Vamos chamar de "viajante".

0:12:53.239,0:12:54.706
Ok.

0:12:54.706,0:13:00.917
E aqui sim a gente clica na escala,[br]avança um pouco,

0:13:04.232,0:13:11.524
"Shift + P" para habilitar[br]o nosso "position".

0:13:11.524,0:13:16.690
Aqui, opa.[br]Sai do frame, espera aí.

0:13:21.400,0:13:23.971
Muito bem.

0:13:28.741,0:13:30.676
Já temos um aqui.

0:13:30.676,0:13:33.593
Eu posso copiar esse daqui[br]mais para frente,

0:13:33.593,0:13:38.288
soltar e fazer o inverso para voltar.

0:13:42.288,0:13:45.211
Então, por enquanto,[br]o movimento é esse aqui.

0:13:51.931,0:13:54.385
Podemos melhorar um pouco.

0:14:00.105,0:14:07.379
Aqui na primeira composição,[br]o viajante aqui,

0:14:07.379,0:14:13.953
o carro está vindo de forma uniforme.

0:14:13.953,0:14:16.589
Eu posso avançar com ele [br]um pouco mais.

0:14:16.589,0:14:21.026
Então, vou vir aqui em "position".

0:14:21.026,0:14:26.932
Vir aqui,[br]mais ou menos aqui assim.

0:14:26.932,0:14:34.907
Eu posso avançar[br]um pouco mais com ele.

0:14:34.907,0:14:38.446
Quando tiver mais aqui,[br]eu posso fazer o inverso.

0:14:43.816,0:14:48.145
Tudo isso trabalhando [br]com Zoom, Loop, Parallax

0:14:48.145,0:14:50.447
e a dinâmica da animação.

0:14:50.447,0:14:52.527
Você pode explorar cada vez mais[br]isso aqui.

0:14:52.527,0:14:56.962
Mas se eu der um preview,[br]olha como ele está ficando.

0:14:56.962,0:15:00.232
Está aqui, [br]muito bem.

0:15:00.232,0:15:01.700
Deu uma freada.

0:15:01.700,0:15:05.471
Essa freada não[br]ficou muito boa não, né?

0:15:05.471,0:15:11.710
De repente se a gente avançar e tal.

0:15:11.710,0:15:15.481
Isso é uma questão de ajustes.

0:15:15.481,0:15:19.485
Então, por exemplo,[br]aqui que o carro pega mais velocidade,

0:15:19.485,0:15:23.455
então, se eu venho aqui.

0:15:23.455,0:15:26.292
Se eu trouxer bem para cá,

0:15:26.292,0:15:30.629
ele pode começar[br]a dar esse movimento.

0:15:30.629,0:15:31.600
Está vendo?

0:15:31.600,0:15:36.977
Eu posso até voltar aqui[br]e esticar um pouco mais.

0:15:44.837,0:15:49.715
A mesma coisa aqui,[br]na hora que ele vir e voltar.

0:15:49.715,0:15:53.686
"Viajante",[br]a gente pode pegar esses keyframes,

0:15:53.686,0:16:01.226
vir para cá assim e pronto.

0:16:01.226,0:16:02.735
Vamos visualizar.

0:16:06.565,0:16:14.678
Agora, imagina uma trilha sonora[br]bonita e já temos uma animação.

0:16:14.678,0:16:18.538
Essa foi uma maneira de você[br]utilizar várias técnicas

0:16:18.538,0:16:22.529
em uma composição só[br]ou até duas composições,

0:16:22.529,0:16:25.384
trabalhar com composições [br]intercaladas.

0:16:25.384,0:16:27.698
Então, não tenha medo[br]de explorar essas técnicas,

0:16:27.698,0:16:30.618
porque você vai descobrir[br]animações muito bacanas com isso.