< Return to Video

DMG CAP10 2025 VA03 EFEITOS PARALLAX ZOOM AND LOOP

  • 0:08 - 0:11
    Que tal criar animações dinâmicas
    e cheias de impacto?
  • 0:11 - 0:15
    Para isso,
    vamos explorar os efeitos de Parallax,
  • 0:15 - 0:18
    Loop e Zoom no mesmo projeto.
  • 0:18 - 0:20
    Vamos seguir
    o passo a passo?
  • 0:20 - 0:25
    Com a composição aqui já criada
    eu vou importar as camadas.
  • 0:25 - 0:32
    "Import", "file"
    e vamos trazer esse "parallax car".
  • 0:32 - 0:40
    "Compositon retain layer"
    para vir com as layers separadas
  • 0:40 - 0:45
    e abriu aqui bunito as nossas camadas.
  • 0:45 - 0:52
    Vamos pegar todas
    e trazer para a nossa timeline.
  • 0:52 - 1:03
    Deixa eu ver se está tudo aqui.
  • 1:03 - 1:08
    Aqui temos o background
    que vem para trás.
  • 1:08 - 1:12
    Vou até colocar renomear aqui de "bg".
  • 1:12 - 1:14
    Nome clássico.
  • 1:14 - 1:19
    Ai as árvores ficam em cima.
  • 1:19 - 1:25
    Vou separar aqui
    para visualizar os nomes.
  • 1:25 - 1:30
    A estrada vem para cá.
  • 1:30 - 1:35
    Essa camada vai ser tudo separado.
  • 1:35 - 1:39
    Essa camada aqui das árvores
    vamos posicionar
  • 1:39 - 1:41
    um pouco mais para baixo.
  • 1:41 - 1:47
    Opa!
    Utilizando o eixo X.
  • 1:47 - 1:52
    Ai vamos pegar a estrada
    e vamos jogar para cima dela.
  • 1:52 - 2:00
    Vamos com o "p" reposicioná-la
    bem aqui para ficar bem certo
  • 2:00 - 2:06
    e trazer aqui para traz as árvores
    e já vou renomeando.
  • 2:06 - 2:15
    que são um pouco mais de camada
    para gente manter
  • 2:15 - 2:18
    a nossa timeline organizada, ok?
  • 2:18 - 2:19
    Perfeito.
  • 2:19 - 2:25
    Árvores, estrada
    o bg já está aqui no fundo,
  • 2:25 - 2:34
    esse aqui o carro vem para cima
    junto com as duas rodas.
  • 2:34 - 2:39
    Vamos colocar em "fit" para visualizar
    melhor como que estão as rodas.
  • 2:39 - 2:43
    As rodas estão atrás do carro,
    vamos jogar para frente.
  • 2:43 - 2:48
    Elas estão juntas.
    Vamos trazer o carro para cá.
  • 2:48 - 2:55
    Vamos trazer a primeira roda para cá.
    Vamos trazer a segunda roda.
  • 2:55 - 2:59
    Já temos o nosso
    fusca vermelho maneiro.
  • 2:59 - 3:04
    Vamos renomear para "Fusca".
  • 3:04 - 3:15
    Esse aqui roda da frente,
    "rename", "roda na frente".
  • 3:15 - 3:19
    E "roda trás".
  • 3:19 - 3:24
    Árvores, estradas,
    esse aqui é o que?
  • 3:24 - 3:31
    Ah, esse aqui são as montanhas,
    então temos que trazer para cá.
  • 3:31 - 3:35
    Isso já temos a montanha,
    já está posicionada da maneira certa.
  • 3:35 - 3:41
    Deixa eu ver se está aqui.
  • 3:41 - 3:45
    Vou fechar aqui.
  • 3:45 - 3:48
    Isso aqui é o fundo, ó.
  • 3:48 - 3:53
    Esse "bg" aqui a gente pode excluir.
  • 3:53 - 3:58
    Esse aqui é o fundo.
  • 3:58 - 4:04
    As montanhas.
  • 4:04 - 4:05
    Vamos visualizar se está certinho.
  • 4:05 - 4:08
    A gente pode aumentar um pouquinho aqui.
  • 4:08 - 4:10
    Perfeito.
  • 4:10 - 4:13
    Organizado. Vamos para.
  • 4:13 - 4:16
    Vamos mudar a cor aqui da nossa roda.
  • 4:16 - 4:19
    A gente vai colocar
  • 4:19 - 4:22
    esse daqui Highline
  • 4:22 - 4:27
    da King Green, que é o mais escuro que
    a gente tem aqui, o fusquinha vermelho.
  • 4:27 - 4:30
    Vamos colocar o Red, as árvores
  • 4:31 - 4:32
    green,
  • 4:33 - 4:36
    a estrada.
  • 4:36 - 4:39
    Vamos colocar
  • 4:39 - 4:41
    água para diferenciar das outras.
  • 4:41 - 4:43
    Já que a gente não tem um cinza,
  • 4:43 - 4:47
    vamos colocar as nossas montanhas de Brown
  • 4:48 - 4:51
    e o fundo de Yellow.
  • 4:51 - 4:54
    Agora a gente já sabe qual o que é,
    qual Perfeito.
  • 4:56 - 4:59
    Mas antes disso, vamos pegar o nosso Fusca
  • 5:00 - 5:02
    e selecionar
  • 5:02 - 5:05
    ele e pré compor
  • 5:05 - 5:08
    cria uma pré composição deles
    e vamos escrever que carro?
  • 5:10 - 5:12
    Ok? Temos uma pré
    composição do nosso carro,
  • 5:12 - 5:15
    vamos abrir um take sozinho,
  • 5:16 - 5:19
    Vou colocar só um fundinho
    para a gente visualizar.
  • 5:19 - 5:22
    Depois a gente tira,
  • 5:22 - 5:25
    Mas um cinza mais clarinho
  • 5:25 - 5:28
    e jogar para baixo.
  • 5:28 - 5:30
    O que a gente vai fazer agora?
  • 5:30 - 5:33
    A gente vai animar a roda da frente.
  • 5:33 - 5:36
    Para isso, vamos criar,
  • 5:36 - 5:39
    criar um.
  • 5:39 - 5:42
    Um que frame rotation.
  • 5:42 - 5:45
    Vamos avançar
  • 5:45 - 5:47
    a nossa angulação.
  • 5:47 - 5:49
    Acho que aqui dez frames é o suficiente.
  • 5:49 - 5:50
    Colocar aqui
  • 5:52 - 5:55
    é 180,
  • 5:55 - 5:57
    180 graus.
  • 5:57 - 5:59
    Já rodou, rodou para o carro.
  • 5:59 - 6:03
    Quando dá para frente,
    a roda vira para esse lado daqui.
  • 6:03 - 6:08
    Então não podemos errar
    para não dar a sensação realística
  • 6:09 - 6:11
    de que o carro tá andando.
  • 6:11 - 6:14
    Já temos esse movimento da roda perfeito!
  • 6:14 - 6:18
    Vamos fazer a mesma coisa na roda de trás,
    clicando em R,
  • 6:18 - 6:21
    habilitando um keyframe vindo para cá
  • 6:22 - 6:25
    e vamos colocar
  • 6:25 - 6:27
    180 também.
  • 6:27 - 6:28
    Perfeito!
  • 6:28 - 6:31
    As nossas duas rodas já estão funcionando,
  • 6:31 - 6:34
    mas a gente quer que ela continue em loop.
  • 6:34 - 6:38
    Então segurando o alt,
    clicamos aqui em cima do Stop Watch,
  • 6:38 - 6:41
    o nosso reloginho de que frame?
  • 6:41 - 6:45
    Vamos aqui na setinha em Propriedades
  • 6:45 - 6:48
    para habilitar o nosso loop alt
  • 6:48 - 6:52
    e vamos repetir o processo
    na roda de trás.
  • 6:53 - 6:57
    Propriedade
    Lupe Alt é exatamente esse daqui,
  • 6:58 - 7:01
    então se a gente soltar
  • 7:01 - 7:06
    o preview
    já temos uma roda que não para de rodar.
  • 7:07 - 7:09
    Perfeito!
  • 7:09 - 7:12
    Só que a gente tem que criar uma dinâmica
    para o carro também,
  • 7:12 - 7:15
    então vamos deixar o nosso.
  • 7:17 - 7:20
    Os nossos keyframes
  • 7:20 - 7:22
    aparecendo com a tecla o
  • 7:22 - 7:25
    e aqui vamos mexer em position.
  • 7:26 - 7:28
    Vamos habilitar o que?
  • 7:28 - 7:31
    Frame de position
  • 7:31 - 7:35
    e vamos aqui no meio
  • 7:36 - 7:39
    subir um pouquinho o carro. Um
  • 7:39 - 7:41
    e aí a gente copia esse daqui.
  • 7:41 - 7:45
    O primeiro keyframe vem até dois frames
    e nesse
  • 7:46 - 7:49
    e vamos com a alt.
  • 7:50 - 7:53
    Habilitar o nosso espaço de expressão.
  • 7:55 - 7:58
    Setinha Propriedades no alt.
  • 8:00 - 8:03
    Então vou fechar aqui
  • 8:03 - 8:06
    nós temos um carro em movimento.
  • 8:09 - 8:11
    Perfeito!
  • 8:11 - 8:14
    Agora vou tirar este sólido
  • 8:14 - 8:17
    e vamos voltar para nossa estrada.
  • 8:18 - 8:21
    O nosso carro já está em movimento,
    mas parece que ele está
  • 8:22 - 8:23
    rodando no mesmo lugar.
  • 8:23 - 8:26
    Então essa sensação que a gente não quer
  • 8:26 - 8:31
    quando o carro está em estar
    fazendo sua viagem normalmente.
  • 8:33 - 8:35
    Este, o primeiro plano parece
  • 8:35 - 8:39
    transitar mais rápido
    que os planos de trás.
  • 8:39 - 8:42
    Então vamos animar a nossa árvore
  • 8:44 - 8:47
    em position
  • 8:47 - 8:50
    clicamos em Position.
  • 8:50 - 8:53
    Vamos até o fim.
  • 8:53 - 8:56
    Opa, Usei o eixo errado.
  • 8:58 - 9:01
    Deixa eu ver se antes de habilitar
    position
  • 9:01 - 9:05
    se o eixo,
    se a posição já está no começo, né?
  • 9:05 - 9:08
    Não? Para cá
  • 9:08 - 9:11
    temos colocado em cima do carro,
    está passando atrás do carro.
  • 9:11 - 9:14
    Isso não pode acontecer.
  • 9:14 - 9:16
    Chegamos no fim.
  • 9:16 - 9:18
    Vamos colocar a partir daqui.
  • 9:18 - 9:21
    Vamos jogar para cima no carro, Ok?
  • 9:22 - 9:23
    Agora sim, a gente habilita o que?
  • 9:23 - 9:25
    Frame de position.
  • 9:25 - 9:30
    Vamos até o fim
    e vamos levar a nossa árvore de volta
  • 9:30 - 9:33
    lá para o final.
  • 9:35 - 9:39
    Para pararem para.
  • 9:40 - 9:43
    E vamos que vamos
  • 9:43 - 9:43
    em grande.
  • 9:43 - 9:46
    A estrada.
  • 9:46 - 9:48
    É muita quilometragem.
  • 9:48 - 9:51
    Então.
  • 9:51 - 9:53
    Podemos fazer assim
    também para ficar mais fácil.
  • 9:54 - 9:57
    Segura no shift, ele vai reto.
  • 9:58 - 10:01
    Bom, pergunto.
  • 10:01 - 10:05
    Ok, então já temos uma árvore
    enquanto passando
  • 10:05 - 10:08
    enquanto o nosso carro.
  • 10:09 - 10:10
    Está andando.
  • 10:10 - 10:13
    Se eu para ficar
    um pouco mais próximo do real,
  • 10:14 - 10:17
    vamos fazer habilitar que o Mocha Umbler.
  • 10:18 - 10:22
    Pronto,
    nossa viagem já está quase começando
  • 10:23 - 10:26
    e agora a gente vai movimentar a estrada.
  • 10:26 - 10:28
    Não vou até bloquear
    porque a estrada não se mexe.
  • 10:28 - 10:30
    Quem se mexeu? O carro,
  • 10:30 - 10:31
    As montanhas.
  • 10:31 - 10:34
    Vamos habilitar o quê de position
  • 10:35 - 10:37
    e vamos
  • 10:37 - 10:40
    vim até o final.
  • 10:41 - 10:44
    E a mesma coisa trazer.
  • 10:47 - 10:51
    Não toda, mas.
  • 10:59 - 11:02
    Aqui eu vim até aqui
  • 11:02 - 11:05
    e agora falta o nosso fundo
  • 11:05 - 11:07
    que a gente vai fazer exatamente
  • 11:07 - 11:10
    a mesma coisa.
  • 11:11 - 11:14
    Habilitamos o PE de position,
  • 11:16 - 11:19
    vamos até o final.
  • 11:20 - 11:23
    E arrastamos.
  • 11:36 - 11:39
    Por enquanto está ficando assim.
  • 11:42 - 11:43
    Já temos um parallax
  • 11:45 - 11:45
    com um carro em
  • 11:45 - 11:49
    movimento, utilizando o looping nas rodas
  • 11:49 - 11:52
    e na dinâmica de tração do carro.
  • 11:55 - 11:57
    Agora
  • 11:57 - 11:59
    a gente vem aqui
  • 11:59 - 12:02
    e na hora que o carro tiver chegando aqui,
  • 12:03 - 12:06
    a gente utiliza o skill
  • 12:07 - 12:10
    mais ou menos assim
  • 12:10 - 12:13
    para dar zoom.
  • 12:13 - 12:17
    Mas temos que habilitar shift P
  • 12:17 - 12:20
    para não tirar ele da posição.
  • 12:22 - 12:25
    Aqui.
  • 12:25 - 12:28
    O melhor
    Não vamos fazer isso nessa composição.
  • 12:28 - 12:31
    Não vamos fazer isso em toda composição.
  • 12:33 - 12:35
    Para isso
  • 12:35 - 12:37
    vamos recolher tudo
  • 12:37 - 12:40
    Isso dá um controls e para o carro
    voltar ao normal,
  • 12:41 - 12:44
    vamos tirar esse bloqueio,
  • 12:44 - 12:47
    pré compor tudo isso daqui.
  • 12:48 - 12:50
    Vamos chamar de
  • 12:50 - 12:53
    viajante.
  • 12:53 - 12:58
    Ok, E aqui sim a gente clica na escala,
  • 12:59 - 13:02
    avança um pouquinho.
  • 13:03 - 13:06
    Em Shift P
  • 13:06 - 13:09
    para habilitar o nosso position.
  • 13:12 - 13:13
    Aqui para quando?
  • 13:13 - 13:16
    Opa! Sair do do frame trem.
  • 13:21 - 13:24
    Muito bem.
  • 13:29 - 13:31
    Já temos um aqui.
  • 13:31 - 13:34
    Eu posso copiar esse daqui
    mais para frente aqui, soltar
  • 13:34 - 13:37
    e fazer o inverso para voltar.
  • 13:42 - 13:45
    Então, por enquanto,
    o movimento esse aqui.
  • 13:52 - 13:55
    Podemos melhorar um pouco.
  • 14:00 - 14:03
    Aqui, na primeira composição,
  • 14:03 - 14:05
    Deixa eu ver
  • 14:05 - 14:07
    um viajante aqui.
  • 14:07 - 14:10
    O carro está vindo de forma uniforme.
  • 14:14 - 14:17
    Eu posso avançar com ele um pouco mais.
  • 14:17 - 14:20
    Então vim aqui em Position.
  • 14:21 - 14:25
    Vim aqui onde
    que estou mais ou menos aqui.
  • 14:25 - 14:27
    Assim
  • 14:27 - 14:30
    eu posso.
  • 14:31 - 14:34
    Posso avançar um pouco mais com ele.
  • 14:35 - 14:36
    Quando tiver mais aqui,
  • 14:36 - 14:39
    eu posso fazer o inverso.
  • 14:44 - 14:46
    Tudo isso trabalhando com Zoom
  • 14:46 - 14:52
    no Up Parallax e a dinâmica da animação,
    você pode explorar cada vez mais.
  • 14:52 - 14:55
    Se você der um preview
    ou como que ele está ficando
  • 14:57 - 15:00
    está aqui muito bem.
  • 15:00 - 15:02
    Deu uma freada.
  • 15:02 - 15:03
    Essa freada não
    ficou muito boa não, não é?
  • 15:05 - 15:08
    De repente a gente.
  • 15:09 - 15:10
    Avançar.
  • 15:10 - 15:12
    Então
  • 15:12 - 15:15
    isso é uma questão de ajustes.
  • 15:15 - 15:19
    Então, por exemplo,
    aqui que o carro pega mais velocidade.
  • 15:20 - 15:23
    Então, se eu venho aqui,
    onde está nós aqui,
  • 15:23 - 15:26
    Se eu trouxe bem para cá,
  • 15:26 - 15:29
    ele pode começar a dar esse movimento.
  • 15:31 - 15:35
    Vendo, eu posso até voltar aqui
  • 15:35 - 15:38
    e esticar um pouco mais.
  • 15:45 - 15:46
    A mesma coisa
  • 15:46 - 15:49
    aqui na hora que ele vem voltar.
  • 15:50 - 15:54
    Viajante,
    A gente pode pegar esses que frames?
  • 15:54 - 15:57
    Vim para cá assim.
  • 15:59 - 16:01
    Pronto.
  • 16:01 - 16:04
    Vamos visualizar?
  • 16:07 - 16:10
    Agora imagina uma trilha sonora bonitinha
  • 16:10 - 16:13
    e já temos uma animação zinha.
  • 16:15 - 16:20
    Essa foi uma maneira de você
    utilizar várias técnicas em uma composição
  • 16:20 - 16:25
    só ou até duas composições
    trabalhar com composições intercaladas.
  • 16:25 - 16:29
    Então não tenha medo de explorar
    essas técnicas, porque você vai descobrir
  • 16:29 - 16:30
    animações muito bacanas com isso.
Title:
DMG CAP10 2025 VA03 EFEITOS PARALLAX ZOOM AND LOOP
Video Language:
Portuguese, Brazilian
Duration:
16:34

Portuguese, Brazilian subtitles

Incomplete

Revisions Compare revisions