< 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:12
    Para isso,
  • 0:12 - 0:18
    vamos explorar os efeitos de Parallax,
    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:33
    "Import", "file"
    e vamos trazer esse "parallax car".
  • 0:33 - 0:40
    "Composition Retain Layer",
    para vir com as layers separadas,
  • 0:40 - 0:45
    e abriu aqui as nossas camadas.
  • 0:45 - 0:52
    Vamos pegar todas
    e trazer para a nossa timeline.
  • 0:52 - 0:54
    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é renomear aqui de "BG".
  • 1:12 - 1:14
    Nome clássico.
  • 1:14 - 1:19
    Aí as árvores ficam em cima.
  • 1:19 - 1:21
    Vou separar aqui
    para visualizar os nomes.
  • 1:25 - 1:30
    A estrada vem para cá.
  • 1:30 - 1:35
    Essa camada vai fazer 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:42
    Opa!
  • 1:43 - 1:47
    Utilizando o eixo X.
  • 1:47 - 1:52
    Aí vamos pegar a estrada
    e vamos jogar para cima dela.
  • 1:52 - 1:57
    Vamos com o "p" reposicioná-la
    bem aqui,
  • 1:57 - 2:03
    para ficar bem certo,
    e trazer aqui para trás das árvores
  • 2:03 - 2:06
    e já vou renomeando,
  • 2:06 - 2:13
    porque como é um pouco mais
    de camada,
  • 2:13 - 2:18
    para gente manter
    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 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:51
    Vamos trazer a primeira roda para cá.
  • 2:51 - 2:54
    Vamos trazer a segunda roda.
  • 2:54 - 2:59
    Pronto, já temos o nosso
    Fusca vermelho "maneiro".
  • 2:59 - 3:02
    Vamos renomear para "Fusca".
  • 3:04 - 3:15
    Esse aqui "roda da frente",
    "rename", "roda frente".
  • 3:15 - 3:19
    E "roda trás".
  • 3:19 - 3:24
    Árvores, estradas,
    esse aqui é o quê?
  • 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
    e já está posicionada da maneira certa.
  • 3:35 - 3:41
    Deixa eu ver se está aqui.
  • 3:41 - 3:43
    Vou fechar aqui.
  • 3:45 - 3:48
    Isso aqui é o fundo, olha.
  • 3:48 - 3:53
    Esse "BG" aqui a gente pode excluir.
  • 3:53 - 3:58
    Esse aqui é o fundo.
  • 3:58 - 4:00
    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:10
    Perfeito.
  • 4:10 - 4:12
    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:36
    A estrada,
  • 4:36 - 4:41
    vamos colocar "aqua"
    para diferenciar das outras
  • 4:41 - 4:43
    já que a gente não tem cinza.
  • 4:43 - 4:48
    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 é qual.
  • 4:54 - 4:56
    Perfeito.
  • 4:56 - 4:57
    Mas antes disso,
  • 4:57 - 5:05
    vamos pegar o nosso Fusca,
    selecioná-lo e "pre-compose".
  • 5:05 - 5:10
    Criar 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 está 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:46
    vamos avançar a nossa agulha.
  • 5:46 - 5:49
    Acho que aqui dez frames
    já é o suficiente.
  • 5:49 - 5:57
    Vou colocar aqui 180 graus.
  • 5:57 - 5:59
    Olha, já rodou.
  • 5:59 - 6:03
    O carro quando anda para frente,
    a roda vira para esse lado aqui.
  • 6:03 - 6:05
    Então, não podemos errar,
    senão,
  • 6:05 - 6:11
    não dá a sensação realística
    de que o carro está andando.
  • 6:11 - 6:13
    Já temos esse movimento da roda.
  • 6:13 - 6:14
    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 "stop watch",
  • 6:38 - 6:41
    o nosso relógio 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 aqui.
  • 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 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 no meio,
    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 o 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, né?
    E vamos voltar para a 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
    a sua viagem,
  • 8:30 - 8:37
    normalmente o primeiro plano
    parece transitar mais rápido
  • 8:37 - 8:39
    do 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 ao fim,
    vamos colocar a partir daqui.
  • 9:18 - 9:20
    Vamos jogar para cima no carro.
  • 9:20 - 9:22
    Ok.
  • 9:22 - 9:25
    Agora sim,
    a gente habilita o keyframe de position,
  • 9:25 - 9:31
    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 - 9:59
    Segura o shift,
    ele vai reto.
  • 9:59 - 10:01
    Pronto.
  • 10:01 - 10:10
    Ok, já temos uma árvore passando
    enquanto o nosso carro está andando.
  • 10:10 - 10:14
    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:25
    e agora a gente vai movimentar...
  • 10:25 - 10:27
    A estrada não.
    Vou até bloquear, né?
  • 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 até 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:22
    Habilitamos o "P" de position,
    vamos até o final e arrastamos.
  • 11:36 - 11:38
    Por enquanto,
    está ficando assim, olha.
  • 11:42 - 11:46
    Já temos um parallax
    com um carro em movimento,
  • 11:46 - 11:55
    utilizando o loop 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, olha,
    para dar zoom.
  • 12:13 - 12:22
    Mas temos que habilitar "shift + P"
    para não tirar ele da posição.
  • 12:22 - 12:23
    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 aqui.
  • 12:48 - 12:53
    Vamos chamar de "viajante".
  • 12:53 - 12:55
    Ok.
  • 12:55 - 13:01
    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:17
    Aqui, opa.
    Sai do frame, espera aí.
  • 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,
  • 13:34 - 13:38
    soltar e fazer o inverso para voltar.
  • 13:42 - 13:45
    Então, por enquanto,
    o movimento é esse aqui.
  • 13:52 - 13:54
    Podemos melhorar um pouco.
  • 14:00 - 14:07
    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:21
    Então, vou vir aqui em "position".
  • 14:21 - 14:27
    Vir aqui,
    mais ou menos aqui assim.
  • 14:27 - 14:35
    Eu posso avançar
    um pouco mais com ele.
  • 14:35 - 14:38
    Quando tiver mais aqui,
    eu posso fazer o inverso.
  • 14:44 - 14:48
    Tudo isso trabalhando
    com Zoom, Loop, Parallax
  • 14:48 - 14:50
    e a dinâmica da animação.
  • 14:50 - 14:53
    Você pode explorar cada vez mais
    isso aqui.
  • 14:53 - 14:57
    Mas se eu der um preview,
    olha como ele está ficando.
  • 14:57 - 15:00
    Está aqui,
    muito bem.
  • 15:00 - 15:02
    Deu uma freada.
  • 15:02 - 15:05
    Essa freada não
    ficou muito boa não, né?
  • 15:05 - 15:12
    De repente se a gente avançar e tal.
  • 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:19 - 15:23
    então, se eu venho aqui.
  • 15:23 - 15:26
    Se eu trouxer bem para cá,
  • 15:26 - 15:31
    ele pode começar
    a dar esse movimento.
  • 15:31 - 15:32
    Está vendo?
  • 15:32 - 15:37
    Eu posso até voltar aqui
    e esticar um pouco mais.
  • 15:45 - 15:50
    A mesma coisa aqui,
    na hora que ele vier e voltar.
  • 15:50 - 15:54
    "Viajante",
    a gente pode pegar esses keyframes,
  • 15:54 - 16:01
    vir para cá assim e pronto.
  • 16:01 - 16:03
    Vamos visualizar.
  • 16:07 - 16:15
    Agora, imagina uma trilha sonora
    bonita e já temos uma animação.
  • 16:15 - 16:19
    Essa foi uma maneira de você
    utilizar várias técnicas
  • 16:19 - 16:23
    em uma composição só
    ou até duas composições,
  • 16:23 - 16:25
    trabalhar com composições
    intercaladas.
  • 16:25 - 16:28
    Então, não tenha medo
    de explorar essas técnicas,
  • 16:28 - 16:31
    porque você vai descobrir
    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