1
00:00:07,780 --> 00:00:11,411
Que tal criar animações dinâmicas
e cheias de impacto?

2
00:00:11,411 --> 00:00:14,814
Para isso,
vamos explorar os efeitos de Parallax,

3
00:00:14,814 --> 00:00:18,318
Loop e Zoom no mesmo projeto.

4
00:00:18,318 --> 00:00:19,790
Vamos seguir
o passo a passo?

5
00:00:19,790 --> 00:00:24,739
Com a composição aqui já criada
eu vou importar as camadas.

6
00:00:24,739 --> 00:00:32,332
"Import", "file"
e vamos trazer esse "parallax car".

7
00:00:32,332 --> 00:00:39,672
"Compositon retain layer"
para vir com as layers separadas

8
00:00:39,672 --> 00:00:44,778
e abriu aqui bunito as nossas camadas.

9
00:00:44,778 --> 00:00:51,985
Vamos pegar todas
e trazer para a nossa timeline.

10
00:00:51,985 --> 00:01:03,063
Deixa eu ver se está tudo aqui.

11
00:01:03,063 --> 00:01:07,567
Aqui temos o background
que vem para trás.

12
00:01:07,567 --> 00:01:12,205
Vou até colocar renomear aqui de "bg".

13
00:01:12,205 --> 00:01:14,474
Nome clássico.

14
00:01:14,474 --> 00:01:18,645
Ai as árvores ficam em cima.

15
00:01:18,645 --> 00:01:24,591
Vou separar aqui
para visualizar os nomes.

16
00:01:24,591 --> 00:01:29,856
A estrada vem para cá.

17
00:01:29,856 --> 00:01:35,361
Essa camada vai ser tudo separado.

18
00:01:35,361 --> 00:01:39,181
Essa camada aqui das árvores
vamos posicionar

19
00:01:39,181 --> 00:01:41,411
um pouco mais para baixo.

20
00:01:41,411 --> 00:01:46,673
Opa!
Utilizando o eixo X.

21
00:01:46,673 --> 00:01:51,845
Ai vamos pegar a estrada
e vamos jogar para cima dela.

22
00:01:51,845 --> 00:01:59,689
Vamos com o "p" reposicioná-la
bem aqui para ficar bem certo

23
00:01:59,689 --> 00:02:05,625
e trazer aqui para traz as árvores
e já vou renomeando.

24
00:02:05,625 --> 00:02:15,168
que são um pouco mais de camada
para gente manter

25
00:02:15,168 --> 00:02:17,937
a nossa timeline organizada, ok?

26
00:02:17,937 --> 00:02:19,272
Perfeito.

27
00:02:19,272 --> 00:02:24,511
Árvores, estrada
o bg já está aqui no fundo,

28
00:02:24,511 --> 00:02:34,487
esse aqui o carro vem para cima
junto com as duas rodas.

29
00:02:34,487 --> 00:02:38,992
Vamos colocar em "fit" para visualizar
melhor como que estão as rodas.

30
00:02:38,992 --> 00:02:42,996
As rodas estão atrás do carro,
vamos jogar para frente.

31
00:02:42,996 --> 00:02:48,234
Elas estão juntas.
Vamos trazer o carro para cá.

32
00:02:48,234 --> 00:02:54,641
Vamos trazer a primeira roda para cá.
Vamos trazer a segunda roda.

33
00:02:54,641 --> 00:02:58,645
Já temos o nosso
fusca vermelho maneiro.

34
00:02:58,645 --> 00:03:04,250
Vamos renomear para "Fusca".

35
00:03:04,250 --> 00:03:14,661
Esse aqui roda da frente,
"rename", "roda na frente".

36
00:03:14,661 --> 00:03:19,499
E "roda trás".

37
00:03:19,499 --> 00:03:24,358
Árvores, estradas,
esse aqui é o que?

38
00:03:24,358 --> 00:03:31,459
Ah, esse aqui são as montanhas,
então temos que trazer para cá.

39
00:03:31,459 --> 00:03:34,939
Isso já temos a montanha,
já está posicionada da maneira certa.

40
00:03:34,939 --> 00:03:40,720
Deixa eu ver se está aqui.

41
00:03:40,720 --> 00:03:45,258
Vou fechar aqui.

42
00:03:45,258 --> 00:03:47,957
Isso aqui é o fundo, ó.

43
00:03:47,957 --> 00:03:52,932
Esse "bg" aqui a gente pode excluir.

44
00:03:52,932 --> 00:03:57,671
Esse aqui é o fundo.

45
00:03:57,671 --> 00:04:03,509
As montanhas.

46
00:04:03,509 --> 00:04:05,278
Vamos visualizar se está certo.

47
00:04:05,278 --> 00:04:07,914
A gente pode aumentar um pouco aqui.

48
00:04:07,914 --> 00:04:11,736
Perfeito.
Organizado.

49
00:04:11,736 --> 00:04:16,155
Vamos mudar a cor da nossa roda,

50
00:04:16,155 --> 00:04:21,761
a gente vai colocar
esse "dark green".

51
00:04:21,761 --> 00:04:25,473
Dark Green, que é o mais escuro
que a gente tem aqui.

52
00:04:25,473 --> 00:04:28,742
O fusca vermelho vamos colocar "Red".

53
00:04:28,742 --> 00:04:32,839
As árvores "green".

54
00:04:32,839 --> 00:04:40,680
A estrada vamos colocar água
para diferenciar das outras.

55
00:04:40,680 --> 00:04:43,182
Já que a gente não tem um cinza.

56
00:04:43,182 --> 00:04:48,421
Vamos colocar
as nossas montanhas de "Brown"

57
00:04:48,421 --> 00:04:50,890
e o fundo de "Yellow".

58
00:04:50,890 --> 00:04:55,862
Agora a gente já sabe qual é qual,
perfeito.

59
00:04:55,862 --> 00:04:59,899
Mas antes disso,

60
00:04:59,899 --> 00:05:05,004
vamos pegar o nosso Fusca,
selecionar ele e "pre-compose".

61
00:05:05,004 --> 00:05:09,709
Tem uma pré composição dele
e vamos escrever aqui "carro".

62
00:05:09,709 --> 00:05:12,312
Ok, temos uma pré composição
do nosso carro,

63
00:05:12,312 --> 00:05:15,548
vamos abrir,
ele esta aqui sozinho.

64
00:05:15,548 --> 00:05:19,385
Vou colocar só um fundo
para a gente visualizar,

65
00:05:19,385 --> 00:05:22,441
depois a gente tira.

66
00:05:22,441 --> 00:05:27,760
Um cinza mais claro
e jogar para baixo.

67
00:05:27,760 --> 00:05:29,829
O que a gente vai fazer agora?

68
00:05:29,829 --> 00:05:32,999
A gente vai animar a roda da frente.

69
00:05:32,999 --> 00:05:41,941
Para isso,
vamos criar um keyframe "rotation",

70
00:05:41,941 --> 00:05:49,482
vamos avançar a nossa agulha
acho que dez frames é o suficiente.

71
00:05:49,482 --> 00:05:56,923
Colocar aqui "180",
180 graus.

72
00:05:56,923 --> 00:05:58,885
Já rodou, rodou para o frente.

73
00:05:58,885 --> 00:06:03,363
O carro quando anda para frente,
a roda vira para esse lado daqui.

74
00:06:03,363 --> 00:06:05,362
Então não podemos errar,
se não,

75
00:06:05,362 --> 00:06:10,737
não da sensação realística
de que o carro esta andando.

76
00:06:10,737 --> 00:06:14,273
Já temos esse movimento da roda,
perfeito!

77
00:06:14,273 --> 00:06:18,378
Vamos fazer a mesma coisa
na roda de trás clicando em "R",

78
00:06:18,378 --> 00:06:22,181
habilitando um keyframe,
vindo para cá

79
00:06:22,181 --> 00:06:26,886
e vamos colocar "180" também.

80
00:06:26,886 --> 00:06:28,421
Perfeito!

81
00:06:28,421 --> 00:06:31,290
As nossas duas rodas
já estão funcionando,

82
00:06:31,290 --> 00:06:34,440
mas a gente quer
que ela continue em looping.

83
00:06:34,440 --> 00:06:38,064
Então segurando o alt,
clicamos aqui em cima do "Stopwatch",

84
00:06:38,064 --> 00:06:40,900
o nosso relogio de keyframe.

85
00:06:40,900 --> 00:06:48,341
Vamos aqui na seta em "propriedades"
para habilitar o nosso "loopout"

86
00:06:48,341 --> 00:06:53,212
e vamos repetir o processo
na roda de trás.

87
00:06:53,212 --> 00:06:58,184
"Propriedade",
"loopout" exatamente esse daqui.

88
00:06:58,184 --> 00:07:02,637
Então, se a gente soltar o preview

89
00:07:02,637 --> 00:07:06,726
já temos uma roda
que não para de rodar.

90
00:07:06,726 --> 00:07:08,661
Perfeito!

91
00:07:08,661 --> 00:07:11,764
Só que a gente tem que criar
uma dinâmica para o carro também.

92
00:07:11,764 --> 00:07:22,442
Então, vamos deixar o nossos keyframes
aparecendo com a tecla "u".

93
00:07:22,442 --> 00:07:25,878
E aqui vamos mexer em "position".

94
00:07:25,878 --> 00:07:31,083
Vamos habilitar o keyframe
de "position"

95
00:07:31,083 --> 00:07:39,392
e vamos aqui,
meio que subir um pouco o carro.

96
00:07:39,392 --> 00:07:41,294
E aí a gente copia esse daqui.

97
00:07:41,294 --> 00:07:45,798
O primeiro keyframe,
vem até dez frames e desce

98
00:07:45,798 --> 00:07:54,607
e vamos com a alt habilitar
o nosso espaço de expressão.

99
00:07:54,607 --> 00:08:00,213
Seta, "propriedades",
"loopout".

100
00:08:00,213 --> 00:08:03,149
Então, vou fechar aqui.

101
00:08:03,149 --> 00:08:08,554
Nós temos um carro em movimento.

102
00:08:08,554 --> 00:08:10,756
Perfeito!

103
00:08:10,756 --> 00:08:18,197
Agora vou tirar este sólido
e vamos voltar para nossa estrada.

104
00:08:18,197 --> 00:08:20,146
O nosso carro já está em movimento,

105
00:08:20,146 --> 00:08:23,498
mas parece que ele está
rodando no mesmo lugar.

106
00:08:23,498 --> 00:08:26,372
Então,
essa sensação que a gente não quer.

107
00:08:26,372 --> 00:08:29,575
Quando o carro está fazendo
sua viagem,

108
00:08:29,575 --> 00:08:37,258
normalmente o primeiro plano
parece transitar mais rápido

109
00:08:37,258 --> 00:08:38,885
que os planos de trás.

110
00:08:38,885 --> 00:08:46,559
Então, vamos animar a nossa árvore
em position.

111
00:08:46,559 --> 00:08:53,199
Clicamos em "position",
vamos até o fim.

112
00:08:53,199 --> 00:08:57,803
Opa, usei o eixo errado.

113
00:08:57,803 --> 00:09:00,840
Deixa eu ver se antes de habilitar
position

114
00:09:00,840 --> 00:09:04,414
se o eixo,
se a posição já está no começo.

115
00:09:04,414 --> 00:09:07,947
Não, para cá.

116
00:09:07,947 --> 00:09:09,765
temos que colocar a árvore
em cima do carro,

117
00:09:09,765 --> 00:09:10,816
está passando atrás do carro.

118
00:09:10,816 --> 00:09:14,420
Isso não pode acontecer.

119
00:09:14,420 --> 00:09:18,424
Chegamos no fim,
vamos colocar a partir daqui.

120
00:09:18,424 --> 00:09:21,794
Vamos jogar para cima no carro, ok.

121
00:09:21,794 --> 00:09:25,231
Agora sim,
a gente habilita o keyframe de position,

122
00:09:25,231 --> 00:09:39,612
vamos até o fim e vamos levar
a nossa árvore de volta lá para o final.

123
00:09:39,612 --> 00:09:42,821
E vamos que vamos.

124
00:09:42,821 --> 00:09:46,319
É grande a estrada.

125
00:09:46,319 --> 00:09:48,187
É muita quilometragem.

126
00:09:48,187 --> 00:09:54,223
Então, podemos fazer assim também
para ficar mais fácil.

127
00:09:54,223 --> 00:10:01,100
Segura no shift,
ele vai reto.

128
00:10:01,100 --> 00:10:09,976
Ok, já temos uma árvore passando
enquanto o nosso carro está andando.

129
00:10:09,976 --> 00:10:13,646
Se eu para ficar
um pouco mais próximo do real,

130
00:10:13,646 --> 00:10:18,284
vamos habilitar aqui o "motion blur".

131
00:10:18,284 --> 00:10:22,521
Pronto, nossa viagem
já está quase começando

132
00:10:22,521 --> 00:10:26,121
e agora a gente vai movimentar,
a estrada não.

133
00:10:26,121 --> 00:10:27,311
Vou até bloquear,

134
00:10:27,311 --> 00:10:30,463
porque a estrada não se mexe,
quem se mexe é o carro.

135
00:10:30,463 --> 00:10:35,401
As montanhas,
vamos habilitar o "P" de position

136
00:10:35,401 --> 00:10:40,940
e vamos vir até o final.

137
00:10:40,940 --> 00:10:49,867
E a mesma coisa,
trazer não toda,

138
00:10:49,873 --> 00:11:01,661
mas aqui,
vou vir ate aqui.

139
00:11:01,661 --> 00:11:05,297
E agora falta o nosso fundo

140
00:11:05,297 --> 00:11:11,070
que a gente vai fazer
exatamente a mesma coisa.

141
00:11:11,070 --> 00:11:36,295
Habilitamos o "P" de position,
vamos até o final e arrastamos.

142
00:11:36,295 --> 00:11:41,667
Por enquanto está ficando assim.

143
00:11:41,667 --> 00:11:46,457
Já temos um parallax
com um carro em movimento,

144
00:11:46,457 --> 00:11:54,714
utilizando o looping nas rodas
e na dinâmica de tração do carro.

145
00:11:54,714 --> 00:11:59,864
Agora a gente vem aqui
e na hora que o carro

146
00:11:59,864 --> 00:12:07,293
estiver chegando aqui,
a gente utiliza o 'scale"

147
00:12:07,293 --> 00:12:13,399
mais ou menos assim
para dar zoom.

148
00:12:13,399 --> 00:12:22,074
Mas temos que habilitar "shift + P"
para não tirar ele da posição.

149
00:12:22,074 --> 00:12:24,844
Aqui.

150
00:12:24,844 --> 00:12:28,799
Ou melhor, não vamos fazer isso
nessa composição não.

151
00:12:28,799 --> 00:12:33,119
Vamos fazer isso em toda composição.

152
00:12:33,119 --> 00:12:36,928
Para isso,
vamos recolher tudo.

153
00:12:36,928 --> 00:12:41,393
Deixa eu dar um "control + Z"
para o carro voltar ao normal,

154
00:12:41,393 --> 00:12:47,767
vamos tirar esse bloqueio,
pré compor tudo isso daqui.

155
00:12:47,767 --> 00:12:53,239
Vamos chamar de "viajante".

156
00:12:53,239 --> 00:12:54,706
Ok.

157
00:12:54,706 --> 00:13:04,232
E aqui sim a gente clica na escala,
avança um pouco,

158
00:13:04,232 --> 00:13:11,524
"Shift + P" para habilitar
o nosso "position".

159
00:13:11,524 --> 00:13:21,400
Aqui, opa!
Sai do frame, pera aí.

160
00:13:21,400 --> 00:13:28,741
Muito bem.

161
00:13:28,741 --> 00:13:30,676
Já temos um aqui.

162
00:13:30,676 --> 00:13:33,593
Eu posso copiar esse daqui
mais para frente aqui,

163
00:13:33,593 --> 00:13:42,288
soltar e fazer o inverso para voltar.

164
00:13:42,288 --> 00:13:51,931
Então, por enquanto,
o movimento esse aqui.

165
00:13:51,931 --> 00:14:00,105
Podemos melhorar um pouco.

166
00:14:00,105 --> 00:14:07,379
Aqui na primeira composição
o viajante aqui.

167
00:14:07,379 --> 00:14:13,953
O carro está vindo de forma uniforme.

168
00:14:13,953 --> 00:14:16,589
Eu posso avançar com ele um pouco mais.

169
00:14:16,589 --> 00:14:19,592
Então vou vir aqui em "position".

170
00:14:21,026 --> 00:14:24,563
Vim aqui onde
que estou mais ou menos aqui.

171
00:14:24,563 --> 00:14:26,932
Assim

172
00:14:26,932 --> 00:14:29,935
eu posso.

173
00:14:30,769 --> 00:14:33,772
Posso avançar um pouco mais com ele.

174
00:14:34,907 --> 00:14:36,442
Quando tiver mais aqui,

175
00:14:36,442 --> 00:14:39,445
eu posso fazer o inverso.

176
00:14:43,816 --> 00:14:46,318
Tudo isso trabalhando com Zoom

177
00:14:46,318 --> 00:14:52,157
no Up Parallax e a dinâmica da animação,
você pode explorar cada vez mais.

178
00:14:52,157 --> 00:14:55,461
Se você der um preview
ou como que ele está ficando

179
00:14:56,962 --> 00:14:59,965
está aqui muito bem.

180
00:15:00,232 --> 00:15:01,700
Deu uma freada.

181
00:15:01,700 --> 00:15:03,369
Essa freada não
ficou muito boa não, não é?

182
00:15:05,471 --> 00:15:08,474
De repente a gente.

183
00:15:08,607 --> 00:15:09,575
Avançar.

184
00:15:09,575 --> 00:15:11,710
Então

185
00:15:11,710 --> 00:15:14,713
isso é uma questão de ajustes.

186
00:15:15,481 --> 00:15:18,717
Então, por exemplo,
aqui que o carro pega mais velocidade.

187
00:15:19,518 --> 00:15:22,521
Então, se eu venho aqui,
onde está nós aqui,

188
00:15:23,455 --> 00:15:26,292
Se eu trouxe bem para cá,

189
00:15:26,292 --> 00:15:29,295
ele pode começar a dar esse movimento.

190
00:15:30,629 --> 00:15:34,800
Vendo, eu posso até voltar aqui

191
00:15:34,800 --> 00:15:37,803
e esticar um pouco mais.

192
00:15:44,877 --> 00:15:45,611
A mesma coisa

193
00:15:45,611 --> 00:15:48,614
aqui na hora que ele vem voltar.

194
00:15:49,715 --> 00:15:53,686
Viajante,
A gente pode pegar esses que frames?

195
00:15:53,686 --> 00:15:56,689
Vim para cá assim.

196
00:15:58,724 --> 00:16:01,226
Pronto.

197
00:16:01,226 --> 00:16:04,229
Vamos visualizar?

198
00:16:06,565 --> 00:16:09,568
Agora imagina uma trilha sonora bonitinha

199
00:16:09,868 --> 00:16:12,871
e já temos uma animação zinha.

200
00:16:14,873 --> 00:16:19,678
Essa foi uma maneira de você
utilizar várias técnicas em uma composição

201
00:16:19,678 --> 00:16:24,783
só ou até duas composições
trabalhar com composições intercaladas.

202
00:16:25,384 --> 00:16:28,554
Então não tenha medo de explorar
essas técnicas, porque você vai descobrir

203
00:16:28,554 --> 00:16:30,222
animações muito bacanas com isso.