WEBVTT

00:00:07.780 --> 00:00:11.411
Que tal criar animações dinâmicas
e cheias de impacto?

00:00:11.411 --> 00:00:14.814
Para isso,
vamos explorar os efeitos de Parallax,

00:00:14.814 --> 00:00:18.318
Loop e Zoom no mesmo projeto.

00:00:18.318 --> 00:00:19.790
Vamos seguir
o passo a passo?

00:00:19.790 --> 00:00:24.739
Com a composição aqui já criada
eu vou importar as camadas.

00:00:24.739 --> 00:00:32.332
"Import", "file"
e vamos trazer esse "parallax car".

00:00:32.332 --> 00:00:39.672
"Compositon retain layer"
para vir com as layers separadas

00:00:39.672 --> 00:00:44.778
e abriu aqui bunito as nossas camadas.

00:00:44.778 --> 00:00:51.985
Vamos pegar todas
e trazer para a nossa timeline.

00:00:51.985 --> 00:01:03.063
Deixa eu ver se está tudo aqui.

00:01:03.063 --> 00:01:07.567
Aqui temos o background
que vem para trás.

00:01:07.567 --> 00:01:12.205
Vou até colocar renomear aqui de "bg".

00:01:12.205 --> 00:01:14.474
Nome clássico.

00:01:14.474 --> 00:01:18.645
Ai as árvores ficam em cima.

00:01:18.645 --> 00:01:24.591
Vou separar aqui
para visualizar os nomes.

00:01:24.591 --> 00:01:29.856
A estrada vem para cá.

00:01:29.856 --> 00:01:35.361
Essa camada vai ser tudo separado.

00:01:35.361 --> 00:01:39.181
Essa camada aqui das árvores
vamos posicionar

00:01:39.181 --> 00:01:41.411
um pouco mais para baixo.

00:01:41.411 --> 00:01:46.673
Opa!
Utilizando o eixo X.

00:01:46.673 --> 00:01:51.845
Ai vamos pegar a estrada
e vamos jogar para cima dela.

00:01:51.845 --> 00:01:59.689
Vamos com o "p" reposicioná-la
bem aqui para ficar bem certo

00:01:59.689 --> 00:02:05.625
e trazer aqui para traz as árvores
e já vou renomeando.

00:02:05.625 --> 00:02:15.168
que são um pouco mais de camada
para gente manter

00:02:15.168 --> 00:02:17.937
a nossa timeline organizada, ok?

00:02:17.937 --> 00:02:19.272
Perfeito.

00:02:19.272 --> 00:02:24.511
Árvores, estrada
o bg já está aqui no fundo,

00:02:24.511 --> 00:02:34.487
esse aqui o carro vem para cima
junto com as duas rodas.

00:02:34.487 --> 00:02:38.992
Vamos colocar em "fit" para visualizar
melhor como que estão as rodas.

00:02:38.992 --> 00:02:42.996
As rodas estão atrás do carro,
vamos jogar para frente.

00:02:42.996 --> 00:02:48.234
Elas estão juntas.
Vamos trazer o carro para cá.

00:02:48.234 --> 00:02:54.641
Vamos trazer a primeira roda para cá.
Vamos trazer a segunda roda.

00:02:54.641 --> 00:02:58.645
Já temos o nosso
fusca vermelho maneiro.

00:02:58.645 --> 00:03:04.250
Vamos renomear para "Fusca".

00:03:04.250 --> 00:03:14.661
Esse aqui roda da frente,
"rename", "roda na frente".

00:03:14.661 --> 00:03:19.499
E "roda trás".

00:03:19.499 --> 00:03:24.358
Árvores, estradas,
esse aqui é o que?

00:03:24.358 --> 00:03:31.459
Ah, esse aqui são as montanhas,
então temos que trazer para cá.

00:03:31.459 --> 00:03:34.939
Isso já temos a montanha,
já está posicionada da maneira certa.

00:03:34.939 --> 00:03:40.720
Deixa eu ver se está aqui.

00:03:40.720 --> 00:03:45.258
Vou fechar aqui.

00:03:45.258 --> 00:03:47.957
Isso aqui é o fundo, ó.

00:03:47.957 --> 00:03:52.932
Esse "bg" aqui a gente pode excluir.

00:03:52.932 --> 00:03:57.671
Esse aqui é o fundo.

00:03:57.671 --> 00:04:03.509
As montanhas.

00:04:03.509 --> 00:04:05.278
Vamos visualizar se está certinho.

00:04:05.278 --> 00:04:07.914
A gente pode aumentar um pouquinho aqui.

00:04:07.914 --> 00:04:10.316
Perfeito.

00:04:10.316 --> 00:04:12.518
Organizado. Vamos para.

00:04:12.518 --> 00:04:16.155
Vamos mudar a cor aqui da nossa roda.

00:04:16.155 --> 00:04:18.658
A gente vai colocar

00:04:18.658 --> 00:04:21.661
esse daqui Highline

00:04:21.761 --> 00:04:26.633
da King Green, que é o mais escuro que
a gente tem aqui, o fusquinha vermelho.

00:04:26.633 --> 00:04:29.902
Vamos colocar o Red, as árvores

00:04:31.271 --> 00:04:31.771
green,

00:04:32.839 --> 00:04:35.808
a estrada.

00:04:35.808 --> 00:04:38.711
Vamos colocar

00:04:38.711 --> 00:04:40.680
água para diferenciar das outras.

00:04:40.680 --> 00:04:43.182
Já que a gente não tem um cinza,

00:04:43.182 --> 00:04:47.186
vamos colocar as nossas montanhas de Brown

00:04:48.421 --> 00:04:50.890
e o fundo de Yellow.

00:04:50.890 --> 00:04:54.360
Agora a gente já sabe qual o que é,
qual Perfeito.

00:04:55.862 --> 00:04:59.032
Mas antes disso, vamos pegar o nosso Fusca

00:04:59.899 --> 00:05:02.402
e selecionar

00:05:02.402 --> 00:05:05.004
ele e pré compor

00:05:05.004 --> 00:05:08.007
cria uma pré composição deles
e vamos escrever que carro?

00:05:09.709 --> 00:05:12.312
Ok? Temos uma pré
composição do nosso carro,

00:05:12.312 --> 00:05:15.315
vamos abrir um take sozinho,

00:05:15.548 --> 00:05:19.385
Vou colocar só um fundinho
para a gente visualizar.

00:05:19.385 --> 00:05:21.721
Depois a gente tira,

00:05:21.721 --> 00:05:24.691
Mas um cinza mais clarinho

00:05:25.224 --> 00:05:27.760
e jogar para baixo.

00:05:27.760 --> 00:05:29.829
O que a gente vai fazer agora?

00:05:29.829 --> 00:05:32.999
A gente vai animar a roda da frente.

00:05:32.999 --> 00:05:36.002
Para isso, vamos criar,

00:05:36.069 --> 00:05:38.971
criar um.

00:05:38.971 --> 00:05:41.941
Um que frame rotation.

00:05:41.941 --> 00:05:44.911
Vamos avançar

00:05:45.478 --> 00:05:46.512
a nossa angulação.

00:05:46.512 --> 00:05:49.482
Acho que aqui dez frames é o suficiente.

00:05:49.482 --> 00:05:50.283
Colocar aqui

00:05:52.051 --> 00:05:55.021
é 180,

00:05:55.021 --> 00:05:56.923
180 graus.

00:05:56.923 --> 00:05:59.225
Já rodou, rodou para o carro.

00:05:59.225 --> 00:06:02.829
Quando dá para frente,
a roda vira para esse lado daqui.

00:06:03.363 --> 00:06:08.401
Então não podemos errar
para não dar a sensação realística

00:06:08.701 --> 00:06:10.737
de que o carro tá andando.

00:06:10.737 --> 00:06:13.740
Já temos esse movimento da roda perfeito!

00:06:14.273 --> 00:06:17.877
Vamos fazer a mesma coisa na roda de trás,
clicando em R,

00:06:18.378 --> 00:06:21.481
habilitando um keyframe vindo para cá

00:06:22.181 --> 00:06:24.784
e vamos colocar

00:06:24.784 --> 00:06:26.886
180 também.

00:06:26.886 --> 00:06:28.421
Perfeito!

00:06:28.421 --> 00:06:31.290
As nossas duas rodas já estão funcionando,

00:06:31.290 --> 00:06:34.260
mas a gente quer que ela continue em loop.

00:06:34.260 --> 00:06:38.064
Então segurando o alt,
clicamos aqui em cima do Stop Watch,

00:06:38.064 --> 00:06:40.900
o nosso reloginho de que frame?

00:06:40.900 --> 00:06:44.604
Vamos aqui na setinha em Propriedades

00:06:44.604 --> 00:06:47.607
para habilitar o nosso loop alt

00:06:48.341 --> 00:06:51.911
e vamos repetir o processo
na roda de trás.

00:06:53.212 --> 00:06:56.983
Propriedade
Lupe Alt é exatamente esse daqui,

00:06:58.184 --> 00:07:01.187
então se a gente soltar

00:07:01.487 --> 00:07:05.691
o preview
já temos uma roda que não para de rodar.

00:07:06.726 --> 00:07:08.661
Perfeito!

00:07:08.661 --> 00:07:11.664
Só que a gente tem que criar uma dinâmica
para o carro também,

00:07:11.764 --> 00:07:14.767
então vamos deixar o nosso.

00:07:16.602 --> 00:07:19.605
Os nossos keyframes

00:07:19.639 --> 00:07:22.442
aparecendo com a tecla o

00:07:22.442 --> 00:07:25.445
e aqui vamos mexer em position.

00:07:25.878 --> 00:07:28.147
Vamos habilitar o que?

00:07:28.147 --> 00:07:31.083
Frame de position

00:07:31.083 --> 00:07:34.620
e vamos aqui no meio

00:07:36.088 --> 00:07:39.091
subir um pouquinho o carro. Um

00:07:39.392 --> 00:07:41.294
e aí a gente copia esse daqui.

00:07:41.294 --> 00:07:44.831
O primeiro keyframe vem até dois frames
e nesse

00:07:45.798 --> 00:07:48.801
e vamos com a alt.

00:07:49.769 --> 00:07:52.772
Habilitar o nosso espaço de expressão.

00:07:54.607 --> 00:07:58.411
Setinha Propriedades no alt.

00:08:00.213 --> 00:08:03.149
Então vou fechar aqui

00:08:03.149 --> 00:08:06.152
nós temos um carro em movimento.

00:08:08.554 --> 00:08:10.756
Perfeito!

00:08:10.756 --> 00:08:13.759
Agora vou tirar este sólido

00:08:14.093 --> 00:08:17.296
e vamos voltar para nossa estrada.

00:08:18.197 --> 00:08:21.200
O nosso carro já está em movimento,
mas parece que ele está

00:08:21.968 --> 00:08:23.402
rodando no mesmo lugar.

00:08:23.402 --> 00:08:26.372
Então essa sensação que a gente não quer

00:08:26.372 --> 00:08:30.643
quando o carro está em estar
fazendo sua viagem normalmente.

00:08:32.645 --> 00:08:35.448
Este, o primeiro plano parece

00:08:35.448 --> 00:08:38.751
transitar mais rápido
que os planos de trás.

00:08:38.885 --> 00:08:42.421
Então vamos animar a nossa árvore

00:08:43.789 --> 00:08:46.592
em position

00:08:46.592 --> 00:08:49.595
clicamos em Position.

00:08:50.029 --> 00:08:53.032
Vamos até o fim.

00:08:53.199 --> 00:08:56.202
Opa, Usei o eixo errado.

00:08:57.803 --> 00:09:00.806
Deixa eu ver se antes de habilitar
position

00:09:00.840 --> 00:09:04.911
se o eixo,
se a posição já está no começo, né?

00:09:04.944 --> 00:09:07.947
Não? Para cá

00:09:07.947 --> 00:09:10.816
temos colocado em cima do carro,
está passando atrás do carro.

00:09:10.816 --> 00:09:13.819
Isso não pode acontecer.

00:09:14.420 --> 00:09:15.588
Chegamos no fim.

00:09:15.588 --> 00:09:18.424
Vamos colocar a partir daqui.

00:09:18.424 --> 00:09:21.427
Vamos jogar para cima no carro, Ok?

00:09:21.794 --> 00:09:23.496
Agora sim, a gente habilita o que?

00:09:23.496 --> 00:09:25.231
Frame de position.

00:09:25.231 --> 00:09:30.303
Vamos até o fim
e vamos levar a nossa árvore de volta

00:09:30.303 --> 00:09:33.306
lá para o final.

00:09:35.241 --> 00:09:38.578
Para pararem para.

00:09:39.612 --> 00:09:42.515
E vamos que vamos

00:09:42.515 --> 00:09:43.349
em grande.

00:09:43.349 --> 00:09:46.319
A estrada.

00:09:46.319 --> 00:09:48.187
É muita quilometragem.

00:09:48.187 --> 00:09:50.590
Então.

00:09:50.590 --> 00:09:53.192
Podemos fazer assim
também para ficar mais fácil.

00:09:54.293 --> 00:09:57.296
Segura no shift, ele vai reto.

00:09:57.730 --> 00:10:00.733
Bom, pergunto.

00:10:01.100 --> 00:10:04.804
Ok, então já temos uma árvore
enquanto passando

00:10:04.804 --> 00:10:07.807
enquanto o nosso carro.

00:10:08.774 --> 00:10:09.976
Está andando.

00:10:09.976 --> 00:10:12.979
Se eu para ficar
um pouco mais próximo do real,

00:10:13.646 --> 00:10:16.649
vamos fazer habilitar que o Mocha Umbler.

00:10:18.284 --> 00:10:21.821
Pronto,
nossa viagem já está quase começando

00:10:22.521 --> 00:10:25.791
e agora a gente vai movimentar a estrada.

00:10:25.791 --> 00:10:28.461
Não vou até bloquear
porque a estrada não se mexe.

00:10:28.461 --> 00:10:30.463
Quem se mexeu? O carro,

00:10:30.463 --> 00:10:31.364
As montanhas.

00:10:31.364 --> 00:10:34.367
Vamos habilitar o quê de position

00:10:35.401 --> 00:10:37.269
e vamos

00:10:37.269 --> 00:10:40.272
vim até o final.

00:10:40.940 --> 00:10:44.377
E a mesma coisa trazer.

00:10:47.213 --> 00:10:50.516
Não toda, mas.

00:10:58.724 --> 00:11:01.661
Aqui eu vim até aqui

00:11:01.661 --> 00:11:04.664
e agora falta o nosso fundo

00:11:05.297 --> 00:11:07.400
que a gente vai fazer exatamente

00:11:07.400 --> 00:11:10.403
a mesma coisa.

00:11:11.070 --> 00:11:14.073
Habilitamos o PE de position,

00:11:15.608 --> 00:11:18.611
vamos até o final.

00:11:19.879 --> 00:11:22.882
E arrastamos.

00:11:36.295 --> 00:11:39.298
Por enquanto está ficando assim.

00:11:41.667 --> 00:11:43.135
Já temos um parallax

00:11:44.503 --> 00:11:45.337
com um carro em

00:11:45.337 --> 00:11:48.541
movimento, utilizando o looping nas rodas

00:11:49.141 --> 00:11:52.111
e na dinâmica de tração do carro.

00:11:54.714 --> 00:11:56.749
Agora

00:11:56.749 --> 00:11:58.984
a gente vem aqui

00:11:58.984 --> 00:12:01.987
e na hora que o carro tiver chegando aqui,

00:12:02.588 --> 00:12:05.591
a gente utiliza o skill

00:12:07.293 --> 00:12:10.262
mais ou menos assim

00:12:10.296 --> 00:12:13.299
para dar zoom.

00:12:13.399 --> 00:12:16.802
Mas temos que habilitar shift P

00:12:17.269 --> 00:12:20.272
para não tirar ele da posição.

00:12:22.074 --> 00:12:24.844
Aqui.

00:12:24.844 --> 00:12:27.847
O melhor
Não vamos fazer isso nessa composição.

00:12:27.847 --> 00:12:30.916
Não vamos fazer isso em toda composição.

00:12:33.119 --> 00:12:34.754
Para isso

00:12:34.754 --> 00:12:36.989
vamos recolher tudo

00:12:36.989 --> 00:12:39.992
Isso dá um controls e para o carro
voltar ao normal,

00:12:41.393 --> 00:12:44.363
vamos tirar esse bloqueio,

00:12:44.363 --> 00:12:47.366
pré compor tudo isso daqui.

00:12:47.767 --> 00:12:49.802
Vamos chamar de

00:12:49.802 --> 00:12:52.805
viajante.

00:12:53.239 --> 00:12:57.710
Ok, E aqui sim a gente clica na escala,

00:12:59.111 --> 00:13:02.114
avança um pouquinho.

00:13:03.482 --> 00:13:05.851
Em Shift P

00:13:05.851 --> 00:13:08.821
para habilitar o nosso position.

00:13:11.524 --> 00:13:13.192
Aqui para quando?

00:13:13.192 --> 00:13:16.028
Opa! Sair do do frame trem.

00:13:21.400 --> 00:13:24.403
Muito bem.

00:13:28.741 --> 00:13:30.676
Já temos um aqui.

00:13:30.676 --> 00:13:34.213
Eu posso copiar esse daqui
mais para frente aqui, soltar

00:13:34.213 --> 00:13:37.216
e fazer o inverso para voltar.

00:13:42.288 --> 00:13:45.291
Então, por enquanto,
o movimento esse aqui.

00:13:51.931 --> 00:13:54.934
Podemos melhorar um pouco.

00:14:00.105 --> 00:14:02.875
Aqui, na primeira composição,

00:14:02.875 --> 00:14:04.910
Deixa eu ver

00:14:04.910 --> 00:14:07.379
um viajante aqui.

00:14:07.379 --> 00:14:10.382
O carro está vindo de forma uniforme.

00:14:13.953 --> 00:14:16.589
Eu posso avançar com ele um pouco mais.

00:14:16.589 --> 00:14:19.592
Então vim aqui em Position.

00:14:21.026 --> 00:14:24.563
Vim aqui onde
que estou mais ou menos aqui.

00:14:24.563 --> 00:14:26.932
Assim

00:14:26.932 --> 00:14:29.935
eu posso.

00:14:30.769 --> 00:14:33.772
Posso avançar um pouco mais com ele.

00:14:34.907 --> 00:14:36.442
Quando tiver mais aqui,

00:14:36.442 --> 00:14:39.445
eu posso fazer o inverso.

00:14:43.816 --> 00:14:46.318
Tudo isso trabalhando com Zoom

00:14:46.318 --> 00:14:52.157
no Up Parallax e a dinâmica da animação,
você pode explorar cada vez mais.

00:14:52.157 --> 00:14:55.461
Se você der um preview
ou como que ele está ficando

00:14:56.962 --> 00:14:59.965
está aqui muito bem.

00:15:00.232 --> 00:15:01.700
Deu uma freada.

00:15:01.700 --> 00:15:03.369
Essa freada não
ficou muito boa não, não é?

00:15:05.471 --> 00:15:08.474
De repente a gente.

00:15:08.607 --> 00:15:09.575
Avançar.

00:15:09.575 --> 00:15:11.710
Então

00:15:11.710 --> 00:15:14.713
isso é uma questão de ajustes.

00:15:15.481 --> 00:15:18.717
Então, por exemplo,
aqui que o carro pega mais velocidade.

00:15:19.518 --> 00:15:22.521
Então, se eu venho aqui,
onde está nós aqui,

00:15:23.455 --> 00:15:26.292
Se eu trouxe bem para cá,

00:15:26.292 --> 00:15:29.295
ele pode começar a dar esse movimento.

00:15:30.629 --> 00:15:34.800
Vendo, eu posso até voltar aqui

00:15:34.800 --> 00:15:37.803
e esticar um pouco mais.

00:15:44.877 --> 00:15:45.611
A mesma coisa

00:15:45.611 --> 00:15:48.614
aqui na hora que ele vem voltar.

00:15:49.715 --> 00:15:53.686
Viajante,
A gente pode pegar esses que frames?

00:15:53.686 --> 00:15:56.689
Vim para cá assim.

00:15:58.724 --> 00:16:01.226
Pronto.

00:16:01.226 --> 00:16:04.229
Vamos visualizar?

00:16:06.565 --> 00:16:09.568
Agora imagina uma trilha sonora bonitinha

00:16:09.868 --> 00:16:12.871
e já temos uma animação zinha.

00:16:14.873 --> 00:16:19.678
Essa foi uma maneira de você
utilizar várias técnicas em uma composição

00:16:19.678 --> 00:16:24.783
só ou até duas composições
trabalhar com composições intercaladas.

00:16:25.384 --> 00:16:28.554
Então não tenha medo de explorar
essas técnicas, porque você vai descobrir

00:16:28.554 --> 00:16:30.222
animações muito bacanas com isso.