Animação quadro por quadro usando Photoshop, After Effects, Cinema4D

1. Introdução: Olá a todos, Meu nome é Karen, e neste curso vou ensiná-los a criar uma animação quadro a quadro usando o Photoshop After Effects Cinema 4D e o tablet de tela. Começarei mostrando alguns recursos gratuitos que você pode baixar e como usar o Mixamo para animar seus personagens 3D. Em seguida, mostrarei como criar sua primeira animação no cinema 4D e usá-la como referência para desenhar todos os quadros no Photoshop usando um tablet de tela ou um tablet gráfico. Depois de exportar todos os quadros, passaremos para o after effects para tornar nossa animação mais trippy e fazer alguns ajustes finais. No final, mostrarei algumas maneiras alternativas de criar uma animação quadro a quadro sem usar o Cinema 4D. 2. 01 de exemplos e recursos: Aqui está uma versão simplificada de um guia passo a passo sobre como criar essa animação quadro a quadro. No lado esquerdo, podemos ver a animação 3D que foi feita usando o Mixamo e o cinema 4D. E então eu uso isso como referência para desenhar em cima disso. E para isso eu uso o Photoshop, é claro, tablet gráfico ou um tablet de tela. E então o terceiro passo é finalizar tudo e depois dos efeitos adicionando uma textura, adicionando o efeito de brilho e o plano de fundo. Mas aqui vamos em mais profundidade mais tarde. Por enquanto, também mostrarei como baixar os recursos de que precisamos. Você irá para este link. Você o terá na descrição, mas sim, é clients.com, row.com. E então você vai para este aqui mesmo. Vamos clicar nele. Coloque o preço 0 For Chase e você já colocou meu e-mail nele, veja o conteúdo. E então você acabou de baixá-lo. Já o baixei. E sim, você pode salvar esses arquivos para que você possa usá-los mais tarde. 3. 02 Mixamo 3D: Agora estamos em amount.com misto. E, claro, se você não tiver uma conta, você pode criar uma e fazer login. E aqui você verá algumas animações pré-fabricadas que você pode aplicar aos seus personagens. Aqui temos duas opções. Se você não tiver nenhum personagem. No topo, você pode ir aqui para personagens e aqui você verá alguns que são criados a partir do Mixamo. Você pode rolar para baixo e vê-los todos e ver se você gosta de Kenny, por exemplo, este , sim, podemos usar esse personagem. Aqui está em pose em T. Há muitos outros que você pode ver e você pode usar com base no que deseja criar ou em quais seus propósitos. Depois de decidir sobre seu personagem, você pode ir para animações. E aqui você pode encontrar algum pré-fabricado, por exemplo, derrotado. Você pode ver como ele é aplicado. Vamos para essa única reação. No lado direito, você pode ver algumas alterações que você pode fazer. Por exemplo, você pode alterar o valor aqui e ver como a animação muda. Intensidade de sucesso. Você pode aumentar essa guarnição do espaço do braço do personagem overdrive aqui, você pode diminuir os quadros. Por exemplo, agora ele está em torno de 90 quadros. Agora é mais curto. Isso é diferente para cada animação. Por exemplo, se formos morrer, você pode ver que existem outras opções. Claro que também há um espelho. Agora ele vai para o outro lado. Sim. A outra opção, se você quiser usar seu próprio personagem, é ir para Carregar personagem. Você pode selecionar o arquivo de caracteres. Aqui você pode usar um dos vj's que atualizou ou se você tiver outra coisa por conta própria, é claro que você pode usar isso. Vamos abrir. Agora precisamos fazer o processo de aparelhamento, que é basicamente adicionar alguns pontos-chave ao corpo. E vamos usar essas opções aqui para orientar. Agora clique em Avançar. E aqui está um exemplo do que você deve fazer. O azul vai para o queixo, então eu farei isso. O verde para o pulso. Então aqui vamos nós. O cotovelo, os joelhos e o crescimento. Em seguida. Este é o rigor externo. Agora que isso está feito, podemos ir para o próximo, em seguida. E aqui teremos nosso personagem. Agora, o próximo passo é apenas encontrar a animação que você gosta. Podemos pesquisar aqui, por exemplo, em execução. Claro, você pode testar tudo isso. Vou ver o que os encontrarei, depois decidi por uma opção final e depois vou baixá-la. Outra coisa que você deve ter em mente é, por exemplo, nesta corrida, você deve verificar isso no lugar. Agora ele permanece no lugar e isso é algo que precisamos fazer para nossa animação. Estou pensando em ir com este, andar bêbado. Eu me certifiquei de verificar isso no lugar. Aqui temos o espaço do braço do personagem overdrive. Acho que está tudo bem. Uma coisa que vejo quando escolho uma animação é ter certeza de que ela é um loop. Neste caso, é, também é curto 90 quadros. E agora o próximo passo é apenas baixar isso. Deixaremos isso enquanto ele é baixado. Vamos colocar isso em uma pasta e depois abri-la no Cinema 4D. 4. 03 Cinema4D: Agora estamos no cinema 4D. E aqui não vou entrar em muita profundidade sobre como usar o cinema para D e coisas assim. Vou mostrar o que faço para criar a animação quadro a quadro. Então o que eu faço no Cinema 4D para isso, e claro, a primeira coisa que faço é abrir a animação que acabamos de baixar, a caminhada bêbada. Vou abri-la. Clique em. Certo. E aqui está a linha do tempo. São 90 quadros. Podemos clicar em jogar. No lado direito. Podemos ver, digamos que as camadas do objeto 3D. Se clicarmos em cada um deles, ele destacará o que representa. Se você quiser remover qualquer um deles, basta clicar nele e clicar nesses pontos aqui. Você tem que clicar duas vezes, então fica vermelho e agora fica invisível. Não precisamos fazer isso. Então, vamos desfazer. E agora precisamos adicionar a câmera. E para mudar a posição da câmera, você tem essas opções aqui. Você pode clicar nesta opção aqui para mover à esquerda, à direita, para cima e para baixo, aqui para ampliar e diminuir o zoom. E esta outra opção para girar. Agora, antes de adicionar a câmera, também alterarei o tamanho do quadro aqui. Então, para fazer isso, precisamos ir para Configurações de renderização, que está bem aqui. E na saída temos a largura e a altura. Vou com a largura para milésimos e a altura 2500. E agora vou clicar na câmera. E quando você muda a posição da câmera, certifique-se de verificar a câmera. Você precisa verificar este quadrado aqui. E aqui na linha do tempo. Vamos nos certificar de que estamos no primeiro quadro. Agora podemos fazer as alterações, como girá-lo, ampliar e mover a câmera. Quando você decide sobre a posição final, você precisa clicar nessa chave aqui. Grave objetos ativos. Mas enquanto se certifica de que você verificou a câmera. Portanto, ele é destacado. Vamos tentar. Vamos clicar em Jogar. Esta é a animação que temos com esta posição da câmera. E outra coisa que eu gosto de fazer é mudar a distância focal. Para fazer isso, você precisa clicar na câmera, ir para objetos e na distância focal, ir do clássico ao retrato. E você pode ver que ele amplia. Precisamos diminuir um pouco. Então, clicamos nesta opção aqui e diminuímos o zoom. Posso mudar a posição um pouco girada. Para usar essa câmera em vez do que era, precisamos clicar novamente nesta tecla. E agora ele salva essa opção de câmera. Vamos clicar em Jogar. Talvez o que eu possa fazer é colocá-lo um pouco adiante, assim. Vamos clicar novamente no ícone de chave e vamos clicar em Reproduzir. Acho que está tudo bem, assim. Então, no próximo vídeo, mostrarei como adicionar materiais, luz e renderizar o vídeo para que possamos usá-lo como referência para fazer a animação quadro a quadro. 5. 04 materiais 3D e renderização: Agora vamos adicionar o material e alguma fonte de luz. Antes de fazermos isso, podemos ver como a renderização se parece. Assim, podemos ir para Render View. Isso é o que parece. Primeiro, podemos adicionar alguma fonte de luz e, para isso, vamos para o chão, seguramos clique e vamos para o céu físico. Vamos clicar novamente. E o que isso faz é adicionar alguma sombra. Claro, você pode mudar a sombra mudando a posição do céu físico ou de repente. Você tem essa rotação aqui. Caso você não tenha isso, você pode destacar essa rotação. À medida que avançamos, podemos ver que a sombra também muda. Vamos pegar também a exibição de renderização. E acho que vou mantê-lo assim então. Agora vou apenas aplicar um material, esse objeto para criar um material, você pode apenas clicar duas vezes neste espaço vazio aqui. Clique duas vezes e sim, temos o material agora. Podemos aplicar a cada camada assim. Mantenha pressionado e arraste e aplicado a essas quatro camadas. Agora, quando clicamos duas vezes, temos todas as propriedades do material. E o que é verificado é apenas a cor e a refletância. Como eu disse, não vou entrar em muita profundidade algum Cinema 4D porque não precisamos nos preocupar muito com o material como vimos neste exemplo. No resultado final, o que veremos principalmente são os quadros que faremos no Photoshop. Portanto, não precisamos nos preocupar com a luz ou a refletância do modelo 3D. Nesse caso, usei octane render, mas nem todo mundo tem isso. Então é por isso que estou mantendo isso simples aqui com renderização padrão do Cinema 4D. Vamos ver novamente a exibição de renderização. O que posso fazer é mudar a cor, por exemplo, para algo azul. Também na refletância, posso aumentar a força especular. Você pode ver na pré-visualização o que ele também faz no material aqui. Esta é a única mudança que estou fazendo. Não vou muitos detalhes. E vamos clicar novamente na exibição de renderização. Sim, acho que é. Certo. E agora precisamos renderizar isso. Então, vamos para as configurações de renderização. A primeira coisa que precisamos para alterar a taxa de quadros agora é 30. E o total de quadros dessa animação é 90. Para as animações quadro a quadro, geralmente eu vou com uma taxa de quadros seis, então de 36. E o que isso faz é que ele vem com uma animação de 90 quadros a 18 quadros. E vamos para Salvar agora. formato deve ser PNG. Outra coisa importante é verificar o canal Alpha. Desta forma, teremos um fundo transparente. Agora vá para o arquivo para esses três pontos e vamos selecionar uma pasta onde podemos salvá-la. Então, PNG, vamos colocar um tronco de nome. Esses são os únicos dois lugares onde precisamos ir no Save. Apenas certifique-se de que o formato seja canal PNG Alpha e um lugar onde salvá-lo. E na saída, a largura e a altura, a taxa de quadros, seis. E o quadro varia de 0 a 90, que é o comprimento da animação. E agora vamos para Render. Agora esperamos que a renderização termine. Aqui ele mostra com um plano de fundo, mas se formos para a pasta onde ele está salvando, você verá que ela é transparente. Então, vamos esperar pela renderização e depois passaremos para o Photoshop. 6. 05 quadros de ilustração no Photoshop: Certo, agora que a renderização está concluída, podemos ver todas as imagens aqui. E vamos abri-los no Photoshop. Uma maneira de abri-los todos em um arquivo é ir para Arquivo, Script, carregar arquivos na pilha, navegar. E nós iremos, vamos para a pasta. Selecione todos eles. Você pode clicar no primeiro, segurar Shift e clicar no último ou simplesmente selecioná-los. Clique em OK. Eles estão todos carregados aqui. E vamos clicar em OK e peso. Agora, o carregamento está concluído e você pode ver que todas as camadas estão aqui do quadro 0 ao quadro 18. Sim, agora podemos adicionar um plano de fundo, então criarei uma nova camada neste sinal de mais aqui. Vamos para a Ferramenta Paint Bucket. Aplique o fundo preto e vou colocá-lo abaixo de tudo segurando e arrastando para baixo. O que faço a seguir é desmarcar tudo. Só mantém o primeiro. Vá para a ferramenta pincel. Vamos colocar o tamanho. Na verdade, o tamanho depende do tamanho da imagem. Então, vou testar alguma coisa. Vamos criar uma nova camada primeiro. Vamos usar a cor branca. Talvez um pouco mais, talvez 12. Acho que está tudo bem para 100%. Pessoalmente, não sou muito bom em desenhar, então tentei fazer freestyle de certa forma. Se você é bom em desenhar, isso é uma vantagem para você. Mas para mim, é por isso que uso referências. Eu só desenho em cima disso e talvez ele tivesse alguma ciência ou algumas formas abstratas, apenas coisas simples. Então, neste momento, vou começar a usar meu tablet de tela e começar a desenhar. Antes de fazer isso, farei mais uma coisa. Criarei outra camada entre a referência da imagem e a camada que vou desenhar. Vou criar uma nova camada. Vamos chamar isso de escurecer, e eu vou aplicar uma cor preta a ela e diminuir a opacidade. Sim, acho que está tudo bem. Só para criar mais contraste com a cor branca, vou usar. Você pode ver agora que vou começar a usar meu tablet de tela. E a primeira coisa que farei é desenhar o esboço dessa referência que tenho. E então, em cima disso, verei o que posso fazer. Desenhe formas abstratas e coisas assim. Como mencionei agora, você é livre para fazer o que quiser, dependendo também da animação que você baixou e dependendo de quão bom você é em desenhar ou criar formas. Além disso, preciso ter certeza de que a dureza é 100%. Agora que desenhei o contorno ou a forma básica dele, o que posso fazer a seguir é apenas adicionar novos elementos. Certifique-se de dividi-los em formas diferentes. Por exemplo, como você pode ver aqui, há canetas e posso aplicar uma cor a elas. A mesma coisa aqui. Basta ter isso em mente sempre que você desenhar formas. Então, em alguns deles, você pode aplicar cores. Agora continuarei adicionando novas formas. Certo, estou mantendo isso simples. Neste caso. Agora, o próximo passo é preencher algumas dessas formas com a cor branca. Para isso, acesse a ferramenta Balde de tinta e certifique-se de ter selecionado essas opções aqui. E você apenas aplica dentro da forma que está fechada assim. Aqui. Também aqui. Sim, agora você decide qual deles você sente? Mais uma vez, vou aplicá-lo aqui para. Também aqui. Agora, se eu ampliar, você pode ver que existem essas áreas aqui que precisam ser corrigidas. Então, para isso, vou usar a ferramenta pincel e preenchê-la um pouco. Os outros, não é um problema pois também usaremos o efeito de brilho e ele pode ser corrigido dessa maneira. Mas aqui vou aplicar essa cor branca. E, como sempre, certifique-se de que você está na camada certa assim. Agora posso desmarcar isso e também desmarcar a camada que está relacionada ao desenho que fizemos. E vamos para o segundo quadro. Vou criar uma nova camada e fazer a mesma coisa. Se você quiser usar a camada abaixo como referência, por exemplo, para manter o mesmo nível do solo, você pode diminuir a opacidade um pouco assim. Vá para a camada três, para a nova camada. E vamos desenhar Apenas o chão, só para tê-lo como referência. Ou se você quiser manter a forma do sol ou o que você criou que você deseja manter na mesma posição. Você pode diminuir um pouco a opacidade e usá-la como referência para desenhar sobre ela. Vou diminuir, posso aumentar a opacidade e apenas desmarcar a camada, ir para a próxima camada e fazer as mesmas etapas. Como você pode ver. É a mesma coisa com o segundo quadro que acabei de desenhar em cima dele e edito também essas linhas para fazer algo diferente das anteriores, também adicionei essas facas. Digamos. Outra coisa que eu fiz para torná-lo contínuo mudou a forma de lua, digamos, para outra fase da lua e então eu vou fazer metade dela e assim por diante. Também fiz algo diferente aqui no chão. Você vai ver que é como se uma criança o desenhou. Não é como se eu estivesse fazendo algo especial, mas quando você faz isso como quadro a quadro no final, ficará bonito por causa do personagem. Continuarei assim até eu terminar. E então vou te mostrar como exportar tudo. Mas antes de eu fazer isso, vamos salvá-lo por enquanto. Certo, e agora vou continuar com o terceiro quadro. 8. 07 PNG de exportação do Photoshop: Certo. Então finalmente cheguei ao quadro final. Isso me levou um tempo para fazer, mas sim, essa é a parte mais difícil ou a parte principal deste tutorial, eu diria, sim, vamos ver novamente, o que criamos aqui são todas as camadas. Preciso desmarcar este 1 primeiro para que possamos ver apenas as ilustrações. Você pode vê-los todos com base na animação que você fez. E agora vem a parte divertida, como eu diria quando vemos a animação. Primeiro de tudo, vamos salvar isso por precaução. E agora o que você precisa fazer é exportar todos esses arquivos PNG, todas essas ilustrações. Vamos começar com este. Garante que a opacidade seja 100%. Sim, precisamos ter um plano de fundo transparente e vamos com o File Save As. Vamos criar uma nova pasta. Agora, você precisa estar ciente do nome do arquivo para que ele seja aberto como uma sequência PNG. Em. After Effects, precisamos colocar os nomes dos arquivos em ordem. Por exemplo, colocamos esse 11. Sim, salve como cópia. Portanto, pode ser um PNG. O próximo será o nome do arquivo dois e assim por diante. Então, vamos com o Save. Clique em. Certo, e farei a mesma coisa com os outros. Vou desmarcar isso e verificar. O segundo, aumenta a opacidade. Salve novamente. Como PNG, verifique se ele está na mesma pasta. E PNG, salvando o último. Vamos salvar o projeto. E agora terminamos com o Photoshop. Passaremos para o After Effects para fazer a animação. 9. Animação de After Effects: Certo, agora estamos no After Effects e criarei um novo projeto. Sim, este é o layout do After Effects. No lado esquerdo, podemos colocar projetos são as camadas ou o que quer que abrimos do After Effects bem aqui no centro, veremos as filmagens. No lado direito, há os efeitos e, na parte inferior, há a linha do tempo. Então, para abrir as imagens que criamos, precisamos ter certeza de que estamos nesta seção do projeto e, nesse espaço vazio, precisamos apenas clicar duas vezes. E você tem primeiro que podemos abrir os PNGs do cinema 4D. Podemos clicar no primeiro. Certifique-se de que a sequência PNG esteja marcada. E apenas clicando no primeiro, tudo será aberto. Ele vai animação de organismo porque os nomes que estão em ordem. Então, vou clicar em Importar. Você pode ver que é de 0 a 18, o que significa que existem 19 quadros. Podemos criar uma nova composição basta clicar e arrastar para a nova composição. E aqui também está a linha do tempo. Se atingirmos o espaço, podemos ver como ele joga. Vamos também abrir as ilustrações e depois trabalharemos com a linha do tempo com a velocidade da animação e assim por diante. Vamos clicar no primeiro, certifique-se de que a sequência PNG esteja marcada e clique em Importar. Agora podemos clicar e arrastar a linha do tempo aqui. E podemos ver como ele está alinhado. Trabalharemos nisso mais tarde porque agora é muito rápido. Outra coisa que precisamos adicionar também é uma textura. Então, vou clicar duas vezes novamente. E podemos abrir este, ou este. Acho que vou com este. Clique em Importar novamente, sequência PNG. Sim, a primeira coisa que precisamos fazer é alterar a duração do vídeo agora é apenas 19 quadros porque é apenas 19 quadros porque feito assim automaticamente, já que também nossa animação é de 19 quadros. Vou para a linha do tempo, clique com o botão direito do mouse e vou para as configurações de composição. Sobre a duração. Começa a partir de 0 e termina em 19 quadros. Acho que vou com um TI segundos ou algo assim. Podemos mudá-lo novamente mais tarde. Clique em OK. E aqui podemos diminuir o zoom e ver a linha do tempo. E a próxima coisa que faço é mudar a velocidade das animações. Porque agora é muito rápido. Para fazer isso. Precisamos ir para a primeira camada. E aqui vou clicar com o botão direito do mouse, ir para o tempo, o tempo. Podemos alterar o fator de estiramento ou alterar a duração aqui, por exemplo, se quisermos fazê-lo digamos dois segundos. Além disso, o fator de estiramento é 300, então significa que é três vezes mais lento, cerca de três vezes. Podemos testá-lo assim e ver como ele se parece. Vou desmarcar a camada em cima por enquanto. Clique em jogar. Acho que posso torná-lo um pouco mais lento neste momento. Só tento e vejo como parece e depois decido. Farei a mesma coisa com uma camada no topo. Vou verificar. Clique com o botão direito do mouse, os tempos Na nova iteração, vamos com 215 quadros, exatamente o que estava abaixo. Então, vou clicar em OK. E sim, você pode ver que eles têm o mesmo comprimento. Agora, esta é a animação que criamos. Acho que parece bom. Agora, neste momento, eu realmente não preciso ver a animação 3D que fiz. Então, para isso, vou torná-lo um pouco mais escuro. Vou para efeitos e predefinições. Caso você não veja isso, você pode acessar o Windows e garantir que os efeitos e predefinições que ele recebe verificações sejam a mesma coisa para cada coisa que você vê no After Effects. Caso você não veja, basta ir aqui. E procurarei equilíbrio de cores, matiz, leveza e saturação. Vou arrastar isso para esta camada. E aqui temos a tonalidade, a leveza e a saturação. A mesma coisa que está no Photoshop. E vou diminuir a saturação e também diminuir a leveza assim. Vamos clicar na placa. Agora, o que vou fazer, adicionarei a textura a essas formas largas. Vou deixar o brilho e depois vou duplicá-los para que ele preencha todo o comprimento. 10. 09 textura animada: Agora vamos usar a textura e mostrarei como aplicar a textura nessas formas brancas. É basicamente a ideia da máscara de recorte no Photoshop. Abriremos isso e arrastaremos aqui. Agora, vou me certificar de que ele preenche todo o espaço assim. Você pode simplesmente ir para Transform aqui e dimensioná-lo. Agora, para que a textura seja aplicada às formas brancas. Certifique-se de que a textura esteja abaixo das formas brancas. E certifique-se de ter esses switches de alternância e nós assim. Nesta freira, você vai para alfa made. E o que isso faz é que ele é aplicado às formas em cima dela. Sim, como você pode ver, vamos clicar na placa. 11. 10 animação de loop: Agora precisamos dividir a camada onde a animação termina. Precisamos dividir a camada da textura. Então, para isso, precisamos clicar em Control ou Command Shift D. Sim, podemos excluir o resto que não se alinha com a animação que temos no topo. Então, basta clicar em Excluir. E agora precisamos fazer isso como uma camada em vez de duas porque precisamos aplicar um efeito sobre ela. Precisamos ter certeza de que isso está desmarcado. Então, vou clicar na primeira camada. Segure Shift, clique no segundo, botão direito do mouse e vá para pré-compor. Certifique-se de verificar essas duas opções e clique em OK. Isso é como agrupar camadas. Então aqui temos isso como uma camada. Agora, se você quiser mudar alguma coisa, basta clicar duas vezes e ele abrirá as duas camadas que fazem parte desse grupo. Por exemplo, posso ver que algumas partes estão escuras porque é assim que a textura é. E para isso, vou clicar na textura. Vou aplicar o equilíbrio de cores. Você gostou da iteração dos sentidos e eu vou aumentar a leveza um pouco assim. Nos casos em que a textura é preta, ela pode ser um pouco mais clara. Sim. Agora, vamos voltar ao anterior. Você pode ir deste documento para este documento principal aqui. Agora vou aplicar o efeito de brilho. Então vou novamente para Efeitos e Predefinições, procure brilho. Sob o estilizado aqui você tem o efeito de brilho que vou aplicar. Aqui você verá muitas opções, mas o que eu trabalho são apenas essas três opções principais. Vá limiar, brilho, raio e baixa intensidade. Você pode brincar com eles para ver o que cada um deles faz. Vá o raio e a intensidade do brilho. Primeiro, aumentarei o raio de brilho. Basicamente, eu apenas brinco com eles e vejo como eles ficam aqui na pré-visualização porque também depende da textura que você tem. Então, não posso dizer com certeza que tipo de valores você precisa colocar aqui? Vou clicar em jogar. Acho que pode aumentar a intensidade mais. E, claro, no caso de repente como essa textura, eu posso ir novamente. Aqui. Vá para a seção do projeto e posso tentar também a outra textura. Vamos clicar no primeiro e clicar em Importar. E vou arrastar aqui abaixo. E, novamente, altere o tamanho dele. Vá para alfa fosco e desmarcarei esta camada abaixo. Este é mais brincalhão, então talvez eu vá com este. Vamos ver como ele se parece com um globo. Acho que gosto mais disso. Agora. O que posso fazer a seguir é apenas duplicar isso para que ele preencha toda a linha do tempo. Para duplicá-los. Você pode clicar em ambos e, em seguida, clicar em Controle de Comando D. Agora, arraste-os. Farei isso mais uma vez. Posso ver que ele termina aqui no 715. Portanto, clique com o botão direito do mouse E vamos fazer isso 714. Agora, se eu clicar em Reproduzir, você verá que é um loop. Agora que também aplicamos a textura, a próxima coisa que podemos fazer é adicionar um plano de fundo simples, fazer alguma pós-produção e exportação. É. 12. 11 produção de antecedentes animada: Certo, agora vou te mostrar como criar um plano de fundo simples. Claro, você também pode deixá-lo assim todo preto ou adicionar o que quiser. Normalmente, eu gosto de adicionar estrelas são apenas fundos muito simples. Então, isso é o que vou mostrar a vocês agora. Primeiro você precisa ir para as camadas. Clique com o botão direito em novo, sólido A cor não importa. Clique em OK. E apenas certifique-se de arrastar isso e colocá-lo abaixo de todas as camadas como plano de fundo. E agora você precisa adicionar esse ruído fractal, ir para efeitos e predefinições e procurá-lo. Agora, arraste e aplique-o no sólido para criá-lo. E agora precisamos transformar essa nuvem preta e cinza em outra coisa. E aqui estão todos os efeitos. Vou tentar torná-lo como fundo escuro com apenas algumas pequenas formas brancas como estrelas ou como uma coisa de grão. Mas deixe-me mostrar para você. Temos o brilho e o contraste. Aumentarei muito o contraste e diminuirei o brilho. Assim. Agora, essas formas brancas devem ser menores. Então, para isso, vou transformar e diminuir a escala. Agora eu quero menos formas brancas, então acho que preciso diminuir o brilho mais assim. Aumente o contraste. Agora, se clicarmos em Jogar, nada acontece, ele permanece estático. E precisamos mudar isso. Então, para isso, vou para as opções de evolução. E nesta semente aleatória, preciso animar isso. Preciso ter certeza de que estou no primeiro quadro. Clique neste ícone de relógio aqui para animá-lo. E agora está na opção 0. Eu vou até o fim e agora aumento assim. Eu não sei. Vou ver o quão rápido ele joga para ver se preciso mudar isso novamente. Mas, por enquanto, deixe assim. Vamos começar do início e clicar em Reproduzir. Acho que ele joga muito rápido. Então, vamos até o fim. Vamos tentar 70. Vamos novamente desde o início. Eu acho que é bom agora só ter algo em segundo plano. E agora a última coisa que faço antes de exportá-lo é novamente clicar com o botão direito do mouse em nova camada de ajuste. Aqui, a camada de ajuste deve estar no topo. Portanto, todos os efeitos que eu aplico aqui afetam todas as camadas abaixo são a mesma lógica que o Photoshop. Aqui eu apenas adiciono o equilíbrio de cores que você leveza e saturação. Arraste-o na Camada de Ajuste e acabei de animar a tonalidade. Certifique-se de que estou no primeiro quadro. Clique na tonalidade, vá até o final e clique em um, para que ele faça uma rotação completa. Agora vamos clicar em Reproduzir. ver como as cores mudam. Se você quiser. Você também pode aumentar um pouco a leveza para torná-la mais cinza. Se você quiser torná-lo mais retrô, digamos que você também pode adicionar grãos. Vá para adicionar grãos e arraste-o novamente abaixo do equilíbrio de cores. Aqui você vê uma prévia do grão. Agora, no modo de visualização, você pode ver a saída final. Você pode ver como ele se parece. Aqui o que você pode mudar é a intensidade, o tamanho e a suavidade. A intensidade se você aumentar, você pode ver o que ele faz neste caso. Acho que vou colocá-lo 0,70.7 no tamanho. Acho que preciso diminuí-lo um pouco. 0,6. E a suavidade, acho que está tudo bem assim. Vamos rapidamente. Agora vai demorar um pouco para carregar, garante que você o salve. É assim que parece e acho que gosto disso. Sim, agora, só precisaremos exportar isso. 13. 12 exportação de vídeo: Ok, agora vamos precisar exportar isso como um vídeo, e eu vou exportá-lo como um mp4. Então, para fazer isso, vou para Arquivo, exporto e adiciono à fila do Adobe Media Encoder, clico nele. E agora isso aparece e você precisará clicar nesta fonte de correspondência e alta taxa de bits. Agora vamos trabalhar com as configurações de exportação no formato que você precisa para certificar-se de colocá-lo em H.264. O objetivo disso é exportá-lo como um mp4 e na predefinição o deixará como está. Claro, você também tem opções como predefinições para Facebook ou Twitter ou YouTube. Mas vamos deixá-lo como está no nome da saída. Clicaremos nele para selecionar a pasta onde queremos salvar o vídeo. Agora, nas configurações básicas de vídeo, o que vou mudar é o tamanho. Normalmente, o que faço com minhas obras de arte diárias é exportá-las em duas versões. A primeira versão é onde o tamanho é atendido. É como dois mil e dois mil e quinhentos. E o segundo é onde o tamanho é otimizado para o Instagram. Então, vou fazer este agora. Terei que desmarcar isso e alterar a altura e garantir que este link esteja marcado para que você possa manter a taxa de proporção do quadro durante o redimensionamento. E o outro é apenas mudar a altura para 1 nono para 0. A largura será alterada automaticamente. Agora, a próxima coisa que faço é garantir que o tamanho estimado do arquivo seja inferior a 20 megabytes. Isso depende da duração do vídeo e com base na taxa de bits alvo. Claro, não importa o que você faça aqui, instagram comprimirá o vídeo de qualquer maneira. Mas pela minha experiência, se você colocar menos de 20 megabytes, você aumenta as chances ter o vídeo menos comprimido. Digamos. Se eu aumentar muito, você verá que o tamanho estimado do arquivo também aumentará. Então eu acho que vou com algo como 15. Sim, o tamanho estimado do arquivo é de 14 megabytes. Também verificarei a qualidade máxima de renderização de uso. Clique em OK e agora basta renderizar. Agora que isso está feito, podemos ir para a pasta onde temos isso. Vamos clicar nele. Você pode ver que são 15 megabytes. Sim, este é o vídeo. Acho que a qualidade é boa, mas também a veremos no Instagram que será compactada. 14. 13 outras variações: Nesta parte, mostrarei como fazer o mesmo tipo de animação, mas sem ter que usar mistos nosso cinema para d. Neste caso, você pode usar como imagens reais. Vou mostrar um exemplo que fiz antes e depois mostrarei os passos de como você pode fazê-lo também. Então acabei de encontrar essa filmagem de um casal. E, como você pode ver, usei essas mesmas etapas, criando esses contornos. E depois de alguma pós-produção, fiz essa coisa. Basicamente, é uma animação quadro a quadro usando este vídeo como referência onde você pode encontrar filmagens gratuitas. As imagens de vídeo gratuitas estão no Paxos.com e, claro você também pode gravar suas próprias filmagens, mas estou apenas dizendo alguns recursos gratuitos. Então você só precisa ir aos vídeos. E, por exemplo, podemos procurar por dança. Você pode rolar para baixo e ver o que você gosta. Vou baixar algo. As algas vão com este. Vou mostrar os passos, então não importa. Vou apenas para Download gratuito. Vou esperar que o download termine. Então eu o abrirei para o After Effects. Agora podemos criar uma nova composição. Então vá para composição, nova composição. E aqui você pode decidir sobre a largura e a altura. Posso ir com dois mil e dois mil e quinhentos para manter a mesma proporção e a duração talvez vamos fazer oito segundos. Clique em OK. E apenas arraste isso aqui. Vou aumentar o tamanho que você pode clicar como, como um atalho ou ir para Transformar e Escalar. Assim. Agora clique em Jogar. Depois de ter o vídeo, agora, você pode exportá-lo. Acho que vou fazer isso três segundos só para mostrar um exemplo. Em três segundos, você pode ver que você tem 90 quadros, porque 1 segundo, 1 segundo é 30 quadros. E isso é muitos quadros para desenhar. O que eu costumo fazer nesse tipo de casos é alterado a taxa de bits. Então, quando você for para Exportação de arquivo, Adicionar à fila de renderização. Aqui você tem três opções. Primeiro é a saída para a qual decide onde você deseja salvar o arquivo. Vamos criar um novo exemplo de pasta. Agora, nas configurações de renderização. Aqui está a taxa de quadros, e você pode ver que ela é do início ao fim, de 0 a dois segundos e 29 quadros. Normalmente, o que faço aqui é alterar a taxa de quadros para cinco ou seis. Vamos tentar. Cinco. Sim, quando eu exportá-lo, você verá o número de quadros que não serão 90, mas será 90 dividido por seis, porque 30 dividido por seis dá cinco. Mas o piano precisa fazer as contas aqui. Você pode simplesmente colocar a taxa de quadros cinco ou seis. Vamos clicar em OK. Agora, no módulo de saída, vamos clicar nele. Aqui no formato garante que seja uma sequência PNG. Aqui, RGB. Caso seja um vídeo transparente, você pode usar RGB mais Alpha, mas neste caso isso não importa. Então, vou apenas clicar. Certo. Agora clique em renderizar. Aqui você verá o número de quadros, que é 15. É por isso que preciso alterar a taxa de quadros, porque senão você criará 90 quadros e será muito trabalho. Agora podemos ir para a pasta. E aqui estão os quadros. Agora, é a mesma coisa que fizemos com o cinema para D, a mesma coisa que fizemos aqui. Você tem esses quadros que você pode abrir no Photoshop e usá-los como referência para desenhar sobre eles a mesma coisa aqui. E, em seguida, você exporta os contornos, abra-os no After Effects e executar as mesmas etapas. Então, sim, pensei que eu poderia compartilhar isso com você caso você não queira usar o Cinema 4D ou caso você não o tenha. Claro, outra opção é apenas usar uma imagem. Por exemplo, você pode usar essa imagem e você pode desenhar como 20 quadros em cima dela, apenas versões diferentes. Encontrarei algo no Instagram agora para mostrar a você. Esse é um exemplo. Você pode ver essa estética, e eu apenas desenhei alguns quadros em cima dela, talvez oito ou nove. E você também pode fazer isso usando fotos. As imagens são o mesmo passo. Basta fazer as ilustrações no Photoshop, exportar todos os PNGs e fazer o resto no After Effects. Então, sim, esses são os passos que eu tomo para alcançar esse tipo de animação. Como eu disse, não sou muito bom em desenhar. Então eu tenho que usar referências e apenas desenhar formas normais. Mas achei que poderia mostrar o processo. E, claro, você pode fazer suas próprias coisas. Se você é bom em desenhar. Você tem muitas possibilidades. E eu encorajaria você a experimentar e compartilhar seu trabalho no Instagram. Você também pode me marcar. Para que eu possa ver, compartilhar novamente e comentar sobre isso. E espero que você tenha achado útil e CEO 100 próximos cursos, Tchau.