< 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á certo.
  • 4:05 - 4:08
    A gente pode aumentar um pouco aqui.
  • 4:08 - 4:12
    Perfeito.
    Organizado.
  • 4:12 - 4:16
    Vamos mudar a cor da nossa roda,
  • 4:16 - 4:22
    a gente vai colocar
    esse "dark green".
  • 4:22 - 4:25
    Dark Green, que é o mais escuro
    que a gente tem aqui.
  • 4:25 - 4:29
    O fusca vermelho vamos colocar "Red".
  • 4:29 - 4:33
    As árvores "green".
  • 4:33 - 4:41
    A estrada vamos colocar água
    para diferenciar das outras.
  • 4:41 - 4:43
    Já que a gente não tem um cinza.
  • 4:43 - 4:48
    Vamos colocar
    as nossas montanhas de "Brown"
  • 4:48 - 4:51
    e o fundo de "Yellow".
  • 4:51 - 4:56
    Agora a gente já sabe qual é qual,
    perfeito.
  • 4:56 - 5:00
    Mas antes disso,
  • 5:00 - 5:05
    vamos pegar o nosso Fusca,
    selecionar ele e "pre-compose".
  • 5:05 - 5:10
    Tem uma pré composição dele
    e vamos escrever aqui "carro".
  • 5:10 - 5:12
    Ok, temos uma pré composição
    do nosso carro,
  • 5:12 - 5:16
    vamos abrir,
    ele esta aqui sozinho.
  • 5:16 - 5:19
    Vou colocar só um fundo
    para a gente visualizar,
  • 5:19 - 5:22
    depois a gente tira.
  • 5:22 - 5:28
    Um cinza mais claro
    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:42
    Para isso,
    vamos criar um keyframe "rotation",
  • 5:42 - 5:49
    vamos avançar a nossa agulha
    acho que dez frames é o suficiente.
  • 5:49 - 5:57
    Colocar aqui "180",
    180 graus.
  • 5:57 - 5:59
    Já rodou, rodou para o frente.
  • 5:59 - 6:03
    O carro quando anda para frente,
    a roda vira para esse lado daqui.
  • 6:03 - 6:05
    Então não podemos errar,
    se não,
  • 6:05 - 6:11
    não da sensação realística
    de que o carro esta 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:22
    habilitando um keyframe,
    vindo para cá
  • 6:22 - 6:27
    e vamos colocar "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 looping.
  • 6:34 - 6:38
    Então segurando o alt,
    clicamos aqui em cima do "Stopwatch",
  • 6:38 - 6:41
    o nosso relogio de keyframe.
  • 6:41 - 6:48
    Vamos aqui na seta em "propriedades"
    para habilitar o nosso "loopout"
  • 6:48 - 6:53
    e vamos repetir o processo
    na roda de trás.
  • 6:53 - 6:58
    "Propriedade",
    "loopout" exatamente esse daqui.
  • 6:58 - 7:03
    Então, se a gente soltar o preview
  • 7:03 - 7:07
    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:22
    Então, vamos deixar o nossos keyframes
    aparecendo com a tecla "u".
  • 7:22 - 7:26
    E aqui vamos mexer em "position".
  • 7:26 - 7:31
    Vamos habilitar o keyframe
    de "position"
  • 7:31 - 7:39
    e vamos aqui,
    meio que subir um pouco o carro.
  • 7:39 - 7:41
    E aí a gente copia esse daqui.
  • 7:41 - 7:46
    O primeiro keyframe,
    vem até dez frames e desce
  • 7:46 - 7:55
    e vamos com a alt habilitar
    o nosso espaço de expressão.
  • 7:55 - 8:00
    Seta, "propriedades",
    "loopout".
  • 8:00 - 8:03
    Então, vou fechar aqui.
  • 8:03 - 8:09
    Nós temos um carro em movimento.
  • 8:09 - 8:11
    Perfeito!
  • 8:11 - 8:18
    Agora vou tirar este sólido
    e vamos voltar para nossa estrada.
  • 8:18 - 8:20
    O nosso carro já está em movimento,
  • 8:20 - 8:23
    mas parece que ele está
    rodando no mesmo lugar.
  • 8:23 - 8:26
    Então,
    essa sensação que a gente não quer.
  • 8:26 - 8:30
    Quando o carro está fazendo
    sua viagem,
  • 8:30 - 8:37
    normalmente o primeiro plano
    parece transitar mais rápido
  • 8:37 - 8:39
    que os planos de trás.
  • 8:39 - 8:47
    Então, vamos animar a nossa árvore
    em position.
  • 8:47 - 8:53
    Clicamos em "position",
    vamos até o fim.
  • 8:53 - 8:58
    Opa, usei o eixo errado.
  • 8:58 - 9:01
    Deixa eu ver se antes de habilitar
    position
  • 9:01 - 9:04
    se o eixo,
    se a posição já está no começo.
  • 9:04 - 9:08
    Não, para cá.
  • 9:08 - 9:10
    temos que colocar a árvore
    em cima do carro,
  • 9:10 - 9:11
    está passando atrás do carro.
  • 9:11 - 9:14
    Isso não pode acontecer.
  • 9:14 - 9:18
    Chegamos no fim,
    vamos colocar a partir daqui.
  • 9:18 - 9:22
    Vamos jogar para cima no carro, ok.
  • 9:22 - 9:25
    Agora sim,
    a gente habilita o keyframe de position,
  • 9:25 - 9:40
    vamos até o fim e vamos levar
    a nossa árvore de volta lá para o final.
  • 9:40 - 9:43
    E vamos que vamos.
  • 9:43 - 9:46
    É grande a estrada.
  • 9:46 - 9:48
    É muita quilometragem.
  • 9:48 - 9:54
    Então, podemos fazer assim também
    para ficar mais fácil.
  • 9:54 - 10:01
    Segura no shift,
    ele vai reto.
  • 10:01 - 10:10
    Ok, já temos uma árvore passando
    enquanto o nosso carro está andando.
  • 10:10 - 10:14
    Se eu para ficar
    um pouco mais próximo do real,
  • 10:14 - 10:18
    vamos habilitar aqui o "motion blur".
  • 10:18 - 10:23
    Pronto, nossa viagem
    já está quase começando
  • 10:23 - 10:26
    e agora a gente vai movimentar,
    a estrada não.
  • 10:26 - 10:27
    Vou até bloquear,
  • 10:27 - 10:30
    porque a estrada não se mexe,
    quem se mexe é o carro.
  • 10:30 - 10:35
    As montanhas,
    vamos habilitar o "P" de position
  • 10:35 - 10:41
    e vamos vir até o final.
  • 10:41 - 10:50
    E a mesma coisa,
    trazer não toda,
  • 10:50 - 11:02
    mas aqui,
    vou vir ate aqui.
  • 11:02 - 11:05
    E agora falta o nosso fundo
  • 11:05 - 11:11
    que a gente vai fazer
    exatamente a mesma coisa.
  • 11:11 - 11:36
    Habilitamos o "P" de position,
    vamos até o final e arrastamos.
  • 11:36 - 11:42
    Por enquanto está ficando assim.
  • 11:42 - 11:46
    Já temos um parallax
    com um carro em movimento,
  • 11:46 - 11:55
    utilizando o looping nas rodas
    e na dinâmica de tração do carro.
  • 11:55 - 12:00
    Agora a gente vem aqui
    e na hora que o carro
  • 12:00 - 12:07
    estiver chegando aqui,
    a gente utiliza o 'scale"
  • 12:07 - 12:13
    mais ou menos assim
    para dar zoom.
  • 12:13 - 12:22
    Mas temos que habilitar "shift + P"
    para não tirar ele da posição.
  • 12:22 - 12:25
    Aqui.
  • 12:25 - 12:29
    Ou melhor, não vamos fazer isso
    nessa composição não.
  • 12:29 - 12:33
    Vamos fazer isso em toda composição.
  • 12:33 - 12:37
    Para isso,
    vamos recolher tudo.
  • 12:37 - 12:41
    Deixa eu dar um "control + Z"
    para o carro voltar ao normal,
  • 12:41 - 12:48
    vamos tirar esse bloqueio,
    pré compor tudo isso daqui.
  • 12:48 - 12:53
    Vamos chamar de "viajante".
  • 12:53 - 12:55
    Ok.
  • 12:55 - 13:04
    E aqui sim a gente clica na escala,
    avança um pouco,
  • 13:04 - 13:12
    "Shift + P" para habilitar
    o nosso "position".
  • 13:12 - 13:21
    Aqui, opa!
    Sai do frame, pera aí.
  • 13:21 - 13:29
    Muito bem.
  • 13:29 - 13:31
    Já temos um aqui.
  • 13:31 - 13:34
    Eu posso copiar esse daqui
    mais para frente aqui,
  • 13:34 - 13:42
    soltar e fazer o inverso para voltar.
  • 13:42 - 13:52
    Então, por enquanto,
    o movimento esse aqui.
  • 13:52 - 14:00
    Podemos melhorar um pouco.
  • 14:00 - 14:07
    Aqui na primeira composição
    o viajante aqui.
  • 14:07 - 14:14
    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 vou vir 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