Princípios de animação: adicione personalidade divertida às suas animações | Jake Bartlett | Skillshare
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Princípios de animação: adicione personalidade divertida às suas animações

teacher avatar Jake Bartlett, Motion Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Trailer do curso

      2:22

    • 2.

      Estrutura do curso

      0:50

    • 3.

      Antecipação e Seguir em frente

      18:51

    • 4.

      Sobreponha

      7:27

    • 5.

      Comprimir e esticar

      14:55

    • 6.

      Do Illustrator até o After Effects

      6:51

    • 7.

      Controles personalizados e organização

      11:18

    • 8.

      Controles secundários

      7:21

    • 9.

      Zerando valores

      2:37

    • 10.

      Esticando o carro

      17:07

    • 11.

      Movimentos de sobreposição

      3:19

    • 12.

      Fazendo o frame pular

      5:02

    • 13.

      Levantando o carro

      11:08

    • 14.

      Abrindo o capô e pulando

      12:28

    • 15.

      girando os pneus

      12:20

    • 16.

      Espelho, antena e ornamento do capô

      11:16

    • 17.

      Adicionando Esmagar e Esticar

      5:16

    • 18.

      Dirigindo para entrar e sair do quadro

      6:07

    • 19.

      Detalhes da cena

      7:27

    • 20.

      Adição de texturas

      4:24

    • 21.

      Efeitos de acabamento

      6:31

    • 22.

      A sombra

      6:58

    • 23.

      Fumaça de pneus

      7:45

    • 24.

      Exportando um GIF e mp4

      6:05

    • 25.

      Valeu!

      1:16

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

8.493

Estudantes

41

Projetos

Sobre este curso

Os princípios de animação são um conjunto de orientações inestimáveis para criar movimento mais atraente nas suas animações. Quer tenha um treinamento formal em design de movimento ou tenha aprendido por si mesmo, entender e implementar esses princípios vai fazer uma grande diferença na qualidade do seu trabalho. É por isso que estou tão animado para compartilhar esse conhecimento com você aqui no Skillshare!

Nesse curso vou ensinar como usar os princípios de animação no seu design de movimento. Mas o conhecimento ganhado aqui pode ser aplicado a qualquer forma de animação — não só no After Effects! Pode usá-lo em qualquer software de animação, animações desenhadas à mão ou até mesmo animação de stop motion. Cada princípio é universal e aplicável a qualquer projeto. 

Dividi o curso em duas unidades: a primeira será onde ensino sobre esses princípios e como usá-los por meio de um exercício no After Effects. A segunda unidade será onde mostro minha metodologia completa para criar uma animação do início ao fim. Ganhará uma visão detalhada da minha abordagem de animação, organização e gerenciamento de um projeto, como construo controles personalizados para minhas ilustrações, implemento os princípios de animação e exporto tanto para arquivos GIF e de vídeo.

Esse é um curso avançado. Deve-se ter uma boa compreensão da interface de usuário e funcionalidades do Adobe After Effects antes de fazer esse curso. Cada etapa vai ser explicada nos vídeos, mas não vamos gastar tempo aprendendo funções básicas. Vamos usar o editor gráfico de forma extensiva, então se não estiver familiarizado com o uso dele, primeiro confira o curso Animando com facilidade.

Espero que esteja animado para aprender sobre os princípios de animação! Vejo você no curso.

Conheça seu professor

Teacher Profile Image

Jake Bartlett

Motion Designer

Professor
Level: Advanced

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Trailer do curso: Ei! Eu sou Jake Bartlett, um designer de movimento baseado em Denver, Colorado e isso é princípios de animação adicionar personalidade brincalhão às suas animações. Trabalho profissionalmente como designer de movimento desde 2010. Minhas habilidades percorreram um longo caminho de onde começaram naquele tempo. Mas eu posso dizer com confiança, que o maior salto que eu vi em minhas habilidades de design de movimento veio quando eu aprendi princípios fundamentais de animação. Nesta aula, estou muito animado para compartilhar esse conhecimento com vocês. Se você não estiver familiarizado, os princípios de animação são um conjunto de diretrizes que ajudam você a fazer movimentos mais atraentes em suas animações. Compreender e implementá-los fará uma enorme diferença em seus projetos. Na verdade, entrei em design de movimento sem nenhum treinamento formal. Mas mesmo que você tenha feito cursos de animação, o uso de princípios de animação irá revisar completamente a maneira como seus designs serão movidos e a maneira como você aborda a animação em geral. Outra razão pelos princípios de animação são tão valiosos, é porque eles se transferem para qualquer forma de animação. Não tem que estar apenas no After Effects. Pode ser em Cinema 4D ou animação stop motion ou desenho quadro a quadro. É tudo completamente universal e pode ser aplicado a qualquer projeto. Eu estruturei esta classe em duas unidades. Na primeira unidade, ensinarei esses princípios de animação através de um exercício no After Effects. Você pode baixar meu arquivo de projeto e acompanhar para que você possa praticar essas técnicas sozinho. Na segunda unidade, mostrarei como construí essa animação como meu projeto de classe do início ao fim. Você será capaz de ver toda a minha metodologia para criar uma animação deste complexo. Vamos cobrir como eu lidar com uma idéia complexa construção de controles personalizados, organização do projeto, implementação dos princípios de animação, adição de efeitos de acabamento e exportação como um arquivo de presente e vídeo. Ao longo do caminho, mostrarei como uso ferramentas de terceiros para um fluxo de trabalho pós-efeitos mais eficiente. Para o projeto de classe, você escolherá um veículo próprio para dar vida através de princípios de animação. Se você não está pronto para criar seu próprio veículo, você pode baixar meu carro para se animar. Nós vamos estar usando o editor de gráficos extensivamente nesta classe. Se você é novo no After Effects, eu sugiro que você primeiro tome minha outra classe, animando com facilidade, para que você tenha uma boa compreensão sobre como o editor de gráficos funciona. Esta classe é para qualquer pessoa pronta para levar suas habilidades de animação para o próximo nível. Vejo-te na aula. 2. Estrutura do curso: Tudo bem. Espero que esteja animado para aprender sobre os princípios da animação. Estou muito animado para ensiná-los a você. Mas como eu disse no trailer da turma, eu dividi esta classe basicamente em duas unidades. A primeira unidade será o ensino real dos princípios de animação, e nós estaremos usando um exercício que você pode baixar na guia Projeto e Recursos. No lado direito, você verá os downloads lá. Mas na primeira unidade, através desse exercício no arquivo do projeto, vou ensinar a vocês esses princípios de animação, como eles funcionam e como você pode usá-los em seus projetos. Na segunda unidade da turma, vou mostrar como criei meu projeto de classe do início ao fim. Você verá todo o meu processo e como eu implemente esses princípios de animação em meu próprio design que eu possa colocar o que está na minha cabeça na tela. No final da aula, vou mostrar como exportar sua animação como um GIF e um arquivo de vídeo para que você possa compartilhá-la online. Vamos começar. 3. Antecipação e Seguir em frente: Vamos falar sobre esses princípios de animação que vamos cobrir nesta aula. Eu criei este projeto como um exercício que eu vou ensinar esses princípios de animação através, mas também para você praticar a si mesmo. Você pode me assistir enquanto eu faço isso e depois praticar a si mesmo, ou você pode baixar o arquivo do projeto agora, na guia Projeto e Recursos, para que você possa acompanhar enquanto está assistindo. Mas o que vamos fazer neste exercício, é apenas ter esta caixa aqui, viajar de um lado para o outro lado da nossa composição. Vamos ver o quão excitante podemos fazer isso. É um movimento bem linear. Não é de animação particularmente complexa, mas à medida que empilhamos essas técnicas diferentes usando princípios de animação, você verá como podemos realmente dar muita vida a algo tão simples quanto uma caixa. Primeiro de tudo, deixe-me centralizar esse backup, e a primeira coisa que eu quero fazer é tornar o centro da minha composição a origem da composição. Atualmente, está no canto superior esquerdo. É assim que o After Effects mede sua grade de pixels no canto superior esquerdo. Isto é 0,0 e o centro é 960 por 540, vez que este é um 1920 por 1080 comp. Se eu pressionar P para trazer minha propriedade de posição para esta camada, você pode ver que é 960 por 620 na verdade, porque eu não tenho isso direito no centro. Se eu ativar meus guias de segurança de título/ação, você pode ver que deixei cair isso um pouco para baixo. Mas eu quero que este seja um valor de posição zero no X. Eu realmente não me importo com o Y porque é onde eu quero. Mas uma maneira muito rápida e fácil de fazer isso, e uma técnica que eu uso muito quando eu quero colocar a origem em algum lugar diferente do canto superior esquerdo da composição, é criar um objeto nulo e pai este objeto para ele. Eu vou subir para Layer, New, Null Object, e esta é apenas uma camada vazia que não é renderizada. Ele só permite que você crie coisas para ele e controle outras coisas. Mas eu quero que este nulo esteja exatamente na mesma posição que a caixa. Vou pegar a propriedade position, copiar com Controle ou Comando C, colar com Controle ou Comando V, e agora está exatamente no mesmo lugar. Eu pressiono P no teclado novamente, podemos ver o mesmo valor de posição. Agora tudo o que eu preciso fazer é criar a camada de caixa para o objeto nulo. Você pode ver que meus valores de posição são agora 0,0, porque eles estão agora em relação ao pai. Assim, a posição das caixas em relação ao nulo é zero. Isso é literalmente tudo o que eu precisava daquele nulo, então eu só vou renomeá-lo de zero. Vou trancá-lo. Vou escondê-lo para não ver na minha composição, e vou envergonhá-lo. Eu já tinha o interruptor Shy ativado porque eu estou escondendo algumas das outras camadas que compõem o fundo, mas é por isso que ele simplesmente desapareceu quando eu cliquei no interruptor shy. Deixe-me desligar o título e o guia seguro de ação e ficamos com a caixa. Mas com esse relacionamento pai configurado, Eu agora tenho uma origem de 0,0, que significa que eu posso saber exatamente o quão longe para a esquerda e direita do centro de que comp I movê-lo. Posso apenas dizer, mover este negativo 400 pixels para a esquerda, ou movê-lo positivo 400 pixels para a direita, e será igual distância do centro. Eu uso esse truque o tempo todo quando eu quero esses valores de posição agradáveis em relação à camada. A próxima coisa que eu quero fazer é separar as dimensões da minha propriedade posição. Vou clicar com o botão direito e dizer dimensões separadas. Isso me dá controles individuais para as posições X e Y. Isso me permite usar o gráfico de valor no meu editor de gráficos muito mais fácil do que seria se eles ainda estivessem combinados. Nem sempre uso o gráfico de valores, mas neste caso, estou apenas animando a posição X. Eu acho que o gráfico de valor só vai fazer mais sentido visualmente para esta animação. Vamos para um segundo talvez, e eu vou apoiar isso para, digamos, cerca de 500 pixels negativos. Vou definir um quadro-chave na posição X, e então avançar um segundo a dois segundos, e mudar isso para 500. Agora estou trabalhando em 24 quadros por segundo. Se você estiver usando esse arquivo de projeto , ele já está configurado para você. Mas só para você saber, isso é em 24 quadros por segundo animação. Deixe-me tocar isso de volta. Você pode ver que é muito chato. Obviamente estas chaves não têm atenuação, mas é apenas viajar de um lado para o outro. Qual é a primeira coisa que podemos fazer para melhorar? Bem, primeiro deixe-me apenas renomear esta Caixa 1, e então eu vou duplicá-la para que tenhamos um pequeno rastro de onde estávamos no início. Caixa 2, vou pressionar U para abrir os quadros-chave. Naturalmente, a primeira coisa que você provavelmente pensa é aliviar esses quadros-chave com facilidade fácil. Então eu vou selecionar esses quadros-chave, pressionar a tecla F9 no teclado e agora eles são facilitados. Vamos jogar de volta e você pode ver que é melhor. Está facilitando para dentro e para fora, mas é uma ligeira facilidade muito padrão, é a facilidade fácil padrão. Não é tão interessante, ainda é bastante básico. Se entrarmos no editor de gráficos com os quadros-chave selecionados, e me deixar limpar isso. Vou desligar meu editor de expressões, e então me dar um pouco mais de espaço neste gráfico. Agora podemos ver nosso gráfico um pouco melhor. Se você não estiver familiarizado com o gráfico de valores, e isso é apenas uma representação do valor ao longo do tempo. Neste ponto no tempo, o primeiro quadro-chave, está em 500 pixels negativos. Neste ponto no tempo, está em 500 pixels positivos, e esta curva é o valor ao longo do tempo entre ela. Você pode aprender tudo sobre o editor de gráficos em minha outra classe, Animando com Facilidade. Definitivamente verifique se você ainda não fez isso. Mas o que posso fazer aqui é tornar a minha facilidade um pouco mais dramática e um pouco mais estilizada. Eu vou puxar a alça para fora enquanto segura o turno para que ele se encaixe na linha de base. Basta arrastar essa influência para fora um pouco no quadro-chave de saída, e em um pouco sobre os quadros-chave de entrada. Vamos ver como isso se parece. Agora é apenas uma facilidade de aparência muito melhor. Tem mais velocidade no meio. Ele facilita a entrada e saída muito mais suavemente, e geralmente é mais agradável de olhar. Até agora tudo parece bastante básico, mas este é realmente um dos princípios da animação. Já tocamos nele, o que é lento e lento. Qual outra maneira de dizer isso é facilidade de entrada e facilidade de saída. Basicamente, ele está se movendo mais rápido no meio da animação do que em ambos os lados, e ele só faz para um mais agradável olhar para a animação. Mas o que podemos fazer para melhorar isso? Bem, vamos duplicar esta camada. Mais uma vez, desligue a segunda cópia e fale sobre o que podemos fazer a seguir. Fechamos esta camada e pressionamos U nesta para exibir os quadros-chave de posição. O primeiro princípio de animação que vamos falar é chamado de antecipação. Antecipação é basicamente dar ao espectador uma dica visual sobre o que está prestes a acontecer, que eles sejam capazes de antecipar o que você vai fazer com o seu movimento. Podemos fazer isso facilmente em nossa animação. O que vamos fazer é fazer backup, talvez, cinco quadros. Vou pressionar Page Up 1, 2, 3, 4, 5 vezes e definir um quadro-chave. Voltando para este quadro chave aqui, o que eu quero fazer é apenas voltar um pouco para cima na posição X. Parece que esqueci de desligar a Caixa 2, então deixe-me desativar isso. Mas vamos movê-lo de volta apenas 525 negativos, então 25 pixels. Está viajando na direção oposta antes de ir para a frente. Se eu jogar isso de volta, você pode ver que ele apenas muda um pouco para trás, antecipando o movimento que está prestes a acontecer através da tela. antecipação é tão simples quanto isso, mas pode ser uma maneira extremamente eficaz de dar pistas ao espectador sobre o que está prestes a acontecer. Como todos os princípios da animação, ele está lá para tornar o movimento que você está criando mais desejável. Vamos novamente entrar no gráfico de valores, e eu vou ampliar aqui para que possamos vê-lo um pouco melhor. Aqui mesmo entre os dois primeiros quadros-chave, eu realmente não tenho muito de uma curva S, então eu vou apenas puxar isso para fora um pouco, saindo do primeiro quadro chave, e então puxá-lo para fora um pouco mais indo para o próximo quadro-chave, e vamos jogar de volta. Agora é um pouco mais nítido de um movimento indo para trás e depois para a frente. Então isso parece muito bom. Agora temos antecipação neste movimento. Bem, podemos tornar isso ainda um pouco mais interessante de se olhar, adicionando algo que vai junto com antecipação muito bem, que é seguido. Deixe-me duplicar isso, esconder esta camada, e então vamos trazer os valores de posição para isso. Vamos fazer exatamente a mesma coisa na direção oposta. Antecipação acontece antes do grande movimento, e seguir através acontece depois do grande movimento. Vamos cinco quadros após este último quadro-chave, 1, 2, 3, 4, 5, na tecla de página para baixo e definir outro quadro-chave, então voltar para este, e vamos adicionar 25 pixels a ele exatamente como antes no oposto direção, então vamos dizer 525. Agora ele vai passar pelo ponto de descanso final antes de voltar para ele. Vamos tocar isso de volta. Agora temos alguma antecipação e alguns seguem. Agora vamos voltar ao editor de gráficos e limpar isso um pouco. Vou ampliar com a tecla mais, e rolar para baixo para que eu possa ver a curva um pouco melhor. Vamos ajustar essas alças novamente. Dê uma olhada em como isso se move. Temos uma animação rápida de entrada e saída. Isso pode ser um pouco apertado demais, talvez precisemos facilitar mais no último quadro um pouco melhor. Agora, talvez neste grande movimento, a curva precisa ser ajustada apenas um pouco para que não esteja diminuindo muito antes de seguir adiante. Vou arrastar isso um pouco para trás, talvez apertar um pouco, e veremos como isso se parece. Sim, isso parece muito bom. Com apenas alguns quadros-chave extras, adicionamos antecipação e acompanhamento a essa animação simples, e isso está dando muito mais vida a ela. Mas podemos tomar essa antecipação e seguir até mais um passo adiante usando outra propriedade que não seja apenas posição. Vamos duplicar isto, dobrar aquilo e escondê-lo. Neste, eu quero incluir rotação também, mas eu preciso girá-lo de dois pontos específicos na minha caixa. Eu não quero girá-lo em torno do centro onde está o ponto de ancoragem. Quero fazê-lo no canto inferior esquerdo e no canto inferior direito. Esta é outra técnica que eu uso o tempo todo quando eu preciso girar ou distorcer algo ou transformar de um ponto diferente do ponto de ancoragem da própria camada. Fazemos isso através de um efeito chamado transformação. Você notará que eu não tenho meus efeitos no painel de predefinições abertos e isso é porque eu quero mostrar meu fluxo de trabalho do mundo real. Há um plug-in gratuito do Video Copilot chamado FX Console e você pode encontrar o link de download nas notas deste vídeo agora. Mas o que ele permite que você faça é com um atalho de teclado, Eu estou em um PC então é Control Space, pop up uma barra de pesquisa aqui que permite que você pesquise tudo o que estaria em seus efeitos e painel de controles. Então, muito rapidamente, basta pressionar a tecla de atalho e então você pode procurar o que quiser. Eu quero o efeito de transformação, aí está. Basta pressionar “Enter” e é aplicado à camada que eu selecionei. Aqui estão todos os controles de transformação que são exatamente iguais aos que você tem dentro de seus controles de transformação de camada, mas também lhe dá a capacidade de inclinar e algum outro controle. Então é um efeito muito útil, eu uso o tempo todo. Agora, por padrão, ele coloca o ponto de ancoragem bem no centro da sua camada, assim como uma camada normal faria. Mas se eu tentar mover esse ponto de ancoragem, você vê que o conteúdo da camada está mudando dentro dele. O que precisamos fazer é amarrar a posição ao ponto de ancoragem. Então, onde quer que o ponto de ancoragem vá, o valor da posição o segue. Isso é extremamente fácil de fazer. Vou apenas clicar duas vezes no “Valor do Ponto de Âncora” e isso vai trazê-lo aqui em minhas camadas. Minha posição de ponto de ancoragem aqui, tudo o que eu preciso fazer é pegar minha propriedade pick whip, clicar e arrastar para o ponto de ancoragem e After Effects amarrará valor a este valor através de uma expressão que ele próprio escreve. Você não precisa saber o que é essa expressão ou como escrevê-la, apenas para usar essa propriedade, escolher chicote e agora onde quer que o ponto de ancoragem vá, o valor da posição vai com ela. Então eu posso colocar meu ponto de ancoragem onde eu precisar e ele sempre aparecerá correto. O que eu quero fazer é colocar isso no canto inferior esquerdo e eu quero ser bem preciso com isso. Se eu der uma olhada nos valores, o ponto de ancoragem está quase em 150 por 350. Eu sei que este pré-comp é um perfeito 500 por 500 quadrados. Eu posso saber que estes devem ser números redondos, então eu vou dizer 150 por 350 e lá vamos nós, meu ponto de ancoragem está no canto inferior esquerdo da caixa. Agora, eu posso pegar a propriedade de rotação e girá-la naquele canto, isso é exatamente o que eu preciso fazer. Eu vou definir um quadro-chave na rotação, pressionar “U”, então eu estou vendo a tecla e então nós vamos alinhar isso com nossos quadros-chave de antecipação e nosso acompanhamento através de quadros-chave. Vamos começar com a antecipação. Eu quero mover este quadro-chave de volta para aqui e, em seguida, ir em frente e nesta antecipação, eu vou girar isso para trás apenas um pouco, não precisa ser tudo isso. Mas agora ele vai deslizar para trás, bem como inclinar para trás antes de avançar. Eu vou precisar definir outro quadro-chave talvez aqui onde ele desce antes que ele faça aquele grande slide. Vamos definir essa rotação para baixo para zero e, em seguida, facilitar todos esses quadros-chave, F9 no teclado, ir para o editor de gráficos e apenas fazer isso um pouco mais agradável de uma curva. Vamos apertar este um pouco e este pode realmente descer muito forte, ele pode ficar no ar mais tempo e depois bater lá embaixo. Vamos ver como isso se parece. Nada mal. Deixe-me diminuir o zoom para que possamos ver toda a animação e vamos tocar isso de novo. Isso está funcionando bem. Mas porque estamos incorporando essa outra propriedade, podemos realmente modificar nossa animação um pouco. Acho que não precisamos mais da antecipação da posição X ou seguir adiante. Eu só vou excluir esses dois quadros-chave externos e vamos usar essa rotação como nossa antecipação e seguir adiante. Vamos ver como isso se parece agora. Está um pouco fora, vamos dar uma olhada no porquê. Vamos ampliar aqui e tocar isso de volta. A razão pela qual ele está um pouco fora é porque ele está realmente lentamente diminuindo para fora deste valor de posição. Era o que queríamos antes, mas agora queremos que decolasse assim que der um tapa. Deixe-me mover esses quadros-chave de rotação para que ele atinja o chão bem aqui neste quadro-chave e é quando queremos que ele decole. Então eu vou para o gráfico de valor e em vez de aliviar isso muito lentamente, eu vou pegar isso para que não é perfeitamente plana e espero que isso vai ajudá-lo a decolar um pouco mais rápido. Eu vou fazer a mesma coisa sobre isso e eu vou puxar isso para baixo e vamos ver se podemos finesse isso um pouco para torná-lo apenas um pouco mais credível. Estamos chegando lá, mas agora acho que essa animação está demorando demais. Vamos recuar um pouco este quadro-chave e agora estamos chegando a algum lugar. Vamos tocar isso de novo. Estamos chegando lá, acho que vou esticar isso um pouco mais que comece a se mover antes que chegue até o chão. Estamos quase lá. Vou levar estes para a frente um quadro e, em seguida, talvez ajustar a minha flexibilização para que seja um pouco mais fácil para fora de lá. Vou trazer isso para ser um pouco mais simétrico. Isso é um pouco extremo demais. Lá vamos nós, isso parece muito melhor. Então ele realmente decola como ele bate para baixo. Talvez essa flexibilização seja um pouco forte demais aqui na minha rotação, então eu vou recuar um pouco. Lá vamos nós. Agora temos um pouco dessa antecipação e talvez ele possa até girar para trás apenas mais alguns graus, então talvez cerca de 14 graus para trás, e talvez eu apenas diminua essa antecipação um pouco, apoiando esse primeiro quadro-chave. Lá vamos nós. Agora temos aquele sinal visual da rotação indicando que algum movimento está prestes a acontecer. Está acelerando, se preparando para se mover pela tela. Ótima. Como aplicamos esse mesmo princípio ao nosso seguimento? Bem, basicamente vamos espelhar esse movimento na extremidade oposta à medida que ele começa a diminuir a velocidade, então talvez apenas alguns quadros antes que este quadro-chave defina outro valor de rotação. Mas o problema é que ele ainda vai girar para fora do canto traseiro esquerdo, então precisamos mover o ponto de ancoragem para aqui. Mas se eu fizer isso, se eu apenas clicar e arrastar, então essa animação de rotação é quebrada. Vou desfazer isso e precisamos fazer mais uma coisa antes de começarmos a animar este canto que definiu um quadro-chave no ponto de ancoragem. Basta clicar uma vez no cronômetro para definir o quadro-chave, pressionar “U” para trazer esse quadro-chave para cima e eu quero fazer isso um quadro-chave de espera. Se eu clicar com o botão direito do mouse no quadro-chave, e isso está na parte inferior da gravação da tela, mas ele diz alternar segurar quadro-chave, você basta clicar sobre isso e agora este é um valor que não vai mudar até que ele atinja outro quadro-chave. Eu só vou fazer isso para o início da animação. Agora eu posso mudar esse valor para outra coisa, então eu vou movê-lo para este canto, e isso deve ser um valor 350. Agora, se ampliarmos aqui, você pode ver que está no canto inferior direito e se eu voltar um quadro, ele se encaixa de volta ao canto esquerdo. Então ele vai ficar lá até que eu precise que ele fique do lado oposto. Então eu vou apenas ir para a frente alguns quadros e vou girá-lo na direção oposta. Novamente, vamos fazer 14 graus e depois voltar para zero. Vamos dar uma olhada no nosso gráfico de valores. É óbvio que precisamos de esculpir isso um pouco mais. Vou arrastar estas alças para fora. Estou mantendo pressionada a tecla Alt ou Option em um Mac para clicar e arrastar essas alças para fora. Torne isto um pouco mais agradável. Isso pode bater um pouco para baixo, segurar ou abraçar aquele quadro-chave bem ali, esse valor, e ver como isso se parece. Nada mal, acho que você pode torná-lo ainda mais apertado. Agora é só atirar aqui e decolar. Talvez isso não precise facilitar tanto. Sim, lá vamos nós. Talvez recuar isto de um ou dois quadros. Sim, isso parece muito bom, então vamos diminuir o zoom e olhar para isso como um todo. Toca tudo de volta. Agora temos nossa antecipação e seguimos sendo completados usando rotação em vez desse valor de posição. Eu acho que poderia levantar do chão mesmo um pouco mais rápido aqui , então eu vou voltar para o gráfico de valores e apenas pegar isso. Sim, e agora realmente parece que está parando em um centavo. Eu acho que a posição X flexibilização, que está acontecendo um pouco forte demais, então eu vou puxar isso para trás um pouco. Agora temos um movimento ligeiramente mais linear entre o início e o fim da animação, mas essa antecipação e acompanhamento estão realmente vendendo esse movimento. 4. Sobreponha: Muito bem, percorremos um longo caminho com a nossa animação até agora. Já temos cinco versões, mas vamos duplicar e torná-lo ainda melhor. Vamos falar sobre nosso próximo princípio de animação, que é sobreposição. Podemos usar isso com o que já temos. Sobreposição é um princípio de animação que é idéia básica é que nada deve estar se movendo de uma só vez. Esta caixa que temos animado até agora é totalmente rígida. Está mantendo a forma. Tudo está se movendo ao mesmo tempo. O que vamos fazer é introduzir um pouco de distorção para que partes da caixa não estejam se movendo ao mesmo tempo que outras partes da caixa. Isso vai adicionar muita personalidade à forma como esta caixa parece. Vamos fazer isso com outro efeito chamado de curva. Eu vou novamente usar meu atalho de teclado para FX Console e digitar dobrá-lo. Lá vamos nós, CC dobre-o. Vou pressionar “Enter” para aplicá-lo, e preciso configurar isso um pouco. A razão pela qual esta composição, esta pré-composição tem tanto espaço vazio é porque este efeito pode realmente cortar o conteúdo dela. Eu só vou pegar este controle superior aqui, que é, se eu rolar todo o caminho até o valor final da curva. Eu só vou clicar e arrastar enquanto mantém a tecla Shift pressionada e movê-lo para o topo da composição. Então eu vou fazer zoom em agradável e fechar e mover esta extremidade para o fundo, que deve ser 350. Eu só vou digitar 350 no Y. Agora, isso está centrado. O que este efeito me permite fazer agora é dobrar esta caixa de uma forma cartoony. Isso vai adicionar muita vida a esta animação. Vamos voltar para o início da nossa animação e vamos, junto com essa rotação e, na verdade, olhe para isso, nossa rotação está sendo cortada por causa da curva. O que nós realmente vamos fazer é trazer nossa curva para cima pouco antes da transformação. Agora isso vai ser aplicado na caixa antes da rotação. Essa ordem de empilhamento do efeito importa, mas é isso que faremos para corrigir esse problema. O que vamos fazer é, em conjunto com essa antecipação de rotação, adicionar alguns quadros-chave para a curva. Vamos adicionar um quadro chave lá. Vou pressionar “U” para trazer o quadro de teclas e depois arrastá-lo de volta para o início da nossa animação. Neste ponto em que ele é girado para trás, nós vamos dobrá-lo para trás também. Talvez 25 negativos. Agora ele tem aquela bendiness e então vamos para a frente para onde ele bate. Vamos apenas espelhar esses valores de rotação. Aqui está outra dica pro, eu vou selecionar e a propriedade Bend mantendo pressionada a tecla Control e clicando e, em seguida, basta tocar duas vezes na tecla “S”, então SS, e que solo é minhas propriedades selecionadas. Não estou preocupado com os outros quadros. Eu só quero comparar os quadros-chave de curva com os quadros-chave de rotação. Bem onde ele bate de volta, vamos colocá-lo de volta para zero e, em seguida, diminuir um pouco e ir para a frente no tempo. Certifique-se de que podemos ver essa caixa e definir outra moldura chave. Fique zero entre estes dois. em seguida, vamos dobrá-lo 25 graus na direção oposta e, finalmente, trazer isso de volta para zero. Estes quadros-chave são cronometrados exatamente o mesmo que a rotação, e eu vou apenas facilitar tudo muito rapidamente e, em seguida, adicionar um pouco de flexibilização em todas as minhas curvas apenas para facilitar dentro e fora um pouco mais. Estou fazendo isso de forma arbitrária. Não estou vendo nenhum feedback visual do que estou fazendo. Só sei que uma flexibilização mais forte entre estes vai parecer um pouco melhor. É um ponto de partida. Vamos jogar de volta, e lá vamos nós. Agora temos alguma flexão acontecendo. Você pode notar que ele não parece tão grande e isso é porque tudo está acontecendo exatamente ao mesmo tempo. Lembre-se, sobreposição é sobre ter sobreposição de movimento não acontecendo ao mesmo tempo. O que eu quero fazer é pegar todos esses quadros chave Bend it e eu vou apenas mudá-los a tempo. Vou fazer isso com a tecla Alt ou Option em um Mac e pressionar a tecla “seta” direita duas vezes para movê-la para frente no tempo dois quadros. Agora, se eu jogar de volta, parece um pouco melhor. Ainda está um pouco fora. Eu preciso refinar minhas curvas um pouco, mas agora essa curva está sobreposta em cima dessa rotação. Não está acontecendo tudo de uma vez. Ele gira para trás e, em seguida, ele se dobra e você pode ver que a caixa está realmente começando a girar para frente um pouco antes que a curva é completamente dobrada para trás. Eu acho que o que eu quero fazer para tornar isso um pouco mais interessante é decolar a flexibilização neste quadro-chave bem aqui, basta arrastar isso para fora para que ele bata para baixo da mesma forma que o valor de rotação faz. Então talvez alivie isso ainda mais. Então vamos fazer uma coisa semelhante neste lado. Ele pode começar a dobrar muito mais rapidamente e chegar a esse valor extremo muito mais rápido, e então apenas bater de volta para baixo neste lado. Talvez eu afaste isso um pouco e acabe com isto só um pouco. Estamos chegando lá, agora quero trazer todos os meus quadros chave. Vou pressionar “U” para entrar em colapso e “U” novamente para mostrar os quadros principais. Acho que podemos fazer esta moção no meio acontecer ainda mais rápido. Estes quadros chave aqui são a segunda metade da minha animação. Eu só vou pegá-los e trazê-los de volta talvez três ou quatro quadros. Opção ou Alt e a tecla “seta” esquerda um, dois, três, quatro vezes, e vamos jogar de volta. Isso é muito mais emocionante de uma emoção, eu gosto disso. Ele acelera e isso vai nos permitir ter um mais rápido seguir através de uma sobreposição no final aqui. Eu acho que isso está acontecendo um pouco lento demais e apenas um pouco baixo demais. Vamos entrar em nossos quadros de chave de rotação e realmente girar este para fora, trazer este todo o caminho para cima para que ele bate no chão. Nós realmente vamos dar um pouco mais de vida a isso com nossa curva adicionando mais alguns quadros chave. Em vez de apenas retornar à sua forma quadrada muito suavemente aqui, vamos fazê-lo ir na direção oposta. Vamos dobrá-lo para trás, talvez um valor de 15, e então avançar alguns quadros e tornar isso um valor de digamos, cinco, e então avançar mais alguns quadros e definir isso para zero. Você também pode chamar o que eu acabei de fazer de excesso. Isso é algo que eu ensino na minha aula de animação com facilidade. É basicamente apenas indo além do valor de repouso, que também é seguido, mas então no caminho de volta ele não vai para o valor de repouso. Ele ultrapassa de volta na direção oposta e, em seguida, novamente, ligeiramente menos do que a direção oposta antes de finalmente vir a descansar. Esta animação de superação que criamos está dando o seguimento através de alguma decadência e um pouco mais de oscilação, um pouco mais de agitação, e isso faz com que seja muito mais brincalhão. Sei que preciso modificar essas curvas, então vou selecioná-las, facilitá-las e depois modificar suas curvas um pouco. Eu sei que saindo deste valor extremo, eu quero que ele abraçar o quadro chave, mas então vá para o próximo e então sacuda para frente e para trás bem rápido. Vou fazer com que estes sejam um pouco mais extremos. Vamos tocar isso de volta. Lá vamos nós. Isso parece muito bom. É apenas muito mais jiggly, e é basicamente mostrando a conservação do movimento com aquela ponta para cima e para baixo porque estamos sobrepondo o topo da praça, estamos usando esse princípio de animação. Está dando muito mais vida ao movimento que estamos criando. 5. Comprimir e esticar: Percorremos um longo caminho a partir dessas duas chaves originais que dissemos, mas podemos dar isso ainda mais um passo adiante usando outro princípio de animação. Vou duplicar este, esconder aquilo, e mostrar os quadros-chave. Agora, eu acho que este é um dos princípios de animação mais divertidos, e é chamado de squash and stretch. Você provavelmente já ouviu esse termo antes, mas se você nunca o usou você mesmo, então você vai estar em um deleite. Vamos dar uma olhada no que exatamente isso é. A maneira que vamos incorporar squash e stretch é usando outra instância do efeito de transformação. Vou apenas selecionar esta transformação e renomeá-la. Você pode renomear qualquer efeito, basta selecionar e pressionar “Enter” ou “Return”. Vou chamar este de rotação, só para não confundir com a próxima instância. Vou pressionar “Control”, “ Space Bar” para abrir meu console de efeitos, digitar uma transformação e pressionar “Enter”. Este eu vou renomear como squash and stretch. Isso pode estar na parte inferior da pilha de efeitos, sem problema. Aí está o meu efeito de squash e stretch. Eu vou abri-lo porque eu preciso novamente vincular a posição ao ponto de ancoragem, assim como eu fiz com a rotação. Lembre-se de pegar a propriedade escolher chicote para essa propriedade e arrastá-la para o ponto de ancoragem. Agora, onde quer que o ponto de ancoragem vá, o valor da posição segue-o. Antes de prosseguirmos, vamos falar sobre a teoria do squash e esticar por apenas um segundo. A idéia é que você pode distorcer sua animação para torná-lo um pouco mais cartoony. Após efeitos, é tão simples quanto usar a propriedade scale. Já que estamos fazendo isso através do efeito de transformação, preciso entrar na escala uniforme e desmarcar isso. Isso me dará controles independentes para a altura e a largura. A fórmula muito básica para squash e stretch é basicamente se você esticar em uma direção, então vamos dizer esticar para cima 125 por cento, você precisa esmagar na direção oposta. Neste caso, a largura em uma quantidade igual e oposta. Eu fui 25 por cento acima de 100 por cento na altura, então eu preciso tirar 25% da largura. O que isso está fazendo frouxamente é manter o volume da camada. Isso é o que você quer fazer com squash e esticar. Agora, há um outro princípio de animação chamado exagero, e isso é basicamente o fazer o que você quiser cartão. No mundo dos princípios da animação, ele permite que você tenha liberdade criativa para fazer seu movimento e seus objetos parecerem como você quiser. Mas como regra geral, você quer que esses dois números sempre somam 200. Se você estiver adicionando algo a um valor, você precisa tirar a mesma quantidade do outro. Digamos que eu coloquei a altura para 50, então eu preciso ter certeza de que a largura sobe para 150. Agora está super esmagado e largo. Mas podemos escrever uma pequena expressão para fazer isso acontecer automaticamente. Vamos entrar em nosso efeito no painel de camadas e pegar nossa largura e adicionar uma expressão a ele. Vou manter a tecla Option ou Alt pressionada e clicar no cronômetro e apagar o que está lá dentro. Basta apertar o “Backspace”. O que queremos fazer é muito simples. Nós só precisamos dizer um valor de 200 menos, e, em seguida, pegar essa expressão, escolher chicote, e arrastá-lo para a altura. Deixe ir, e ele vai preencher a expressão que faz referência a essa propriedade. Termine com um ponto-e-vírgula e clique em off. Vamos dar a essa largura de escala um valor de 200 menos qualquer que seja esse valor aqui. Então 200 menos 50 é 150. Esses dois números somados são 200. Agora, como eu mover o valor de altura em torno, você pode ver que ele está indo em uma distorção igual e oposta na outra propriedade. Agora nem temos que pensar nessa matemática, é feita automaticamente para mim. Eu uso esse pequeno equipamento o tempo todo para squash e esticar. Isso torna tudo muito mais fácil. Como estou usando o efeito de transformação, e já configurei meu ponto de ancoragem na posição, posso baixar isso para baixo, que é um valor de 350. Agora eu posso esmagar e esticar isso muito facilmente fora daquele plano terrestre, e isso é super cartoony. Isso é muito divertido. Vamos abaixar isso para 100. Vamos definir um quadro-chave nessa altura da escala. Vou definir um quadro-chave nesse ponto de ancoragem também. Em seguida, pressione “U” para recolher, e U mais uma vez para exibir todos os meus quadros-chave. Antes de fazer qualquer outra coisa, quero definir novamente um quadro-chave de espera nesse ponto de ancoragem. Outra maneira rápida de fazer isso é manter pressionada “Controle”, “Alt”, ou “Controle”, “Opção” em um Mac e clique no quadro-chave e que o converte em um quadro-chave de espera. Quero que a abóbora e o alongamento aconteçam no início da minha animação no canto inferior direito. Vou mudar o valor do ponto de ancoragem para 350. Estou me certificando de que ainda estou no topo do quadro-chave que acabei de definir para que ele modifique esse valor. É de onde eu quero que ele esmague e se alongue. Mas quando ele se levanta, estou percebendo que aquele ponto de ancoragem está ficando aqui embaixo. Isso me lembrou que por causa da maneira que eu tenho meus efeitos empilhados, ele vai girar a camada primeiro e, em seguida, aplicar a abóbora e esticar. Isso não é exatamente o que eu quero que aconteça. Eu quero que a abóbora e o alongamento aconteçam fora deste canto, e porque é o próximo na fila basicamente depois daquela rotação, ele vai ficar aqui embaixo. Mas se eu apenas arrastá-lo para cima, então mesmo que o ponto de ancoragem não tenha mudado no que diz respeito a este efeito, ele ainda está olhando para esta versão da camada. Acabei de desativar a rotação. Vai esmagar e esticar do lugar certo. Se eu agora pegar minha altura de escala bem aqui, deixe-me arrastar isso para que possamos ver esses nomes de valor. Minha propriedade de altura de escala, clique e arraste. Você pode ver que está diminuindo desse ponto. Eu só quero esmagar isso um pouco, talvez até 85. Eu realmente não estou fazendo isso em nenhum momento no tempo. Eu provavelmente deveria alinhar isso com talvez a curva. Vamos ver essas duas propriedades. Altura da escala, clique com a tecla Control pressionada na curva e pressione “SS”. Só vamos alinhar estes quadros-chave. Ele esmaga e ainda não há flexibilização. Mas em seguida, eu realmente quero ir bem no meio da animação, que deve estar bem ali. Parece o centro da linha de viagem. Vou definir outro quadro-chave a uma altura de 85. Isso vai fazer sentido em apenas um segundo. Mas então vamos para, digamos aqui, onde é o extremo dessa curva, e vamos na direção oposta, talvez 115. Em vez de tirar 15% de distância, agora estamos adicionando 15%. Está se estendendo para cima na direção oposta. Então faremos nossa mesma animação tipo superação ou voltamos na direção oposta do ponto de repouso, apenas algumas unidades, talvez 92 por cento. Então vamos para o próximo quadro-chave e vamos para talvez um por cento. Então, finalmente, a 100 por cento. Só para recapitular, estamos esmagando enquanto ele gira para trás, que agora que eu olho para ele, na verdade, pode fazer mais sentido esticar isso. Talvez nós vamos para 115. Era como se estivesse de pé alto e girando para trás antes de bater. Nesse caso, isso deveria estar na esquina oposta. Vamos pressionar U para encontrar o quadro-chave inteiro, que está bem aqui e eu vou apenas alinhá-lo com o primeiro quadro-chave do meu squash e alongamento. Eu só vou fazer isso para que ele está girando para fora daquele canto traseiro esquerdo, o mesmo canto em que ele está girando. Agora, ele está realmente se esticando para cima. Eu provavelmente poderia exagerar isso ainda mais, então vamos subir para 125. Agora ele está girando para trás, dobrando e esticando para cima antes de bater para baixo e avançar e ser esmagado neste ponto do meio. Acho que vou exagerar isso ainda mais, então vamos para 75. Então, no final da animação, precisamos daquele ponto de ancoragem do outro lado, então preciso encontrar um ponto que eu possa movê-lo. Não pode estar em qualquer lugar que eu queira porque com o valor da escala alterado, se eu mover esse ponto de ancoragem, você vê que ele está mudando o conteúdo ao redor. Então o que eu preciso fazer é basicamente mudar o ponto de ancoragem em um ponto no tempo onde ele está perto de 100 por cento. Nenhuma das minhas atenuações está feita ainda, então eu não sei exatamente onde isso será assim por enquanto, este momento para este quadro-chave provavelmente vai ser desligado. Mas eu vou apenas definir um valor de 350 taxa lá para que ele mude para o outro canto, e agora ele vai esticar no canto oposto. Eu vou fazer isso muito extremo também, tornar isso mais extremo, 125, e depois para baixo para dizer 85, em seguida, voltar para 105 antes de finalmente chegar ao valor de repouso de 100. Agora que temos nossos valores e nosso tempo muito bem definidos, vamos para o gráfico de valores e facilitar tudo isso. Está tudo muito rígido agora. Dê uma olhada em como isso vai afetar nossa moção. Na verdade, não parece muito ruim, mas podemos definitivamente fazer com que pareça melhor, assim como fizemos com o efeito de curva. Eu vou esticar este quadro-chave um pouco mais rapidamente e realmente esmagar neste quadro-chave muito rapidamente bem e ficar lá até a direita sobre lá. Provavelmente é onde precisamos que isto esteja às 100. Vou apenas adicionar outro quadro-chave para um valor de escala de 100 e podemos facilitar isso como for necessário. Então, eu só vou fazer isso sobre lá. Mas agora eu tenho um quadro específico no tempo em que eu sei que o valor é 100 e eu posso mudar com segurança meu ponto de ancoragem para aquela abóbora e esticar sabendo isso não vai afetar a posição desse quadrado em tudo. Agora que fizemos isso, eu posso voltar e refinar meu squash e esticar um pouco mais, e apenas ajustar essas curvas na parte final da animação um pouco mais, e vamos reproduzi-la e ver como é. Oh, sim, isso parece muito bom. Acrescenta muito mais vida. Vamos fazer isso um pouco maior para que possamos realmente ver o que está acontecendo aqui. Só para que possamos realmente isolar a abóbora e esticar, eu realmente vou apenas desativar a rotação e dobrá-lo para que a única distorção que estamos recebendo é da abóbora e alongamento. Quero mostrar-lhe que mesmo por conta própria, abóbora e o alongamento podem funcionar como antecipação e seguir a técnica. Por conta própria, está nos contando muito sobre a moção. Está nos dando aquela antecipação onde ela se estende antes de esmagar, acentuando esse movimento. Como ele está se movendo mais rápido, ele está realmente esmagando, e então encaixando de volta em seu ponto esticado. Estamos usando a superação para realmente transmitir todo esse movimento, a energia e o impulso desse movimento, esse movimento simples com o qual temos trabalhado todo esse tempo, movendo-se de um lado da composição para o outro. Por conta própria, ele funciona muito bem, mas você pode combiná-lo com outras distorções como dobrá-lo para dar ao movimento simples muito mais personalidade, e incluindo essa rotação, isso dá ainda mais movimento e visual do que está prestes a acontecer e torna tudo muito mais brincalhão. Fizemos sete versões desta caixa. Por que não mostramos rapidamente todos eles de costas para trás? Eu só vou editar aqui para você não ter que me ver fazer isso. Mas o que eu fiz agora é apenas sequenciar cada uma dessas caixas para que possamos assistir toda a animação de cada uma que se joga de costas para trás. Vamos dar uma olhada no primeiro, e eu vou fazer isso um pouco maior para que possamos vê-lo bem e claramente. Este era o nosso movimento linear. Não houve atenuação, apenas dois quadros-chave, valores de posição entre os dois lados da tela. Em seguida, foi adicionar a flexibilização à nossa chave, então agora ele só facilita a entrada e saída. Nós modificamos um pouco esse gráfico de valor, e isso realmente pode ser considerado um dos princípios da animação que lentam, diminuem ou facilitam e facilitam. Faz com que pareça muito melhor, mas depois demos um passo adiante e adicionamos essa antecipação no início. É apenas um movimento muito sutil, mas dá ao espectador uma dica do que está prestes a acontecer. Em seguida, incluímos não só a antecipação, mas também a continuação. Muito semelhante à antecipação, apenas no extremo oposto do movimento. Em seguida, adicionamos um efeito de transformação, e isso nos deu a capacidade de girar essa camada em pontos específicos. A antecipação e acompanhamento agora está acontecendo não com o valor da posição, mas com o valor da rotação. Estamos nos animando em duas propriedades diferentes e isso só dá uma sensação diferente. Em seguida, adicionamos em alguma sobreposição, o próximo princípio da animação, que usamos a curva efeito para incorporar, mas que permitiu que diferentes partes do objeto se movessem em em momentos diferentes, e sobrepondo que movimento realmente traz muita personalidade em sua animação. Então, finalmente, incorporamos essa squash e stretch, um dos meus princípios favoritos de animação que realmente acrescentou muita bendiness e jiggliness à nossa animação que traz um quadrado muito simples para a vida, dando-lhe muito mais personalidade do que onde começamos com apenas uma caixa e movendo-se através da composição. Todos esses princípios de animação podem ser usados em qualquer forma de animação. Não tem que ser apenas dentro dos efeitos posteriores. Você pode estar trabalhando em um programa 3D como Cinema 4D ou animando quadro por quadro, desenhando cada quadro à mão, ou até mesmo fazendo animação stop motion. Tudo isso se aplica a todas as formas de animação, e é por isso que é tão importante entender esses princípios, porque você pode combiná-los e usá-los juntos. Vocês viram o esforço que eu estava colocando na flexibilização de todos esses quadros-chave, sobrepondo-os e incorporando todos esses princípios. Isso é realmente o que é preciso para fazer um movimento bonito. Você precisa entrar lá, olhar em pequenos detalhes, modificar muito as coisas, e apenas estar olhando para trás até que você esteja feliz com o jeito que parece. Eu realmente quero encorajá-lo a entrar lá e abrir este arquivo de projeto. Pratique isso sozinho e faça esses exercícios da mesma maneira que eu fiz. Basta torná-lo muito simples movimento, duplicar a camada, esconder o primeiro e tentar torná-lo melhor na próxima versão e apenas ver o quão longe você pode empurrar suas animações. Eu adoraria ver o que você inventou. Se você tem algo que você quer compartilhar, vá em frente e poste isso no projeto da classe para que eu possa dar uma olhada. Mas uma vez que você sente que você tem uma boa compreensão e compreensão desses princípios fundamentais de animação, então você pode seguir em frente para fazer seu próprio projeto de classe no resto desta classe. 6. Do Illustrator até o After Effects: Para meus projetos de classe, eu sabia que queria usar arte vetorial por causa da idéia que eu tinha em minha cabeça, eu sabia que precisava ser capaz de manipular caminhos vetoriais no After Effects. Naturalmente eu criei minha arte dentro do Illustrator. Foi a primeira coisa que fiz. Eu sabia que eu queria ter este carro e ia ter todas essas proporções malucas e não seguir qualquer tipo de perspectiva ou realismo. Queria que se sentisse muito caricatura. Este é literalmente o meu primeiro esboço. Eu só peguei a ferramenta de pincel no Illustrator e com o mouse, cliquei e arrastei para apenas esboçar algo realmente áspero. Não estou sugerindo que essa seja a melhor maneira de esboçar algo, mas fez o trabalho por mim. Eu não precisava tentar ser perfeito. Só queria levar a ideia e a moldura áspera do meu carro para o quadro de arte. Uma vez eu estava muito feliz com o layout deste carro e todos os elementos que eu queria incluir, então eu voltei e limpei tudo. Fiz uma versão mais limpa usando a ferramenta de caneta. Você pode ver se eu sobreponho esses dois, é muito semelhante. Ajustei alguns ângulos. Eu fiz um monte de linhas perfeitamente horizontal ou vertical, mas nós temos uma segunda versão e daqui eu apenas continuei a refinar e eu acabei com um carro que se parecia com este. São todas as formas básicas. Escolhi as cores que queria usar e também criei um fundo. Esta é a minha paleta de cores que criei dentro do Illustrator. Neste ponto estava pronto para entrar no After Effects. Agora, porque eu tinha uma idéia muito específica na minha cabeça de como eu queria que isso se mova, eu sabia que eu precisaria de acesso a um monte de camadas individuais dentro do After Effects. Como a parte de cima deste carro com todas as janelas na moldura deste táxi, eu sabia que eu queria que isso fosse capaz de realmente sair do corpo principal do carro. Eu queria que isso disparasse. Então eu queria que a frente do carro fosse capaz de se esticar. A mesma coisa com as costas. Queria que as rodas fossem independentes. Todos esses pequenos detalhes como a antena, o espelho, o ornamento do capô, eu queria que todos eles fossem capazes de se mover de forma independente. É assim que eu animo qualquer ilustração. Eu sei que eu vou querer mover um monte de partes individuais. Qualquer uma dessas partes individuais que precisam ser animadas deve estar em sua própria camada ou pelo menos acessível no After Effects como seu próprio objeto. Agora, em muitas das minhas aulas, mostro como fazer isso de uma maneira em que você está salvando o arquivo do Illustrator, importando-o para o After Effects e, em seguida, convertendo esse trabalho artístico do Illustrator em camadas de forma. Essa é uma ótima maneira de fazer isso. Mas se você realmente quer aumentar sua eficiência e tornar sua vida muito mais fácil, olhe para esta extensão aqui chamada Overlord. Custou $45, mas se você usá-lo em um projeto, terá valido a pena a quantidade de tempo que ele economiza e, em seguida, você nunca mais vai trabalhar sem ele novamente. É absolutamente fantástico. Vou te mostrar o que faz em um segundo, mas primeiro quero mostrar como preparei minha arte. Se eu abrir a camada, desdobrar isso que tem a arte do carro nele, você vai notar que eu separei cada objeto que eu quero ser animado em um grupo ou em seu próprio objeto e renomeado esses objetos de modo que eu possa identificá-los facilmente no After Effects. O espelho é composto de dois objetos, então é por isso que é um grupo, mas esta janela é separada, é apenas uma linha, o quadro é tudo uma forma. Basicamente, qualquer coisa que possa ser animada juntos, eu agrupei, então a roda dianteira, é composta dessas três formas. Mas o importante é que vejam que organizei cada um deles e tirei tempo para dar nomes a todos. Eis por que, uma vez que o Overlord permite que você selecione qualquer arte dentro do Illustrator e clique neste botão, “Enviar seleção para o After Effects”, e ela é completamente transferida para o After Effects como camadas de forma no exatamente o mesmo lugar usando as mesmas cores exatas, os mesmos nomes de camada que eu tinha no Illustrator, 100% pronto para uso, sem importar trabalhos artísticos e converter em camadas de forma. É só aqui. É perfeito exatamente do jeito que eu queria e meu processo de importação, minha transferência do Illustrator para o After Effects é feita. Isso é provavelmente o melhor $45 que eu já gastei no meu próprio fluxo de trabalho After Effects. Pode fazer muito mais. Você pode empurrar camadas de forma do After Effects de volta para o Illustrator da mesma maneira, você também pode trazer o trabalho artístico se eu desfizer isso do After Effects, então minha seleção ainda é feita no Illustrator e esse pequeno botão aqui é dividido formas para camadas. Mas se eu desmarcar isso e puxar o trabalho artístico de volta, agora está tudo contido em um objeto, uma camada. Se eu entrar no conteúdo, todos esses subobjetos no Illustrator serão transferidos como grupos. É apenas uma extensão incrível e realmente acelera seu fluxo de trabalho. Essa é uma extensão que eu definitivamente recomendo que você vá verificar. Você pode encontrar o link nas notas do vídeo agora. Mas no caso de você não estar pronto para comprar isso ou simplesmente não é uma possibilidade para você, eu quero mostrar rapidamente o que você precisa fazer para transferir esta arte através de um arquivo do Illustrator. Eu só vou duplicar esta camada para que eu não perca isso. Eu vou desdobrar a camada e o que eu preciso fazer é basicamente selecionar tudo nele e, em seguida, chegar a este pequeno menu no painel da Camada, e minha gravação de tela está cortando isso fora, então deixe-me apenas dimensionar a minha janela aqui um pouco para que você possa vê-lo. Só preciso ter certeza que essa camada está selecionada. Nem precisa ser a obra de arte. Se você apenas clicar nessa camada e, em seguida, ir para o menu e ir para baixo para Layer (Sequence), isso vai pegar todo o conteúdo e mudar todos esses grupos e objetos em suas próprias subcamadas isso vai pegar todo o conteúdo e mudar todos . Ele perde todos os nomes, então não se incomode nomear esses objetos em grupos se esta é a técnica que você vai usar, mas então eu posso simplesmente pegar todas essas subcamadas e arrastá-los para fora da camada real. Agora todos eles existem em sua própria camada. Renomeie todos esses itens porque o After Effects usará os nomes das camadas quando você o trouxer para o Illustrator e convertê-lo. Então eu vou salvar isso como um novo arquivo. Vamos chamar este CAR_layers e clicar em “Salvar”. Então eu posso trazer isso para o After Effects como qualquer outro item, apenas importá-lo, e eu preciso ter certeza de que o tipo de importação está definido composição e minhas dimensões de gravação são definidas para o tamanho da camada, não o tamanho do documento. Então eu vou clicar em “OK”. O After Effects dá-me uma composição com todas essas camadas. Se eu os tivesse renomeado no Illustrator, eles seriam nomeados corretamente aqui. Mas a partir daqui eu posso apenas selecionar tudo, clicar com o botão direito em qualquer um deles, e descer todo o caminho para criar. Isto está fora da tela, infelizmente. Eu acho que se eu for para Camada, há o menu Criar. Eu também posso ir aqui, Criar formas de camada vetorial. Agora vamos converter cada uma das camadas do Illustrator em suas próprias camadas de forma. Isto é basicamente a mesma coisa que tivemos de importar da Overlord. Mas você viu como era muito trabalho para chegar a esse ponto quando com Overlord, tudo o que eu tenho que fazer é ter o arquivo certo aberto. Vamos para o carro, selecionar a arte. Vou fazer uma nova composição e puxar isso. After Effects constrói para mim, sem importar, sem salvar, sem reunião para fazer algo especial no Illustrator além de rotular meus objetos e eu tenho exatamente o mesmo trabalho artístico que as camadas de forma prontas para uso. Esta é minha maneira preferida de trazer arte do Illustrator no After Effects. Mas agora você pode ver as duas maneiras de fazê-lo. 7. Controles personalizados e organização: Eu tenho toda a minha arte dentro do After Effects agora, e eu posso começar a prepará-lo para ser animado. Agora eu configurei minhas configurações de composição para ter 1920 por 1080 quadros, então HD padrão, uma taxa de quadros de 24 quadros por segundo. Mais uma vez, essa é apenas a minha preferência. Vou usar os tradicionais 24 quadros por segundo. Mas você pode trabalhar em qualquer taxa de quadros que quiser. Enviei minha duração para 30 segundos. Eu sei que minha animação não vai ser tão longa, mas dessa forma, qualquer comps que eu fizer, qualquer pré-comps que eu fizer vai ser todo esse comprimento, muito mais longo do que eu preciso deles. Quero salientar que estou trabalhando em oito bits por canal. Não preciso de mais profundidade do que isso. Então eu estou usando formas e cores muito básicas. Meu espaço de trabalho de cores está no SRGB, o que é bastante padrão para telas. Vou começar apenas bloqueando o fundo porque isso não vai ser animado, dessa forma eu posso apenas clicar e arrastar para fazer seleções. Mas a razão pela qual eu precisava de todas as minhas camadas individuais aqui como camadas de forma, é porque eu sabia que eu queria esse controle de nível de ponto dos caminhos vetoriais. Eu não queria apenas escalar as coisas. Se eu fosse mover o ponto de ancoragem nesta camada de quadro, eu não queria apenas dimensionar isso para cima e para baixo porque está apenas distorcendo as proporções de tudo e não mantendo as larguras. Eu só sabia que isso não iria produzir o que eu queria que fosse. O problema é com camadas de forma e After Effects, se eu entrar no conteúdo e em um dos caminhos aqui, esta é uma propriedade keyframe, mas realmente não me dá muito controle, é apenas a propriedade path. Não há valores reais a não ser para o que mudei o caminho. Se eu pegar esses caminhos aqui, posso empurrá-los para baixo. Mas ele só vai definir outro quadro-chave e interpolar linearmente entre esses dois pontos. Não posso mudar nada como um caminho de movimento. Não há nenhum gráfico de valor no editor de gráficos, eu tenho que usar o gráfico de velocidade, que não é um grande quebra-negócio, mas ele simplesmente não me dá o controle que eu preciso sobre esses pontos. Bem, deixe-me desfazer isso, e eu vou mostrar a vocês que há realmente um script que vem com o After Effects que lhe dá muito maior controle sobre os caminhos de uma camada de forma. Vou começar com uma das formas mais simples. Esta porta aqui, é feita de quatro pontos. Eu vou encontrar isso em minhas camadas, e então rasgou isso e entrar na propriedade path para esta camada. Então eu vou até a janela, e estes são todos os meus roteiros aqui. Há um que vem com o After Effects chamado Criar Nulos de Caminhos. Vou clicar nisso, e isso abre um painel. Você provavelmente vai abrir desencaixado. Então vai ficar assim. Mas eu gosto de apenas doc meu aqui na interface sempre que eu estou usando, porque dessa forma eu posso apenas chegar rapidamente a ele. Mas o que isso vai nos permitir fazer, se eu tiver esse caminho selecionado e clicar neste botão que diz Pontos Siga Nulos, é After Effects irá gerar instantaneamente um nulo para cada ponto nesse caminho e pais, Então esses pontos para esses nulos. Agora eu posso pegar qualquer um desses objetos nulos e manipular o caminho da camada de forma muito mais precisamente, eu posso fazer coisas como camadas pai juntas. Se eu quisesse que esse objeto nulo seguisse aquele, agora posso mover os dois de uma vez. Isso vai me dar o controle que eu preciso para manipular a arte da maneira que eu tenho na minha cabeça. Deixe-me tirar essa paternidade e olhar minha arte como um todo por um segundo. Eu não preciso controlar cada caminho vetorial nesta ilustração, coisas como as rodas, essas alças, o espelho, antena e ornamento do capô, essas não precisarão dessa manipulação. Mas eu tenho uma idéia na minha cabeça onde a parte dianteira do carro pode esticar, e voltar para dentro, e o topo do carro pode cair e aparecer. Eu preciso ser capaz de manipular a parte principal do corpo deste carro usando este nível de detalhe. Eu só vou percorrer minhas camadas de arte e selecionar tudo o que precisa ser convertido para que eu possa controlar esses pontos usando esses objetos nulos. Então eu não preciso do espelho, mas do separador de janelas, do quadro, da porta da frente, e eu vou descer esta lista para todas as camadas que eu preciso controlar. Essas camadas selecionadas são as que eu preciso para dirigir com nulos. Agora que eles estão selecionados, eu só vou para a minha barra de pesquisa aqui e procurar caminho. Pressione “Enter”, e isso mostrará as propriedades do caminho em cada uma dessas camadas de forma. Em seguida, eu só preciso fazer uma seleção de todos eles apenas clicando e arrastando para a direita sobre aqui, e fazendo uma seleção todo o caminho para baixo. Não importa se camadas extras são selecionadas, é importante que você tenha a propriedade path selecionada. Mas então eu vou apenas expandir isso para que eu possa chegar ao meu botão Points Follow Nulls novamente, clique nele, e After Effects irá gerar nulos para cada um desses pontos. De repente, tenho muitas camadas. Já tenho 90, e isso vai ser um problema. Obviamente, eu não posso controlar uma animação razoavelmente com 90 camadas individuais. O que eu quero fazer é agrupar alguns desses nulos, e criar controladores que conduzem um monte deles. Por exemplo, todos esses nulos aqui na frente do carro, há muitos deles porque há muitos caminhos diferentes que compõem todos esses detalhes. Mas na maior parte, eles vão se mover juntos. Vou fechar rapidamente todas as minhas obras de arte. Se eu clicar na cor do rótulo de uma das camadas de forma, eu posso dizer, Selecionar Grupo de Rótulos, que faz uma seleção de todas essas camadas azuis, e então eu vou apenas bloqueá-las. Agora podemos clicar e arrastar na minha composição e não fazer uma seleção da arte, apenas os nulos. Mas se eu selecionar tudo isso e clicar e arrastar, então você pode ver que estou manipulando todas essas peças da arte de uma só vez. Então realmente eu poderia fazer um controle nulo, pai todos estes para ele, e então manipular o trabalho artístico com um único nulo em vez de todos estes. Deixe-me desfazer isso, e começaremos a pensar em como podemos realmente fazer isso. Bem, preciso pensar como quero que isto se anime. Vamos começar com o front-end, já que é disso que já estamos falando. Quero que todos eles se movam em grupo. Então eu preciso fazer um objeto nulo para servir como o pai para todos esses controles. Eu só vou subir para Layer, New, Null Object, e isso coloca isso bem no centro da minha composição. Quero movê-lo para algum lugar por aqui, basicamente no centro de todos esses objetos. Só para estar centrado em todos os nulos que vai controlar. Agora é um pouco difícil de ver, é uma cor muito semelhante, e é exatamente o mesmo tamanho. Então eu vou mudar a cor do meu rótulo para, digamos, fúcsia. A propósito, todas essas cores são provavelmente diferentes das suas. Na verdade, eu sei que são porque eu personalizei o meu. Se você for até o menu Editar, Preferências e Rótulos, poderá personalizar completamente todas as cores do rótulo e nomes do rótulo, e até mesmo quais seus tipos de camada padrão serão atribuídos quando você criá-los originalmente. Eu mudei tudo isso porque eu realmente não gosto do conjunto padrão de cores ou os nomes. Então eu fiz um arco-íris e, em seguida, mais algumas cores únicas. Eu definitivamente sugiro que você personalize sua interface de usuário para ser exatamente da maneira que você quer, porque você deve estar trabalhando em um ambiente que você gosta de olhar. Mas é por isso que as cores do meu rótulo são como elas são. A outra coisa que eu quero fazer é tornar este objeto nulo maior, só para que seja um pouco mais fácil de agarrar. Então eu vou até a camada, configurações sólidas, e eu vou apenas mudar isso para 200 por 200 e clique em “Ok”. A seguir, quero dar um nome a isto. Então eu vou usar uma pequena convenção de nomenclatura apenas para distinguir estes como nulos de controlador. Vamos chamar esse capuz de frente, e é assim que nomearei todos os meus controles com um período entre eles, e todos terão a mesma cor e tamanho. Em seguida, eu realmente não gosto de como o ponto de ancoragem está no canto superior esquerdo. Prefiro ter esse objeto nulo centrado em torno desse ponto de ancoragem. Então eu vou para o ponto de ancoragem pressionando a tecla “A” no teclado, e então fazer backup disso. Se este é um quadrado de 200 pixels, então deve ser 100 por 100, e lá vamos nós. Agora isso está encapsulando todo o trabalho artístico que ele vai estar manipulando. Agora que eu configurei isso, o que eu quero é apenas fazer uma seleção de todos esses objetos nulos e colocá-los para este novo controlador. Eu só vou encontrar uma dessas camadas na minha pilha de camadas, e o pai para a primeira camada, o controlador hood.front. Agora que eles são pais, eu posso pegar aquele controlador e manipular todos esses objetos nulos com ele. Mas, além disso, eu também posso criar essas outras camadas para ele, de modo que tudo se move junto como uma unidade, mesmo que essas não estejam sendo conduzidas por nulos. Deixe-me desbloquear minha arte. Vou pressionar a tecla Tilde com o mouse sobre esse painel, a linha do tempo, e então eu vou clicar e arrastar para baixo o interruptor Bloquear. Certifique-se de que o plano de fundo ainda está bloqueado. Mas agora todo o meu trabalho artístico está desbloqueado, e eu posso simplesmente selecionar livremente o que precisa ser selecionado. Se quisermos o pneu, vou encontrar o pára-choques dianteiro, o ornamento do capô, esta camada de grelha, e acredito que é isso. Com isso selecionado, eu vou colocá-lo para a camada frontal do capô também, e agora eu vou testar isso. Lá vamos nós. Agora a frente do carro está sendo toda conduzida por aquele nulo. Vamos passar para a próxima seção do carro, que é bem aqui, e fazer exatamente o mesmo processo. Eu vou apenas duplicar este controlador principal, então duplicá-lo e chamar este cab.front, e então eu vou arrastá-lo enquanto segura shift, apenas para que eles estejam todos no mesmo eixo y, apenas para tornar isso um pouco um pouco mais limpo, mas vou movê-lo ao redor do centro de todos aqueles nulos novamente. Então, bem ali. Mais uma vez, vou fazer a minha seleção. Mas não quero que todas as obras de arte sejam selecionadas. Então, mais uma vez, vou trancar todo aquele grupo de etiquetas. Eu posso arrastar uma caixa em torno de apenas esses nulos, e depois criar estes para o objeto nulo frontal da cabine, então agora isso se move com ele. Eu só vou continuar este processo abaixo da linha para todos esses grupos individuais de nulos. Vou passar um lapso temporal para que não tenhas de me ver a dar cada passo. Eu fiz todos os pais agora e criei todos os meus controladores. Você pode ver que eu estava apenas testando tudo para ter certeza que tudo é parenteado como deveria ser. Agora isso ainda está uma bagunça. Há muito para olhar aqui, mas tudo está sendo controlado agora por esses nulos de controle. Então realmente eu posso bloquear todas as obras de arte e esconder todos os nulos extras. Para fazer isso, primeiro, vou começar por esconder todos os nulos. Então, com esses nulos de controle de pontos, eu só vou selecionar esse grupo de rótulos. Como eles são uma cor única, eu posso saber que apenas os que eu quero selecionados são selecionados. O que eu quero fazer é apenas desligá-los para que não possamos vê-los em nossa composição, e então clicar no botão “Tímido” para que eu possa fazê-los desaparecer na minha linha do tempo. Vejamos quantas camadas temos novamente, temos 99. Isso torna essa rolagem muito difícil, e muito difícil de encontrar as camadas específicas que estou procurando. Mas agora que eles estão escondidos, se eu clicar no meu interruptor “Tímido”, eles estão escondidos da minha linha do tempo, e eu posso me concentrar apenas no que eu estou procurando. Agora, como eu disse, eu não preciso ver as camadas de arte aqui também porque eles estão sendo movidos por nulos. Vou selecionar esse Grupo de Rótulos e fazer a mesma coisa. Eu preciso deixar o interruptor de visibilidade ligado, mas eu posso tímida-los, e como eles ainda estão selecionados, eu também vou bloqueá-los para que eu não possa mais fazer uma seleção deles. Vou pressionar “Control” ou comando “L” para bloquear essas camadas. Minha camada de fundo pode ser ignorada para uma boa medida também. Agora eu fico com apenas esses controladores de objeto nulo que eu criei. Posso clicar e arrastar para movê-los. Todas as partes individuais deste carro vão segui-los da maneira que eu preciso deles para animar isso da maneira que eu realmente quero. Assim, o primeiro passo deste processo está concluído. 8. Controles secundários: Agora que eu tenho o controlador principal configurado para esta obra de arte, eu preciso pensar sobre como eu queria animar e se há outros controles que eu quero para isso. A primeira coisa que vem à mente para mim é o capô do carro porque eu sei que eu quero que isso abra e agora, tudo está sendo controlado por esse objeto nulo aqui. Preciso direcionar essas camadas e os objetos nulos específicos que estão dirigindo alguns desses pontos para que eu possa girar isso aberto. Eu preciso desativar o shying, então eu vou apenas clicar sobre isso para que eu possa ver todas as minhas camadas novamente, e então descobrir quais camadas eu realmente preciso acessar. Vamos rolar para baixo para onde quer que estes faróis e a grelha, essas camadas estão vivendo. Bem por aqui. Nós temos o capô, todos esses objetos nulos, eu sei que vou precisar de controle sobre alguns deles, então eu vou apenas ligá-los novamente. Eu não vou precisar desses dois então vamos isolar esses para os que precisamos. Estes dois ainda podem estar escondidos. Basicamente, eu só quero encontrar todos os nulos que controlam esses detalhes no capô do carro. Então, novamente, eu só vou passar o tempo para que você não tenha que me ver encontrar cada uma dessas camadas. Estes são os objetos nulos que eu preciso. Eles são os únicos que controlam a frente da camada do capô, camada superior do capô, bem como todos esses pequenos detalhes, os faróis e o painel frontal. Preciso de uma camada extra de controle aqui que não só me permita manipulá-lo com este objeto nulo, mas também com um objeto nulo que está bem aqui para que eu possa girá-lo como se o capuz estivesse se abrindo. Eu só vou mais uma vez pegar este objeto nulo e duplicá-lo e então movê-lo para onde eu precisar. Então, vamos dar zoom aqui. Este é o ponto que eu quero que o capô gire aberto, e eu não preciso que este seja quase tão grande, e eu nem quero que ele seja da mesma cor para que eu não esteja confundindo o que ele faz. Você viu que eu até mudei a cor do rótulo para esses objetos nulos aqui em cima para que eu possa distinguir isso é parte do controle de quadros e este é o controle da camada corporal. Vamos mudar este para uma cor diferente completamente, talvez amarelo, e eu vou reduzi-lo também. Vai para configurações sólidas, e este pode ser 100 por 100. Eu não posso esquecer de renomear isso, então vamos chamar isso de capuz. Rotação, e que deve ser pai para este controlador frontal capuz bem, e você vai ver por que em um segundo. Deixe-me pai que para o controlador frontal capuz para que ele se move com que, assim como todos os outros objetos nulos. Mas agora, eu preciso fazer uma seleção de apenas esses objetos nulos, não este controlador, e eu quero colocar todos eles na camada de rotação do capô. Então vamos rolar para baixo para encontrar essas camadas bem aqui e mudar seu pai para ser a rotação do capô. Agora, como eles são parentados para a rotação do capô e a rotação do capô é parentada para este controlador frontal do capô, eles ainda vão se mover porque essa cadeia pai viaja até o controlador principal. Mas o que me permite fazer é pegar esse objeto nulo e abrir a rotação e depois girá-lo de volta para que agora eu possa abrir o capô. Agora, obviamente há alguns problemas. Este ornamento do capô precisa ser parentada para isso, t0he antena provavelmente precisa ser parentada para isso, mas nós também podemos ver através do carro e o porta-malas não está sobrepondo o pára-brisa e está apenas distorcendo um pouco estranho. Vamos dar um passo de cada vez. Primeiro, vou pegar a antena e o ornamento do capô e colocá-los na rotação do capô. Então deixe-me encontrar essas camadas. Eu quero mover a arte para que o capuz no topo para estar acima de todas as camadas de pára-brisa e quadro, então eu estou realmente indo apenas para pegar todas essas camadas e colocá-los mais baixo na lista. Agora, todas essas camadas estão basicamente na parte inferior da pilha de camadas, mas tudo bem porque tudo o resto realmente deve estar acima dela. Mas agora eu posso pegar aquela rotação nula e girar para trás e ele vai se sobrepor corretamente. Tenho de me certificar de que rebloqueio todas as camadas para não as manipular acidentalmente. Então vamos falar sobre a próxima questão que é quando eu rodar isso de volta, ele está torcendo de uma maneira estranha. Nós definitivamente não queremos isso, então eu preciso fazer outra camada de controle para a parte frontal do capô. Vou desfazer essa rotação e duplicar isso mais uma vez e chamaremos isso de capuz. Rotação frontal e movê-lo para a frente do capô. Então deixe-me ampliar lá e torná-lo agradável e alinhado ao centro da arte ali, e então eu vou dar mais um passo nesta cadeia de pais. A rotação frontal do capô precisa ser parentada para a rotação do capô, e agora todos esses objetos nulos podem ser parentados para a rotação frontal do capô. Vamos entrar em seus pais para a rotação frontal do capô, e agora eu posso girar este capuz para trás, mas eu também posso corrigir para esta torção girando para trás nesta direção. Então, corrigimos um problema, mas causamos outro, e parte dele é apenas o empilhamento de camadas. Mais uma vez, esses elementos precisam estar na frente, mas eles também precisam ser girados independentemente dos pontos dianteiros dessa camada superior do capô. Então, vamos apenas adicionar mais um controle. Eu vou desfazer de volta para a rotação zero e primeiro mover todos esses elementos acima do capô, e provavelmente será mais fácil mover o capô abaixo dessas camadas, na verdade. Lá vamos nós. Agora eu preciso duplicar este controlador, então eu vou apenas duplicá-lo, e eu vou apenas renomear isso nós vamos chamá-lo Capuz. Headlights.Rotação. Na verdade, não vamos controlar isso com rotação, vamos controlá-lo com posição. Vou mudar o nome do capuz. Faróis. Posição, e preciso mover isso para o centro da base na parte da frente do capô. Mas ela é parentada até essa rotação frontal, então nós temos nossa cadeia pai continuando na linha e agora eu posso selecionar todos esses objetos nulos que devem ser parentados para ele, que é tudo, exceto os dois nulos que são dirigindo os dois pontos no topo do capô bem aqui. Primeiro, eu vou apenas encontrar que essas duas camadas, que estão bem aqui, e apenas desligá-los porque eles já estão parentados para o que eles precisam, mas eu também preciso pegar esses objetos nulos que estão no topo do os faróis e este capô dianteiro formas. Eu só vou encontrar aqueles nulos e desligá-los bem rápido. Isso me deixa com apenas esses objetos nulos que estão controlando os pontos inferiores dessas três camadas de forma. Vou fazer uma seleção desses, desselecionar os controladores que não devem ser selecionados e, em seguida, direcionar todos eles para a camada de posição dos faróis do capô. Eu posso ir em frente e simplesmente desligá-los porque esse é o fim dos pais. Certifica-te de que este ainda está ligado. Mas o que isso me permite fazer agora é girar o capô para trás e, em seguida, corrigir essa distorção com o próximo objeto nulo para a direita sobre lá e, em seguida, agarrar minha camada de posição de faróis capuz e corrigir a perspectiva em que um direito lá, então está tudo funcionando. Agora, eu percebo que esses objetos nulos não estão aparecendo. Eu acho que tem algo a ver com o tamanho do objeto nulo, mas eles estão lá como eu realço sobre eles com meu mouse para que você possa ver os controles de transformação aparecerem, mas tudo está funcionando agora. Deixe-me desfazer isso e voltar para esta posição padrão zero da maneira que eu ilustrei a arte e apenas confirmar que se eu pegar este controlador principal, tudo está se movendo corretamente. Essa antena, obviamente, nunca deve ir tão longe para trás, mas eu estou encontrando em animar que perto do final da animação após o capô é para este estado final já. Com isso, eu construí todas as camadas de controle que eu preciso para animar meu carro e eu posso tímido todas essas camadas e ser deixado apenas com esses objetos nulos. 9. Zerando valores: Este próximo passo é totalmente opcional, mas eu acho que é uma coisa muito inteligente de se fazer. Porque isso realmente é um equipamento para animação, assim como um equipamento de personagem, eu quero ter certeza de que eu posso facilmente reverter para este estado da ilustração e eu vou fazer isso zerando a posição de todos esses controladores. Vou usar Duik, um script para After Effects, animação de personagens para fazer exatamente isso. Vou até Janela e deslocarei até Duik Bassel, que está aparecendo fora da tela, mas esse é o nome do roteiro. Já o tenho ancorado aqui. Se você não está familiarizado com Duik, é um script de manipulação de personagem incrivelmente abrangente que é completamente gratuito. Vou colocar o link para onde você pode baixá-lo gratuitamente nas notas para este vídeo agora. Mas eu não vou usá-lo para fazer qualquer fraude de caráter real. O que eu quero é usar sua função add zero. Isso vai ser um pouco difícil de fazer por causa do tamanho da minha gravação de tela, mas eu vou desencaixá-lo para que eu possa escalar isso um pouco melhor. Aí está, Zero. Se você não vir essa propriedade, provavelmente é porque sua interface de usuário não está definida para o modo correto. Aceda às Definições e certifique-se de que o modo está definido como Padrão, não Rookie. Basta mudar isso para Padrão e a função Zero aparecerá. O que eu preciso fazer é apenas fazer uma seleção de todas essas camadas, todos esses objetos nulos, que se eu apenas pressionar P realmente rapidamente antes de fazer isso, você vê que todos os seus valores são valores de posição individuais como você esperaria. Mas assim que eu clicar neste botão “Zero”, repente todos os seus valores de posição mudam para zero. É como mágica. Mas realmente tudo o que está acontecendo é que Duik está gerando um objeto nulo na mesma posição de cada uma dessas camadas e, em seguida, criando-os para essas novas camadas. A posição relativa ao seu pai é agora 0,0, que me permite fazer coisas como destruir completamente o meu equipamento como este, e reverter para onde eu estava apenas selecionando tudo e digitando em 0,0 na posição e é de volta para onde o deixei quando o zerei. Adoro trabalhar assim porque é como um seguro, uma maneira de voltar a como você configura seus controles em primeiro lugar. Mas também torna muito fácil saber o quão longe desses valores de posição você moveu as coisas. Se eu quisesse trazer este controle em digamos 200 pixels, eu posso dizer 200 e então eu quero mover este 200 pixels nesta direção também. Então eu vou movê-lo para trás 200 pixels. Então saberei que isto é muito mais simétrico de uma distorção. É bom trabalhar com valores muito mais limpos. Voltarei para onde estávamos e agora estou pronto para começar a animar com esta plataforma. 10. Esticando o carro: Vamos falar sobre como estou planejando animar esse carro. Minha idéia é que este estado da ilustração é o estado final. Este é o lugar onde eu quero que o carro para estar antes sair da tela e, em seguida, a animação vai loop. No início da animação, eu quero que ela venha do lado esquerdo da tela olhando diferente do que ele faz agora, muito menor e um monte de peças ainda não lá, e em seguida transformar em um super elástico, saltitante, forma cartoony de eventualmente chegar a este estado. Eu sei que em um momento, eu quero que esta seção do carro, a moldura e as janelas apareçam uma maneira realmente exagerada tanto que ele levanta o carro inteiro do chão e depois bate de volta para baixo. Quando ele bater, eu quero que o capô também abra e então bata para baixo. Depois disso, animação é concluída, então eu provavelmente vou passar para os detalhes menores como o espelho, antena, ornamento capuz e tê-los todos pop up. Desde que eu sei no início da minha animação que eu quero esta moldura, as janelas e toda esta parte de cima do carro para baixo. Começarei desmoronando esta parte de cima do carro para que esteja no estado que eu quero que seja quando vier na tela. Eu vou pegar todos esses e ir para a frente para adicionar em talvez cinco segundos, e apenas definir uma chave de posição para todos eles. Alt Shift P em um PC ou Opção P em um Mac, e então eu vou apenas fazer backup um segundo, temos quatro segundos e, em seguida, começar a mover estes ao redor. Agora a razão pela qual eu defini um quadro-chave aqui é porque enquanto eu arrasto isso para fora, eu posso ver o caminho de movimento e isso me permitirá combinar o ângulo do quadro. Se eu voltar para onde estávamos, quero manter este ângulo reto para que pareça que está se movendo em direção reta. Eu não quero que ele vá direto para baixo assim, eu quero que ele siga o ângulo desses caminhos. Com esse caminho de movimento, posso preservar esse ângulo. Eu não vou empurrar isso todo o caminho para baixo tão longe que ele está completamente fora, mas provavelmente apenas por aqui. Está realmente riscado lá em baixo, e vou tentar alinhar esta linha aqui com esta linha aqui. Isso também pode servir como um guia para obter isso alinhado corretamente. Vou movê-lo para lá e depois passar para o próximo comando. Eu vou fazer a mesma coisa para este aqui, trazê-lo para baixo, tentando igualar esse ângulo o mais próximo possível, algo assim. Então eu vou pegar os dois ao mesmo tempo, e ver se podemos movê-los juntos. Até certo ponto, eu posso. Eu desligo o controlador e depois derrubo este. Estou tentando usar essa linha do horizonte como um guia. Vou tentar colocar esse front-end, Ray em linha com isso também. Então vá para este centro um e provavelmente traga para cima um pouco só para que seja agradável e limpo. Está tocando os caminhos que deveria estar tocando, e então essa parte de trás provavelmente não deveria estar para baixo tão longe. Talvez eu vá até aqui, e assim nós estamos preservando um pouco dessa perspectiva, mas agora é bom em “scrunched down”. Se eu passar por isso, você pode ver que agora parece que ele está se transformando para cima nesses caminhos nos mesmos ângulos em que eles são desenhados. Isso está funcionando muito bem. Uma questão é que, você não pode ver o teto quando ele está aqui embaixo e você deve ser capaz, você pode dizer que esta parte do carro está apenas faltando. Eu só vou desenhar outro caminho de forma bem rápido para fazer o telhado e depois amarrar todos os seus pontos para saber como eu tenho o resto do carro. Basta pegar minha ferramenta de caneta, certifique-se de que a cor de preenchimento é a mesma e a cor do traçado é a mesma. Acho que o traço tinha dois pixels de largura, mas podemos ajustar isso mais tarde. Então eu vou apenas zoom em agradável e fechar para que eu possa ver essas partes agradável e claramente e eu vou apenas fazer um retângulo seguindo o contorno do telhado. Vou tirar um aqui. Eu posso ajustar essa perspectiva em um minuto, e então apenas completar meu caminho e agora eu tenho uma forma de telhado. Deixe-me ampliar aqui e talvez puxar isso um pouco para baixo. Essa largura é definitivamente muito maior que dois. Deixe-me encontrar uma dessas camadas de arte e dar uma olhada bem rápido. Defina como três, então não muito maior na verdade, mas vamos ajustar isso para três pixels de largura, e então apenas modificar meu caminho para que ele se ajuste um pouco melhor à arte. Vou mudar o nome deste telhado, trazer o meu guião para ligar pontos a nulos. Certifique-se de encontrar esse caminho, e executar o script. Lá vamos nós. Temos nossos objetos nulos controlando os quatro pontos do telhado e posso emparelhá-los corretamente. Isso é tudo feito, e eu movi todo o caminho para a parte inferior da minha pilha de camadas e eu escutei tudo para que eu possa ser deixado apenas com meus controladores novamente, mas agora isso deve seguir a animação. Quando desce, vemos o telhado, quando sobe, desaparece. Neste ponto, eu realmente não estou pensando em animação e como o tempo de tudo vai acontecer, eu estou apenas pensando sobre as diferentes etapas da minha animação e o estado em que este carro vai estar. Eu sei que haverá um estado onde o teto é plano como este e o carro é o comprimento que deveria ter antes do telhado aparecer e o resto da animação acontecer. Mas agora eu preciso pensar sobre o que acontece antes deste estado. Minha idéia é que isso basicamente tudo fica scrunched dentro, modo que é um carro muito menor olhando no início e cresce dessa maneira realmente elástica. Deixe-me voltar ao estado em que já estava. Vou definir quadros-chave nestes quatro controladores. Os quatro controladores de corpo principal ou cinco melhor. Farei isso em três segundos também, só para manter esses quadros-chave agradáveis e espaçados. Alt Shift ou Opção P para definir um quadro chave na posição corretamente, e eu vou fazer backup mais um segundo, vamos para dois segundos. Quero pegar a frente e trazer aquele caminho de volta. Basicamente, quero que a roda seja centrada entre o capô e a frente da cabine. Isto está algures por aí. Não se preocupe como a antena está se movendo até lá, vamos lidar com isso daqui a pouco. Mas então eu vou mudar clique no próximo controle e arrastá-lo de volta. Isso obviamente está causando alguns problemas com a parte de cima do carro, mas novamente, não se preocupe com isso, eu vou resolver isso em um segundo. O controlador central eu vou deixar onde ele está por agora, só porque isso pode funcionar onde esse controlador não se move em tudo, apenas os de ambos os lados que fazem. Em seguida, vou pegar esses dois controles e trazê-los para dentro. Realmente eu quero que toda a seção onde você vê toda essa seção da porta com a maçaneta seja coberta por esta porta. Começa com uma porta do lado e depois acaba com duas. Em algum lugar por lá provavelmente vai funcionar muito bem. Esse pneu deve estar sobrepondo isso. Só preciso reorganizar a ordem de empilhamento. Deixe-me desenvergonhar minhas camadas e encontrar os dois pneus. Lá vamos nós. As rodas dianteiras e traseiras, vou mover aquelas acima da porta de trás e da porta da frente também. Mas lá vamos nós. Agora as rodas estão mostrando em cima da obra de arte que deveriam ser. Agora o meu carro é agradável e arrastado para baixo nesta versão mini e, em seguida, ele aparece para a versão longa e, em seguida, o telhado sobe. O que eu preciso fazer é basicamente emparelhar cada um desses controladores de teto com seus controladores de corpo correspondentes. Dessa forma, quando estes se movem horizontalmente, estes se movem com ele. Este precisa ser emparelhado com este controlador. Esta é a traseira da cabina, vamos emparelhar com a Cab.Traseira. Vou precisar de zerar essa posição de novo, mas isso não é grande coisa. Então este centro ou quadro irá para o Cab.Center. Em seguida, ambos são pai para o controlador Cab.Front, portanto Cab.Front. Agora eles vão se esticar com ele. Se eu desativar minhas sobreposições pressionando Control Shift H ou Command Shift H em um Mac, você pode ver que agora todo o carro se transforma em conjunto e isso parece muito bom. Antes que eu esqueça, deixe-me pegar todos esses controladores e trazer Duik novamente, certifique-se de ir para o estado real que eu quero ser zerado na minha linha do tempo, e então com essas camadas selecionadas, basta clicar no botão “Zero”. Agora, esses estão todos zerados, minha posição está definida para zero, e estamos prontos para ir. Vamos fazer um backup e dar uma olhada na versão scrunched down. Mais uma vez, vou esconder minhas sobreposições, Control Shift H ou Command Shift H. Temos alguns problemas. Primeiro de tudo, o espelho, a antena, e o ornamento do capô, esses são os mais destacados para mim. Na verdade, vou desenvergonhá-los porque vou animar aqueles fora dos controladores para os quais eles são pais. Vou destrancar a antena e destímida, assim como o ornamento do capô e o espelho bem aqui. Agora, quando eu tímido minhas camadas, elas permanecerão visíveis, mas eu basicamente quero apenas pegar todas essas três camadas e arrastá-las para a frente para que elas não fiquem visíveis até depois desta parte da animação. torno de cinco segundos, é onde colocamos nosso conjunto de quadros-chave lá, então isso funcionará por enquanto. Aquela camada de telhado, eu nunca tranquei e escondi isso então vamos em frente e fazer isso agora, trancado e tímido. Mas agora esta versão scrunched para baixo parece um pouco melhor. Vamos dar uma olhada no que está acontecendo aqui. Atrás da cabine, essa é a camada separadora da janela bem aqui. Quando está todo o caminho raspado para baixo assim, fica para trás por aqui. O que eu quero fazer é ver qual camada de controle está modificando esses caminhos. Eu acho que seria o centro do quadro porque neste ponto, neste estado, esse é o caminho que está movendo-o. Eu deveria ser capaz de pegar o centro do quadro e movê-lo para que ele fique escondido atrás desse caminho que é muito parecido com ele. Isso deveria ter definido outro quadro-chave para mim automaticamente. Vou colocar isso na marca de dois segundos e então vamos definir outro quadro-chave idêntico a este na marca de três segundos para que ele fique do jeito que deveria naquele momento. Mas assim, ele está se escondendo neste ponto e então ele vai para onde deveria estar neste momento. Então temos um par de nossos estados abaixo. Temos a versão encolhida, a versão esticada, e a versão final. Agora que isso está configurado, vamos realmente começar a cronometrar isso e trabalhar na flexibilização para que isso anime da maneira que eu realmente quero. Vou pressionar U para mostrar todos os quadros-chave que definimos e rolar para baixo para que eu possa ver os quadros-chave entre esses dois estados. Aquele controlador central nunca acabou se movendo, então eu vou me livrar disso para que eu possa deixar minha linha do tempo um pouco mais limpa. Eu quero começar a adicionar alguns desses princípios de animação sobre os quais falamos, então eu vou pegar esses quadros-chave e facilitá-los. Tenho certeza que você já percebeu que eu tenho minha extensão Motion-3 ancorada aqui em cima, bem como Flow, e isso é porque eu uso ambos o tempo todo. Se você não está familiarizado com eles, definitivamente vá verificá-los. Motion-3 é um dos melhores dinheiro que você pode gastar em um realçador de fluxo de trabalho no After Effects só porque há tantas ferramentas envolvidas com ele. Mas essas pequenas alças aqui permitem que você ajuste a flexibilização de quaisquer quadros-chave apenas clicando e arrastando. Você pode fazê-los na velocidade de entrada e saída. É fantástico, então, definitivamente, veja isso. O fluxo também é incrível. É basicamente um gráfico de valores que vive em um painel em vez de ter que ir para o editor de gráficos. Como eu disse, uso ambos o tempo todo. Se você me ver usando esses, saiba que é idêntico a entrar no editor de gráficos e modificar os gráficos de velocidade ou valor. É muito mais rápido. Às vezes eu começo lá e acabo no editor de gráficos, tudo depende do que eu preciso fazer. Para obter o controle final, você tem que entrar no editor de gráficos, é assim que as coisas são. Mas essas duas extensões realmente minimizam quantas vezes eu realmente preciso fazer isso. Esta animação aqui, eu só vou definir uma área de trabalho para que possamos visualizar isso. Isto é muito chato. Não quero que tudo isto seja animado ao mesmo tempo. Eu quero sobrepor essas animações e ter alguma superação lá para que isso seja muito mais insuflável e brincalhão. Eu também quero tornar essa flexibilização muito mais forte então eu vou pegar esses quadros-chave novamente e realmente aumentar isso até talvez 66 e então este para 88 para que minha flexibilização seja muito mais intensa. Essa flexibilização parece melhor agora, mas e se incorporarmos alguma superação que ela não vá apenas do ponto A ao ponto B, mas vai além do ponto B e depois recua e salta um pouco para frente e para trás? Deixe-me trazer meus controles novamente para que eu possa vê-los, Control Shift H ou Command Shift H. Vamos nos concentrar na frente por enquanto. Em vez de ir daqui até aqui, vamos passar talvez 100 pixels dessa posição zerada e então eu vou para a frente talvez quatro quadros, 1, 2, 3, 4 vezes, na tecla page down, e então vamos voltar talvez 75 pixels negativos da posição zerada e, em seguida, quatro e mais quadros para a frente, página para baixo, 1, 2, 3, 4. Então vamos, digamos, 35 pixels para frente e, em seguida, 1, 2, 3, 4, negativo 10, e depois 1, 2, 3, 4 e depois zero. Estamos no último estado. Agora, o tempo que eu coloquei entre todos esses quadros-chave foi realmente arbitrário. Eu só estava usando os valores iguais para que eu pudesse colocar meus quadros-chave lá e agora eu posso voltar e refinar o tempo. Concentre-se no front-end, e obviamente o tempo está fora e a flexibilização está desligada. Vamos entrar no editor de gráficos para isso para que possamos ver todos esses valores juntos e falar sobre o que precisa mudar. Esta quantidade de tempo aqui é muito grande. Eu preciso trazer este quadro de chave de volta um pouco para que ele comece a recuar depois dessa superação mais cedo. Provavelmente não precisa aliviar isso fortemente. Talvez em algum lugar por aqui, ele vai sair. Eu acho que ainda é um pouco longo demais, então eu vou apenas fazer backup de um par de quadros, olhando um pouco melhor. Deixe-me pegar esses quadros-chave aqui e apenas apoiá-los. Toda a flexibilização é apenas um pouco forte demais, então eu vou apenas abaixar isso um pouco igualmente em todos eles. Então o primeiro movimento entre esses dois quadros-chave é muito lento, então eu vou fazer backup um monte de quadros e vamos ver como isso se parece. Você sabe o que? Na verdade, vou separar minhas dimensões para que eu possa usar o gráfico de valores. Para este tipo de animação de sobreposição, acho que usar o gráfico de valores faz mais sentido. Não preciso de nenhum dos quadros-chave da posição Y. Eles só estão viajando na posição X. Meu editor de gráfico está configurado para selecionar automaticamente o tipo de gráfico, então ele é automaticamente alternado para o gráfico de valores para mim. Mas agora eu vou selecionar todos esses, eu preciso re-aliviá-los para que nós apenas vamos fazer isso novamente. Eu posso aliviar a primeira chave um pouco mais, trazer a facilidade em muito mais no segundo quadro-chave. Eu acho que a mudança de valor pode ser um pouco forte demais nesta superação então, em vez de descer para 75, eu vou clicar duas vezes sobre isso e dizer 50 negativos e ver se isso ajuda. Então neste, vamos mudá-lo para talvez 25, este ainda é um valor de 10. Essa forma de superação deve ser um pouco melhor. Eu só vou trabalhar nessas curvas um pouco mais para que eles sejam um pouco mais agradáveis e ver como isso afeta a animação. Agora ele realmente dispara rápido e fica lá. Eu não acho que eu queria ficar lá por tanto tempo então talvez esta flexibilização seja um pouco forte demais. Ainda quero que seja agradável e amanteigado. Estamos chegando lá, eu só preciso trabalhar no tempo um pouco desses quadros-chave e espacá-los um pouco, talvez trazer este de volta um quadro. É assim que funciona o processo de animação para mim. Eu só trabalho no tempo de todos os quadros-chave, reproduzo e vejo como fica. Você começa a desenvolver um pouco de instinto sobre o que vai ficar bem. Mas realmente, eu faço minha animação a olho. Eu continuo modificando propriedades até que eu esteja feliz com a forma como o movimento está olhando. Eu realmente quero que a primeira animação seja muito mais rápida, então eu acho que eu realmente preciso fazer essa curva bem extrema aqui. Está viajando muito rápido no meio desses dois quadros-chave. Mas não quero que fique muito tempo do lado oposto. Então, em vez de fazer essas alças simétricas em seu comprimento, eu vou trazer este um pouco de volta e, em seguida, puxar este para fora bem, praticamente todo o caminho e ver como isso se parece. Isso é muito melhor. Agora leva mais tempo para se mover e, em seguida, é realmente ágil neste final da animação. Eu só vou trazer estes três quadros-chave de volta um quadro. Eu acho que é um bom ponto de partida, e eu vou apenas espelhar essa mesma animação com a superação para os outros controladores agora. Vou usar o tempo desses quadros-chave como um guia só para não ter que gastar tanto tempo descobrindo tudo isso. Mas eu vou passar o timelapse através disso, uma vez que é um processo bastante repetitivo. Porque eu zerei todas essas posições, estou movendo-as simetricamente. Eu sabia quais eram os valores de superação aqui. Lembre-se que fizemos um valor de 100, depois 50, depois 25, depois 10. Posso me lembrar desses números muito facilmente porque em relação ao seu estado final, esses valores serão os mesmos. Consegui replicar esses números neste controlador. Agora eu só preciso trabalhar na flexibilização para que seja semelhante à outra animação. Há a animação de superação acontecendo em todos os controladores. 11. Movimentos de sobreposição: Agora vamos adicionar alguma sobreposição. Quero que o capô do carro saia primeiro. Vou selecionar tudo, exceto por isso, estes aqui e movê-los para a frente alguns quadros. Então opção Alter no Mac e a tecla de seta para a direita, Eu vou talvez quatro quadros para a frente. Agora que o capuz sai primeiro e depois vamos ter o porta-malas a sair. Vou desmarcar o porta-malas e mover estes quatro quadros para a frente novamente e reproduzi-lo de volta. Estamos a ter muita sobreposição lá. Quatro quadros pode ser um pouco demais, então eu vou pegar esses quadros-chave e trazê-los de volta dois quadros cada, bem como esses, trazê-los de volta dois quadros cada, e ver se isso funciona um pouco melhor e eu Acho que sim. Mas vamos cambalear os controladores dianteiros e traseiros da cabina também. Vamos animar a seção traseira por último, esta é esta seção bem aqui. Vou empurrar esses dois quadros para frente e acho que está funcionando muito bem. Há um problema que estou vendo bem aqui com o porta-malas do carro. Parece que por causa da taxa de sobreposição extrema lá, apenas uma das camadas está aparecendo sobre as janelas e o quadro e tudo mais. Eu só preciso mover a camada superior do tronco abaixo deles. Farei isso muito rápido. Então isso corrigiu o problema, mas também me fez notar que esta roda está flutuando lá fora, mas eu acho que vou lidar com isso de uma maneira diferente em apenas um pouco. Por enquanto, essa animação de superação está funcionando muito bem. Estou feliz com o quão elástico e elástico tudo isso parece. Vamos ter uma bela visão grande disso. Sim, acho que isso parece muito bom. Tudo bem, então a única coisa que eu estou percebendo sobre isso que eu realmente não estou gostando é como o controlador central não se move em tudo, esta seção central do carro. Eu só vou adicionar um pouco de movimento aqui para que ele comece um pouco mais para a frente. Eu vou usar novamente o mesmo tempo exato desses outros quadros-chave como um guia para adicionar e superar isso também. Deixe-me apenas encontrar o controlador certo e eu vou alinhá-lo com a camada logo acima dele por enquanto. Vou definir um quadro chave de posição lá, e depois um aqui e preencher as lacunas. Vou mover este controlador e isso vai me forçar a mover o que está atrás dele também. Uma vez que está alinhado neste ponto, eu vou encontrar o outro controlador e apenas por enquanto, mover estes para trás para que eles estejam alinhados novamente. Vou pegar os dois de uma vez, ter certeza de que o valor está definido como zero, e depois agarrar os dois ao mesmo tempo e movê-los para a frente juntos. Dessa forma, estou modificando esse quadro chave aqui, mas vamos avançar com isso. Mas assim há algum movimento em todas as partes do carro quando ele se expande e eu posso incorporar essa superação agora. Este não precisa ser tão extremo, já que não está viajando tão longe. Agora eu só preciso sobrepor a animação novamente. Teremos o centro de táxi a sair por último. Vou tirar um par de quadros e acho que a traseira da cabine estará logo atrás dele, então eu vou pegar esses e tocar-lhes dois quadros também. Agora tudo tem um pouco de movimento para ele. Está tudo ultrapassando e já incorporamos alguma sobreposição em nossa animação, então parece bom até agora. 12. Fazendo o frame pular: A próxima parte da minha animação será a parte de cima do carro, o teto aparecendo para que o carro possa levantar do chão e, em seguida, bater de volta para baixo. Vamos começar por animar isso. Vou exagerar muito com uma superação também. Agora estou focado nessas camadas azuis e vou facilitar todos esses quadros-chave. Novamente, faça isso provavelmente muito extremo. Estarei animando em ambos os valores de posição x e y para estes. Vou deixá-los conectados. Não vou separar as dimensões. O que eu quero fazer é, ir para a frente, talvez 10 quadros, mudar a página para baixo e apenas copiar e colar esses quadros-chave para que eu saiba onde eu preciso ultrapassar o passado. Vou aproximar bem e fechar aqui e focar no controle traseiro. Há um problema com o telhado e eu sei exatamente o porquê. É porque nós parentamos este ponto nulo para este controlador, o mesmo que este para que o ângulo nunca muda. Precisarei consertar isso, mas farei isso depois dessa superação. Eu quero pegar todos esses controladores nulos e ter uma idéia áspera de quão longe eu quero que isso viaje. Provavelmente muito alto. Muito longe de onde deveria estar, por isso é super cartoony. Então eu vou ampliar aqui, agradável e fechar para que eu possa dar uma olhada no caminho do movimento. Arrastei-os todos para cima. Mas se eu mudar isso agora, eu posso ver que meu caminho de movimento vai começar a se alinhar com este caminho bem aqui. Isso é exatamente o que eu quero. Quero continuar essa trajetória, esse ângulo de movimento enquanto está se animando para cada um desses controladores. Vou começar por modificá-los. Então eu posso trabalhar na superação, a parte do recuo dessa superação. Eu vou descer, novamente, tempo não é realmente importante agora, apenas definir os valores é então eu vou ir quatro quadros adiante. Novamente, copie todos esses valores para que eu tenha o ponto que eu preciso para recuar passado. Eu superei um pouco lá. Vai precisar recuar muito também. Deixe-me pegar tudo isso, trazê-los direto para baixo, talvez até aqui, e depois alinhá-los novamente. Você pode ver como esse caminho de movimento está fazendo uma linha reta depois que eu modifico esse eixo x. Nós disparamos, voltamos para baixo, e então provavelmente vamos ultrapassar e recuar mais uma vez. Mais quatro quadros, 1,2,3,4. Copie, cole e pegue todos eles e traga-os um pouco. Desta vez não tanto quanto a primeira vez e realinhá-los. Então vamos mais quatro quadros 1,2,3,4. Copie e cole uma última vez. Então, traga-o um pouco para baixo e realinhe-se. Eu posso ver que alguns dos meus caminhos de movimento não estão alinhados, mas eu posso clicar e arrastá-los para lá para que eles estejam todos na linha. Assim que você entrar em um pouco mais de detalhes, é mais fácil ver os erros que você pode cometer. Mas é muito simples de corrigir. Lá vamos nós. Tenho o meu conjunto de valores. Agora posso trabalhar no tempo e espaçamento de todos esses quadros-chave. Vamos aliviar todos eles e jogar de volta. Lá vai você. É uma animação muito insuflável. Não há nada de errado com essa superação, mas acho que quero modificá-la um pouco. Mais uma vez, eu quero que isso seja muito forte na facilidade fora do primeiro quadro-chave. Vou arrastar isso provavelmente por volta dos 80 por cento. Dessa forma, é preciso um pouco mais de esforço basicamente para sair de seu estado anterior. Mas honestamente, o resto parece muito bom. Eu poderia trazer este conjunto de chaves de volta uma moldura. Dessa forma você pode ver, porque este é o gráfico de velocidade que cada vez que ele se move, ele está se movendo um pouco mais lento do que o conjunto de quadros-chave antes dele. Isso parece muito bom. A linha de decadência é basicamente o princípio de quão rápido esta elasticidade está morrendo. Você pode ver que de cada um desses picos do gráfico de velocidade está praticamente indo em linha reta. É muito linear. O que eu quero fazer é espaçar estes apenas um pouco para que seja mais uma curva do que uma linha reta com a velocidade de todos esses quadros-chave desaparecendo. Agora, se você desenhasse uma linha conectando todas essas dicas, você pode ver que ela é muito mais curva do que era antes. Vamos ver o que parece. Gosto muito mais disso. Está a descansar mais gradualmente. Honestamente, eu acho que eu poderia bater este em mais dois quadros. Isso é uma grande superação. Vamos fazer backup e colocar esses quadros-chave onde queremos que essa superação aconteça. Provavelmente aqui, onde o resto do corpo do carro está começando a assentar. Pego todos os quadros-chave e apoio-os. Estes que eu não quero sobrepor, eu quero mantê-los juntos como um grupo para que todo o telhado está se movendo como uma unidade. Acho que posso apoiá-lo um pouco mais. Lá vamos nós. Agora, está começando antes de tudo isso ter um descanso aqui embaixo. Vamos jogar isso juntos agora. Ele sai e depois aparece, e eu estou feliz com o jeito que isso parece. 13. Levantando o carro: O que quero que aconteça quando aparecer é que o carro inteiro se levante do chão. Mas eu não quero ter que pegar todos esses controles e animá-los todos de uma vez. Vou construir mais um controlador que vai conduzir a animação do solo. Vou apenas pressionar U para recolher todos os meus quadros-chave e fazer outros novos objetos nulos. Ir Camada, Novo, Objeto Nulo. Vou mudar o nome deste elevador de carro. Eu quero fazer este um pouco maior também. Vamos fazer talvez 250 por 250, e colocar o ponto de ancoragem bem no meio. Em seguida, torná-lo uma cor que é um pouco mais fácil de ver, talvez laranja, e assim você pode distingui-lo dos outros controladores. Vou colocar isso provavelmente na base do corpo, no centro das duas rodas, de qualquer maneira. Então eu vou zerar isso bem rápido. Lá vamos nós. Agora eu só quero criar o pai de todos esses controladores, esses futuros para esse controlador mestre porque estes são o que estão dirigindo tudo o resto na minha cena já. Vou clicar e arrastar até o elevador do carro. Agora, quando eu mover isso, ele vai mover o carro inteiro. No entanto, quando eu fiz isso, eu perdi minha posição zerada. Mais uma vez, só para ser agradável e arrumado, vou pegar esses controladores, abrir Duik novamente e zerar isso mais uma vez. Tudo bem, agora eu posso animar o carro pulando. Deixe-me trazer minha posição e separar essas dimensões porque eu só quero movê-la na posição y. Eu vou encontrar o ponto e o tempo que eu quero que o carro para começar a levantar provavelmente bem ali. Vou definir o meu quadro-chave aqui e depois avançar 1, 2 , 3, 4, 5, vamos oito quadros. Como o telhado está começando a descer é quando isso vai estar no seu auge. Eu não tenho certeza do quão longe do chão eu quero, mas negativo 150 certeza, que é um bom número redondo. Então ele precisa cair de volta. Eu vou oito quadros para a frente novamente, 1, 2, 3, 4, 5 , 6, 7, 8, e colocá-lo de volta no chão. Então vou ao meu editor gráfico e modifico isso um pouco. Eu quero que ele facilmente entrar e sair deste quadro-chave de posição muito forte, e eu quero que ele se levante do chão muito rapidamente. Esta é a forma que vou fazer com a minha curva. Começa muito rápido, desacelera no seu pico, e depois bate no chão muito rapidamente novamente. Vamos ver como isso se parece. Ok, nada mal. Vou encaixar isto no meu visualizador de composição para poder ver toda a composição. É um bom começo. Eu também quero que ele gire um pouco, então vamos adicionar um quadro-chave de rotação. Alt+Shift+R, ou Option+R em um Mac, e vamos apenas girá-lo talvez para trás alguns graus. Não precisa ser muito para fazer uma grande diferença, então talvez quatro graus para trás. Na verdade, isso pode continuar girando até atingir o chão. Vou copiar e colar o zero de novo. O que eu preciso fazer é fazer um guia para que eu saiba onde meu terreno realmente está. Deixe-me pressionar Control ou Command+R para trazer minhas réguas e, em seguida, clique e arraste para trazer um guia para fora. Agora seremos capazes de saber quando a roda está fazendo contato com o plano terrestre. Ele se levanta do chão e está girando para trás, podemos manter essa rotação funcionando até realmente pouco antes de estar de volta no chão. Eu provavelmente poderia girar isso para trás ainda mais e ver como isso parece. Eu preciso ir lá e facilitar isso talvez não perfeitamente aqui. Eu só vou aliviar um pouco de lá e aliviar este um pouco também. Eu acho que isso é um pouco extremo demais, então eu vou apenas fazer isso um pouco mais linear. Sim, parece um pouco melhor. Mas agora que eu estou vendo, eu acho que o carro simplesmente não está se movendo alto o suficiente no ar. Eu realmente quero exagerar aquele elevador, então eu provavelmente vou movê-lo um pouco mais e jogar isso novamente. Isso é quase tocar na parte superior da tela, então talvez não tanto. Talvez mais como lá. Muito bem, é um bom começo. Em seguida, quando atingir o chão, eu realmente quero que ele gire para a frente, mas ainda esteja no chão. Estaria girando a partir desta roda dianteira. Precisamos fazer outra taxa de controle nesse ponto para que eu possa girar a partir daí. Vou duplicar o elevador do carro. Este não precisa ser tão grande, então vamos para as configurações sólidas e eu vou fazer com que diga 150 por 150. Vamos chamar isso de rotação da roda dianteira. Livre-se dos quadros-chave nele e posicione-o sobre as tampas do cubo da roda. Vou aproximar bem e fechar. É de onde eu quero que isso gire e então faça o pai do elevador para ele. Nenhuma dessas camadas está zerada corretamente porque eu mudei a relação de parentalidade deles, então eu preciso consertar isso rapidinho. Eu percebo que isso é muito repetitivo, eu estou indo e voltando muito, mas esta é apenas a realidade de gerenciar uma plataforma que é realmente tão complexa. Você precisa ter certeza de que você está mantendo tudo agradável e limpo para que quando você realmente está animando, você não está lutando contra o seu equipamento. Mas agora que está zerado, posso rodar isto na roda dianteira. Perfeito. Eu vou definir uma taxa de quadros chave de rotação aqui para que neste quadro ele já tenha começado a girar e vamos avançar talvez seis quadros, então 1, 2, 3, 4, 5, 6, e então girar o carro inteiro para a frente um pouco para obter alguns levantar da extremidade dianteira e, em seguida, voltar para baixo 1, 2, 3, 4, 5, 6. Estes movimentos podem ser muito simétricos, uma vez que é basicamente a gravidade que o impede de girar e, em seguida, puxá-lo de volta para baixo. Eu vou fazer uma curva muito semelhante aqui onde é muito fortemente aliviado neste ponto e não tanto no início e no fim. Isso pode ser um pouco forte demais, então vou aliviar um pouco. Lá vamos nós. Agora parece que tem algum peso no seu caminho para cima. Provavelmente poderia levantá-lo um pouco mais. Este é um valor de quatro agora, vamos mudá-lo para seis e ver como isso se parece. Sim. Agora, no caminho de volta, você deve ter adivinhado, eu quero que isso apareça na extremidade dianteira agora girando na roda traseira. Vou fazer mais um controlador. Vamos chamar isso de rotação da roda traseira, e eu vou mover isso de volta para cá. Alinhe com a tampa do cubo. Eu preciso colocar a roda dianteira na roda traseira. Eu provavelmente posso usar quadros-chave semelhantes aqui, apenas para alterar seus valores. Eu vou apoiá-lo em um quadro do último quadro da rotação da roda dianteira, e em vez de ir para uma direção positiva, eu vou mudar isso para uma direção negativa, talvez quatro graus negativos, ou até mesmo três graus negativos. Veja que fez uma grande diferença, apenas uma mudança de grau. Em seguida, dê uma olhada no gráfico de valores e apenas inverta essas curvas. Agora ele gira na frente, bem como na roda traseira. Acho que está demorando um pouco demais para fazer isso, então vou modificar o tempo. Vou tirar um quadro em cada um destes três quadros chave, assim como estes. Basta acelerar toda a animação um pouco, e, em seguida, voltar para cima e ver como isso se parece. Tudo bem, então sim, agora está balançando para frente e para trás muito mais rápido. Eu acho que a flexibilização neste quadro chave aqui poderia ser um pouco menor, já que está, novamente, decaindo esse movimento. Isso ainda está demorando muito para mim, então eu vou tirar um quadro de cada um desses quadros chave. Dessa forma, é só uma pequena colisão na última pedra. Acho que o que esta animação precisa é de mais um pequeno salto que não está nem perto tanto quanto este aqui. Mas novamente, girar naquela roda traseira, como se o backend deste carro fosse mais pesado que a frente, que na realidade provavelmente não faria sentido. Mas isso deveria ser um desenho animado, não tentando ser super realista aqui, mas eu só vou para a frente talvez mais três quadros e voltar para cima talvez dois graus. Nem mesmo isso. Eu vou fazer 1.5 e depois bater de volta para zero. Dê uma olhada nessa flexibilização e certifique-se de que isso é agradável e simétrico, e ver como isso se parece. Sim, isso é muito “bouncier”. Acho que um e meio ainda é demais, então vou fazer um negativo. Agora há apenas aquele pequeno salto extra bem no final da animação. Vamos aumentar minha área de trabalho para que possamos ver a animação um pouco mais como um todo. Lá temos ele. Estou gostando do jeito que isso parece. As coisas que eu estou percebendo são para um, o telhado, eu nunca voltei e consertei aquela seção. Deixe-me derrubar todos os meus quadros-chave pressionando U, sem vergonha e encontrar o telhado que deve estar no fundo. Aqui vamos nós. O telhado, e eu preciso do ponto que está na parte de trás, naquela parte de cima. Eu acho que seria, vamos ver este ponto aqui, este nulo. Preciso adicionar alguns quadros-chave a isso. É visível na frente da animação, mas uma vez que o teto se expande, ele aparece, é quando eu preciso que ele se esconda atrás do resto da obra de arte apenas para combinar com a perspectiva um pouco melhor. Aqui é onde ele começa a levantar, então eu vou definir um quadro chave para a posição lá e então apenas ir em frente e dizer que não devemos vê-lo mais, que é realmente sobre lá. Então deixe-o atrás do resto da obra de arte só para que não possamos vê-lo. Apenas para uma boa medida, eu vou aliviar esses quadros chave. Agora, no topo disso, não devemos ser capazes de vê-lo em tudo, e minha arte parece correta novamente. A outra coisa que notei sobre o telhado é este ponto não parecia estar muito alinhado, e é este aqui. Eu só estou indo para a mão livre movê-lo um pouco, só para que se alinhe um pouco mais agradável. Agora esse telhado parece ótimo. Vou envergonhar todas essas camadas de novo. A outra coisa que notei é que a superação naquele telhado está provavelmente um pouco exagerada neste momento. Está chegando muito perto do topo da rede de quadros que o carro está levantando, então eu vou apenas recuar um pouco com meus quadros-chave de posição. Basta pressionar P para revelar a propriedade da posição. Estes são os quadros-chave que preciso modificar. Vou ampliar aqui e um de cada vez, apenas recuar um pouco. Certo, essa é a maior parte da animação, as partes principais do corpo do carro com toda essa distorção e transformação. Em seguida, podemos trabalhar em alguns dos detalhes mais finos que vai levar isso de parecer que ainda é uma peça bastante rígida de arte, em algo muito mais brincalhão e cartoony. 14. Abrindo o capô e pulando: Agora eu vou entrar em alguns dos detalhes mais finos deste carro se movendo para que possamos trazê-lo à vida um pouco mais porque há muito mais que podemos realmente fazer com esta plataforma. Primeiro, eu quero apenas pegar essa aba do capô indo como o carro está viajando cima e para baixo porque nós construímos esses controles, mas nós ainda não animamos isso. São estes três controladores aqui que tenho de me preocupar. Eu só vou para onde eu quero que o capô comece a abrir, que realmente deveria ser quando o carro decola. Vou pisar o primeiro quadro-chave na rotação deste controle apenas pressionando “R” no teclado e clicando no cronômetro naquele quadro onde ele ainda está no chão. Então, ao longo do curso, pulando no ar e batendo no chão novamente, ele pode abrir. Da mesma forma que o carro está girando para trás, este capô pode estar girando até chegar ao chão novamente. Vamos apenas voltar para cima. Provavelmente uma boa quantidade pode ser em torno de 35 graus negativos. Então preciso consertar essa parte do capô onde está torcendo. Novamente, foi onde construímos nesta rotação frontal do capô. Vou adicionar um quadro-chave nessa propriedade e fazer o backup. Isto é apenas uma contra-chave para neutralizar essa distorção. Então temos mais um controlador para contrariar esta seção do capô. Este, eu vou usar a propriedade position para fazer isso, então eu vou definir um quadro-chave e fazer backup e, em seguida, eu vou apenas distorcer a mão livre até que seja sobre onde eu quero. Essa perspectiva combina um pouco melhor. Não é 100% perfeito, mas toda essa ilustração está fora de perspectiva. Não estou muito preocupado com isso. Parece melhor do que parecia, mas agora a aba do capô abre antes de voltar ao chão. Quero que isso entre neste estado muito rapidamente. Eu não quero muitos quadros onde você mal pode ver a espessura do capô. Vou pegar todos esses quadros-chave e entrar no meu editor gráfico. Quero ter certeza de que estou olhando para o mesmo gráfico aqui. Agora eu tenho os gráficos de velocidade e valor, mas eu vou apenas ir para este menu e mudá-lo para o gráfico de velocidade, já que eu tenho essa propriedade position, selecionar todos esses quadros-chave e zoom em um pouco e na verdade eu só quero aliviar estes aqui, então eu vou apenas agarrá-los todos na facilidade fácil e, em seguida, puxar isso para fora um pouco. Talvez não para os anos 90, mas para algum lugar nos anos 80. A propósito, quando eu digo nos anos 80, quando eu estou puxando isso para fora, você pode ver a influência. Está me dizendo qual é a porcentagem, isso é o que eu quero dizer com os anos 80. Está na faixa de 80 por cento de influência. Vamos ver como isso se parece. Aquele pop está aberto muito bem. Honestamente, acho que posso tornar isso ainda mais extremo. Vou pegar esses quadros-chave e tirar a influência e talvez até puxar mais apertado. Talvez estejamos em torno dos 96 por cento. Sim, então agora ele abre muito rapidamente. Então ele vai voltar para baixo enquanto o carro está batendo no chão. Talvez dois quadros depois deste quadro onde a roda traseira está prestes a fazer contato 1, 2, é onde eu quero que ele bata perto. Parece que está caindo com muita força por causa do carro bater no chão. Vamos apenas zerar esta posição. Voltamos ao estado fechado e, em seguida, zeramos esses dois valores também. Isso define quadros-chave para todos eles. Quero que isso desça bem rápido. Se eu tocar isso lá atrás, fecha muito rápido, mas não quero que pare por aí. Não vai apenas bater, fechar, e ficar, eu quero que ele apareça e salte algumas vezes. Vamos para a frente talvez 1, 2, 3 quadros e, em seguida, voltar para cima novamente. Vamos começar com a rotação do capô, talvez 12 graus negativos para trás, corrigir a distorção um pouco e fazer a mesma coisa para os faróis. Deixe-me aproximar bem e fechar. Vamos apenas fazer isso sobre, digamos bem ali. Então posso trabalhar na flexibilização. Talvez esses quadros-chave voltando para baixo, vai ser muito mais forte neste lado. Fecha muito rapidamente, mas depois aparece de volta bem rápido também. Eu vou realmente aumentar a influência deste lado tirar um pouco da influência aqui, ver como isso se parece. Sim, com bom aspecto e só preciso de voltar a abrir mais uma vez, provavelmente. Vamos fazer isso bem rápido. Eu preciso duplicar esses quadros-chave, então eu vou sair do meu editor gráfico, copiar colar para esse estado fechado, e então nós vamos ter que saltar mais uma vez muito mais sutilmente. Vamos entrar aqui, 1, 2 talvez desta vez em vez de três quadros, e então voltar para cima apenas um par de graus e girar este para trás apenas ligeiramente e, em seguida, mover este um pouco para fora. Algo assim. Em seguida, vamos avançar mais dois quadros e definir todos eles de volta para baixo para que a posição fechada e trabalhar na flexibilização. Vou pegar estes aqui e aliviá-los. Isso só torna isso um pouco mais extremo de novo. Vamos ver, ele aparece perto e na verdade eu não quero que isso seja aliviado, eu quero que seja uma facilidade espelhada desta seção aqui. Isto deve ser extremo. Então estes aqui não devem ser tão extremos. Assim fica aberto por mais tempo e depois bate de volta. Então temos a mesma forma entre esses conjuntos de quadros-chave aqui. Essas alças devem ser puxadas para fora, e essas devem ser puxadas para fora, e isso deve funcionar. Vamos diminuir o zoom e apenas visualizar essa parte da animação. Sim, parece ótimo. A única coisa que falta é a parte do carro que deveríamos ver quando o capô estiver aberto. Preciso desenhar isso bem rápido, como fiz com o telhado. Eu só vou passar o tempo para isso. Lá vamos nós. Eu só quero torná-la uma cor um pouco mais escura, então eu vou pegar essa forma e apenas torná-la um pouco mais escura, não uma tonelada, mas assim ele só tem um pouco mais de profundidade quando o capuz estiver aberto. Lá vamos nós. Agora, isso está tudo pronto. Posso mostrar minhas camadas e essa é a minha animação do capô. Vejamos isso como um todo. Ótimo. Vamos pensar no que fazer a seguir. Bem, o carro não parece estar se movendo agora. Está apenas sentado ali. Mesmo que na minha animação o carro seja centrado no quadro, eu quero que ele pareça estar se movendo. Quero que pareça que está dirigindo pela estrada. Há algumas coisas que vou fazer para que isso aconteça. Vou começar por saltar o carro para cima e para baixo um pouco, só para que pareça que ele está batendo na estrada como se houvesse um motor nele fazendo ele ir. Mas não quero que as rodas saltem para cima e para baixo. Eles devem sempre fazer contato com o solo. Vou começar duplicando o elevador do carro e apenas renomeá-lo. Vou movê-lo para baixo só para que fique visualmente na mesma hierarquia é essa cadeia de pais. Eu quero criar a camada de colisão do carro para a camada de elevação do carro. Mas eu preciso ter certeza de me livrar desses quadros-chave, então eu vou pressionar “U” para trazer esses quadros-chave e me livrar deles e esta posição y é tudo o que eu estou preocupado. Vou mudar a cor disto para, digamos, índigo e torná-lo menor. Control Shift Y ou Command Shift Y traz as configurações sólidas para uma camada, e eu vou apenas fazer isso, digamos, 75 por 75. Assim é bom e pequeno. Eu realmente não vou estar animando isso ao redor, eu só vou usá-lo para fazer um loop de movimento para cima e para baixo, então eu não vou precisar de muito acesso a ele. Mas o que eu preciso fazer agora é cuidar de tudo que move o carro para aquela camada, então todos esses controladores fúcsia. É isso que está dirigindo a parte de trás do carro. Se eu fizer isso, agora eu posso pegar isso e movê-lo para cima e para baixo. Mas ainda tenho a questão das rodas a segui-lo. Vamos consertar isso em um segundo. Mas primeiro, vamos animar a colisão subindo e descendo. Eu só vou dizer 10 segundos, abrir a posição e definir um quadro-chave na posição y. Eu quero zerar isso, bem como aqueles controladores que eu acabei de reparar. Farei isso rápido. Ótimo. Esta é a minha posição zero e eu quero saltar para baixo e provavelmente para cima um pouco. Vamos começar na posição para baixo, então vamos para uma direção positiva, pode ser 10 pixels, e então vamos avançar talvez dois quadros e trazer isso até talvez 10 pixels negativos. Pode ser longe demais, mas veremos como fica. Então eu só quero fazer um loop dessa animação, então eu vou avançar mais dois quadros e copiar e colar isso. Então eu vou apenas definir minha área de trabalho em torno desses quadros-chave, certificando-se de voltar um quadro do último quadro-chave porque esse é um quadro duplicado do loop. Dessa forma, posso visualizar o loop exatamente como deveria ser. Acho que está acontecendo muito rápido e pode estar cobrindo muita distância. Vamos espalhar por um quadro cada. Agora há três quadros entre cada um deles e visualize isso novamente. Isso pode ser bom com o timing. Só preciso trabalhar no espaçamento agora com essa facilidade. Vou aliviar isso, ir para o meu gráfico de valores. Se este é o downstate, eu quero que ele salte muito rapidamente e salte do chão com cada colisão. Eu vou pegar essas alças e trazê-las para baixo um pouco para que eles não pendure nesses valores por muito tempo e eu vou aliviar este um pouco. Vou clicar e arrastar isso para fora, e veremos como é. Acho que a flexibilização está funcionando muito bem, vou fazer isso um pouco menos extremo. Mas a distância percorrida é definitivamente muito longe. Eu só quero pegar todos os três quadros-chave e usar outra técnica que é esta caixa de transformação. Então eu vou manter pressionada a tecla Controller ou Command antes de clicar e arrastar nesta barra aqui e ela vai dimensionar isso simetricamente para baixo. Quero fazer metade da distância. Esses quadros-chave agora têm aproximadamente cinco pixels cada em cada direção. Agora viaja metade da distância. Agora, o carro está batendo para cima e para baixo. Já que está viajando menos distância, sinto que pode estar se movendo mais rápido de novo. Deixe-me fazer isso um quadro cada e, em seguida, visualizar isso. Acho que isso parece muito bom. Só vou trabalhar nisso um pouco mais. Talvez eu não esteja dando influência suficiente para esses primeiros e últimos quadros-chave. Agora, a colisão não é tão drástica, mas está apenas batendo para cima e para baixo na estrada agora. Honestamente, ainda pode estar indo um pouco rápido demais. Vou colocar quatro quadros entre cada conjunto de quadros-chave. Então, 1, 2, 3, 4, 1, 2, 3, 4 e veja como isso parece. Sim, acho que é um pouco melhor. Eu só vou colocá-lo naquela posição ascendente um pouco mais rápido. Agora, vamos lidar com as rodas. Vou escrever uma expressão muito simples para basicamente contrariar essa moção. Deixe-me rolar para baixo e, na verdade, essas duas camadas estão escondidas, então eu vou encontrá-las. Lá estão eles. Vou desbloqueá-los e desenvergonhá-los para editá-los. Eu quero pegar as propriedades de posição destes e separar as dimensões para que eu possa lidar apenas com a posição y. Eu quero escrever uma expressão que basicamente diz, “Olhe para o valor que eu defini aqui para essa posição y e, em seguida, subtraia o movimento da posição de colisão do carro.” Vou começar com a roda dianteira e escrever uma expressão mantendo pressionada a tecla Alt ou Option no Mac e clicando no “Cronômetro”. Eu vou digitar um valor que vai fazer referência a qualquer valor que eu definir os pneus y posição para já e, em seguida, dizer menos. Em seguida, pegue a minha expressão escolher chicote e role até que o valor da posição y no controlador de colisão do carro. Isso irá preencher o resto da expressão para mim, eu posso apenas fechá-lo com um ponto-e-vírgula, e é muito sutil, mas minha roda mudou ligeiramente de posição. Se eu desativar a expressão e reativá-la, você pode ver o que está acontecendo. Quero voltar para o plano terrestre. Eu só vou arrastar isso para cima. Isso é o que essa parte de valor da expressão me permite fazer. Mas agora se eu jogar isso de volta, você pode ver que o corpo do carro está se movendo para cima e para baixo independentemente da roda. É como se os choques ou a suspensão do carro estivessem mantendo a roda no chão. É tão simples assim. Eu estou realmente apenas indo para copiar a expressão clicando com o botão direito do mouse na posição y, dizendo cópia apenas expressão e, em seguida, colando isso na posição y da roda traseira. Isso realmente o manteve no chão exatamente onde precisava estar. Devemos estar prontos para ir. Lá vamos nós. Agora nossas rodas estão no lugar, o carro está batendo para cima e para baixo. 15. girando os pneus: Agora os pneus realmente parecem que eles não estão girando, então o que podemos fazer para consertar isso? Bem, eu vou adicionar um pouco de distorção para ajudar a parecer que eles estão realmente rolando na estrada, e eu acho que eu vou manter o mesmo tempo que eu tenho para os quadros-chave na colisão do carro. Então vamos começar na marca de 10 segundos, e eu vou fazer isso através de um efeito, o efeito Transformar que já usamos para esmagar e esticar em nosso exercício. Vou usar novamente meu console de efeitos e digitar transformando, pressionar “Enter”, e eu quero vincular a posição e o ponto de ancoragem assim como o equipamento de squash e stretch, então eu vou clicar duas vezes no ponto de ancoragem que irá revelá-lo aqui em baixo, que irá clicar sobre a posição, bem como, em seguida, basta usar o chicote de escolha propriedade para vincular a posição ao ponto de ancoragem. Então eu quero encontrar o ponto de ancoragem, está bem no centro do meu carro, e movê-lo para cá. Então, está bem na base da camada, aqui é onde eu quero que a distorção aconteça ao redor. Nós vamos usar a parte inclinada deste efeito para fazer parecer que as rodas estão realmente se movendo. Então eu quero apenas ajustar a inclinação para que eu possa ver como ele está distorcendo, e então mudar o ângulo para que ele vai distorcer na direção que eu quero. Então eu quero isso em um ângulo de 90 graus e dessa forma eu posso inclinar isso para trás e para frente. Eu provavelmente não quero ir em uma direção negativa, mas começar em zero e depois seguir em frente. Neste quadro, eu vou definir um quadro-chave distorcido e pressionar “U” para trazer esse quadro-chave, e então eu acho que foram quatro quadros separados, 1, 2, 3, 4, sim, para o próximo quadro-chave, e nós vamos apenas distorcer isso um pouco. Então talvez tão longe, talvez em torno de um valor de 12, e então vamos quatro quadros adiante novamente, e definir isso de volta para zero. Vamos pré-visualizar isso e não é fácil em tudo, então ele não parece tão grande então vamos para editor de gráficos e tudo isso para fora. Este não precisa ser tão extremo porque eu queria ser um movimento mais fluido. Na verdade, eu vou pegar todos eles e apenas facilitar e ver como isso se parece. Às vezes, a facilidade fácil é a certa. Ok, nada mal. Eu acho que nesta posição inicial ele realmente não deve ir todo o caminho até zero, eu quero distorcê-lo para a frente um pouco, então eu vou pegar ambos os quadros-chave e apenas clicar e arrastar enquanto segura shift para que ele seja ligeiramente inclinado para a frente ainda, e então eu provavelmente vou precisar aumentar o valor deste atualmente é em 12, então talvez vamos aumentá-lo até 18 e jogar isso. Lá vamos nós. Agora que a roda parece que tem algum movimento para ele, mas não necessariamente parece que está girando tanto. Então eu quero combinar isso com um pouco de squash e esticar, na verdade, então vamos definir um quadro-chave na escala. Vou desmarcar a escala de uniformes. Uma vez que temos o ponto de ancoragem onde ele precisa estar, ele ainda vai escalar a partir desse plano de terra para que a roda esteja sempre no chão, e eu quero ligar a largura da escala e a altura da escala novamente. Então lembre-se que squash e stretch expressão é realmente simples, e basta alterar opção clique na largura da escala. Eu vou sair do meu editor gráfico, e nós vamos digitar 200 menos, e então usar nossa expressão pick chicote para pegar a altura da escala, terminá-la com um ponto-e-vírgula, e é isso. Agora eu vou para Alt Shift Click ou Option Shift Clique nessa propriedade apenas para ocultá-la, dessa forma eu não tenho que ser incomodado com ele em minhas camadas, e então eu vou definir um quadro-chave para a altura da escala. Agora eu não quero que isso seja 100, então eu provavelmente vou aumentar isso para talvez 105, em seguida, ir para o próximo quadro-chave e trazer isso para baixo para 95, e, em seguida, ir para a frente novamente e definir isso para 105. Então eu vou aliviar todos esses quadros-chave, provavelmente apenas facilidade fácil assim como os quadros-chave inclinados e reproduzir isso de volta. Ainda não parece correto, e isso é porque eu preciso adicionar alguma sobreposição. Então, a meio caminho entre esses dois quadros-chave é onde eu quero que eles comecem, e se eu reproduzir isso, ele está começando a parecer certo e esses quadros-chave não estão em loop, eu só tenho três quadros-chave para cada propriedade. O que eu preciso fazer é escrever outra expressão que irá automaticamente fazer um loop para mim. Você pode estar familiarizado com a expressão LoopOut. Se eu segurar Alt ou opção e clicar nesse cronômetro para escrever uma expressão, eu posso começar a digitar LoopOut e o preenchimento automático irá sugerir que para mim, eu nem preciso digitar nada aqui, eu vou apenas pressionar o ponto-e-vírgula no final. O que isso vai fazer é fazer um loop desses quadros-chave para sempre, assim que ele atingir este, saltar de volta para este e reproduzi-lo novamente neste lado da animação. Então, antes disso, nada acontece, mas deste lado continua em loop. Então, se eu tocar isso, ele continua pulando para cima e para baixo. Deixe-me apenas ir para o meu editor de gráficos e clique nesta opção aqui que é mostrar mensagens gráfico de expressão para que você possa ver que ele está continuando. O que quer que eu faça aqui é espelhado. Uma expressão menos conhecida é a expressão LooPin. Se eu voltar para essa expressão e digitar LooPin em vez de LoopOut e, em seguida, mostrar esse gráfico novamente, você pode ver que ele está fazendo o oposto. Ele está em loop antes desses quadros-chave e assim que esses quadros-chave acontecem, o loop não vai mais. Se combinarmos ambas as expressões, podemos colocar nossos quadros-chave onde quisermos e eles vão fazer loop ao longo da duração da nossa composição e isso é realmente útil para esse tipo de coisa, especialmente quando temos muitos diferentes elementos que vão precisar estar em loop. Deixe-me editar essa expressão mais uma vez e o que eu vou fazer é LoopOut, em seguida, ir para fora dos parênteses e dizer mais LooPin, e então eu vou adicionar mais uma coisa que é menos valor e esse valor menos é importante, vai permitir que ele seja basicamente em qualquer lugar nossa composição e continue fazendo loop perfeitamente. Se eu tirar esse valor, então nós temos algumas coisas realmente estranhas acontecendo então apenas certifique-se de que você inclua esse valor menos e agora eu posso mover esses quadros-chave em torno de onde eu quiser, e o loop vai segui-lo em ambos os lados Dele. Com essa expressão escrita, eu vou dizer apenas expressão de cópia, e depois colá-lo na inclinação, e agora que ele está em loop em ambas as direções, eu posso visualizar essa animação novamente e porque eu trabalhei nisso sobreposição, esta é uma espécie de distorção oscilante agora e é muito mais convincente que a roda está realmente girando. Então, apenas com essa simples rotação da roda, nós incluímos sobreposição e isso fez uma enorme diferença. Compare isso com esta roda dianteira, é totalmente estática e porque fizemos isso com o efeito Transformar, eu posso copiar e colar isso na roda. Então vamos pegar esse efeito, copiá-lo e colá-lo na roda dianteira, e eu me certifico de que eu vá para aquela marca de 10 segundos para que todos os quadros-chave se alinhem. Basta colar, e então eu só preciso ter certeza de que eu mover meu ponto de âncora sobre a base daquela roda, bem no centro ali, e jogar de volta, e agora essas duas rodas estão trabalhando juntas. Mas eu também posso sobrepor essas animações porque atualmente elas estão sendo distorcidas exatamente da mesma maneira e ao mesmo tempo. Lembre-se sobreposição é que o princípio de animação que diz que nada deve estar se movendo de uma só vez. Então eu só vou pegar este conjunto de quadros-chave para a roda dianteira e movê-lo para frente dois quadros. Eu só vou estender minha área de trabalho para que eu possa ver o loop jogando fora, e agora essas rodas são apenas um pouco variadas, mas o problema é que minha colisão do carro não está saltando para cima e para baixo. Então vamos copiar essa expressão de loop mais uma vez, Copiar apenas expressão, e então colar isso para a colisão também. Agora meu carro está pulando para cima e para baixo da estrada e as rodas estão girando. Mas se eu for para o início da minha animação e reproduzir isso de volta, você pode ver que eu tenho um problema muito estranho com as rodas e que é um resultado do efeito Transformar e camadas de forma. Se você se lembra, quando adicionei o efeito Transformar aos pneus, o ponto de ancoragem estava bem no centro da minha composição e é assim que o After Effects trata as camadas de Forma. Independentemente do conteúdo da camada Shape, After Effects está basicamente olhando para a composição como o tamanho da camada. Então o efeito Transformar não sabe que quando essas rodas estão se movendo por causa de seus pais, esse ponto de ancoragem deve estar se movendo com ele. Novamente, isso é apenas porque é uma camada de Forma e esse efeito de transformação está sendo informado pelo After Effects que o tamanho da composição é o tamanho da camada. Então tudo o que precisamos fazer é pré-compor cada uma dessas rodas porque então o efeito saberá exatamente onde estão os limites dessa camada. Mas antes de precompor, vou tirar uma foto usando este botão aqui. Tire uma foto, para que eu possa sempre saltar para trás e referenciar exatamente onde a roda deve estar porque quando eu os precomponho algumas coisas estranhas vão acontecer. Com isso selecionado, vou dizer Control Shift C ou Command Shift C em um Mac e apenas renomear essa roda dianteira, e isso vai me forçar a mover todos os atributos para a composição, incluindo o efeito Transformar. Temos um pouco de trabalho para nós, mas tudo bem. Vou clicar em “Ok” e a roda muda para o meio do carro. Mas está tudo bem. Parte da razão para isso foi porque ele perdeu sua parentalidade então eu quero ter certeza de ir em frente e reparar que, que deve estar no controlador Cab.Front. Mas então eu quero ir para aquele pré-composto e apenas cortar minha composição para aproximadamente o tamanho desta roda. Eu vou desativar os efeitos só para que eu possa vê-lo sem essa distorção porque eu vou colocar essa distorção de volta no comp do carro. Uma maneira muito rápida de cortar algo é pegar a ferramenta região de interesse aqui, e então clique e arraste uma caixa ao redor do objeto, e eu vou me dar um pouco de uma margem aqui e, em seguida, dizer composição, Crop Comp to Region de Interesse, então vamos fazer isso. Então eu vou reativar os efeitos e voltar para a composição do carro e essa roda está longe daqui em cima. Então eu vou apenas clicar e arrastá-lo para onde eu acho que ele estava antes, e então usar meu instantâneo, meu botão Mostrar instantâneo para ver onde ele estava. Isso vai me deixar obtê-lo bem e fechar e eu vou apenas usar minhas teclas de seta agora para chegar mais perto, apenas referenciando de volta para aquele instantâneo. Então bem ali parece perto o suficiente, e eu só notei que eu parentei isso para o táxi. Front, esse não é o controlador certo. Precisa estar no Hood.Front. Lá vamos nós, agora ele vai seguir a frente do carro. Em seguida, eu vou voltar para a composição, pressione “U” para exibir os quadros-chave para esse efeito de transformação, e zoom em agradável e fechar para que eu possa ver esses quadros-chave, e eu vou cortar esse efeito fora deste pressionando “Control X” ou “Command X” em um Mac. Mas eu estou certo em 10 segundos e 2 quadros, e se eu saltar para trás desta composição, é aí que minha cabeça de jogo está aqui também. Então eu posso saber que agora, quando eu colar, ele vai colocar esses quadros-chave exatamente onde eles estavam antes. Agora tudo o que resta é eu mover o ponto de ancoragem novamente para a base do pneu, e agora se eu jogar de volta, o pneu está rolando. A única questão é que ele vai para cima e para baixo com o carro de novo. Então eu preciso voltar para esta composição, abrir a posição, e cortar essa expressão que não está funcionando mais porque está referindo algo que não está nesta composição. Mas vou cortar isso, entrar na camada de carro e colá-lo na posição y. Então eu preciso separar essas dimensões, adicionar essa expressão e colá-la, e agora ele está grudando no chão e o carro está se movendo independentemente. Então, em retrospectiva, eu realmente deveria ter pré-compilado essa arte antes de eu adicionar qualquer um desses efeitos e é assim que acontece às vezes, você comete erros e depois corrigi-los. Mas, como regra geral, você deve praticamente pré-compor quaisquer camadas de Forma que vão precisar de efeitos. Tente pensar adiante se você estiver distorcendo as camadas de Forma, pré-componha-as para que o After Effects não a veja mais como uma camada de Forma, apenas como uma pré-composição, como uma camada normal. Mas agora se eu jogar isso desde o início, você pode ver que esta roda está no lugar e seguindo o controle corretamente, mesmo que este não esteja. Então eu vou fazer exatamente o mesmo processo com a roda traseira bem rápido. Aqui está a animação corrigida, as rodas agora seguem os controladores corretamente, há distorção está acontecendo no lugar correto, e está seguindo a camada onde quer que vá. Então estamos ganhando muito mais vida nesta animação agora. 16. Espelho, antena e ornamento do capô: A única coisa que resta para animar são esses três elementos aqui, o espelho, a antena e o ornamento do capô. Vou fazer isso muito rápido. O que eu quero fazer com o espelho é fazê-lo balançar. Eu vou mover o ponto de ancoragem com a ferramenta de ponto de ancoragem, Y no teclado, e apenas movê-lo aqui para baixo. Na verdade, uma vez que esta é uma camada de forma, eu só vou ser cauteloso e pré-compor. Vou pressionar “Control Shift C” ou “Comando Shift C”. Chame este espelho, clique em “Ok”, e ele desaparece. Está aqui agora que está tudo bem. Eu vou entrar lá e cortar isso para a região de interesse novamente. Apenas composição, corte para a região de interesse, e depois coloque de volta no quadro sobre onde estava. Vamos chamar isso de bom e depois mover o ponto de ancoragem. Novamente, Y no teclado para chegar à ferramenta de ponto de ancoragem. Eu quero que ele gire a partir da direita anexado ao quadro. Bem ali. Quero que saia depois que o carro voltar para o chão. Bem aqui. Talvez assim que o carro estiver pousando pela última vez. É aí que eu quero trazer isso. Eu vou trazer esta camada para este ponto, o ponto de partida para este ponto no tempo pressionando o colchete esquerdo. Eu não posso ver o espelho, se eu entrar nisso é porque a camada não começa até a marca de cinco segundos. Eu vou voltar para a frente da animação novamente, colchete esquerdo move o ponto final da sua camada para a cabeça de reprodução. Assim podemos ver de novo e não está onde deveria estar. Percebo que é porque não é pai de nada. Vamos pais que até isso deve ser a frente do táxi. Agora ele vai seguir essa moção. Vou fazer backup novamente para onde eu queria que isso entrasse logo no início dessa camada e vou definir um quadro-chave de rotação Alt Shift R em um PC, opção R em um Mac. Eu só vou levar isso para frente talvez seis quadros e girar isso para baixo. Talvez 90 graus negativos. Eu também quero reduzi-lo, então ele está começando completamente invisível e, em seguida, girando, e expandindo. Alt Shift S ou opção S em um Mac, deslize isso para frente e, em seguida, mude para zero. Então eu vou aliviar todos esses quadros-chave. Eu só vou pegar este controle deslizante para realmente este conjunto de quadros-chave. Quero que a influência recebida destes seja realmente forte. Vou mudar para o meu gráfico de velocidade. Isso simplesmente aparece. Não é muito divertido. Acho que podemos torná-lo mais brincalhão tendo uma superação, mas eu gostaria de fazer o overshoot com um efeito em vez de apenas rotações para que eu possa fazê-lo distorcer um pouco. Vamos usar o mesmo efeito de curvatura CC. Vou abrir meu console de efeitos, digitar dobrá-lo, e aplicar isso. Preciso definir esses pontos de início e fim. Este aqui é o começo. É aqui que vai ser trancado no lugar. Então o fim é este aqui. É de onde ele vai se curvar. Só quero ter a certeza de que não vou cortar nenhuma das minhas camadas. Mova-o para ali. Em seguida, ajuste a curva. Agora eu posso distorcer isso de uma forma muito mais divertida. Eu vou dobrar isso para trás muito longe e vamos dizer talvez 55 negativo e definir um quadro-chave. Em seguida, pressione “U” para exibir todos os quadros-chave e, em seguida backup para o início da camada. Ele vai girar para fora e talvez por dois quadros além deste ponto, eu quero que ele supere na direção oposta. Talvez nós vamos cerca de um valor de 35. Então eu vou para a frente 1, 2, 3, 4, 5, 6 mais quadros e voltar para lá. Talvez 16 negativos, isso é bom. 1, 2, 3, 4 quadros para a frente. Vamos para um valor de seis. - Claro. Depois 1, 2, 3, volta para zero. Mais uma vez, estes são arbitrariamente espaçados. Só estou definindo os valores. Agora vou entrar no meu gráfico de valores e facilitá-los para fazer uma boa animação de superação. Vou agarrar esta frente para sair bem rápido, e curvar-me a essa distorção um pouco mais forte. Em seguida, basta dar um pouco mais influenciado a cada uma dessas alças. Talvez empurrar este para fora de outro quadro. Veja como isso se parece. - Sim. Diria que é muito divertido. Talvez a balança possa demorar um pouco mais. Isso fica um pouco de sobreposição também. Mas eu gosto do jeito que isso está saindo. É muito mais exclusivo do que apenas uma animação de escala e rotação agora. A próxima é a antena. Eu vou pegar isso e vamos apenas ir em frente e pré-compor. Vou me certificar de que ainda tenho aquela foto. Vou pegar outro. Vou selecionar essa camada. Antes de eu pré-compor, vamos apenas tomar uma nota que é parenteado para a rotação do capô. Enquanto eu estou nisso, eu só vou pegar isso e o ornamento do capô e movê-los para a frente da minha composição. Assim eu não tenho que refazer isso uma vez que eles são pré-compostos ou pegar aquela antena Control Shift C ou Command Shift C, renomear esta antena. Este processo é exatamente o mesmo o espelho então eu vou apenas passar o tempo através disso. Agora eu vou mover essas camadas para onde eu quero que elas entrem. O espelho vai aparecer e provavelmente ali é onde a antena vai entrar. Não sei quanto tempo depois vou ter o ornamento do capô entrar, então vou mudá-lo para a frente por enquanto. Mas vamos fechar os quadros-chave e focar na antena. Basicamente, eu só quero que isso apareça. Como se fosse uma daquelas antenas da velha escola que cresce do capô para cima. Eu só vou fazer aquela animação dentro do Princomp. Eu vou para lá. No primeiro quadro, vou abrir o conteúdo e ver o que temos. Temos o grupo de ponta da antena e a própria antena. Para a antena, vou adicionar uma aparar caminhos. Isso me permitirá cortar isso para baixo e para cima. Vamos definir um quadro chave no primeiro quadro e um valor de zero e avançar, não sei, quatro quadros, 1, 2, 3, 4, e mudar isso para 100 e ver como isso se desenrola. Boa e rápida. Eu provavelmente nem preciso de qualquer alívio, vamos resolver isso em um segundo. Então eu vou para os controles de transformação ponta da antena para esse grupo e definir um quadro-chave de posição. Esse seria o último quadro-chave. Vou pressionar “U” para abrir os quadros-chave e depois levar isso para a base. Eu vou ver se eu posso escapar apenas com ele ir de onde ele está no fundo e indo em uma linha reta para cima. - Sim. Eu acho que isso acontece rápido o suficiente para que você nunca vai notar que ele pode estar se desviando um pouco do caminho da antena. Mas só para uma boa medida, vou aliviar estes. Eu não posso evitar, eu tenho que fazê-los todos aliviados. Vou selecionar esses quadros-chave e facilitar. Mude para o meu gráfico de velocidade para que eu possa ver isso um pouco mais fácil, fácil, e então apenas facilitar para a posição final um pouco mais forte. Lá vamos nós. Ele vai literalmente não existir e, em seguida, apenas aparecer. Mesmo que nesse primeiro quadro sua ponta simplesmente apareça, muito mais está acontecendo na outra cena que você nunca vai notar. Vai ser assim, perfeito. Mas não é só isso que quero fazer com a antena. Quero que pareça frágil e batendo ao vento. Mais uma vez, vou adicionar o efeito de curva a isto. Dobre-o. Vou mover o início para baixo e o fim para a ponta. Eu só quero que ele vá e volte um pouco, não tanto assim. Vou definir um quadro-chave na propriedade bend e trazer esse quadro-chave com a tecla U. Então faça isso, talvez eu não sei, até um valor de dois pode ser suficiente. Quero que esta animação aconteça muito rapidamente. Talvez eu vá 1, 2, 3 quadros para a frente e defina isso para dois. Em seguida, 1, 2, 3 quadros para frente novamente e voltar para dois negativos. Então eu vou apenas escrever esse loop in loop out expressão muito rapidamente. Loop in plus loop out menos valor e, em seguida, um ponto e vírgula. Agora, isso fará um loop em qualquer direção. Vamos ver como isso se parece. Acho que pode estar se movendo mais rápido. Vou tirar um quadro entre cada um desses quadros-chave. Lá vamos nós. Qualquer flexibilização que eu faça para isso realmente não fará muita diferença porque eu quero que seja uma facilidade simétrica e há apenas um quadro entre cada quadro-chave. Posso deixar esses como lineares e ver isso como um todo. Você pode ver que ele está apenas batendo para frente e para trás um pouco. Talvez eu possa fazer isso um pouco mais forte. Em vez de um valor de dois, eu vou dar negativo 4, 4 e 4 negativo. Então é um pouco mais óbvio o que está acontecendo aqui. Então precisamos do ornamento do capô. Temos o espelho, a antena, e então o ornamento do capô vai trazer logo depois disso. Bem ali. Traga o ornamento do capô de volta com o suporte quadrado esquerdo. Realmente eu posso fazer toda a animação direito no pricomp. Não há razão para eu não fazer isso. Eu quero fazer um movimento muito semelhante ao que o espelho fez com a flexão e a rotação. Vou definir um quadro-chave para a rotação. Alt Shift R ou opção R. Para a escala Alt Shift S ou opção S e scoot aqueles para a frente, talvez quatro quadros, 1, 2, 3, 4. Mas preciso me certificar de que movo meu ponto de ancoragem de rotação. Y no teclado para a ferramenta de ponto de ancoragem. Eu quero que ele gire para baixo a partir deste ponto. Gire isso para trás, bem como reduzi-la para baixo para zero. Faremos 90 negativos na rotação e zero na escala, e isso só aparecerá. Então eu vou aliviar esses quadros-chave, meu gráfico de velocidade, facilidade fácil. Não precisamos de qualquer alívio na frente. Vou aumentar isso um pouco. Então teremos o efeito de curvatura, fazer a sobrecarga. CC dobre-o. Defina os dois pontos para a curva e então podemos girá-lo. Voltaremos talvez 60 negativos no início. Então, por este ponto vai para a frente 25, parece bom para frente um pouco mais para trás, e então basta completar esta superação. É o mesmo processo, independentemente de qual propriedade você está aplicando. Overshoots são algo que você vai conseguir muito mais rápido com a experiência. Mas este é o meu fluxo de trabalho típico. Vou definir os quadros-chave, trabalhar na flexibilização um pouco, e trabalhar no tempo desses quadros-chave até que pareça bom. Lá vamos nós. Agora é só um pouco mais elástico. Isso deve chegar bem a tempo. Nós Você está aqui para que possamos ver todos os três elementos chegando. Espelho, antena e ornamento do capô. Esse ornamento do capô provavelmente pode ser deslocado para a frente apenas um par de quadros. Ótimo, eu gosto muito disso. Isso completa trazendo todos os elementos. Na próxima lição, vamos adicionar mais um desses princípios de animação para realmente terminar este carro indo pela estrada fora. 17. Adicionando Esmagar e Esticar: Estou muito feliz com a forma como as rodas se parecem e como a distorção é cartoony. A mesma coisa para todos esses pequenos elementos no capô e na moldura do carro. Mas o carro em si, mesmo sendo muito elástico e elástico aqui e cartoony naquele ponto, uma vez que ele está se movendo na estrada em seu estado final, ele se sente realmente rígido e estático novamente. Vamos tirar vantagem de squash e esticar para realmente terminar a caricatura desta animação. Vamos fazer isso através de mais um controlador e tudo precisa ser criado para isso. A posição deste controlador na hierarquia da cadeia pai é importante porque basicamente tudo precisa segui-lo, mas ele precisa estar acontecendo fora deste plano terrestre exceto quando ele está fora do chão, então ele precisa estar em linha com essas rodas. Isso me diz que precisa estar abaixo da cadeia dos pais se o carro levantar, bem perto de onde está a colisão do carro. Eu só vou duplicar essa colisão de carro e ir a um ponto onde ele está apenas viajando pela estrada normalmente e trazer os quadros-chave para a frente e se livrar dessa posição Y, bem como a expressão, eu não preciso que me dando quaisquer erros. Vou chamar isso de squash e esticar. Quero aproximar bem aqui e fechar e mover isto para o meu guia para o avião terrestre. Está bem ali. Eu realmente quero deixar isso bem aqui na minha hierarquia porque a colisão do carro está se movendo para cima e para baixo, mas eu não quero que este controlador de squash e stretch se mova para cima e para baixo. Eu sempre quero que ele esteja alinhado com os fundos desses pneus. A camada de colisão do carro precisa ser parentada para a camada de abóbora e estiramento. Mas assim que eu fiz isso, você vê que as rodas mudaram e isso é porque esta camada não é mais zerada, mudando seu pai, modificou seu valor de propriedade. Mas tudo bem porque eu escrevi essa expressão nas rodas, eu quero ter certeza de que eu agarro a arte real, que eu ainda possa modificar seu valor mesmo que eles estão sendo compensados por outro valor. Vou empurrá-los de volta para que eles estejam alinhados com o plano terrestre de novo, e estamos prontos para ir. Mas agora eu posso pegar aquele controlador de squash e esticar e aumentar a escala dele. Isso mudará a escala de tudo o que é pai para ele. Agora, como estou usando a propriedade scale, é um pouco mais complexo escrever essa expressão que ajustará automaticamente a largura com base na altura. Mas como eu vou fazer um simples loop de squash e stretch, eu realmente não preciso me dar ao trabalho de escrever essa expressão. Eu quero que isso seja sincronizado, pelo menos em termos do tempo dos quadros-chave para esta animação de colisão de carro embora, então eu vou apenas para ir para uma dessas teclas para que eu possa ver que, zoom em agradável e fechar, e alinhar meu esmagar e esticar até esses quadros-chave. Preciso primeiro desvincular a escala X e Y para que eu possa alterá-las de forma independente. Este quadro-chave é a posição para baixo do carro e depois sobe. Esta deve ser a versão esmagada do carro. Vou fazer a posição X um pouco mais larga. Você vê que apenas aumentar esse valor um pouco realmente faz uma grande diferença em uma peça tão grande de arte. Talvez eu vá para 102. Isso significa que eu preciso tirar 2% de desconto deste, que seria 98, e esse será o meu primeiro quadro-chave. Então eu vou para o próximo quadro-chave na propriedade Y position e inverter esses números, então 98 no X e 102 no Y. Então eu só preciso copiar e colar este quadro-chave, e meus quadros-chave de squash e esticar estão definidos. Só preciso trabalhar na flexibilização. Por enquanto, eu só vou facilitar a facilidade deles, F9 no teclado, e então copiar esta expressão apenas para que eu tenha meu loop dentro e fora e cole isso sob a escala também. Vou definir minha área de trabalho por aqui para que possamos visualizar isso. Você pode ver que apenas aquele pouco de squash e alongamento acrescenta tanta caricatura a esta animação. Eu quero modificar a flexibilização apenas um pouco, então não é perfeitamente simétrico. Eu acho que isso vai fazer mais sentido com o gráfico de velocidade, então eu vou apenas zoom aqui agradável e fechar, e entrando neste quadro-chave, eu quero que ele segure este aqui, então eu vou pegar essas alças. Infelizmente, eu tenho que fazer o X e Y de forma independente, mas não há como contornar isso. Não é um grande negócio. Eu só vou fazer o meu melhor para alinhá-los e jogar de volta. Gosto do jeito que parece. Pode ser um pouco extremo demais, então vou puxar as alças para trás um pouco. Mas agora a abóbora e o alongamento são apenas um pouco mais saltitante. Vou ver o que acontece se eu adicionar um pouco de sobreposição entre a abóbora e o estiramento e os choques do carro. Eu só vou colocar esses quadros-chave para frente dois quadros, e ele se parece um pouco mais com Jello. Não sei se gosto mesmo disso. Vou tentar me sobrepor na direção oposta. Honestamente, não acho que sobreposição esteja funcionando bem entre essas duas propriedades. Eu realmente quero manter isso saltando para cima e para baixo em squash e esticar juntos. Mas vamos dar uma olhada nessa animação como um todo porque ela realmente percorreu um longo caminho de onde começamos. Por causa da maneira que eu configurou este equipamento e construir todos esses controladores, que squash e stretch são transportados por toda a animação, mesmo que eu tenha todas essas outras coisas complexas acontecendo com a obra de arte. Estou muito feliz com o jeito que isso acabou. 18. Dirigindo para entrar e sair do quadro: Agora eu preciso animar o carro entrando e desligando e adicionando em alguns elementos de fundo que eu já criei para realmente vender o movimento da coisa toda. O que eu vou fazer é usar esta composição do carro como um pré-composto agora. Deixe-me fazer uma pasta em mais limpo meu projeto um pouco. Vou chamar isso de pré-comps e mover todos esses elementos para ele, e então eu vou pegar o pré-comp do carro, e apenas arrastá-lo para o botão “New Comp”. Vamos tirar isso da pasta de pré-comps e eu vou renomear esta renderização de carro. Desta forma, eu posso tratar esta camada de composição apenas como o próprio carro, e eu vou ser capaz de conduzi-lo na tela e fora da tela para completar meu loop de animação. Obviamente, preciso fazer isso independentemente do fundo. O que eu vou fazer é ir para este pré-comp e destímido minhas camadas, ir até o fundo onde essas camadas de fundo estão e desbloqueá-lo, copiá-lo, mas eu não quero me livrar dele nesta composição porque então eu vou ter um fundo preto e eu não gosto de olhar para isso. Em vez disso, vou clicar com o botão direito do mouse e dizer camada guia. O que isso vai fazer é permitir-me vê-lo nesta composição, mas não vai renderizar. Neste comp onde estou usando esse pré-comp, você não pode vê-lo mais. Deixe-me tímido essas camadas de novo. Vá para o meu carro renderizar e cole essa camada de fundo. Mova para baixo para o fundo. Agora posso mover meu carro independentemente dele. Isso tranca isso e vamos fazer a animação, o carro saindo. Eu vou separar as dimensões e assim eu posso trabalhar apenas com o X, e vamos descobrir onde ele começa a esticar em torno da marca de dois segundos. Isso é certo. É onde o colocamos. Queremos que o carro saia e, provavelmente, ultrapasse um pouco e depois voltasse. Só para ter um pouco mais de personalidade do que sair para descansar. Eu vou definir um quadro chave direita sua posição X em 960 bem no centro da composição, e em seguida, no quadro zero, eu vou tirá-lo da tela e provavelmente em torno da marca de um segundo é onde eu quero que ele supere apenas um pouco. Não tem que ser muito, e eu vou facilitar tudo no meu gráfico de valores. Livre-se dessa posição Y, e basicamente só quero fazer algo assim. Facilita para aquele ponto de descanso com um pouco de excesso. Honestamente, até isso é um pouco rápido demais. Eu acho que entrar pode ser muito mais gradual para que não pareça que o carro está correndo tão rápido. Acho que fui um pouco extremo demais com esse tempo, então vou ajustar isso um pouco até conseguir algo com o qual estou feliz. Isso funciona muito bem. É apenas uma superação muito agradável e gentil para colocá-lo centrado na tela, e então nós vamos ter a animação jogar. Então, bem ali, eu quero usar a antecipação para mostrar o que está prestes a acontecer, que é que ele vai sair da tela novamente. Eu vou definir outro quadro-chave da posição X e, em seguida, ir para a frente no tempo um pouco nesta antecipação é o carro movendo-se para trás apenas um pequeno toque antes de avançar e dirigir todo o caminho fora da tela. Isso é muito lento. Eu realmente não estava prestando atenção o quão longe eu espaquei aqueles quadros-chave para fora. Eu só vou trazer estes muito mais apertados. Isso é um pouco rápido demais, então vou continuar ajustando isso até ter o momento que eu estou procurando. Isso parece um pouco melhor. Agora o carro vai entrar e sair na extremidade dianteira da animação na extremidade traseira e ele será capaz de loop dessa maneira. Provavelmente adicionar um pouco mais de tempo no final da animação antes de fazer loops, algo assim. Mas quero exagerar um pouco mais essa antecipação. Vou adicionar um efeito de transformação à camada do carro, ligar a posição e o ponto de ancoragem, e mover esse ponto de ancoragem para baixo para o plano de terra novamente sobre onde as rodas estão tocando o chão, e eu estou vai usar a inclinação em um ângulo de 90 graus para ser capaz de distorcer o carro ainda mais. Você pode ver que eu estou colocando em camadas todos esses efeitos e distorções para apenas continuar implementando esses princípios de animação em todos os níveis diferentes, porque quando eles são todos combinados, ele apenas cria algo muito mais exclusivo e brincalhão do que se você está apenas para mover camadas de forma ao redor. Eu vou definir um quadro-chave e apenas pressionar “U” para trazê-lo para cima. Dessa forma, posso alinhá-lo com essa antecipação. Vamos movê-lo para ele estar alinhado com a posição X e, em seguida, neste quadro chave obviamente precisa estar em zero. Ele vai antecipar para trás, e então eu quero que ele mude para a frente, como o carro está acelerando para frente antes que ele saia completamente da tela. Vai parecer algo assim. Só preciso entrar lá e modificar a flexibilização. Ele realmente entra nesta posição traseira extrema antes de mudar para estar naquela pose extrema frente, e eu não quero que isso seja tão dramático aqui. Talvez ajustar estas alças só um pouco. Então eu acho que a posição X, isso só precisa sair um pouco mais rapidamente, e então a inclinação poderia provavelmente levar apenas um par de quadros mais tempo. Lá vamos nós. Acho que só quero sobrepor essa inclinação. Acontece um par de quadros depois. Eu vou pegar todos esses quadros-chave e movê-lo para frente talvez dois quadros, e assim ele está sobrepondo a animação da posição X, então ele faz backup. Na verdade, eu provavelmente posso até mover mais dois quadros para a frente. Agora, esses movimentos são apenas sobrepostos e cambaleados para torná-lo um pouco mais atraente. A animação do carro em si é feito. Eu só preciso adicionar em alguns elementos de fundo para implicar muito mais movimento, e então podemos adicionar alguma textura e efeitos para dar um pouco mais de um olhar. 19. Detalhes da cena: Aqui no Illustrator, criei mais algumas obras de arte que preciso trazer. Eu tenho essas nuvens. Vou usar Overlord para empurrá-los para depois dos efeitos. Lá vamos nós. Na verdade, eu nem preciso deles separados, então eu vou deletá-los e desligar as formas divididas e puxá-los de volta. Essa será a minha camada de nuvens. Vou trancar isso, porque eles não vão estar se movendo, eles vão ser estáticos no fundo. Então eu tenho este poste telefônico ou linha de energia, e ele se estende e há apenas um único poste, e isso é porque eu vou fazer um loop nele. Você não pode nem ver onde ele conecta seu quadro externo, então isso deve tornar o loop realmente fácil. Eu empurro isso para fora, arrastá-lo para baixo do carro, e eu também quero desenhar uma linha no chão. Deixe-me trancar o meu carro e as camadas do poste do telefone e traçar uma linha reta. Com a minha ferramenta de caneta, vou desligar esse preenchimento. Para o traço, vamos fazer algo brilhante como a cor do fundo do céu, e eu quero desenhar uma linha indo direto por esta parte da estrada e derrubá-lo. Então eu vou clicar, segurar shift e clique novamente, e fazer isso uma grande largura de traço, algo por lá provavelmente. Vou mudar o nome destas linhas rodoviárias. Preciso entrar nas opções de traço para que eu possa adicionar um traço e uma lacuna. Vou fazer o meu traço agradável e largo e aumentar o tamanho do espaço também. Talvez um valor de 300 para o traço e 150 para a lacuna. Então eu quero adicionar alguma distorção para que ele corresponda à cena um pouco melhor perspectiva. Então eu vou pré-compor isso. Basta mantê-lo chamado linhas rodoviárias. Preciso entrar nela e cortar bem perto da linha. Então eu vou pegar minha região de interesse e apenas desenhar uma caixa por lá, trazendo agradável e simetricamente perto dessa linha e colheita comp para a região de interesse. Aqui, eu vou aplicar um efeito chamado de pinos de energia, então CC Power Pin é o que eu estou procurando. Isso vai me permitir apenas puxar essas alças para adicionar uma distorção de perspectiva. Eu só vou olhar para isso para que essas linhas sejam inclinadas um pouco para fora. Na verdade, talvez eu use este ponto de ancoragem como guia. Vou conseguir que ambas as linhas se cruzem com isso. Assim saberei que é simétrico ou muito próximo. Agora esses traços parecem um pouco mais realistas. Vou deixá-los um pouco mais magros. Mas vamos ver como isso se parece em nossa composição de renderização. Eu só preciso mover isso para baixo. Sim, isso parece bem convincente. Agora eu só preciso dele para animar para que eu possa usar a propriedade offset nesse traçado para ser capaz de fazer isso. Então eu vou para o curso e sob traços, eu vou encontrar esse deslocamento e isso vai me deixar deslocá-lo para baixo da linha. Eu vou apenas definir um quadro-chave em 0 e, em seguida, avançar, eu não sei 10 quadros, deslocar a página para baixo e, em seguida, deslocar isso para a frente. Basicamente, eu quero encontrar um valor que me dê esse exato quadro. Então eu vou tirar uma foto. Eu vou para a frente e movê-lo um dois traços para baixo provavelmente e apenas ver se eu posso alinhá-lo realmente de perto. Só estou usando meu instantâneo do show para comparar o antes e o depois. Parece que se eu arredondar isto para um valor de 900, parece perfeito. Parece que esse valor de deslocamento é baseado na largura do traço. Então ele se moveu três vezes o comprimento do traço. Vamos ver o quão rápido isso está se movendo. Isso pode ser rápido o suficiente. Mas o que eu quero fazer é escrever uma expressão para continuar essa velocidade durante a composição. Se eu apenas adicionar uma expressão nessa propriedade offset e digitar loop out. Dentro desses parênteses, posso colocar uma aspas e digitar continue e o preenchimento automático completará isso para mim. Em seguida, basta terminar isso com um ponto-e-vírgula e isso irá apenas continuar a velocidade dessa mudança de valor com base nos dois quadros principais anteriores. Então, se eu jogar isso de volta, ele vai continuar em loop. Vamos ver se essa velocidade funciona bem aqui. Sim, eu diria que sim. Só quero deixar essas linhas um pouco mais finas. Então eu vou agarrá-los, diminuir a largura um pouco e talvez acelerar apenas alguns quadros. Vamos apoiá-lo em dois quadros e isso parece um pouco melhor de uma velocidade. Sim, agora parece que o carro está acelerando pela rodovia. Agora eu só preciso fazer a mesma coisa para esses pólos no fundo. Vou fazer isso um pouco diferente. Deixe-me abrir o poste telefônico e vou fazer isso com um repetidor. Se eu adicionar um repetidor, isso irá duplicar a forma para o lado. Se eu reduzir isso um pouco, você pode ver que ele fez algumas cópias. Só preciso de um. Defina as cópias para duas para que eu tenha duas cópias. Então eu vou apenas pegar os controles de transformação para aquele repetidor e deslizar o valor da posição caminho até que a linha aqui mesmo basicamente corresponde, não tem que ser perfeito em tudo, mas em algum lugar ao redor lá e, em seguida, alterar a escala dessa camada de volta até 100 por cento. Agora eu tenho um loop perfeito entre essas duas duplicatas. Então eu só preciso animar isso. Vou definir um quadro de chave de posição no X, separar essas dimensões ali mesmo, e depois avançar. Não sei, talvez um segundo. Vamos 24 quadros à frente. vez, vou tirar uma foto para que eu possa fazer referência a este ponto e então mover este poste de telefone na posição X até que ele esteja de volta onde ele começou. Vamos comparar isso. Precisa ser assim mais. Lá vamos nós. Agora posso usar minha expressão de loop out. Ele apenas repete essa animação uma e outra vez, que é tão simples como apenas escrever loop out na expressão com o ponto-e-vírgula no final e agora ele vai loop. Isso é ótimo. Agora parece que está se movendo um pouco mais rápido do que as linhas tracejadas se ficarmos de olho no poste. Vê se começa a estar alinhado com este traço. Então eu estou seguindo este traço com o meu rato. Você pode ver que está indo mais rápido. Eu vou pegar este segundo quadro chave e apenas fazer backup, talvez dois quadros e ver se isso funciona um pouco melhor. Agora ainda parece que está se movendo mais rápido para mim, então eu vou fazer backup de mais dois quadros. Na verdade, para fazer este loop perfeitamente, eu vou querer que ele viaje quase idêntico aos traços. Vamos tentar isso e ver se conseguimos encontrar um bom ponto de looping. No primeiro quadro da animação, está bem aqui. No quadro de loop na animação depois que o carro saiu da tela, ele deve fazer um loop logo ali. Comparem isto. Isso é 100% idêntico quadro, então esse será o meu quadro de loop. Eu só vou adicionar um marcador à minha composição naquela marca de oito segundos, desselecionando tudo e indo para Camada, Marcadores, Adicionar Marcador. Dessa forma eu sei que este é o quadro que é idêntico ao primeiro quadro, e eu vou loop a partir desse ponto. Então, se eu jogar de volta a partir deste ponto, ele vai fazer loop perfeitamente. Lindo. Então nós adicionamos muito mais credibilidade a este carro dirigindo pela estrada com apenas esses dois elementos. 20. Adição de texturas: Agora eu só quero dar a minha ilustração um pouco mais de um olhar, não ter linhas vetoriais tão limpas. Criei algumas texturas no Photoshop que vou sobrepor sobre elas. Eu vou trazê-los para fora só para que você possa ver como eles são. Eu vou trazer meu painel Alinhar para que eu possa centralizar isso na minha composição e movê-lo para baixo para que ele se sobreponha a seção da composição e, em seguida, trazê-lo para baixo logo acima da camada de fundo. Esta textura, eu quero deixar apenas na estrada. Vou mover o meu painel Alinhar para aqui para ter mais espaço. Para fazer isso, vou mascará-lo e ajustar visualmente isso. Eu cliquei duas vezes na ferramenta Retângulo para adicionar uma máscara do tamanho da camada. Então eu cliquei duas vezes na máscara para exibir esses controles de transformação e reduzi-lo para a forma que eu queria. Em seguida, quero que essa textura se mova para que não fique estática quando a estrada está se movendo. Assim parece que na verdade é textura ou grunge na estrada. Vou usar um efeito chamado offset para fazer isso. O deslocamento faz, é apenas deslocar o conteúdo da camada dentro dos limites da camada. Vou definir um quadro-chave no primeiro quadro, na propriedade Shift Center To, pressione “U” para exibir isso e, em seguida, avançar, talvez 10 quadros. Quero mudar a exposição de volta. Você pode ver essa cena muito claramente, mas eu não estou muito preocupado com isso porque ele vai estar viajando muito rápido. Eu poderia ajustar as cores para que esta textura não seja tão extrema em comparação com o fundo. Mas vamos apenas fazer um backup disso um pouco, e usar nossa expressão LoopOut (“continue”), LoopOut (“continue”), de modo que essa velocidade continue jogando enquanto eu jogo de volta. Essa textura pode estar se movendo um pouco rápido demais, eu só vou arrastar isso um pouco mais. Realmente, eu quero que ele seja alinhado com a velocidade dos traços. Se olharmos para esta costura e como ela está alinhada com este traço aqui, é bem perto. Está se movendo um pouco mais rápido a este ponto, eu vou movê-lo para a frente um par de quadros. Eu acho que agora eles estão se movendo juntos praticamente idênticos. Vou chamar isso de bom. Só quero ajustar as cores. Uma vez que esta é uma textura transparente, eu vou apenas adicionar um efeito de preenchimento, e baseá-lo na cor de fundo. É exatamente a mesma cor do chão, mas eu só quero torná-lo um pouco mais escuro, basicamente. Apenas o suficiente para ser capaz de ver a textura, mas não tanto que está tirando do resto da ilustração. Pode ser isso, um pouco escuro demais. Vou torná-lo um pouco menos perceptível. Clique em “OK”, e acho que vai ser bom. Então vou repetir esse processo duplicando esta camada e substituindo-a por esta aqui. Você pode fazer isso muito facilmente selecionando a camada, clicando e arrastando a camada com a qual deseja substituí-la, até a linha do tempo e, em seguida, mantenha pressionada Alt ou Option em um Mac antes de soltar o mouse, e ele irá trocar as fontes. Agora eu só preciso reorganizar onde esta camada está, e onde esta máscara para essa camada está. Vou apagar a máscara para começar. Posso levar isso para onde precisa ir. Obviamente, essa cor de preenchimento não está correta, então eu vou apenas desligá-la por enquanto. Então eu só quero mascarar essa camada a textura não passe para aquela cor laranja. Vou clicar duas vezes na ferramenta Retângulo para adicionar essa máscara, clique duas vezes na máscara para fazer meu ajuste e, em seguida, clique duas vezes novamente para sair dessa transformação. Acho que só quero aquecer essa cor um pouco. Eu vou pegar a cor da camada por trás dela, e então apenas aumentar a saturação ligeiramente, e torná-la um pouco mais escura, talvez até puxar um pouco mais vermelho nele. Não quero que seja super dramático, mas algo por aí. Isso só parece um pouco de sujeira. Mas como eu duplicei esta outra camada, a animação offset é preservada e eu posso passar para a última textura que eu vou apenas trazer para fora por conta própria. Alinhe isso para a borda superior e esquerda, e basta trazê-lo para baixo para um pouco acima do plano de fundo. Isso só adiciona uma leve textura de grunge a esse fundo. Acho que não preciso mudar essa cor, está tudo bem. Agora nós temos um pouco mais de textura para a nossa ilustração, mas eu posso empurrar isso um pouco mais longe com alguns outros efeitos. 21. Efeitos de acabamento: A primeira coisa que eu quero adicionar é uma vinheta apenas para dar o fundo e as bordas do quadro um pouco mais de dimensão. Vou fazer uma camada de ajuste. Vamos subir para camada, nova, camada de ajuste, e eu vou renomear esta vinheta. Vou adicionar um efeito de curvas a esta camada e torná-la um pouco mais escura. Enquanto eu faço isso, você pode ver que ele está realmente tornando tudo mais saturado. Mas se eu mudar meu modo de mistura de normal para luminosidade, então isso só vai afetar a luminosidade ou a leveza, o brilho dos pixels, não a saturação real. Na verdade, gosto que pareça um pouco melhor. Eu vou trazer isso para ser um pouco mais escuro, e então eu vou desenhar um caminho personalizado. Normalmente eu usaria um círculo perfeito para fazer uma vinheta fora do centro do componente, invertê-lo, mas eu não quero que isso seja perfeito. O resto da animação não é perfeito. A ilustração em si não é perfeita. Vou fazer uma vinheta imperfeita apenas desenhando uma forma como esta. É apenas uma forma bolha única, e puxá-lo para fora para as bordas um pouco mais. Então eu vou inverter essa máscara e penas para fora. Mas assim eu tenho uma bela borda escura ao redor do lado de fora do meu comp, e talvez um pouco escuro demais. Talvez eu queira aumentar a pena e até mesmo expandi-la um pouco. Vou pegar minha máscara de expansão. Você pode ver como isso puxa para dentro e para fora da borda, algo assim. Não é muito perceptível quando você não está vendo a máscara. Se eu desligar e ligar, você pode ver a diferença que está fazendo. Agora realmente o objetivo disso é colocar a tensão sobre o assunto, que seria o carro. Vou modificar esse caminho para que não escureça muito o carro, talvez possamos escurecer o céu um pouco mais. Vou bloquear essa camada de ajuste e fazer mais uma, então camada, nova camada de ajuste, e arraste isso abaixo da vinheta. Quero a vinheta em cima de tudo o resto. Vou renomear este efeito. Para fazer tudo ter apenas um pouco mais de uma borda distorcida, não linhas tão limpas, eu vou usar um dos meus efeitos favoritos que é chamado deslocamento turbulento. Isso apenas distorce a imagem inteira de uma forma turbulenta. Mas se reduzirmos o tamanho para dois, esse é o valor mínimo, então ele obtém essas bordas ásperas. Agora a quantidade é muito alta, então eu vou recusar isso apenas o suficiente para nos dar um pouco de variação em torno das bordas do nosso trabalho de arte. Isto é sem e com. É apenas dado um pouco de borda ou byte para a nossa arte. Em seguida, é uma técnica que eu uso muito bem, que é ligeiramente desfocando minha arte e, em seguida, afiando-o novamente, e eu posso dar-lhe um olhar mais orgânico às vezes. Vou adicionar um efeito chamado desfoque de caixa rápida. Este raio de borrão é muito sensível, então eu não quero fazer muito, provavelmente 0.2. Só vai suavizar as bordas de tudo. Honestamente, isso pode até ser demais. Eu vou apenas dizer 0.1, e certifique-se de verificar os pixels de borda repetidos. Mas apenas 0,1 é suficiente para suavizar as bordas dessa obra de arte. Então eu vou adicionar outro efeito chamado máscara não afiada. Máscara sem afiação, logo após o borrão da caixa. O que isso faz é basicamente encontrar pontos de contraste em sua imagem e, em seguida, aumenta o contraste ainda mais. Você também pode controlar o raio desse contraste. É óbvio que é demasiado extremo. Isso parece terrível. Mas se eu redefinir isso e apenas jogar com ele um pouco, eu deveria ser capaz de obter algo que apenas parece um pouco mais cinzelado, mas ele está jogando fora desse borrão e dá um olhar único. Isso é com e sem. Eu provavelmente poderia baixar a quantia um pouco, talvez nos anos 50. Então, com e sem. Eu só gosto do olhar único que ele dá. Mais um efeito que eu quero adicionar é apenas um pouco de grão sobre a coisa toda só para adicionar um pouco mais de textura a tudo. Com essa mesma camada de ajuste, vou adicionar um efeito chamado ruído HLS, e que significa matiz, brilho e saturação. O que eu gosto sobre este efeito é que ele permite que você aplique diferentes tipos de ruído a cada um desses canais, a tonalidade, a luminosidade ou a saturação. Vou mudar o meu tipo de ruído de uniforme para grão porque isso me permite mudar o tamanho do grão. Vamos começar com a saturação. Vou aumentar o grão na saturação. Você vê que isso é literalmente apenas adicionando variação na saturação da imagem usando este padrão de grão. Eu não preciso fazer muito sobre a saturação, talvez 10%. Se eu aumentar o zoom agradável e fechar, você pode ver a variação que está dando, mas eu quero combinar isso com um pouco de leveza também. Se eu aumentar muito isso, então vai ficar super barulhento, mas se eu apenas mantê-lo baixo por volta das quatro, você pode ver com isso desligado e ligado, isso vai me dar um pouco de coragem. Mas eu gostaria de fazer esse grão um pouco menor, e eu posso fazer isso com este efeito. Se eu pegar o tamanho do grão, posso reduzi-lo. Talvez por volta de 0,4, algo assim. Isso é sem e com. A última coisa que eu preciso fazer com isso é animá-lo porque é um ruído completamente estático agora, e eu quero que ele seja diferente em cada quadro. É aí que entra esse efeito de fase de ruído. Vou usar outra expressão para aleatorizar esse valor em cada quadro. Alt clique no cronômetro. Nesta expressão eu vou apenas digitar aleatório, e entre parênteses, eu preciso colocar um valor mínimo e máximo que ele pode randomizar esta propriedade de fase de ruído. Só vou dizer 10 mil negativos no mínimo, 10 mil no máximo. Agora, cada quadro, vai ser um grão completamente diferente. Se eu jogar isso, você pode ver que está demorando mais para visualizar por causa de todos esses efeitos, mas você pode ver que o grão está realmente mudando cada quadro. Vamos apenas dar uma olhada na ilustração sem os efeitos e com, apenas para que você possa ver o que fizemos aqui e eu vou ampliar agradável e fechar para que você possa ver os detalhes sem e com. Agora isso pode ser mais grunhido do que você gostaria de ir, mas eu estou apenas tentando adicionar uma personalidade única ao visual da minha ilustração. Você pode fazer o que quiser. Se você quer esse visual vetorial limpo, por todos os meios, mantenha assim. É totalmente com você. Você pode dirigir arte seu próprio projeto. 22. A sombra: Há apenas alguns últimos detalhes que eu quero adicionar à minha animação para realmente terminá-lo fora. Eu sei que este tem sido um processo repetitivo muito longo às vezes, mas você pode ver quanto trabalho vai para criar uma animação que parece verdadeiramente única. O próximo detalhe que eu quero adicionar é uma sombra debaixo do carro, porque eu sinto que ele está apenas olhando um pouco plana ainda e adicionando uma sombra vai dar um pouco mais de profundidade. Vou fazer isso usando um retângulo. Eu quero torná-lo cor semelhante ao chão, mas apenas um pouco mais escuro. Eu sempre posso ser ajustado mais tarde e eu não preciso de um traçado, mas eu vou apenas clicar duas vezes na 'ferramenta Retângulo' sem camadas selecionadas para gerar um retângulo do tamanho da composição, e então ir para o tamanho desse retângulo e apenas dimensionar ele para baixo. É muito mais curto e, em seguida, sobre a largura do carro. Então eu quero arredondá-lo para que seja uma forma de pílula. Isso é o que as propriedades de redondeza me deixam fazer. Só preciso colocá-lo debaixo do carro. Isso precisa ser renomeado. Vamos chamar isso de sombra, e ele precisa ir abaixo basicamente todas as outras obras de arte. Eu preciso destímido isso e apenas enviá-lo para o turno de controle traseiro, colchete esquerdo ou deslocamento de comando para o colchete esquerdo. Vou colocá-lo logo acima do fundo. Deixe-me ampliar aqui. Só por um segundo, vou esconder minhas sobreposições Control Shift H ou Command Shift H. Posso ver essa sombra muito mais claramente. Acho que é uma largura muito boa e vou jogá-la no plano terrestre. Acho que isso é muito bom. Como posso fazer essa sombra ficar com o carro? Bem, realmente ele pode ser pai para o mesmo controlador de squash e stretch. Eu vou tímido minhas camadas novamente, trazer de volta minhas sobreposições, e pai isso para o controlador de squash e esticar. Agora isso está pulando para cima e para baixo com o carro, então isso está parecendo muito bom. Mas na frente da animação é obviamente maior do que precisa ser. Eu não vou gastar muito tempo descobrindo como fazer essa sombra realmente responder dinamicamente à largura do carro, eu só vou animar essa escala à mão. Vou entrar no retângulo, agrupar o tamanho e definir um quadro-chave, e apenas animar manualmente os valores reais de tamanho. Neste ponto, antes que o carro se estenda, deve ser mais sobre esse tamanho. Parece que provavelmente terei que adicionar um quadro-chave de posição também. Vou fazer Alt Shift P ou Option P no Mac e avançar. Então, basta recuar isso. Está centrado no carro de novo. Então novamente, vou animar todos os quadros-chave que preciso para combinar a sombra com o carro. Lá vamos nós. Não é perfeito, mas está se movendo rápido o suficiente e há um monte de outros movimentos sobrepostos que eu não estou realmente preocupado com ele ser perfeito. Acho que está tudo bem. A questão que tenho agora, é que quando o carro aparecer, a sombra precisa ficar no chão, mas vai com o carro. Preciso neutralizar aqueles de uma maneira semelhante a que fizemos com as rodas não batendo para cima e para baixo. Primeiro, vamos trabalhar na rotação ao pressionar o teclado para trazer isso à tona. Basicamente, eu quero que ele contrarie a rotação de todos esses controladores. Podemos fazer isso com expressões de forma bastante simples. Vou maximizar minha linha do tempo para poder ver as duas camadas ao mesmo tempo. Isso é pressionando a tecla til com o mouse sobre a linha do tempo. Vou pegar minha propriedade, pegar o chicote e pegar o valor de rotação. Isso vai começar a minha expressão. Mas o que eu quero que seja é o inverso deste número. Se eu apenas adicionar um menos na frente dele, ele vai girar isso na direção oposta que este faz. Isso resolve a primeira questão de manter o nível. Não se preocupe com a posição agora, mas isso é apenas para a primeira rotação que o carro deixou. Uma vez que a roda dianteira gira, então ele vai girar com ele também. Eu preciso adicionar na rotação deste controlador, bem como na minha equação. Na verdade, vou fazer isto um pouco diferente. Eu vou escrever uma variável para a rotação de cada uma dessas camadas apenas digitando em var para variável e, em seguida, vamos chamar isso de um para a primeira rotação é igual, e então essa expressão. Vou terminar com um ponto-e-vírgula. Esta variável só vai me dar uma mão curta para acessar esse valor ou essa propriedade. Só faz com que seja um pouco mais fácil escrever. Então eu vou fazer outra variável na próxima linha e eu vou chamar este um b. Vamos trazer a rotação para as outras duas camadas. Eu só vou usar minha expressão pick chicote para pegar a rotação da segunda camada. Termine isso com um ponto-e-vírgula e, em seguida, solte mais uma linha que var c é igual e, em seguida, use o valor de rotação para o terceiro controlador. Novamente, termine isso com um ponto-e-vírgula. Agora tenho todos os três escritos. O que isso vai me deixar fazer agora é escrever uma expressão usando esses três valores, mas apenas ter que escrever em a, b, ou c para acessar esses três valores. Realmente eu quero a rotação de todos aqueles adicionados juntos que eu agora posso escrever apenas dizendo um plus b mais c. Isso vai me dar um novo valor. Obviamente, eu não quero apenas adicionar essas rotações juntas e colocá-las nesse valor. Lembre-se que eu quero o inverso disso. O que eu preciso fazer é colocar essa equação dentro de parênteses. Dessa forma, ele irá adicionar esses três valores juntos. Então eu vou multiplicá-lo por um negativo para obter o número inverso. Estamos recebendo a rotação do elevador de carro mais a rotação da roda dianteira mais a rotação da roda traseira, e então multiplicando esse resultado por um negativo. Isto deve neutralizar toda a rotação e manter a minha sombra perfeitamente plana durante toda aquela coisa. Claro que sim. É aqui que vale a pena conhecer realmente alguns conceitos básicos de expressões para que você possa fazer um workshop como este e rapidamente chegar a uma solução para que você possa continuar se concentrando em animar. Agora vamos fazer uma coisa semelhante ao valor da posição, especificamente a posição y. Eu vou separar as dimensões do x e y e me livrar dos quadros-chave no y. O que eu quero fazer é adicionar a expressão que neutraliza o elevador de carro. Eu vou novamente, maximizar isso, abrir a posição do elevador de carro, e pegar meu chicote de escolha propriedade para o pai para essa posição y. Isso só vai começar minha expressão para mim. Eu quero salvar o valor menos essa expressão, eles me dão o valor da propriedade para a posição y. Agora, eu posso colocar minha sombra exatamente onde ela precisa estar e está preservando onde ela já estava. O carro se levanta do chão, mas a sombra fica onde deveria estar até que o carro se levante na roda dianteira. uma vez neste eu não vou me preocupar em escrever a expressão, eu vou apenas animar a mão isso. Às vezes vale a pena ter essas expressões escritas. Outras vezes é mais fácil animar isso à mão. Lá vamos nós. Agora essa sombra é agradável e plantada no chão. 23. Fumaça de pneus: O último detalhe que eu quero adicionar à minha animação é um pouco de fumaça ou exaustão saindo da traseira do carro assim que ele acelera. Logo ali, depois da antecipação, ele dispara fora da tela, eu quero que essa fumaça saia da traseira do carro. Está bem ali. Vamos entrar no carro. Eu vou fazer uma nova composição para criar este escape, então eu vou até Composição, nova composição e chamar isso de exaustão. A altura pode ser algo como, provavelmente 400 pixels. Para fazer isso, eu vou usar uma série de círculos, então eu vou pegar a ferramenta Elipse e apenas torná-la branca. Clique duas vezes sobre ele para fazer uma elipse do tamanho da composição e, em seguida, toque duas vezes na tecla “U” para exibir o tamanho. Eu vou fazer isso perfeitamente redondo, digamos 500x500 e trazê-lo para a metade da tela. Só quero ver metade deste círculo. Então eu vou zerar manualmente isso, a posição apenas fazendo uma nova camada de objeto nulo, novo objeto nulo e pai isso para aquele nulo. Posso esconder esse nulo e renomeá-lo de zero. Mas agora se eu trazer o valor da posição, minha posição X é zero. Era isso que eu queria. Não preciso ver minha posição em Y. Vou só “Alt Shift”. clique nele ou “Option Shift” clique nele em um Mac. Agora posso movê-lo simetricamente para fora do centro da minha composição. Eu vou começar com ele provavelmente, 300 pixels para a direita, definir um quadro-chave e, em seguida, avançar 10 quadros e movê-lo negativo 300 pixels para a esquerda. Ele só vai se mover pela tela e isso provavelmente é muito lento, mas podemos lidar com isso em um minuto. Em seguida, eu quero que ele escala para cima e escala para baixo na frente e nas extremidades da cauda. Vou adicionar um quadro-chave na posição da escala e mover isso para frente alguns quadros e definir isso para baixo para zero. Em seguida, espelhe essa animação do outro lado. Ele só vai escalar para cima, mover-se para o outro lado, e escala para baixo. Eu poderia até ser capaz de escapar com apenas escalá-lo para cima e para baixo em toda a duração da animação. Isso provavelmente está indo muito rápido, agora que eu vejo isso com a animação em escala, então eu vou apenas trazer estes para fora alguns quadros. Estou em 16, então isso deve ser às oito, bem no meio, e veremos se funciona bem. Em seguida, quero facilitar a exposição e a escala. Vou pegar todas essas propriedades, facilitar e ver como fica. Ok, então está um pouco mais suave agora. Vou precompor isto. Eu vou renomear isso, “Smoke” e então precompor, “Control Shift C” e apenas mantê-lo chamado Smoke, tudo bem. Agora eu posso duplicar essa camada para que eu tenha um monte de círculos escalando para cima e para baixo. Vou duplicá-lo. Vá em frente no tempo para talvez, digamos quatro quadros para frente, 1, 2, 3, 4. Em seguida, duplicar, ir 1, 2, 3, 4 novamente, duplicar 1, 2, 3, 4. Então eu vou pegar todos esses, movê-los para cima e depois ir 1, 2, 3, 4 quadros para ele novamente. Agora você pode ver a forma que estamos recebendo. Agora, eu não acho que ele está viajando distância suficiente, mas como eu precompus esse elemento, eu posso simplesmente ir para uma dessas camadas e ajustar esses quadros-chave e todas essas duplicatas terão as mesmas mudanças. Agora eu perdi minha posição zero e eu não pensei em precompor esse zero nulo, então eu vou apenas fazer outro nulo que, o atalho de teclado é “Control Alt Shift Y”, ou “Command Option Shift Y” em um Mac. Novamente, eu vou renomear este pai “Zero” esta camada para ele. Agora tenho meus bons valores de volta. Em vez de 300 pixels, vamos 500 pixels para a direita, 500 pixels para a esquerda. Agora está cobrindo mais distância. Se olharmos para a nossa outra composição, podemos ver como é. Eu acho que a distância que ele está viajando é boa agora, mas a velocidade que ele está indo é muito rápido, então eu vou apenas fazer alguns ajustes para isso até eu ter algo que eu estou feliz com. Ok, eu tenho algo que eu estou um pouco mais feliz com, mas eu posso fazer isso parecer um pouco mais interessante. Se eu entrar nesse precomposto de fumaça e adicionar uma inclinação a ele. Eu só vou fazer uma nova camada de ajuste, Camada, Nova camada de ajuste, e adicionar o efeito Transformar e, em seguida, inclinar isso em um ângulo de 90 graus. Vou mover o meu ponto de ancoragem para baixo e preciso ligar a posição do ponto de ancoragem. Vamos pegar essa posição, ligá-la ao ponto de ancoragem, e manter esse ponto de ancoragem bem ali na parte inferior. Mas agora tem essa forma angular. Se dermos uma olhada em como isso foi duplicado em todas as composições, agora temos algo que parece um pouco mais exclusivo. Talvez eu queira ajustar algumas das curvas de digamos, a escala para que leve um pouco mais para chegar a essa escala máxima. Veremos como isso afetou alguma coisa. Legal, gosto muito desse movimento. Agora um último toque para isto. Vamos adicionar uma camada de ajuste e dois efeitos. O primeiro vai ser o Desfoque de caixa rápida, certifica-se de repetir pixels de borda e, em seguida, apenas desfocar uma boa quantidade. Então eu vou adicionar um efeito Curvas e mudar o canal para Alpha. Não estamos ajustando as cores, estamos ajustando o canal Alfa. Vou trazer o meu cabo de cima aqui para o meio, em torno desta linha do meio. Vou trazer o ponto mais baixo para lá também. Você pode ver como eu vejo que está se livrando do meu borrão, mas está transformando todos esses círculos juntos. É muito mais bolha agora. Ele só dá um pouco mais de um olhar de desenho animado. Agora precisamos colocar esse exaustão em nossa composição de renderização. Então eu vou para o ponto no tempo na minha composição de renderização onde o carro está basicamente antecipando para trás e depois disparando, bem ali é onde eu quero este escape saindo do pneu traseiro. Vou encontrar o tubo de escape e deixa-me limpar isto depressa. Tudo menos a composição de renderização do carro deve estar em pré-comps. Vou trazer o Exaustão logo acima da camada do carro e pressionar o suporte quadrado esquerdo no teclado para mover o ponto final para aquele ponto, mas preciso descobrir onde a fumaça começa a sair. É aqui e só para me ajudar a lembrar que vou mover o meu ponto de âncora para aquele ponto. Então eu quero mover essa direita para trás da roda traseira. Vou aproximar bem e fechar, para ter certeza que está na linha de base, bem onde as rodas estão tocando o chão. Eu também preciso colocar essa camada no carro para que ele se mova com ela, mas agora isso vai cair fora do pneu. Essa fumaça é muito maior do que eu queria que fosse. É uma coisa boa que eu coloquei aquele ponto de ancoragem onde eu fiz, porque agora eu posso reduzir isso para que seja uma pluma de escape muito menor saindo dos pneus guinchar e ver como isso parece. Parece bom, exceto que o carro pára de se mover antes que todo o escape desapareça. Na verdade, eu só vou adicionar a expressão Loop Out Continue para a exposição para que o carro continue se movendo. Eu vou apenas digitar, LoopOut (“continuar”); e então o carro vai apenas continuar se movendo durante a duração da composição e agora o escape está indo com ele. Isso parece muito bom. Eu só quero mudar a cor do escape porque ele ainda é perfeitamente branco e eu vou torná-lo provavelmente da mesma cor que o céu aqui. Assim se encaixa no meu esquema de cores um pouco melhor. Não estou usando perfeitamente branco em nenhum outro lugar. Mas lá vamos nós. Ele grita fora em que escape sai apenas dando um pouco mais de exagero para o movimento geral do carro.. Com isso, minha animação está completa. 24. Exportando um GIF e mp4: Agora eu quero exportar isso de algumas maneiras diferentes, apenas para que você possa ver como fazer isso com um GIF e um arquivo de vídeo. Minha opinião sobre GIFs mudou ao longo dos anos. Eles podem ser um formato muito bom para reprodução de animação, mas eles são extremamente compactados. Eles não lidam muito bem com a compressão, e eles não lidam com detalhes muito bem. Mais e mais plataformas estão aceitando arquivos de vídeo em vez de apenas GIFs. Na maioria dos casos, um arquivo de vídeo MP4 compactado terá uma qualidade muito maior e tamanho de arquivo muito menor, do que tentar colocar muitos detalhes e resolução em um GIF. O benefício do GIF é que você só precisa renderizar o número de quadros para um único loop, e o arquivo de vídeo você terá que fazer loop manualmente. Por exemplo, no Instagram, o comprimento mínimo de um vídeo, acredito que seja de 10 segundos. Então você vai ter que exportar seu vídeo com pelo menos esse número de loops cozidos nele. Minha regra geral para arquivos de vídeo é torná-lo pelo menos 30 segundos ao longo dele. Dessa forma, o espectador vai ver o loop perfeitamente algumas vezes antes que ele realmente loop o vídeo e geralmente há um salto de quadro lá dentro. Mas no que diz respeito aos GIFs, esta cena provavelmente tem muito detalhe com toda a textura e as variações de cor, há muita coisa acontecendo, mas vamos testá-la. Meu método preferido de exportar GIFs do After Effects é usar um script chamado GifGun. Está na minha lista de scripts em Janela, vou abrir, GifGun. Vou colocar um link para este script nas notas do vídeo agora mesmo. Mas é um plug-in fantástico para exportar GIFs diretamente fora dos efeitos após. Nenhuma conversão necessária fora do programa, e eu só quero dar uma olhada nas configurações do GIF. Atualmente, eu tenho o redimensionamento para largura definido para 800, e eu acho que vou deixar assim. Eu nunca pensaria em exportar um GIF tão grande, a menos que fosse muito mais simples, gráficos vetoriais limpos, sem qualquer textura. Os GIFs simplesmente não lidam bem com esse número de pixels para manter o tamanho do arquivo baixo. Vamos deixar a taxa de quadros definida como comp. Quero o número máximo de cores, que é 256. Renderizar predefinição como sem perdas, tudo bem, e eu vou definir a compactação para baixa. Porque eu não quero degradar a qualidade dos meus gráficos, certifique-se de que loop infinito está ligado e, em seguida, clique em “Concluído”. Vou apenas clicar no botão “Make GIF”, ele irá renderizar, e automaticamente compactar e gerar um GIF para mim. Assim, aqui está o meu GIF. Agora, antes mesmo de reproduzi-lo, eu quero salientar que o tamanho do arquivo é de 15 e 1/2 megabytes. Não é escandaloso, mas honestamente, eu gostaria de manter um GIF não maior que cinco megabytes, e realmente dois megabytes seria ainda melhor. Mas vamos dar uma olhada na qualidade. Não é ruim. Vindo através deste vídeo que você está assistindo, você não vai ver todos os detalhes que eu sou. Mas eu ficaria perfeitamente feliz com a qualidade deste GIF em termos de poder ver toda a textura, o grão, e outros efeitos que aplicamos. Mas se eu fosse realmente compartilhar isso como um GIF, eu gostaria que ele fosse muito menor tamanho de arquivo. O que eu vou fazer é realmente remover muitos dos detalhes que adicionamos apenas para obter um tamanho de arquivo menor no GIF e uma compactação mais limpa. Na verdade, eu só vou desligar a vinheta e afeta, bem como todas essas camadas de textura que eu coloquei sobre eles fundo, modo que isso é apenas agora linhas vetoriais limpas. Vamos fazer isso novamente e comparar o tamanho do arquivo desta versão com a primeira versão. É 2,4 megabytes em vez de 15, então significativamente menor. Você pode ver que a compressão manipulou esta paleta de cores que era muito mais limitada muito melhor. É muito mais limpo, muito menos artefato, e isso é provavelmente o que eu usaria para um upload GIF. Eu poderia até reduzir a resolução um pouco mais para que eu pudesse obtê-la abaixo de dois megabytes. Mas agora vamos dar uma olhada em como poderíamos exportar isso como um vídeo. Com aqueles ligados, o que eu quero fazer é loop esta animação um par de vezes. Lembrem-se, oito segundos é a nossa marca. Então eu vou pegar o comp de renderização do carro e arrastá-lo para um novo comp, e eu vou chamar este loop de renderização de carro. Meu marcador é preservado, então eu vou para esse quadro e fazer backup de um quadro, já que este é o quadro duplicado, e aparar minha camada até esse ponto com Alt ou Option, colchete direito. Agora eu posso apenas duplicar esta camada, Control ou Command D, clicar e arrastar enquanto segura Shift para encaixá-la no final da primeira camada, e apenas fazer isso algumas vezes. Isso me leva a quase 25 segundos, vou chamar isso de bom. Eu só preciso ter certeza de que eu defini minha área de trabalho para o quadro externo dessa camada. Vou selecionar essa camada, pressionar “O” no teclado para ir para o último quadro e, em seguida, pressionar “N” para definir o fim da minha área de trabalho. Agora eu vou chegar à composição e dizer “Adicionar à fila de renderização”, então eu vou apenas escolher onde eu quero que isso vá, eu vou colocá-lo na minha área de trabalho. Em seguida, clique em “Fila no Adobe Media Encoder”. Isso me permite exportar minha animação como um arquivo MP4 compactado que posso compartilhar em lugares como YouTube ou Instagram. Você pode aprender tudo sobre codificador de mídia e compactação de GIFs em duas outras classes. Eu tenho um chamado comprimir GIFs como um chefe e comprimir vídeos para a web. Verifique os dois se você quiser aprender tudo sobre compactação. Mas o que eu normalmente vou fazer é apenas escolher o YouTube 1080 Full HD, predefinido sob a categoria de mídia social, isso é o que vemos aqui, e então eu vou apenas clicar nesse texto para verificar algumas configurações. Quero ter certeza de que a resolução está correspondendo à fonte. Quero ter certeza de que minha taxa de quadros está correspondendo à fonte. Eu gosto de verificar a renderização na profundidade máxima, e usar a qualidade máxima de renderização. Em seguida, basta clicar em “Ok” e clicar em “Reproduzir”, e isso vai exportar meu vídeo em loop que eu poderei compartilhar. Vamos dar uma olhada no arquivo de vídeo. Agora, neste caso, é significativamente maior do que o GIF, mas isso faz sentido porque é full HD, ele está usando todos esses detalhes e eu tive que fazer loop manualmente algumas vezes, então é significativamente mais longo. O problema é que com streaming de vídeos, o tamanho do arquivo não é realmente um problema. As plataformas nas quais você compartilha vídeos são muito boas em armazenar em buffer e reproduzir vídeos, pois ainda estão carregando no dispositivo dos espectadores. Cinquenta e um megabytes não é um problema. Vamos dar uma olhada na qualidade, eu vou tocar “Play”. Lá vamos nós, é basicamente perfeito. Mesmo sendo um vídeo compactado, todos os detalhes que eu tinha um After Effects foram preservados. Mesmo aquele pequeno grão barulhento que eu adicionei, e isso agora está pronto para mim para compartilhar on-line. Então é assim que eu lido com a exportação em GIFs e vídeos do After Effects das minhas animações. 25. Valeu!: É isso. Muito obrigado por fazer esta aula. Eu realmente espero que você tenha aprendido muito sobre princípios de animação. Como eu disse, é realmente o único ponto da minha carreira onde eu posso ver um grande salto em frente na qualidade da minha moção. Antes de saber como usá-los, eu realmente estava inventando coisas até que eu estava feliz com o jeito que parecia. Mas agora que eu tenho esses princípios de animação como base, eu tenho uma idéia muito melhor do que fazer em vez de apenas adivinhar as coisas. Isso realmente ajuda quando você está transferindo para outros meios, como 3D ou stop motion, porque você pode realmente transferir todo esse conhecimento. Eu realmente espero que você tenha gostado desta aula. Eu adoraria se você me deixasse um comentário para me dizer o que você gostou ou o que você pode não ter gostado. Eu sempre quero melhorar minhas aulas, e receber feedback de você é a melhor maneira de fazer isso. Se você criar um projeto de classe, eu realmente encorajaria você a compartilhá-lo na página do projeto da classe para que eu possa vê-lo, pedir feedback se você quiser. Se você compartilhar seu projeto nas mídias sociais, me marque @Jakeinmotion para que eu possa gostar ou coração dele, e talvez até mesmo compartilhá-lo em minhas histórias do Instagram. Como sempre, se você estiver tendo problemas, problemas, perguntas que queira me fazer, não hesite em publicá-las na guia Discussões, e ficarei mais do que feliz em ajudá-lo o mais rápido possível. Obrigado mais uma vez por fazer esta aula e te vejo na próxima.