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

2
00:00:11,467 --> 00:00:12,326
Para isso,

3
00:00:12,326 --> 00:00:18,318
vamos explorar os efeitos de Parallax,
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:33,293
"Import", "file"
e vamos trazer esse "parallax car".

7
00:00:33,293 --> 00:00:39,672
"Composition Retain Layer",
para vir com as layers separadas,

8
00:00:39,672 --> 00:00:44,778
e abriu aqui 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:00:53,973
Deixa eu ver se está tudo aqui.

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

12
00:01:07,567 --> 00:01:12,205
Vou até 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
Aí as árvores ficam em cima.

15
00:01:18,645 --> 00:01:21,361
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 fazer 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:42,123
Opa!

21
00:01:43,398 --> 00:01:46,673
Utilizando o eixo X.

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

23
00:01:51,845 --> 00:01:57,480
Vamos com o "p" reposicioná-la 
bem aqui,

24
00:01:57,480 --> 00:02:03,045
para ficar bem certo,
e trazer aqui para trás das árvores

25
00:02:03,045 --> 00:02:05,625
e já vou renomeando,

26
00:02:05,625 --> 00:02:12,548
porque como é um pouco mais 
de camada,

27
00:02:12,548 --> 00:02:17,937
para gente manter
a nossa timeline organizada, ok?

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

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

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

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

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

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

34
00:02:48,234 --> 00:02:51,461
Vamos trazer a primeira roda para cá.

35
00:02:51,461 --> 00:02:54,319
Vamos trazer a segunda roda.

36
00:02:54,319 --> 00:02:58,645
Pronto, já temos o nosso
Fusca vermelho "maneiro".

37
00:02:58,645 --> 00:03:01,830
Vamos renomear para "Fusca".

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

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

40
00:03:19,499 --> 00:03:24,358
Árvores, estradas,
esse aqui é o quê?

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

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

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

44
00:03:40,720 --> 00:03:42,564
Vou fechar aqui.

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

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

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

48
00:03:57,671 --> 00:03:59,908
As montanhas.

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

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

51
00:04:07,914 --> 00:04:10,226
Perfeito.

52
00:04:10,226 --> 00:04:11,736
Organizado.

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

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

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

56
00:04:25,473 --> 00:04:28,742
O Fusca é vermelho, 
vamos colocar "red".

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

58
00:04:32,839 --> 00:04:35,770
A estrada,

59
00:04:35,770 --> 00:04:40,680
vamos colocar "aqua"
para diferenciar das outras

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

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

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

63
00:04:50,890 --> 00:04:53,822
Agora a gente já sabe qual é qual.

64
00:04:53,822 --> 00:04:55,862
Perfeito.

65
00:04:55,862 --> 00:04:57,029
Mas antes disso,

66
00:04:57,029 --> 00:05:05,004
vamos pegar o nosso Fusca,
selecioná-lo e pré-compor.

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

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

69
00:05:12,312 --> 00:05:15,548
Vamos abrir,
ele está aqui sozinho.

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

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

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

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

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

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

76
00:05:41,941 --> 00:05:46,452
vamos avançar a nossa agulha.

77
00:05:46,452 --> 00:05:49,482
Acho que aqui dez frames 
já é o suficiente.

78
00:05:49,482 --> 00:05:56,923
Vou colocar aqui 180 graus.

79
00:05:56,923 --> 00:05:58,885
Olha, já rodou.

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

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

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

83
00:06:10,737 --> 00:06:12,853
Já temos esse movimento da roda.

84
00:06:12,853 --> 00:06:14,273
Perfeito.

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

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

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

88
00:06:26,886 --> 00:06:28,421
Perfeito.

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

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

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

92
00:06:38,044 --> 00:06:40,900
o nosso relógio de keyframe.

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

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

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

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

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

98
00:07:06,726 --> 00:07:08,661
Perfeito.

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

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

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

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

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

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

105
00:07:41,294 --> 00:07:45,798
o primeiro keyframe,
vem até dez frames e desce.

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

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

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

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

110
00:08:08,554 --> 00:08:10,756
Perfeito.

111
00:08:10,756 --> 00:08:18,197
Agora, vou tirar este sólido, né?
E vamos voltar para a nossa estrada.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

128
00:09:18,424 --> 00:09:20,464
Vamos jogar para cima no carro.

129
00:09:20,464 --> 00:09:21,794
Ok.

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

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

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

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

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

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

136
00:09:54,223 --> 00:09:58,923
Segura o shift,
ele vai reto.

137
00:09:58,923 --> 00:10:01,100
Pronto.

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

139
00:10:09,976 --> 00:10:13,646
Para ficar um pouco mais próximo 
do real,

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

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

142
00:10:22,521 --> 00:10:25,161
e agora a gente vai movimentar...

143
00:10:25,161 --> 00:10:27,311
A estrada não.
Vou até bloquear, né?

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

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

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

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

148
00:10:49,873 --> 00:11:01,661
mas aqui,
vou vir até aqui.

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

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

151
00:11:11,070 --> 00:11:22,165
Habilitamos o "P" de position,
vamos até o final e arrastamos.

152
00:11:36,295 --> 00:11:38,447
Por enquanto, 
está ficando assim, olha.

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

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

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

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

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

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

159
00:12:22,074 --> 00:12:22,814
Aqui.

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

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

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

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

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

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

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

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

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

169
00:13:11,524 --> 00:13:16,690
Aqui, opa.
Sai do frame, espera aí.

170
00:13:21,400 --> 00:13:23,971
Muito bem.

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

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

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

174
00:13:42,288 --> 00:13:45,211
Então, por enquanto,
o movimento é esse aqui.

175
00:13:51,931 --> 00:13:54,385
Podemos melhorar um pouco.

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

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

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

179
00:14:16,589 --> 00:14:21,026
Então, vou vir aqui em "position".

180
00:14:21,026 --> 00:14:26,932
Vir aqui,
mais ou menos aqui assim.

181
00:14:26,932 --> 00:14:34,907
Eu posso avançar
um pouco mais com ele.

182
00:14:34,907 --> 00:14:38,446
Quando tiver mais aqui,
eu posso fazer o inverso.

183
00:14:43,816 --> 00:14:48,145
Tudo isso trabalhando 
com Zoom, Loop, Parallax

184
00:14:48,145 --> 00:14:50,447
e a dinâmica da animação.

185
00:14:50,447 --> 00:14:52,527
Você pode explorar cada vez mais
isso aqui.

186
00:14:52,527 --> 00:14:56,962
Mas se eu der um preview,
olha como ele está ficando.

187
00:14:56,962 --> 00:15:00,232
Está aqui, 
muito bem.

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

189
00:15:01,700 --> 00:15:05,471
Essa freada não
ficou muito boa não, né?

190
00:15:05,471 --> 00:15:11,710
De repente se a gente avançar e tal.

191
00:15:11,710 --> 00:15:15,481
Isso é uma questão de ajustes.

192
00:15:15,481 --> 00:15:19,485
Então, por exemplo,
aqui que o carro pega mais velocidade,

193
00:15:19,485 --> 00:15:23,455
então, se eu venho aqui.

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

195
00:15:26,292 --> 00:15:30,629
ele pode começar
a dar esse movimento.

196
00:15:30,629 --> 00:15:31,600
Está vendo?

197
00:15:31,600 --> 00:15:36,977
Eu posso até voltar aqui
e esticar um pouco mais.

198
00:15:44,837 --> 00:15:49,715
A mesma coisa aqui,
na hora que ele vir e voltar.

199
00:15:49,715 --> 00:15:53,686
"Viajante",
a gente pode pegar esses keyframes,

200
00:15:53,686 --> 00:16:01,226
vir para cá assim e pronto.

201
00:16:01,226 --> 00:16:02,735
Vamos visualizar.

202
00:16:06,565 --> 00:16:14,678
Agora, imagina uma trilha sonora
bonita e já temos uma animação.

203
00:16:14,678 --> 00:16:18,538
Essa foi uma maneira de você
utilizar várias técnicas

204
00:16:18,538 --> 00:16:22,529
em uma composição só
ou até duas composições,

205
00:16:22,529 --> 00:16:25,384
trabalhar com composições 
intercaladas.

206
00:16:25,384 --> 00:16:27,698
Então, não tenha medo
de explorar essas técnicas,

207
00:16:27,698 --> 00:16:30,618
porque você vai descobrir
animações muito bacanas com isso.