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:05,691
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,664
Só que a gente tem que criar uma dinâmica
para o carro também,

92
00:07:11,764 --> 00:07:14,767
então vamos deixar o nosso.

93
00:07:16,602 --> 00:07:19,605
Os nossos keyframes

94
00:07:19,639 --> 00:07:22,442
aparecendo com a tecla o

95
00:07:22,442 --> 00:07:25,445
e aqui vamos mexer em position.

96
00:07:25,878 --> 00:07:28,147
Vamos habilitar o que?

97
00:07:28,147 --> 00:07:31,083
Frame de position

98
00:07:31,083 --> 00:07:34,620
e vamos aqui no meio

99
00:07:36,088 --> 00:07:39,091
subir um pouquinho o carro. Um

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

101
00:07:41,294 --> 00:07:44,831
O primeiro keyframe vem até dois frames
e nesse

102
00:07:45,798 --> 00:07:48,801
e vamos com a alt.

103
00:07:49,769 --> 00:07:52,772
Habilitar o nosso espaço de expressão.

104
00:07:54,607 --> 00:07:58,411
Setinha Propriedades no alt.

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

106
00:08:03,149 --> 00:08:06,152
nós temos um carro em movimento.

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

108
00:08:10,756 --> 00:08:13,759
Agora vou tirar este sólido

109
00:08:14,093 --> 00:08:17,296
e vamos voltar para nossa estrada.

110
00:08:18,197 --> 00:08:21,200
O nosso carro já está em movimento,
mas parece que ele está

111
00:08:21,968 --> 00:08:23,402
rodando no mesmo lugar.

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

113
00:08:26,372 --> 00:08:30,643
quando o carro está em estar
fazendo sua viagem normalmente.

114
00:08:32,645 --> 00:08:35,448
Este, o primeiro plano parece

115
00:08:35,448 --> 00:08:38,751
transitar mais rápido
que os planos de trás.

116
00:08:38,885 --> 00:08:42,421
Então vamos animar a nossa árvore

117
00:08:43,789 --> 00:08:46,592
em position

118
00:08:46,592 --> 00:08:49,595
clicamos em Position.

119
00:08:50,029 --> 00:08:53,032
Vamos até o fim.

120
00:08:53,199 --> 00:08:56,202
Opa, Usei o eixo errado.

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

122
00:09:00,840 --> 00:09:04,911
se o eixo,
se a posição já está no começo, né?

123
00:09:04,944 --> 00:09:07,947
Não? Para cá

124
00:09:07,947 --> 00:09:10,816
temos colocado em cima do carro,
está passando atrás do carro.

125
00:09:10,816 --> 00:09:13,819
Isso não pode acontecer.

126
00:09:14,420 --> 00:09:15,588
Chegamos no fim.

127
00:09:15,588 --> 00:09:18,424
Vamos colocar a partir daqui.

128
00:09:18,424 --> 00:09:21,427
Vamos jogar para cima no carro, Ok?

129
00:09:21,794 --> 00:09:23,496
Agora sim, a gente habilita o que?

130
00:09:23,496 --> 00:09:25,231
Frame de position.

131
00:09:25,231 --> 00:09:30,303
Vamos até o fim
e vamos levar a nossa árvore de volta

132
00:09:30,303 --> 00:09:33,306
lá para o final.

133
00:09:35,241 --> 00:09:38,578
Para pararem para.

134
00:09:39,612 --> 00:09:42,515
E vamos que vamos

135
00:09:42,515 --> 00:09:43,349
em grande.

136
00:09:43,349 --> 00:09:46,319
A estrada.

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

138
00:09:48,187 --> 00:09:50,590
Então.

139
00:09:50,590 --> 00:09:53,192
Podemos fazer assim
também para ficar mais fácil.

140
00:09:54,293 --> 00:09:57,296
Segura no shift, ele vai reto.

141
00:09:57,730 --> 00:10:00,733
Bom, pergunto.

142
00:10:01,100 --> 00:10:04,804
Ok, então já temos uma árvore
enquanto passando

143
00:10:04,804 --> 00:10:07,807
enquanto o nosso carro.

144
00:10:08,774 --> 00:10:09,976
Está andando.

145
00:10:09,976 --> 00:10:12,979
Se eu para ficar
um pouco mais próximo do real,

146
00:10:13,646 --> 00:10:16,649
vamos fazer habilitar que o Mocha Umbler.

147
00:10:18,284 --> 00:10:21,821
Pronto,
nossa viagem já está quase começando

148
00:10:22,521 --> 00:10:25,791
e agora a gente vai movimentar a estrada.

149
00:10:25,791 --> 00:10:28,461
Não vou até bloquear
porque a estrada não se mexe.

150
00:10:28,461 --> 00:10:30,463
Quem se mexeu? O carro,

151
00:10:30,463 --> 00:10:31,364
As montanhas.

152
00:10:31,364 --> 00:10:34,367
Vamos habilitar o quê de position

153
00:10:35,401 --> 00:10:37,269
e vamos

154
00:10:37,269 --> 00:10:40,272
vim até o final.

155
00:10:40,940 --> 00:10:44,377
E a mesma coisa trazer.

156
00:10:47,213 --> 00:10:50,516
Não toda, mas.

157
00:10:58,724 --> 00:11:01,661
Aqui eu vim até aqui

158
00:11:01,661 --> 00:11:04,664
e agora falta o nosso fundo

159
00:11:05,297 --> 00:11:07,400
que a gente vai fazer exatamente

160
00:11:07,400 --> 00:11:10,403
a mesma coisa.

161
00:11:11,070 --> 00:11:14,073
Habilitamos o PE de position,

162
00:11:15,608 --> 00:11:18,611
vamos até o final.

163
00:11:19,879 --> 00:11:22,882
E arrastamos.

164
00:11:36,295 --> 00:11:39,298
Por enquanto está ficando assim.

165
00:11:41,667 --> 00:11:43,135
Já temos um parallax

166
00:11:44,503 --> 00:11:45,337
com um carro em

167
00:11:45,337 --> 00:11:48,541
movimento, utilizando o looping nas rodas

168
00:11:49,141 --> 00:11:52,111
e na dinâmica de tração do carro.

169
00:11:54,714 --> 00:11:56,749
Agora

170
00:11:56,749 --> 00:11:58,984
a gente vem aqui

171
00:11:58,984 --> 00:12:01,987
e na hora que o carro tiver chegando aqui,

172
00:12:02,588 --> 00:12:05,591
a gente utiliza o skill

173
00:12:07,293 --> 00:12:10,262
mais ou menos assim

174
00:12:10,296 --> 00:12:13,299
para dar zoom.

175
00:12:13,399 --> 00:12:16,802
Mas temos que habilitar shift P

176
00:12:17,269 --> 00:12:20,272
para não tirar ele da posição.

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

178
00:12:24,844 --> 00:12:27,847
O melhor
Não vamos fazer isso nessa composição.

179
00:12:27,847 --> 00:12:30,916
Não vamos fazer isso em toda composição.

180
00:12:33,119 --> 00:12:34,754
Para isso

181
00:12:34,754 --> 00:12:36,989
vamos recolher tudo

182
00:12:36,989 --> 00:12:39,992
Isso dá um controls e para o carro
voltar ao normal,

183
00:12:41,393 --> 00:12:44,363
vamos tirar esse bloqueio,

184
00:12:44,363 --> 00:12:47,366
pré compor tudo isso daqui.

185
00:12:47,767 --> 00:12:49,802
Vamos chamar de

186
00:12:49,802 --> 00:12:52,805
viajante.

187
00:12:53,239 --> 00:12:57,710
Ok, E aqui sim a gente clica na escala,

188
00:12:59,111 --> 00:13:02,114
avança um pouquinho.

189
00:13:03,482 --> 00:13:05,851
Em Shift P

190
00:13:05,851 --> 00:13:08,821
para habilitar o nosso position.

191
00:13:11,524 --> 00:13:13,192
Aqui para quando?

192
00:13:13,192 --> 00:13:16,028
Opa! Sair do do frame trem.

193
00:13:21,400 --> 00:13:24,403
Muito bem.

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

195
00:13:30,676 --> 00:13:34,213
Eu posso copiar esse daqui
mais para frente aqui, soltar

196
00:13:34,213 --> 00:13:37,216
e fazer o inverso para voltar.

197
00:13:42,288 --> 00:13:45,291
Então, por enquanto,
o movimento esse aqui.

198
00:13:51,931 --> 00:13:54,934
Podemos melhorar um pouco.

199
00:14:00,105 --> 00:14:02,875
Aqui, na primeira composição,

200
00:14:02,875 --> 00:14:04,910
Deixa eu ver

201
00:14:04,910 --> 00:14:07,379
um viajante aqui.

202
00:14:07,379 --> 00:14:10,382
O carro está vindo de forma uniforme.

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

204
00:14:16,589 --> 00:14:19,592
Então vim aqui em Position.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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