3D sensacional! No Adobe After Effects

1. Introdução: Oi, meu nome é Martin e eu sou um artista cinematográfico. Nesta aula. Nós vamos aprender como construir este carro 3D legal inteiramente no After Effects. Para conseguir isso, vou mostrar a vocês como eu trabalho no meu estúdio. Nós vamos aprender como manter a ordem, como construir o quadro de humor, como preparar arquivos para o After Effects, como fazer uma configuração do After Effects, e também alguns conceitos legais como texto 3D, dicas de loop e como exportar sua animação. Se você quer aprender tudo isso, não hesite e inscreva-se nesta classe. Obrigado. 2. Order!: Ei, o que se passa? Obrigado por fazeres esta aula. Espero que você goste de fazer estes carro 3D legal e aprender todas essas coisas legais e conceitos legais que eu vou te ensinar. Também quero ensinar-te sobre o meu trabalho diário e como faço as coisas. Como são normalmente trabalhar no meu estúdio. Em primeiro lugar, temos a ordem do nosso projeto. Vamos mantê-la arrumada e simples. Vamos usar esta configuração de pastas. Você pode alterá-los como quiser, mas lembre-se de repetir esse processo sempre da mesma maneira. É assim que se trabalha com outras pessoas. Se você tem uma equipe, todos sabem onde procurar as coisas em que estão trabalhando. Além disso, uso o Dropbox sempre para armazenar meus trabalhos. Isso porque você pode trabalhar a partir de qualquer computador e também você pode enviar links para clientes através de seu telefone ou laptop ou qualquer outra coisa. É muito rápido e você está sempre em backup. Bem, vamos começar. Primeiro de tudo, vamos criar uma pasta After FX. Aqui vamos armazenar todos os arquivos After FX. Vamos colocar o nome do trabalho ou do cliente, e você vai salvá-lo sequencialmente. Estes são os quatro projetos, Eu salvei para este tutorial, assim você sempre pode voltar. Se os clientes pedissem uma grande mudança. Então você tem AI e JPG palavra. Em JPG vamos armazenar nossas texturas, nossos elementos. Em IA, vamos ter o design para o nosso carro. Temos material onde vamos armazenar os telefones ou scripts ou qualquer material externo ou qualquer material de cliente. Então temos nossa pasta de referências onde vamos manter as imagens que gostamos. Queremos seguir o estilo. Nós vamos fazer algumas pesquisas e vamos colocar todas as referências aqui. Então temos os renderizadores onde vamos começar a colocar nossos renderizadores. Não importa quantos sejam, vamos continuar a mudar este nome. Então você sempre sabe que o sobrenome é a última renderização. O mesmo que fazemos aqui nos arquivos do After Effects. 3. Moodboard: criando sua ideia visual: Primeiro de tudo, vamos procurar referências. Não pense que isso é perda de tempo. Você tem que coletar imagens, vídeos, referências de animação, referências de design, referências de estilo para fazer um trabalho melhor, uma animação melhor. Invista o seu tempo nesta parte do projeto. Tome o seu tempo para procurar as referências. Eu uso o Pinterest, você pode usar o Instagram. Aqui temos dois, dois artistas que eu realmente gosto. Este também é da Argentina. Você pode procurar paleta de cores. Você gosta de formas. Faça sua própria pesquisa, mas invista seu tempo. Aqui no Pinterest, eu encontrei esses modelos de papel 3D que eles são para, para dobrar, para impressão e dobrar para alcançar esses carros de vapor 3D e edifícios. Vamos seguir este estilo. Com isso, eu também fui para refrigeradores. É coolors.co ou você pode gerar sua própria paleta de cores. Você tem que pressionar a barra de espaço. Uma vez que você gosta de qualquer cor, você começa a bloqueá-los. Em seguida, a web muda para três outras cores de acordo com as que você selecioná-la. É assim que você pode fazer suas próprias paletes. Também procurei por minhas fontes na fonte. Foi assim que acabei fazendo meu quadro de humor. A placa de humor é realmente simples neste caso. Com este quadro de humor você vai seguir sempre uma linha. Conheces as tuas cores, as tuas formas, tua textura, a tua tipografia. É assim que você pode mantê-lo simples. Se você não é um designer, assim como eu, esta é a maneira de seguir em frente sem ter problemas. Um aspecto realmente importante de uma animação é a história. É essa ideia por trás dos aspectos técnicos. Nós vamos fazer este loop simples, mas também podemos pensar em uma idéia legal com este carro. 4. Projeto: Eu tive essa idéia de tentar fazer carros feitos em papel no After Effects. Comecei a procurar modelos gráficos de papel. Estes são modelos imprimíveis, então você pode imprimi-lo e então você cortá-lo e, em seguida, você dobrá-lo, você colocá-lo e você tem seu carro 3 D sobre sua mesa. Copiei essa ideia e tentei entrar no After Effects. Em primeiro lugar, temos a lógica. Temos que pensar em cubos e temos que ter cuidado com a altura e a largura destas peças para que possam caber quando as dobramos no After Effects. Agora, vamos verificar as plantas do nosso carro de papel 3D. Vamos começar com um lado, então vamos definir a largura do carro e então vamos respeitar as medidas. Nós vamos fazer assim. Vamos ativar a rede. Você coloca view, show grid e, em seguida, vamos ativar a opção snap to grid. Então vamos começar a projetar nosso carro com a opção quadrada. Nossos quadrados vão se encaixar nesses pequenos quadrados na grade. Então isso vai tornar as coisas simples. Nós projetamos um dos lados. Fazemos as janelas, fazemos tudo. Então vamos medir o nosso design. Nós vamos contar esses quadrados e então nós vamos projetar o lado da frente. Vamos determinar a largura do nosso carro. Isto é muito importante. Depois de determinar a largura, você continua combinando as medidas do lado para completar o experimento. Você segue estas medidas 16 amarelo, 16 amarelo, 14, vermelho, 14 vermelho. Estas partes vão combinar quando as dobrarmos no After Effects. Então fazemos as costas seguindo as mesmas medidas e a medida ampla. Vamos ter um novo porque vamos ajudar a traseira do carro. Portanto, esta parte deve ser a mesma medida que esta. Mesma lógica. Tem que combinar perfeitamente. Em seguida, temos o telhado que também tem que coincidir com a largura eo topo do lado.Isto é como você está indo para projetar o seu carro. 5. Montagem no Illustrator: Agora temos o nosso design, carro 3D com medidas exatas que precisávamos. Então vamos montar esse arquivo ilustrador, a fim de funcionar corretamente no After Effects. Eu importei minha paleta de cores e eu vou escolher a cor mais escura para os traços, então eu vou copiar o código de cor, e eu vou colocar o código de cor nos traços desta paleta. Isto é para escolher as cores e os traços ao mesmo tempo. Vamos começar a escolher cores para as diferentes partes do nosso carro. Agora, para as partes que vão ser horizontais em 3D, como este, este, o telhado, nós vamos escolher um vermelho mais escuro apenas para fazer a ilusão de sombra. Nós vamos para o brilho, lá nós vamos para baixá-lo um pouco. Isso é fixe. Vamos fazer o mesmo por estes dois. Ótima. Agora vamos agrupar nossas camadas para montar o carro inteiro, então vamos desagrupá-lo, não se preocupe. Agora temos o nosso lado, depois temos a nossa frente, depois temos o nosso telhado, e as nossas costas. Ótima. Agora precisamos construir nosso segundo lado. Então vamos duplicar isso, colá-lo, e então vamos colocar transformar, refletir, horizontal, 180 graus. Vou colocá-lo em cima do telhado. Isso é lindo. Agora vamos dividir-nos em grupos. Vou fazer a distribuição onde temos que dobrar este papel virtual. Vamos desagrupar os grupos que fizemos antes. Vamos começar a agrupar os rostos do papel dobrado. Vamos agrupar esta parte. Este é apenas um lado, então você não precisa agrupá-lo. Então vamos agrupar a janela de trás. O telhado não precisa ser agrupado, sua única camada, e vamos selecionar a janela frontal e o grupo. Vamos agrupar isto, isto não precisa de ser agrupado. Na parte dianteira do motor, vou agrupar isto. Os lados estão bem assim. Por enquanto, vamos apagar as rodas, vamos fazê-las depois, e vamos agrupar isso de novo. Agora temos todos os grupos que precisávamos. Parece bom. Isto não está agrupado. Sim. Ótima. Isto não está agrupado. Sim, é. Agora vamos preparar os cinco para o After Effects. Então, depois de agrupar estas em camadas separadas, temos que dividir as camadas porque está tudo em uma camada agora. Então vamos agrupar estes também. Temos que escolher a nossa camada e clicar neste fundo aqui no canto superior direito e colocar liberar duas camadas sequência. Isso vai fazer uma camada para cada grupo que fizemos antes, então agora você tem que selecionar todas as camadas, menos uma, e você vai arrastá-las para fora da primeira camada. Então agora você tem as camadas separadas. 6. Criar o After effect: Agora vamos começar com After Effects. Então abrimos o programa, e nesta janela, a janela do projeto, que é muito importante, uma das janelas principais, vamos começar a fazer nossas pastas. Vamos fazer algum pedido aqui. Então, em primeiro lugar, temos nossa composição de renderização. Aqui é onde vamos começar as composições para renderizar, e então vamos criar uma pasta para os elementos. Nesta pasta, você vai colocar alguns Precomps que você vai usar, e você também vai colocar seus arquivos. Vou colocar os arquivos do Illustrator aqui. No momento, não vamos precisar de mais pastas. Então, esta é apenas uma introdução ao programa. Você pode assistir os tutoriais de Jake Bartlett para aprender After Effects de zero se você não sabe como. Então agora vamos nos concentrar em nossos passos para cobrir o 3D Paper Car Assembly, não todos os aspectos do programa. Então agora vamos importar nosso arquivo. Podemos passar por Arquivo, Importar Arquivo, ou podemos pressionar “Comando I”. Selecionamos nosso arquivo do Illustrator. Este arquivo do Illustrator deve estar em nossa pasta do Illustrator, no projeto Skillshare. Lembre-se que fizemos isso na primeira lição. Então aqui vamos procurar o nosso design. Se tudo estiver arrumado, vamos trabalhar mais rápido. Vamos encontrar tudo muito rápido. Então, selecionamos nosso carro e vamos para Opções, e colocamos “Importar como composição, manter seu tamanho”. Ótimo. Este é o nosso primeiro pré-composto, que é o nosso carro. Vamos chamá-lo de carro, e então temos todas essas camadas, que são as camadas que separamos anteriormente no Illustrator. Então vamos arrastá-los para a IA. Agora vamos abrir esta composição do carro. Vamos apagar essas camadas, que não vamos precisar no momento. Eu reorganizei um pouco meu espaço de trabalho, e então vamos pressionar “Control” ou “Command K” para ver as propriedades da composição. Então, é uma HDTV, 1920 por 1080, e sua taxa de quadros é de 24 quadros, e tem 10 segundos zero quadros de comprimento. Ótimo. Agora vamos começar a nomear nossas camadas. Agora podemos mudar a cor para as duas camadas. Vamos colorir as camadas frontais de verde, e as camadas traseiras com amarelo. Agora vamos fazer todas essas camadas 3D, e vamos pressionar esta coluna, este pequeno sol, que significa que ele vai pegar as propriedades vetoriais do Illustrator. Então você pode escalá-lo para cima e ele não será pixelizado. Então, o próximo passo é colocar os pontos de ancoragem no lugar. Para fazer isso, vamos pressionar o Y. Vamos arrastar o ponto de ancoragem para o lado onde ele precisa ser dobrado. Ótimo. Agora, depois de colocar os pontos de ancoragem, precisamos estabelecer a parentalidade. Isto significa, qual camada vai seguir qual outra camada. Então esta camada deve seguir esta, e esta deve seguir esta, esta deve seguir o telhado e assim por diante. Então nós temos de volta C. Vai ser a soma de volta B, volta B vai ser a soma de volta Janela. janela traseira vai seguir o telhado, o telhado vai seguir o lado A, lado B vai seguir o telhado, e a frente C vai seguir a frente B, e a frente B vai seguir da janela, e janela da frente vai seguir o telhado. Agora estamos prontos para salvar nosso projeto. Então, pressionamos “Command” ou “Control S”, e vamos salvá-lo em nossa pasta de projeto dentro do After Effects, e vamos colocar o nome do nosso cliente ou o nome do projeto, que é Skillshare 3D Car, e nós vai colocar 001. Isso ocorre porque toda vez que fazemos uma grande mudança no projeto After Effect, vamos salvá-lo de forma sequencial. Como você faz isso? Você vai pressionar “Command”, “Shift”, “Opção S”, e automaticamente estamos em um novo arquivo aqui dentro do After Effects. Ele já salvar nossa versão 002. Então é assim que, se um cliente pedir uma mudança, uma correção, e então ele vai para trás e para a frente, você sempre pode voltar para versões anteriores. Portanto, toda vez que você fizer uma alteração nos projetos, no After Effects, você pode salvar uma nova versão. Alguns projetos realmente grandes que fizemos têm arquivos como 80 ou 105 software After Effect. Então acredite em mim, é realmente útil. Agora vamos começar a construir nosso carro para animação posterior. 7. Adição de texturas: Aqui, temos uma dica rápida se você quiser texturizar os elementos do carro. Vamos escolher um como o Lado A. Vamos precompor pressionando Comando ou Control Shift C. Vamos deixar todos os atributos no carro. Então devemos pressionar novamente nesta opção vetorial e torná-lo 3D. Agora podemos importar uma textura caso você queira texturizar o design. Vamos fazer outra pasta chamada JPEG, soltá-la dentro para que tudo fique arrumado novamente. Você vai arrastá-lo para a nossa composição e torná-lo em 3D. Reduza um pouco. Vou mudar o modo de mesclagem para Multiplicar. Está parecendo muito bom. Agora temos nossa textura, mas devemos melhorá-la porque agora está afetando todo o carro. Vamos converter este arquivo do Illustrator em uma camada de forma. Clique com o botão direito do mouse, Criar formas a partir da camada Então nosso arquivo do Illustrator se torna camada de formas. Dentro do conteúdo, temos todas as subcamadas que criamos no Illustrator. Vamos começar a nomear. Vamos trabalhar sem scripts externos nesta ocasião. Vamos duplicar isto, e vamos deixar o corpo principal apenas visível. Vamos escondê-los nesta camada. Agora separamos o nosso corpo do resto do nosso carro. É aqui que vamos aplicar a textura. Nós vamos duplicar isso, colocá-lo sobre a textura, e nós vamos nomear este carro corpo. Esta é a textura, então vamos usar esta camada como um fosco. Vamos dizer à textura para usar a informação alfa da camada acima. Para fazer isso, vamos entrar aqui na coluna Track Matte, e vamos colocar Alpha Matte. Agora ele vai usar a informação alfa da camada acima. Agora vamos baixar a opacidade. Agora temos detalhes antigos de tinta no carro. Está parecendo bom. Devíamos fazer o mesmo com a porta. Agora temos o nosso carro com algumas texturas nele. Você pode repetir esse processo em todas as camadas. Apenas certifique-se de que você tem todas as camadas 3D e a caixa de vetorização está ativada. Além disso, você pode adicionar alguns reflexos às janelas. Agora temos o design já configurado no After Effects, e agora é hora de construir nosso carro. 8. Montagem no After Effects: Agora, vamos construir o nosso carro 3D. Vamos começar a girar nossas camadas. Primeiro de tudo, vamos girar isso. Tenha cuidado para verificar os pontos de ancoragem antes de girar. Deve estar na borda da camada. Vamos girar 90 graus, ou -90 graus. Menos 90. Agora, nós vamos girá-lo 90, em seguida, nossa janela traseira, nós vamos girá-lo -90. Está parecendo bom. Podemos ver que a parte de trás, está se alinhando. Agora, vamos fazer o mesmo com a frente. Vamos girar 90 graus. Então podemos girar este -90. uma vez, esta janela frontal, vamos girá-la 90 graus. Ótimo. Está parecendo bom. Agora vamos girar o lado B -90 e nosso último passo, vamos girar o telhado. Isso está funcionando porque fizemos um bom trabalho de pai antes, -90. Ótimo. Tudo está ligado ao lado A, então agora vamos mudar para a câmera ativa. Vamos começar a olhar para o espaço 3D e vamos girar isso só para verificar. Mas podemos ver que nosso carro está ótimo. Nosso carro 3D está incrível. Isso parece bom porque fizemos um bom trabalho antes, na Bifurcação. Este é um aspecto fundamental de trabalhar com o After Effects no design. Fizemos um bom trabalho projetando com a grade. Aplicamos um bom trabalho na parentalidade, rotação, texturização. Tudo parece muito, muito bem. Agora vamos fazer as rodas. 9. Vamos roll! Criando as rodas: Agora vamos fazer a roda do carro. Vamos criar um novo projeto no Illustrator, um novo arquivo pressionando “Command N”. Por enquanto, vamos fazer com que seja Web-Large, criar. Vamos mostrar a grade e fazer uma roda. Está tudo bem. Vou importar minha paleta de cores. Vou copiar e colar no mesmo lugar o círculo. Então eu vou pressionar “'Comando C” ou “Controle C” e “Comando ou Controle F” para colá-lo no mesmo lugar. Agora, vamos reduzi-lo pressionando “Alt” ou “Option and Shift”. Vamos escolher a cor da nossa camada. Então agora temos a nossa roda. Vamos apagar isso, só precisamos de uma camada, e vamos ajustar o trabalho artístico. Parece bom. Então vamos selecionar nossa roda e alinhá-la. Se você não encontrar a janela Alinhar, você sempre pode ir para Janela, procurar a janela, a janela ausente, colocar Alinhar. Em seguida, você pode alinhar no eixo x e y pressionando estes dois. Parece bom. Podemos salvá-lo, “Command S” ou “Control-S” dentro da pasta AI. Já tenho a minha roda, vou substituí-la. Ótima. Agora, para fazer a roda no After Effects, vamos adicionar um script. Então você pode ir para aescripts.com e procurar por Criar Formas 3D. Aí está você. Crie formas 3D. Scripts são como ajudantes externos que as pessoas podem desenvolver e podemos importá-los para o After Effects, então temos novas ferramentas. Então, neste caso, você pode colocar o número que quiser, você pode colocar até zero para comprá-lo, você adicioná-lo ao carrinho, e então você check-out. Você terá que colocar um nome e um e-mail, então você prossiga para o check-out, e o e-mail chegará à sua caixa de correio, e lá você pode baixar os scripts. Ao baixá-lo, você vai para a pasta do After Effects no Finder ou no Explorer e, em seguida, dentro de scripts, você pode copiar todos esses scripts que baixamos. Assim como este. Você os copia aqui dentro da pasta de script. Então, você redefinir After Effects e quando você abri-lo novamente, você terá os scripts no arquivo Scripts, Criar cilindro 3D. Você terá muito mais, mas vamos nos concentrar nessa, essa ferramenta externa. Agora vamos fazer uma nova composição para a roda. Vamos fazer 100 por 500, vamos chamá-lo de Roda. Vamos tentar fazer o lado da roda. Já que temos os dois copos, vamos fazer a parte do meio. Então agora vamos criar um novo sólido pressionando “Command” ou “Control Y” e vamos torná-lo 250 por 500, isso parece bom. Vamos duplicá-lo umas 25 vezes. Vamos selecionar todas as camadas pressionando “Control Command A.” Vamos abrir nosso script, Files Scripts, então vamos colocar o número de camadas que temos, que é 25, criar. Agora ele criou um novo objeto, onde podemos modificar o cilindro. Vamos aumentar o raio até vermos estas lacunas. Vamos deixá-la quando a lacuna começar. Então agora temos o nosso cilindro 3D. Só temos que escalá-lo. Parece bom. Se virem a lacuna, podemos reduzir um pouco o raio. Isso parece bom. Agora vamos importar nosso arquivo de roda. Podemos soltar isso na pasta Precomp. Agora vamos importar nosso arquivo de roda Illustrator. Temos aqui, Illustrator. Podemos importá-lo como uma filmagem. Ótima. Vamos deixá-la cair aqui. Nós vamos fazer isso em 3D. Vamos girar e dimensionar a lateral da roda para corresponder ao arquivo do Illustrator. Então nós giramos 90 graus no eixo x e então nós o escalamos. Também escalar a roda como é um vetor, podemos transformar tudo em vetores. Mudamos para a vista frontal e tentamos alinhar o melhor possível o lado da roda com a roda do Illustrator. Parece bom. Escale um pouco. Isso é bom. Mudamos para a nossa esquerda P. Duplicar um dos copos e movê-lo para a borda do lado de uma roda. Agora está com bom aspecto. Agora podemos pré-compor tudo isso pressionando “ Mudanças de comando C.” Esta será a roda 3D, temos que selecionar tudo, sinto muito. Então colocamos a caixa 3D e preenchemos esta caixa. Agora temos a nossa roda 3D. Você pode ver que os copos são um pouco maiores do que o lado, então podemos consertá-lo, reduzi-los um pouco, agora estamos perto, parece muito bom. Agora temos a nossa roda. Vamos arrumar isso um pouco. Vamos procurar a nossa camada na roda 3D do projeto fonte, ótimo. Vamos incorporar isto no carro. Em primeiro lugar, podemos decidir que uma dessas lacunas deve ser preenchida com a cor escura que seria como o interior da roda. Então deixamos o efeito preenchimentos, ou fazemos duplo clique com a camada selecionada, que é essa cor cinza e torná-lo ainda mais escuro. Bom. Agora temos mais lacuna externa e nossa lacuna interna. Parece bom. Agora vamos abrir o carro, vamos usar, e vamos usar o W e vamos ver a frente, isso é bom. Vamos largar o volante, está bom. Vou reduzi-lo para combinar com o nosso carro. Vamos checar a aba U, ótimo. Vamos duplicar este, movê-lo para trás, é muito bom. Agora vamos para a guia E, duplicar ambos e controlar D. Nós vamos girá-los de volta para zero, isso é bom. Substitua-os, vamos voltar a uma vista, agi câmera. Agora podemos ver nossas rodas. Você se integra em nulo três só para verificar se está tudo bem, parece bom. Agora vamos fazer as rodas e as rodas para nulo e nosso lado A. Vamos verificar se o nosso carro está tudo bem, parece bom, muito bom. Podemos ajustar as rodas. Sempre ajustando o raio. Você pode fechar as lacunas, mas parece bom. Então agora o carro está pronto e estamos prontos para começar a animar. 10. Hierarquia familiar: Uma vez que terminamos de construir nosso carro, ele está parecendo muito bom. Agora, vamos prepará-lo para a animação. Então, antes de animar, antes de colocar qualquer quadro chave, temos que posicionar o carro e girá-lo. Podemos escalá-lo um pouco. Isso é bom. Primeiro de tudo, temos que definir as hierarquias da animação. Então vamos começar a fazer Nulls. Vamos para Front View. Primeiro de tudo, vamos apagar este Nulo. Primeiro de tudo, vamos criar um Nulo, pressionando Controle ou Comando Alt, Shift Y. Vamos fazer isso em 3D. Vamos posicioná-lo no centro do carro, ou vamos verificar. Você pode verificar a vista frontal e também a vista superior. Está parecendo bom. Só o carro será pai do Nulo. Como tudo é pai para o Lado A, nós vamos ser pais apenas Lado A para o Nulo. Este seria o Controle de Carro Corporal. Se rodarmos isto, só o carro gira. Então, temos que criar o Nulo. Vamos girar o carro todo. Vamos duplicar este, vamos mudar seu nome para Virar à esquerda ou rotação à esquerda. Vamos colocá-lo aqui, na borda da roda. O Controle de Carro Corporal, ele vai ser pai na curva à esquerda, e as quatro rodas vão ser parentadas na curva à esquerda. Vamos duplicar a curva à esquerda, vamos renomeá-la à direita. Vamos movê-lo para a borda da roda direita. Lembre-se de fazer todos esses movimentos na janela da frente para ser mais específico, e então nós vamos criar a virada esquerda para a direita. Finalmente, vamos duplicar mais uma vez, nosso controle de carro, vamos colocá-lo no topo. Vamos renomeá-lo, “Controle total do carro”. Aqui, vamos animar a rotação da posição. Isso não é pai de nenhum Nulo e nós vamos ser pai da Virada Direita para o Carro Completo. É assim que podemos controlar tudo daqui. Temos que estabelecer essa hierarquia. Agora, podemos mover o carro para cima e para baixo. Você pode animar isso. Podemos girá-lo para a esquerda. Desculpe, por aqui. Quando ele atinge o extremo esquerdo, e então podemos girá-lo para a direita quando ele atinge o extremo direito e com o controle completo do carro, podemos mover a posição do carro. Então você vê que tudo está funcionando. Agora o carro está preparado para animação, mas você tem que pensar os passos antes de animar. Porque se você não preparar o arquivo assim, seria muito difícil prepará-lo mais tarde e você não será capaz de alcançar todos esses movimentos separadamente. Então você tem que pensar um pouco antes de animar. Acho que é um ponto-chave. 11. Animação: Uma vez que tenhamos a nossa configuração feita, é hora de animação. Primeiro, vamos animar o controle do carro movendo-se para cima e para baixo. Eu vou fazer 80 quadros. Vou começar a mover o carro para cima e para baixo. Nós definimos um quadro-chave na posição. Podemos pressionar P para revelar a posição deste novo. Nós movemos cinco quadros. Levamos o carro para cima. Então movemos mais cinco quadros. Nós copiamos e colamos este quadro-chave. Então vamos colocar uma expressão que vai fazer um loop nisso. Pressionamos Option e clicamos no cronômetro. Pressionamos este triângulo. Procuramos por Propriedade, LoopOut. É assim que você faz um loop entre esses quadros-chave. Agora a animação é repetida e está em loop. Está em loop porque temos 80 quadros de comprimento nesta área de trabalho. Também temos 10 quadros entre o primeiro ponto de looping. Eu já sei que isso vai acontecer oito vezes, e vai rolar perfeitamente no final. É assim que podemos mover a camada. Eu ainda vou estar looping. Ótima. Então precisamos animar o carro. Vamos ver se temos que fazer isso. Agora podemos mudar para a câmera ativa. Primeiro, vamos animar a posição. Primeiro, vou posicionar o carro em um dos extremos. Posso colocar os extremos aqui. Estou usando as margens seguras só para torná-lo simétrico, você clica aqui. Vamos posicionar isto no extremo. Isso é ótimo. Você pode fazê-lo um pouco mais longe, você pode fazê-lo aqui. Podemos ver parte do lado do nosso carro. Vamos mover 20 quadros. Então vamos posicionar o carro no outro extremo. Óptimo, está com bom aspecto. Está parecendo muito bom. Então vamos mover 20 quadros novamente. Vou copiar e colar o mesmo. Agora temos quadros-chave lineares. É muito ruim. Mas vamos consertar isso. Em primeiro lugar, vamos fazer o loop da mesma maneira que fizemos antes. Nós pressionamos Alt, clique no cronômetro e, em seguida, clicamos neste botão, Propriedade LoopOut. Vamos pressionar F9 para facilitar os quadros-chave. Agora temos algo melhor. Vamos tentar torná-lo mais longo. Vamos mover 40 quadros. Estamos renderizando a área do espaço de trabalho. Ótima. Agora vamos tocar as curvas disso. Vamos pressionar Command+Shift-K ou Control-Shift-K, e agora temos a velocidade do quadro-chave. Além disso, você pode selecionar os quadros-chave para facilitar ainda mais. Em seguida, clique com o botão direito do mouse em Agora podemos tocar a influência da velocidade de entrada e da velocidade de saída. Se você pressionar F9, por padrão, a influência vai para 33 na saída e na entrada, e a velocidade vai para zero. Significa que diminui a velocidade até zero e depois acelera novamente, e depois diminui para zero. Vamos exagerar um pouco. Vamos aumentar a velocidade de saída e de entrada. Vamos ver como isso funciona. Lembre-se que temos que fazer a rotação também. Isso vai ajudar o que eu mencionei. Acho que é um pouco exagerado, então vamos fazer 70. Parece bom. Agora vamos fazer a rotação. Virar à direita, Rotação. Nós pressionamos o “R” para revelar a rotação, e o carro está chegando, ele atinge o extremo. Deixe-me começar a levantar. Depois volta outra vez. Parece bom. Vamos pressionar “F9" e vamos exagerar um pouco. Nós ajustamos os quadros-chave, colocamos a influência em 75 e estamos ajustando a distância entre quadros-chave para alcançar o efeito desejado. Acho que estamos muito perto. Parece muito bom. Podemos fazer a queda um pouco mais rápido, eu acho. Além disso, podemos fazer como saltar, um pouco de salto. Isso é ótimo, parece bom. Você quer fazer um pequeno salto, então vamos mover três ou quatro quadros-chave da base desta forma. Vamos fazer uma rotação negativa, só um pouquinho. Copie e cole o último quadro-chave. Pode ser feito pressionando Zero, parece bom. Eu tenho os movimentos. Com essa velocidade de saída, realmente não está indo com os movimentos de salto. Então vamos diminuir um pouco, então começa a acelerar antes. Parece bom. Olhando muito bem. Agora, vamos fazer o mesmo para a esquerda. Lembre-se, sem as fadas, tudo está em loop. Podemos mover sua área de trabalho, que não teremos nenhum problema com o loop. Nós vamos tomar esses quadros-chave como uma referência, nós pré-visualizamos. tentar aumentar a influência nestes três quadros-chave. Este é um trabalho muito meticuloso. Você tem que começar a ajustar e entrar nos detalhes para obter os melhores resultados. Agora, eu acho que está parecendo muito bom. Podemos fingir um pouco de rotação também, como oito, por exemplo. Pressione o “U” para ver o layout do quadro-chave, oito e menos oito. Então podemos ver o lado do carro, então vamos copiar isso. As mesmas curvas, pressionamos “F9" e entrada 55, que é o mesmo que temos. Nos quadros-chave da primeira posição, colocamos 55, 55. Vamos pré-lançar, vamos exagerar um pouco, vou colocar 12 e 12 menos 12. Também temos que trazer o carro para dentro da composição. Você também tem que respeitar que o primeiro e o terceiro quadro-chave, quando você está fazendo loop com essa expressão, tem que ser exatamente o mesmo quadro-chave. Agora, vamos mover a rotação do quadro-chave para a direita. Não se preocupe com o loop, ele vai loop de qualquer maneira porque ele faz todo o loop em 80 quadros e nossa área de trabalho é 80 quadros. Estes, novamente, são realmente olhar mais natural. Quando você move os quadros-chave, quando você separa os quadros-chave, vamos reduzir a influência, nos quadros-chave de rotação, eu pressionar “F9" reduzi-lo para um 33, então ele gira mais rápido. A animação parece caras incríveis. 12. Detalhes finais: reflexão e câmera: Agora que temos essas animações legais, vamos animar o reflexo da janela frontal. Vamos para a janela da frente. Nós sabemos que este quadro chave, ele vai para a esquerda o que você mover, 1, 2, 3, 40 quadros-chave, ele vai para a direita. Vamos fazer o movimento inverso do reflexo. Vai começar para a direita e para a esquerda. Vamos para a janela da frente. Isso é invertido, então vamos colocar uma imposição de quadro-chave. Você vai começar direito. Então movemos 40 quadros, ele vai para a esquerda. Então movemos 40 quadros. Nós colamos o mesmo quadro chave. Colocamos F9, Command ou Ctrl-Shift-k para ver a velocidade e vamos de 55. Então vamos repetir o loop corretamente, loop out. Parece bom. Agora vamos ver como está funcionando. Estamos pré-visualizando. Parece muito bom. Vamos adicionar algumas formas para completar o reflexo. Entramos na Camada de Forma, clicamos duas vezes em uma das formas e, em seguida, pressionamos ALT ou Option. Ele vai duplicar nossa camada e então nós vamos duplicá-la novamente para obter outro reflexo aqui. Isso é bom. Agora vamos colocar uma câmera para consertar isso. Vou para Layer, New Camera. Vamos fazer 35 milímetros. Podemos reposicionar a câmera. Podemos apontar a câmera para criar um novo objeto. Colocamos o Controle da Câmera. Fazemo-lo em 3D. Então ligamos a câmera. Não, movemos o objeto nulo. É assim que podemos corrigir a parte inferior do problema do carro. Agora não vemos isso. Também podemos fazer um meio-fio para a parte inferior se você gosta da outra configuração da câmera. Parece muito bom. Isso é ótimo. Fizemos a nossa animação. 13. Detalhes finais: plano de fundo: Agora vou criar um fundo. Pressionamos o Controle ou o Comando Y e fazemos um sólido, você faz com que ele comp tamanho, coloca na parte de trás. É bom. Agora vamos para a vista superior, e vamos criar a sombra, o carro. Criamos um retângulo, fazemos 3D, giramos, 90 ou menos 90 graus, vamos para a vista frontal. Vamos posicionar isto no chão. É bom, e agora vamos para a vista de cima e vamos girá-lo, para combinar com o carro. Desculpe, esta não é a rotação. Isso está tudo bem. Esta é a sombra, nós vamos criar um pai para o nosso controle completo do carro, e nós vamos torná-lo da mesma cor que o fundo. Nós vamos colocá-lo apenas para cima. Vamos mudar o modo de mistura para multiplicar. Isso é bom. Agora vamos borrar um pouco. Vou usar um primeiro borrão. Parece bom, vou ver toda a animação. Muito legal. Isso é muito bom. Agora que temos a sombra, vamos fazer as linhas retas. Então vamos duplicar a sombra porque ela está no chão, sua própria posição. Vamos apagar o primeiro desfoque, virar a opacidade para 100, organizar o tamanho do retângulo, isso não será criado organizar o tamanho do retângulo, para nenhuma camada. Isso é perfeito. Então vamos construir as linhas, as linhas da rua. Podemos torná-los desta cor azul. Copiamos o código de cor do design no Illustrator e mudamos para normal. Mudamos para preencher com nossa cor. Parece bom. Vamos adicionar traço, dois pontos. Está parecendo muito bom. Finalmente vamos adicionar um repetidor. Vamos clicar neste botão e tocar em um repetidor. Em seguida, as propriedades do repetidor podem colocar como 30 cópias. No repetidor de transformação, vamos colocar zero, no primeiro número, o que significa o eixo x. Vamos começar a mover-se, parece bom. Agora temos nossas linhas, linhas retas para ajudar a simulação da estrada. Vamos animar as linhas retas. Olhando bem. Se você modificar o primeiro retângulo, ele irá modificar todos os retângulos porque é um repetidor. Então acho que podemos girar um pouco a câmera. Parece bom. Agora vamos começar a compensar isso. Vamos mover a posição deste repetidor. Vamos para o último quadro. Vamos posicionar uma dessas linhas. Vou colocar uma posição chave. Então vamos para o primeiro quadro, e vamos movê-lo para a frente, no eixo z. Lembre-se de fazer loop, então vamos colocá-lo no mesmo lugar. Isso é legal. Submeter devagar. Comece [inaudível] assim você terá a velocidade certa. Podemos colocar a câmera um pouco para cima. Podemos consertar uma rotação, parece um pouco estranho girar lá. Podemos consertar isso. Estamos faltando as expressões de loop, então essas etapas finais, a rotação não estava funcionando, então agora nós corrigi-lo. 14. Detalhes finais: textura: Agora vamos colocar alguma textura no fundo. Para fazer isso, vamos para JPEG. Vamos pressionar Comando ou Controle I e vamos para a pasta do projeto. Eu copiei minha nova textura para textura de fundo jpg. Abra. Eu vou soltá-lo e eu vou mudar o modo de mistura para luz dura e nós podemos baixar a opacidade. Isso é fixe. Agora vamos mover a textura ao redor. Posição. Vamos colocar um quadro chave de posição. Vamos mover quatro quadros. Um, dois, três, quatro. Vamos mover a textura de novo. Um, dois, três, quatro. vez, um, dois, três, quatro. Podemos movê-lo umas quatro ou cinco vezes, então vamos selecionar todos os quadros-chave. Vamos pressionar Command ou Control Alt, clique. Ou podemos fazer clique com o botão direito do mouse alternar quadro tecla Alt. Isto vai fazer com que os nossos quadros-chave saltem sem interpolação. Então nós vamos fazer um loop deles também. Então, vamos pressionar a opção ou Alt, clique e o cronômetro. Propriedade, loop-out. Você já sabe disso. Agora você pode ver como o fundo é animado, como um filme antigo. Como um filme antigo fazer filme. Está parecendo muito bom. Olhando bem. Você pode fazê-lo ainda menos visível. É só um detalhe. Isso parece muito bom. Em seguida, vamos fazer o texto e temos alguns conceitos muito legais. 15. Texto 3D: Agora vamos fazer a parte final deste projeto. Vamos fazer uma nova composição pressionando “Controle” ou “Comando N.” Nós vamos renomeá-lo texto e, por padrão, você vai ter este renderizador 3D como 3D clássico. Para o texto 3D, vamos mudá-lo para 3D traçado por raios. O problema com o ray-traced é que leva muito tempo para renderizar o texto. Vamos fazer uma animação simples e a primeira animação. Vamos criar uma explosão de texto 3D. Vamos alinhá-lo ao centro. Bom. Vamos mudar sua cor. Agora, quando fazemos esses 3D, podemos ver que duas novas opções aparecem. geometria e opções de material. Quando vamos para geometria, temos agora Profundidade de Extrusão. Quando mudamos isso, podemos ver que o texto foi extrudido em 3D, o eixo c, está parecendo muito incrível. Vamos voltar ao zero. Você pode ver que extrude como da frente para trás nesta direção. Vamos duplicar isto. Este vai ser o nosso boné. Isso não terá extrusão, isso é bom. Quando ligamos nossa extrusão, o corpo da letra, podemos ver que esse artefato aparece. Vamos mover um pouco a posição para a frente da tampa, menos dois no eixo C, x, y, z e eu trabalho ao meio. Isso é bom. Agora, como a extrusão vai para trás e eu queria um pouco para vir até nós. Temos que animar a posição e a profundidade de extrusão ao mesmo tempo. Primeiro vamos extraí-la. Profundidade de extrusão zero, depois moveu 50 quadros, e vamos colocar 100, tudo bem. Vamos aparente marcar até a extrusão. Agora indo para a posição e a Profundidade de Extrusão, coloque um quadro-chave, pressionamos “U.” Ele mostra os parâmetros que têm quadros-chave. Vamos duplicar isso, e vamos colocá-lo abaixo. Só para ver a referência. Estou tomando a extrusão como referência. Quando eu me mover a extrusão real tem muito coincidir com isso. Nós movemo-lo, nós animamos no eixo C e isso é para coincidir com a referência, isso é bom. Agora podemos pré-rend isso pressionando a “Barra de espaço” ou “Zero” no numerado. Parece muito bom. Agora vamos mudar suas cores para preto e branco. Isso é bom. Agora temos a tampa em preto e branco de extrusão, e fizemos este linear. No momento, isso é, não tem graça porque é muito linear, muito chato, mas não se preocupe, nós vamos consertar isso. Fizemos isto linear por uma razão. Tudo funciona ao mesmo tempo com os mesmos quadros-chave lineares, e então vamos trabalhar com o remapeamento. Mas como raio rastreado 3D é muito lento, vamos pré-renderizar isso. Podemos ir para a composição, pré-renderizar automaticamente o programa usar formato QuickTime com animação e com alfa. Isso significa que vai manter a informação de transparência. Nós acertamos “Ok”. Vamos colocá-lo dentro do material, então vamos apertar “Render”. Depois de renderizá-lo, vamos ter a pré-renderização aqui. Nós vamos largar isso, e vamos colocá-lo em solo. Agora podemos ver que o renderizador é realmente legal. Movendo-se linear como queremos e não leva muito tempo para renderizar. Vou mantê-lo aqui. Agora, nós vamos para o nosso carro, isso é bom. Eu vou criar nossa composição final, pressionando “Command N”, nós vamos nomeá-lo render comp. Vamos colocá-lo na pasta renderizada, lá vamos arrastar nosso carro comp, e vamos arrastar nosso comp pré-renderização. Essas comp de pré-renderização devem estar em uma nova pasta chamada mapas ou filmes ou vídeos ou qualquer coisa que você queira colocar. Vou consertar o carro. Este é o espaço onde os loops do carro e parece muito bom. Estes são quadros como vimos nos vídeos anteriores. Agora, vamos pressionar o botão direito do mouse e cortar o cone para a área de trabalho, lá vamos nós. Agora temos apenas animação em loop, parecendo realmente bom. Vamos voltar para nossa contagem de renderização, e vamos pressionar o remapeamento de tempo. Vamos lembrá-lo, vamos pressionar “Controle” ou “Comando” e “Alt” e “T.” Ele vai colocar dois quadros-chave, um no início e outro no final. Vamos para o último quadro-chave. Vamos mover um quadro para trás. Vamos estabelecer estas molduras, vou colocar um quadro-chave e estilizar estas molduras como a última. Como não temos mais quadros-chave aqui, animação faz uma pausa, mas vamos fazer o loop. Vamos fazer esta animação cinco segundos. Está tudo bem. Vamos fazer esse loop usando a mesma expressão que usamos antes. Vamos para a propriedade. Primeiro, vamos clicar em “Alt” ou “Option” clique no cronômetro, vamos para a propriedade, loop out. Parece bom. Como temos 80 quadros, se fizermos a composição 240 quadros, deve parecer três vezes perfeitamente. Parece bom. Até agora, tudo bem. Agora vamos fazer texto para o texto. Vamos fazer o remapeamento do tempo novamente. Agora podemos estender a camada até o fim. Então vamos fazer esses textos aparecerem, mas vamos fazer com que pareça um pouco mais rápido. Pode mudar a cor de fundo para ver melhor. É bom. Agora vamos manipular esse movimento linear para torná-lo mais frio. Nós vamos começar, nós vamos, eu vou apagar isso, eu sinto muito. Vamos mover 10 quadros. Vamos para o topo da animação, e vamos mover cinco quadros. Vamos fazê-lo saltar um pouco, e vamos mover mais três quadros. Vamos estabelecê-lo no seu ponto final. Deve estar lá. AD é bom, os quadros de fila não são bons. Tudo bom e melhor. Vamos torná-lo um pouco mais rápido. Então agora você tem que matizar isso, você tem que começar a mudar o tempo entre os quadros-chave para obter o resultado. Isto pode ser um pouco exagerado. Vou colocar 35. Esses quadros-chave se referem à hora das animações originais. Foi por isso que o fizemos linear. Agora parece bom. Incrível. Agora vamos matizar isto. Foi por isso que o fizemos preto e branco. Porque agora com o efeito de tonalidade, podemos colorir. Então ligue nosso carro e vamos fazer isso. O preto, vai ser vermelho e o branco vai ser desta cor. Olhando bem. Então é assim que usamos esses pré-renderização com não um controle total do texto, mas um monte de controle sem levar muito tempo renderizando como nós, como quando nós criamos com um traço de raios 3D. Podemos animá-lo como realmente ver com seu remapeamento de tempo. É por isso que criamos os quadros-chave lineares e nos contentamos facilmente com o efeito de tonalidade. É por isso que colocamos preto e branco. Agora nosso último passo é o, podemos reposicionar isso um pouco. Sincronizei o primeiro movimento do carro ao extremo com o texto. Parece muito bom. Também podemos exagerar isso com um pouco de escala. Remova o ponto de ângulo para o centro, escale-o para 50 talvez, e podemos pressionar “F9". Podemos exagerar um pouco a influência. Olhando bem. Estamos perdendo o 3D. Vamos mudar isso um pouco. Vou mudar o ponto angular. Olhando bem. Nós mudamos o ponto de ângulo para que ele escale a partir deste ponto, que é para onde as três linhas estão indo. Veja se seguimos estas linhas 3D aqui, vindo por aqui. Olhando bem. Agora temos a escala ligada com a extrusão 3D que fizemos antes. Está parecendo muito incrível. 16. Texto escrito em manual: Agora tenho que fazer nosso último texto. Depois de esforços. Eu sempre gosto de combinar topografia forte com a não feita. Vamos procurar a nossa fonte desfeita. Está parecendo muito incrível e ótimo. Eu tenho que animar isso. Para esta animação, vamos mudar o fundo de volta para preto, e vamos começar a mascarar a topografia letra por letra. Para fazer isso, você deve fazê-lo como você escreveria essas palavras. Começamos com o olho. Então pressionamos Short B, clicamos em G e começamos de novo, letra por letra. Agora temos o nosso texto com a máscara. Essas máscaras estão em uma ordem sequencial. Vamos usar o efeito de traço para escrever isso. Vamos procurar traçado, gerar traçado, clicar duas vezes ou arrastá-lo. Então vamos marcar esta caixa para efeito totalmente que vamos usar todas as máscaras. No momento em que o programa usa nossas máscaras para desenhar uma linha, uma linha ampla. Então vamos aumentar o tamanho do pincel. Então cobrimos todas as cartas seguras. Talvez tenhamos que enganar algumas máscaras um pouco. Esta opção, altura, revelei as nossas máscaras. Agora vamos ver onde podemos arrumar um pouco distorcidos. Parece muito legal. Agora vamos mudar o estilo de curva para revelar a imagem original. Significa que onde quer que vejamos o traço, vamos ver a imagem abaixo, neste caso os nossos textos. Agora é revelador. Ótimo, e agora vamos animar o fim. Três novas explosões. Lá vamos nós. Você pode ver como é animada. Vamos colocar o que vai começar aqui. Nós vamos às vezes. Vai ser, o presidente você vai reconstruir a nossa franja chave F9. Nós ajustamos nossas diferenças um pouco. Parece bom. Agora podemos ver todas as nossas animações. É muito bom. Nossas mensagens não estão em loop, mas não se preocupe com isso. Se quiser ver isso. Podemos tirá-lo da animação nesta parte, então ele vai olhar para agora que estamos feitos. Uma última coisa que você poderia fazer é colocar uma camada de ajuste. Pessoa, opção de controle plebeu ou Alt. Por quê? Você poderia colocar uma postura olhos tempo. O que isso faz é baixar a taxa de quadros da animação, fazendo com que pareça mais áspera, mas às vezes obtém resultados muito legais, então vamos colocá-lo em 16. Pressionamos um Zero na parte entorpecida para ver os resultados. Você pode ver que temos uma nação mais áspera. Você pode jogar com esta opção. Este é o último olhar da nossa animação. Estou muito feliz com os resultados. Espero que também estejas feliz. Com esta técnica, você pode fazer o que quiser. São como papel enxertado. Você pode procurar modelos criados em papel no Pinterest ou Google ou qualquer outra coisa, e você pode fazer o que quiser. Você pode fazer planícies casas, árvores, plantas. Ele vai ter este olhar ofício de papel, é claro. Mas é realmente interessante. Também aprendemos alguns conceitos legais como a nova hierarquia para alcançar essas animações. O remapeamento com quadros-chave lineares, latas com preto e branco. Aprendemos um monte de coisas legais. Espero que você ache isso realmente útil e que você aplique essas técnicas em seus projetos futuros. Obrigado. 17. Exporte sua animação: Finalmente, vamos exportar nossa animação. Nós vamos para Render_Comp, composição. Adicionar à fila de renderização. Eu sempre uso o QuickTime. Dentro das opções de formato, coloquei H 264. Clique em OK, então você vai para a saída dois e você definir o local de sua renderização, ele deve estar dentro da pasta de renderização que fizemos. Eu já fiz isso. Então você aperta renderizar e você está pronto para ir. Quando terminar, você verá sua renderização final.Na pasta Render. Aqui está. Você pode visualizá-la. Esliso e bastante incrível. É isso, pessoal. 18. Conclusão: Parabéns, finalmente terminamos esta aula. Espero que tenham gostado e espero que possam aplicar todos estes conceitos no vosso dia a dia de trabalho. Agora, você tem dois trabalhos de casa para enviar para o projeto da classe, seu moodboard, e seu projeto final, seu carro feito em papel 3D. Se você tiver alguma dúvida, contato comigo na página da comunidade. Se você estiver indo para fazer o upload do seu projeto final no Instagram, não se esqueça de me marcar. Muito obrigado e nos vemos na próxima aula.