Guia para iniciantes para criar um estilo de animação desenhado à mão no Adobe After Effects

1. atualização em andamento: animação desenhada à mão parece incrível, mas leva muito tempo. Então, às vezes, precisamos pegar alguns atalhos para acelerar as coisas. Olá, sou Russ Encorajar. E hoje vamos fazer algumas animações desenhadas à mão, mas sem desenhar uma única linha. E para isso, vamos usar o After Effects. Sou animador e diretor freelancer baseado em Brighton, no Reino Unido. Trabalhei profissionalmente por mais dez anos em animação, produzindo efeitos visuais, design de movimento, animação de personagens 2D e 3D. Muitas vezes me pedem para animar algo no After Effects e depois fazer com que pareça desenhado. Seja porque ele precisa se sentar ao lado de algo que já foi desenhado, ou se não há tempo para fazê-lo corretamente. Qualquer forma é muito útil para aprender como fazer esse efeito. Essa aula será ótima para animadores desenhados à mão que desejam adicionar um pouco de efeitos posteriores ao seu trabalho principal. Ou animadores do After Effects que desejam trabalhar ao lado de seus colegas desenhados à mão. Eu vou te guiar passo a passo. Portanto, essa aula será adequada para iniciantes ou pessoas que não estão muito familiarizadas com o After Effects. Para lhe dar uma ideia rápida do que vamos cobrir. Primeiro, analisaremos diferentes estilos de ilustração que funcionarão no After Effects. Então, seja vindo do Photoshop, do Illustrator ou talvez até mesmo de um desenho da vida real. Vamos preparar e importar essas ilustrações para o After Effects. Em seguida, analisaremos a reconstrução dessas ilustrações dentro do After Effects para que elas sejam mais fáceis de animar. Em seguida, mostrarei os principais métodos que uso para recriar uma grande variedade de efeitos desenhados. E, finalmente, algumas técnicas de animação que ajudarão a unir tudo, além de toneladas de dicas e truques extras ao longo do caminho. Espero que, depois de concluir este curso, você não apenas tenha o conhecimento necessário para criar um bom efeito de drone no After Effects, mas também saiba quais efeitos você usa em quais situações. Então, vamos desenhar ou falsificar. 2. atualização em andamento: Bem-vindo à minha aula sobre como criar um estilo desenhado à mão no After Effects. Para alguns dos principais objetivos desta aula, basicamente queremos manter todos os benefícios da animação digital. Então, isso é como a velocidade e a conveniência. E vamos usar alguns efeitos e técnicas no After Effects para trazer volta um pouco do charme que você obtém de algo mais feito à mão. Nesta aula, você precisará acessar alguns programas da Adobe que trabalharemos principalmente no After Effects para criar a animação final, mas vamos usar muito o Photoshop. Portanto, eu recomendaria ter acesso ao Photoshop também. E vamos tocar em dois ilustrados não é essencial, mas se você trabalha no Illustrator, também falarei sobre isso. É muito complicado porque há uma grande variedade de estilos de ilustração por aí. Então, vou tentar o meu melhor para cobrir o que eu acho que seriam as formas mais comuns de trabalhar. Mas se eu estiver perdendo alguma coisa, então, por favor, não hesite em me dar um grito. Você pode estar trabalhando a partir de uma arte achatada ou de uma digitalização em papel ou algo parecido. Se for esse o caso, é possível ir direto para o After Effects, mas ainda é útil ter acesso ao Photoshop para poder recriar texturas e talvez editar sua arte. antes de trazê-lo para o After Effects, eu ainda recomendaria o acesso ao Photoshop nesse caso, como eu disse na introdução, essa aula será útil por uma série de razões. Mas, principalmente, se você não tiver tempo para animar algo à mão. Mas também é útil se você precisar combinar algo no After Effects com um estilo de ilustração. Então, se for esse o caso, essa aula é para você. Eu recomendo que você faça suas próprias ilustrações e vou guiá-lo por diferentes maneiras de prepará-las mais tarde na aula. Se você não é muito designer, colaboração é sempre uma opção, mas obtenha permissão antes usar a arte de outra pessoa. Muitas vezes, os artistas gostam de animadores animando a obra de arte porque é uma coisa muito divertida de se fazer. E então, se vocês dois vão compartilhá-lo em suas plataformas de mídia social, então é uma situação ganha-ganha de qualquer maneira, mais tarde na aula, eu vou estar preparando uma animação da minha própria imagem. E vou colaborar com a incrível ilustradora Dorothy Siemens para este. Esta é a imagem dela aqui. Se você não conhece o trabalho dela, ela passa no Dorothy.com ou no Instagram. Ela também tem uma loja Etsy. Então vá e compre todas as coisas bonitas dela lá. Não vou fornecer os arquivos originais da Dorothy. Eu recomendo que você adquira o seu próprio, mas eu tenho uma ilustração de teste que fiz que vem em alguns formatos diferentes e que está disponível nos materiais da aula. Como acontece com qualquer coisa na animação, as coisas podem ficar bem complicadas muito rapidamente. Não vamos cobrir nenhuma animação de personagens ou técnicas de leitura nesta aula. Vamos nos concentrar principalmente nos efeitos desenhados. Há um personagem na ilustração que eu escolhi, mas vou manter as coisas quietas no ambiente. Apenas movimentos muito lentos, um pouco de movimento das mãos e pisca ou algo parecido. Eu recomendo que você faça o mesmo se você não estiver acostumado com animação no After Effects, eu farei uma animação dedicada eu farei uma animação dedicada na classe After Effects em algum momento mais tarde. Portanto, fique de olhos abertos para isso. Então, com tudo isso, vamos fazer um resumo rápido do que abordaremos na aula. Primeiro, vamos falar sobre terminologia comum de animação que você obtém na animação desenhada à mão. Esses são os princípios-chave que vamos recriar no After Effects. Em seguida, vamos dar uma olhada em vários exemplos diferentes de estilos de ilustração. E vou mostrar o que funcionará bem suficiente com defeitos e o que será muito mais desafiador. Depois disso, eu queria compartilhar com vocês alguns exemplos do mundo real onde eu realmente usei esses efeitos conjuntos em um projeto. Em seguida, veremos como preparar e importar obras de arte que vêm do Illustrator, do Photoshop e também da arte nivelada. Quando digo arte achatada, quero dizer arte que não vem com nenhuma camada. É apenas um JPEG ou PNG achatado. Se você trabalha no Procreate, acredito que você pode simplesmente salvar seu arquivo como um PSD e, em seguida, o fluxo de trabalho do Photoshop se aplicará a você. Também configuraremos nossos projetos de efeitos posteriores para que esteja tudo pronto para começar. E depois disso, vamos fazer uma textura animada em ebulição no Photoshop que podemos aplicá-la ao resto da nossa animação no After Effects. Em seguida, veremos como podemos aplicar essa textura animada a camadas e efeitos posteriores para que possamos começar a dar vida às nossas ilustrações. Também veremos alguns outros efeitos no After Effects para dar o impulso final. Também tenho uma lição cheia de dicas e truques para você ter em mente ao criar sua imagem. E, finalmente, haverá uma lição sobre técnicas de animação a serem lembradas quando você estiver realmente fazendo suas imagens se moverem. Mas, mais uma vez, esta não é uma aula de animação completa do After Effects apenas técnicas de animação que serão úteis para aprimorar o estilo desenhado. Além disso, certifique-se de assistir até o final de cada lição, porque vou definir algumas tarefas que irão prepará-lo para a próxima lição. Espero que o plano seja bom e claro. Na próxima lição, falaremos sobre terminologia comum de animação que será útil ao recriar um efeito feito à mão no After Effects. Então, te vejo lá. 3. atualização em andamento: Acho que esse é um bom ponto para trazer à tona alguns trechos da terminologia da animação antes de chegarmos às coisas práticas, para que estejamos todos na mesma página. Se você já está familiarizado com esses conceitos de animação, fique à vontade para pular adiante. Mas acho que seria útil cobri-lo porque vamos tentar recriar coisas feitas à mão digitalmente. Então eu acho que vai ser muito útil apenas definir esses conceitos e tentar entender o que eles realmente são. Essas são essencialmente as principais áreas que vamos tentar imitar digitalmente para dar a tudo uma sensação artesanal. Eu gostaria de começar pelo que é comumente chamado fervura, porque os vídeos são compostos de muitos quadros por segundo, qualquer coisa que se mova levemente aleatoriamente, cada quadro vai balançar, mais ou menos como água fervente, daí o nome. Por exemplo, se você fosse desenhar o mesmo quadro de animação repetidamente. E vamos dizer um pouco de queijo porque você é humano e imperfeito. Então deixe-me então, você estará desenhando um pouco diferente a cada vez. E essas pequenas variações no quadro significam que, quando você reproduzi-lo, a linha terá um leve efeito oscilante. E na animação isso é chamado de fervura. Você pode obter efeitos de ebulição animando texturas ou qualquer coisa que mude por quadro. Qualquer coisa que tenha um pouco de aleatoriedade. Então isso tem algum tipo de sacudida. Essa é uma ferramenta muito útil quando você está tentando dar uma sensação artesanal às coisas. É bom para fazer as coisas parecerem um pouco mais vivas. Como se eles tivessem algum tipo de movimento para eles. Quando você está trabalhando digitalmente é algo que terá que ser adicionado deliberadamente. Portanto, é algo que surge naturalmente quando você trabalha com formatos analógicos, como desenho à mão ou stop motion. Mas quando você está trabalhando digitalmente, você terá que adicionar isso deliberadamente de volta, porque o computador simplesmente redesenha o quadro perfeitamente amarelo é. A próxima coisa que eu gostaria de falar, que acho que as pessoas costumam achar confusa, é referir-se à animação em dois, desenhada à mão, particularmente animação tradicional desenhada à mão que é desenhado em papel. Obviamente, leva muito tempo. E o vídeo normalmente é executado a 2425 ou 30 quadros por segundo. Essas são as taxas de quadros mais comuns. Então, desenhar tantos quadros por quantos minutos de animação obviamente serão muitos quadros. Portanto, uma maneira fácil de economizar tempo é , obviamente, reduzir a taxa de quadros. Então, muitas vezes, digamos que você esteja trabalhando a 24 quadros por segundo. Você poderia cortar isso ao meio e trabalhar a 12 quadros por segundo. Então você está desenhando apenas 12 quadros para cada segundo de animação. Mas, obviamente, quando você joga 12 quadros por segundo a 24 quadros por segundo, porque isso é, por exemplo, nos cinemas, eles querem projetar os filmes todos na mesma taxa de quadros. Então, todo mundo fica com 24 quadros por segundo. Então, se você desenhou 12 vezes por segundo, quando você executar isso a 24 quadros por segundo, ele estará correndo muito rápido. Então, a maneira como as pessoas fazem isso é duplicando cada quadro em dois quadros. Então você desenha um quadro e depois duplica esse quadro. E então você desenha o próximo quadro e depois duplica esse quadro. Portanto, são dois quadros para cada quadro. E isso se chama estar em dois. É por isso que a animação desenhada à mão costuma ter aquela sensação de gagueira. E, na verdade, estamos programados para ver 12 quadros por segundo é um pouco mais feito à mão como resultado, mas o mesmo vale para três ou quatro. É o mesmo termo. Significa Amigos para cada quadro, quatro quadros para cada fama e assim por diante. Então, quanto maior o número, obviamente , mais gagueira será. Há um efeito muito simples que usaremos no After Effects chamado posterize time, que permite alterar a taxa de quadros de uma composição ou até mesmo ter uma única camada. Eu também gostaria de mencionar rapidamente traços e preenchimentos que são um pouco mais autoexplicativos, mas ainda vale a pena mencionar aqui, acho que vou usar o termo traços para descrever qualquer tipo de ou lápis ou algo parecido. Na ilustração. Vamos recriar isso no After Effects, usando apenas traçados em camadas de forma. Então você tem um caminho no After Effects e, em seguida, você pode aplicar um efeito de traçado a ele, que basicamente desenha uma linha ao longo do caminho. Isso adicionará texturas e efeitos no After Effects para tentar combinar o estilo do traçado e a arte original. Preenchimentos, por outro lado, são qualquer coisa que não seja basicamente um traço. Pode ser uma forma com uma única cor de bloco, ou pode ser uma superfície com uma textura, ou pode ser um gradiente, ou pode ser um pouco de sombreamento. Qualquer coisa que tenha algum tipo de cor aplicada e cubra mais área do que apenas a linha. Basicamente, qualquer tipo de preenchimento que precise ser animado em sua ilustração também recriará aqueles com camadas de forma. E o After Effects, será apenas uma forma de caminho fechado com uma cor preenchida dentro dela. E então aplicaremos texturas e efeitos a eles também. Incrível. Agora que alguns desses conceitos de animação estão um pouco mais claros, acho que é um bom momento para dar uma olhada em algumas obras de arte que talvez queiramos animar. Na próxima lição, reuni um monte de ilustrações diferentes com uma variedade de estilos de arte diferentes que podemos ver. E então podemos discutir o que funcionará e o que não funcionará tão bem quando estivermos tentando animar no After Effects. Vejo você lá. 4. atualização em andamento: Bem-vindo de volta. Nesta lição, analisaremos diferentes tipos de estilos de arte. E então vamos falar sobre o que funciona bem quando você está animando no After Effects e o que seria um pouco mais desafiador. Neste ponto, eu também gostaria de apresentar um pouco de teoria, eu acho, em termos de quando você está misturando animação artesanal com animação digital. Porque se for mal feito, pode dar muito errado. A principal pergunta que você precisa fazer a si mesmo, realmente com todas essas imagens, é: seria melhor em artefatos, ou você deveria apenas fazer isso manualmente? animação desenhada à mão leva muito tempo, com certeza, mas há algumas coisas que são realmente difíceis de replicar no After Effects. Então, tudo se resume ao que realmente precisa ser animado, como está se movendo e por quanto tempo também. A principal coisa que o After Effects permite você faça é configurar o que você vai animar o personagem da tigela de frutas ou o que quer que seja. Depois de configurado, você pode animá-lo mais facilmente por um longo período de tempo. Na verdade, pode levar muito mais tempo no After Effects para chegar ao primeiro quadro de animação concluído. Depois de fazer todos os seus efeitos e rigging, teria sido mais rápido ter apenas desenhado aquele quadro único. Mas então animar dez segundos dessa coisa no after effects seria muito rápido em comparação com desenhar em cada quadro à mão. Por outro lado, se a cena que você precisa animar for muito curta, e digamos que 25 quadros tenham alguma animação de personagem realmente complicada. Pode ser muito mais rápido para nós desenhar a coisa toda à mão em vez de definir, configurá-lo no After Effects, você já estaria terminado quando chegar ao primeiro quadro e depois dos efeitos. Portanto, é necessária uma consideração cuidadosa sobre o que você vai animar. Ok, então eu vou, para essas fotos que eu acabei de selecionar de pessoas que eu sigo no Instagram basicamente e falar sobre como elas são adequadas para animar no After Effects. E também quais bits seriam difíceis, quais bits seriam fáceis e se seria melhor fazer coisas desenhadas à mão ou um After Effects usando técnicas de efeitos posteriores. Então, vamos analisar isso rapidamente e conversar rapidamente sobre isso. Então, sim, isso é do Foreign Place Studio. Na verdade, esses são caras com quem trabalhei região onde moro na minha parte do Reino Unido. E eu sou um grupo de animadores muito talentosos. Seria perfeito para animar no After Effects. Seria meio difícil conseguir essa pose, essa pose particular desse personagem, o corpo está totalmente bem, mas talvez os pés sejam difíceis. A principal coisa que é difícil de consertar é a mudança de perspectivas. Como se você estivesse fazendo algum tipo de rotação 3D, esse tipo de coisa. Obviamente, é fácil em animação 3D, e também é fácil em animação desenhada porque você apenas desenha a rotação. Pode não ser 100% perfeito quando você está fazendo um sorteio, mas isso é algo que é meio difícil de consertar. Então, por aqui, pelos pés, o personagem provavelmente estará de pé em algum momento e, em seguida, fará essa pose muito dinâmica em um giro. Assim, você pode trocar os pés em uma determinada moldura para essa obra de arte em particular. Mas rotações suaves e rotacioná-las em três dimensões seriam meio complicadas, mas factíveis. O resto desse personagem se presta completamente à animação vetorial. Você provavelmente teria que recriar os braços e as pernas, de alguma forma, principalmente para cima. E então você provavelmente teria que adicionar essas linhas extras no topo depois como outra camada. Mas você pode anexá-lo com nulos, esse tipo de coisa. Você pode querer adicionar esse cabelo ondulado depois, desenhado em cima da animação do After Effects. O mesmo acontece com essas pernas de calça. Quero dizer, pode haver uma forma logo no topo, mas se você quiser que eles realmente se movam, então esse é outro nível de dificuldade em fazer isso no After Effects. Provavelmente é mais fácil desenhá-los por cima. Basicamente, o que estou tentando entender é quando você começa a usar camadas de forma e After Effects e está alterando a forma quadro a quadro. Você pode muito bem desenhar essas linhas perfeitamente fáceis de fazer. Esse personagem parece perfeito para o After Effects. Se ele está parado lá, os pés travam no chão e você está apenas dobrando as pernas dele e inclinando para trás e fazendo seus braços subirem no ar. E isso é muito bom. O difícil é que, na verdade, essas linhas no topo, essas linhas de detalhes extras, essas são bastante complicadas porque elas não fariam parte do equipamento do personagem lá. Mas, novamente, isso ainda é bastante complicado , porque você teria que quebrar o personagem. Você realmente precisa fazer alguns artefatos, manipulação de personagens, mas o efeito real de fazer com que suas coisas de efeito posterior correspondam a esse estilo desenhado. Super fácil. Você só precisa fazer um pouco de distorção nos traços, um pouco de distorção na borda de suas camadas de forma. Não há problema com este. Este é um teste dos robôs de Smith. Ilustrador realmente incrível que eu sigo. Este é outro exemplo perfeito de animação no After Effects seria perfeito porque você meio que tem que imaginar que animação você estaria fazendo neste. Acho que é um monte de morango pulando por aí ou talvez até olhando em volta, olhando um para o outro, esse tipo de coisa. Definitivamente piscando e movendo seus rostos. Esse tipo de coisa é super fácil. Você só usa algumas camadas de forma, alguns traços para os rostos, jogadores de forma para a parte externa da cabeça. Idealmente, se isso foi feito usando o Illustrator, você pode simplesmente importar seu arquivo do Illustrator para o After Effects. Você poderia, se essas fossem formas contornadas, você teria que refazê-las como traçados para facilitar a animação. Uma peça realmente adorável de Nando von ARB. Este também seria ótimo para artefatos. As únicas partes complicadas seriam obter esse sombreamento, o que você poderia fazer facilmente com algum tipo de dissolução de dança ou talvez algum ruído e gradientes. Parece que está tudo desenhado em uma camada. Eu não sei como isso realmente foi feito. Pode até estar no papel. Acho que isso é o Photoshop. Você teria que apenas redesenhar o que obviamente vem como camadas de forma que você provavelmente poderia apenas fazer uma gota de chuva e depois animar isso, e talvez alguns pequenos, grandes aqui a matemática poderia ser moldado. Os jogadores apenas criam camadas diferentes. Então, isso seria muito fácil de fazer no After Effects. Qualquer coisa que pareça, qualquer coisa que pareça vetorial, que qualquer tipo de estilo vetorial, coisa que seja de cor sólida com traços, muito fácil de fazer. A única coisa que seria difícil aqui talvez seja como rotação na cabeça, porque isso tem uma face bastante detalhada. Fazer uma curva não seria tão difícil, mas fazer isso virar o caminho todo, seria muito difícil mostrar o que está acontecendo. Talvez esteja entrando na cabeça dele e saindo do nariz. Quero dizer, este é apenas um Illustrator direto e é um desenho radioativo de néon louco de tinta Wang parece super digital, super vetorização, trazê-los para o After Effects é absolutamente nenhum problema. Quero dizer, você poderia simplesmente importar seu arquivo do Illustrator. Você teria que preparar seu arquivo do Illustrator provavelmente porque você precisa dividir o arquivo do Illustrator em camadas, dependendo do que você realmente vai animar. Mas você definitivamente poderia fazer movimentos nas pernas. Se eles estão todos andando, todos parecem estar mais ou menos estáticos olhando para a câmera, os braços nem estão presos ao corpo, que torna as coisas realmente fáceis. Você pode simplesmente colocar uma rotação neles, Sim, obviamente, este é muito, muito fácil de animar no After Effects. Então, esse é um artista desconhecido. Eu tenho esse vírus, repost do instagram. O sifão que parece é de Star Wars. Isso não é inspiração para o C3PO. Eu não sei o que é. Ok, então agora estamos entrando em território que vai ser muito mais difícil. Então, eu queria dar alguns exemplos de onde isso será quase impossível. Quero dizer, você pode animar no After Effects. Você pode animar isso o suficiente para x, mas não vai ser bom. Vai ficar bem? Seu estilo de animação vai combinar com o estilo de ilustração? Porque para mim, isso parece que precisa ser feito com muito, muito cuidado, animação muito mínima, qualquer quadro de passo, lentamente. Eu escolhi este porque você poderia animá-lo, porque o que está acontecendo na cena não é muito dinâmico. Eles estão lá parados, esse cara sentado aqui. Você poderia fazer um movimento muito sutil na gravata dele. Você pode ter talvez piscando, movendo a mão dele, muito sutil, esse tipo de coisa. Você não gostaria de fazer nada além disso. Você definitivamente poderia fazer alguma animação no fundo e esses equipamentos científicos, esses copos e outras coisas, esses tubos de ensaio e copos. Isso pode ser muito bom. Um pouco de brilho entrando pela janela. Obviamente, você poderia animar esse grão. Você pode fazer parecer que talvez fosse um filme ou algo assim. Você não gostaria de ficar muito louco com isso. Caso contrário, a coisa toda seria como se estivesse apenas borbulhando com o barulho. Então você quer manter isso mais sutil diria, mas sim, eu não sei em termos de animar isso, você poderia animar um pouco o braço dele. Mas se você começar a fazer bonecos esse tipo de braços muito detalhados, eles parecem fantoches que ela poderia delinear todas essas linhas e, em seguida, manter a textura por baixo. Daria muito trabalho. Seria uma tonelada absoluta de trabalho. Você poderia fazer um movimento muito sutil e uma taxa de quadros muito baixa e ter todas as luzes emitindo um bipe e toneladas de movimento acontecendo nesta parte do robô, isso seria muito divertido. Mas em termos de fazer qualquer animação de personagem real, movimentos de personagens, você vai manter isso realmente mínimo. Caso contrário, vai começar a parecer muito ruim. Basicamente. Eu acho que alguém provavelmente poderia animar isso de uma maneira muito agradável, mas sim, você teria que ser bastante limitado. Você teria que ter cuidado ao animá-lo. Basicamente. Aqui está outra pintura que achei que seria bom compartilhar porque esta está parecendo um pouco mais Vector3. Então, definitivamente há algum movimento que você poderia fazer nisso. Quero dizer, não há personagens nele para começar, então isso torna as coisas um pouco mais fáceis. Não sei exatamente qual animação você gostaria de fazer. Talvez um movimento de câmera, você poderia estar se em toda a perspectiva e isso realmente forçou. Para que você pudesse se safar com algumas coisas bonitas do Slidy se movendo com um pouco de paralaxe, você teria que manter essas texturas dentro das formas. Então, se você estiver distorcendo as formas, você teria que manter essas texturas lá porque não havia uma maneira real recriar isso usando o After Effects. Talvez você precise estendê-los um pouco com o Photoshop, o que é totalmente possível. E então você pode usar máscaras no After Effects para revelar suas texturas, texturas do Photoshop. Você poderia potencialmente ter as laranjas caindo na tigela, esse tipo de coisa. E a tigela balançando para frente e para trás enquanto eles pousam com um bom movimento. Você pode ser um pouco difícil encontrar coisas para animar lá, mas é definitivamente possível. Este é um B by Ben Marriott. Aqui está um que eu achei muito bom compartilhar porque é outro que parece meio que um diretório com sombreamento muito pictórico. Então você pode definitivamente fazer alguns efeitos de ebulição muito bons nessas partes da pintura para dar vida a ela. Você definitivamente poderia animar essa chama, provavelmente chamas desenhadas à mão e muito mais fácil do que fazê-lo em vetores. Você quer aquele jamminess vacilante, que o fogo desenhado à mão lhe dá. Especialmente em um desenho como este, onde tudo é bastante solto e instável de qualquer maneira, essas asas você definitivamente poderia fazer fazendo camadas de forma com um pouco de textura fervente no meio, você pode ter essas asas batendo e zumbindo para longe. Ruído de fervura parcial de Pont pintado que você poderia fazer no After Effects. Definitivamente, você poderia animar isso muito bem usando camadas de efeitos e texturas em ebulição. Acho que esse desenho da Julie, é muito bom. É um esboço tão adorável, ingênuo e infantil, mas é tão agradável. As cores são tão bonitas. A quantidade de movimento nesse estilo de desenho rabiscado que ela tem. Tão legal. Você poderia fazer isso facilmente desenhado à mão porque você pode simplesmente fazê-lo super solto. Então você pode fazer todos esses rabiscos à mão no Photoshop e fazer tudo quadro a quadro. Isso funcionaria perfeitamente bem. Estou tentando pensar na vantagem de fazer isso no After Effects. Você pode fazer isso no After Effects. Você precisaria fazer muito trabalho para fazer com esses traços pareçam traços lápis, como fazem aqui. Se você só precisasse fazer uma foto como essa, no Photoshop seria o caminho a percorrer, eu acho. Mas você poderia fazer isso no After Effects para, se, por exemplo, se precisasse ser realmente longo, se você precisasse desse personagem, andar por essa floresta por um tempo para pisar sobre rochas e para fazer muitas atuações diferentes. E você não tinha tempo ou orçamento para fazer animação desenhada à mão neste, então eu acho que os efeitos posteriores seriam o caminho a percorrer esse personagem, o estilo desse personagem que você pode rig no After Effects com bastante facilidade. Você poderia fazer coisas como animar o cabelo. E então tudo o que você precisa fazer é animar uma versão fervilhante de todas essas texturas e apenas rastreá-las em seu equipamento de efeitos posteriores. Você pode ter todas essas árvores rodando em furúnculos de cinco quadros que você pode desenhar no Photoshop e, em seguida , pode usá-las espalhadas aleatoriamente na cena. E você pode fazer um monte de diferentes texturas de fervura rabiscada no Photoshop. Os homens e o mesmo com o sol. E então você pode compor a coisa toda no after effects e seria definitivamente mais rápido. Não sei se seria tão rápido que valeria a pena fazer um after effects, dependendo da duração da foto, você definitivamente poderia economizar tempo. Se fosse um tiro no escuro, seria muito mais rápido no After Effects. Uma observação rápida ao decidir como animar algo é que o estilo de animação tende a precisar corresponder ao estilo da ilustração. Portanto, se sua ilustração for feita de recortes de papel, a animação precisará ser animada de forma que os recortes de papel possam animar. Portanto, o papel não tende a dobrar de uma certa maneira. Então, se você começar a dobrá-lo, o que você pode fazer digitalmente, então não vai mais parecer um recorte de papel. Talvez pareça óbvio, mas há muitos exemplos de animação por aí em que alguém colocou efeitos bastante digitais em algo que foi feito à mão, como efeitos de partículas, chamas ou desfoque de movimento é muito comum. Se você está adicionando isso em cima de algo que deveria parecer feito à mão, então os dois estilos normalmente não combinam muito bem. Eu não estou dizendo que não pode funcionar, mas muitas vezes, adicionar esses efeitos tira o estilo de ilustração original no mesmo ponto, falando sobre personagens mais especificamente, se personagens têm proporções realistas. Então, se os personagens foram projetados de uma forma que parece mais com um humano do que com um personagem de desenho animado. Então, esses personagens também precisam ser animados de uma forma um pouco mais realista. Caso contrário, parecerá um pouco estranho. Se você pensar em animação japonesa. Muitas vezes, os personagens são desenhados de uma forma muito realista. Portanto, a animação combina com esse respeito em termos de se mover de uma forma um pouco mais realista. Não estou dizendo que é uma regra que não pode ser quebrada porque, obviamente, as regras existem para serem quebradas e especialmente em termos de arte. Mas geralmente, parece um pouco, faz um pouco mais de sentido quando as coisas se movem da maneira que parecem que deveriam se mover. Obviamente, com personagens estilizados e personagens de desenhos animados que podem se mover de uma forma um pouco mais irreal ou exagerada. Portanto, é uma boa ideia manter todos esses pontos em mente quando você estiver se aproximando da sua animação. Ótimo. Então, espero que tenhamos uma ideia um pouco melhor de como o After Effects e ajude a mover algo em comparação a fazê-lo manualmente. Vamos recapitular rapidamente os principais pontos que abordamos. Portanto, os artefatos podem ser mais lentos na configuração do primeiro quadro de animação, especialmente depois você ter feito todas as suas leituras e efeitos. Mas depois de configurá-lo, será muito mais rápido realmente animar essa coisa. Em geral, você deve se certificar de que seu estilo de animação corresponderá ao seu estilo de ilustração. Portanto, se você tiver uma caracterização realista, mova-se de forma realista. E o oposto é verdadeiro para personagens estilizados. É uma boa ideia considerar o que vai ferver na cena. Quais linhas você terá que refazer. Outra linha vai estar fervendo ou a textura vai estar fervendo, esse tipo de coisa. Portanto, é uma boa ideia pensar sobre o que vai se mover e quanto da imagem você terá que refazer para fazer essas coisas se moverem. Pense nas partes da imagem que serão deixadas à mão. Então, se você está trabalhando com algo pintado, então vai ser um pouco mais difícil recriar um after effects. Muitos gradientes, muitos detalhes, esse tipo de coisa. Se você vai trabalhar com isso e então você vai colocar camadas de formas animadas em cima, como essas coisas se misturam, e que tipo de efeitos você vai ter que fazer digitalmente para que fique assim, que viva no mundo da ilustração. Portanto, é uma boa ideia começar a reunir as texturas e as coisas que você usará para fazer com que seus vetores que você animará no After Effects pareçam com o original. ilustrações. Ótimo, então vamos fazer uma pequena pausa lá. Eventualmente, vou fazer com que você encontre sua ilustração. Essa vai ser uma das tarefas e essas lições. Mas antes de começar a fazer isso, acho que seria uma boa ideia assistir a próxima lição em que eu só queria compartilhar alguns projetos de animação em que trabalhei, onde tivemos que combinar um sorteado. estilo de ilustração e animamos a coisa toda no after effects. Falarei um pouco sobre nosso processo nesses projetos e como alcançamos o efeito drone. Então, vejo você na próxima lição. 5. atualização em andamento: Ok, mais uma aula curta do tipo teoria. Antes de realmente chegarmos às coisas práticas. Eu queria compartilhar rapidamente alguns exemplos do mundo real em que uso as técnicas que estou ensinando nesta aula para obter uma aparência artesanal na animação de artefatos digitais. Vamos dar uma olhada rápida nesses dois trabalhos em que trabalhei. Esses foram dois exemplos realmente bons de pegar obras de arte desenhadas à mão e animar inteiramente e depois dos efeitos. Então, a primeira é a cronêmica, o que eu fiz em 2015. Acho que enquanto trabalhava na Animated, que é um estúdio de animação com sede em Londres. Então, tudo foi projetado pelo diretor criativo de lá, Ed Barrett. Esta seção do filme foi entregue a um animador diferente no estúdio e eles dirigiram sua própria seção, projeto muito divertido para trabalhar. Provavelmente uma das minhas memórias de animação mais queridas. O problema com isso é que Ed o projetou com a animação do After Effects em mente. Então ele tornou isso muito simples e tivemos que fazer muita animação. Então ele manteve a simplicidade nos ajudar para que tivéssemos isso para nós. Basicamente, fui encarregado de manipular os personagens de efeitos posteriores e fazer com os personagens de efeitos posteriores e que o efeito desenhado funcionasse. Mas sim, talvez você possa ver, mas todos os personagens são feitos apenas de camadas de forma. São só traços. Animar caminhos e traçados no After Effects é muito fácil. Queríamos fazer parecer que isso foi desenhado em papel. Poderíamos ter conseguido muito, você pode ir muito, muito ao mar. Então você tem que desenhar uma linha em algum ponto entre quanto tempo você deseja renderizar e efeitos posteriores e quão simples as plataformas são e quão pesado é trabalhar quando você está animando e assim por diante e assim por diante. Então, é um pouco como encontrar um equilíbrio. Nós criamos algumas maneiras bastante eficazes de tornar este filme mais feito à mão do que apenas camadas regulares em forma de After Effects. E uma das coisas principais foi ter em mente que, se você estiver animando no papel, quando estiver digitalizando esses quadros, por exemplo, a textura do plano de fundo só mudará quando os caracteres movendo-se. Se não houver nada se movendo na tela, a textura da textura do papel que está passando pelo plano de fundo não vai mudar. Você vai segurar essa textura. Então eu tive que fazer, fiz uma pequena expressão do After Effects que aleatorizava a textura do papel toda vez que detectava que algo estava se movendo na cena. A outra coisa obviamente era tornar os traços não uniformes. Então, obter essa espessura aleatória nos traços foi a outra coisa importante que fizemos. Havia algumas coisas acontecendo para alcançar esse efeito. O fato de eu saber que isso é feito no After Effects, parece o After Effects para mim porque as linhas ainda estão bem limpas. E se você olhar bem de perto, se você subir até 100%, você pode ver que não é realmente papel. Você pode ver isso como paciente. E também há poucas coisas que revelam isso, às vezes com o mascaramento e esse tipo de coisa. Mas geralmente, acho que nos safamos muito bem. E esse outro em que trabalhei mais recentemente com meus amigos no estúdio. E a animação foi encabeçada por Joe Bichon ali. Foi o trailer de um livro para Chris Horton, que é um ilustrador infantil incrível. E para seu novo livro chamado talvez, eu acho que ele trabalha no Photoshop, ou isso ou ele faz coisas no papel e depois recorta algumas e depois as traz para o Photoshop. De qualquer forma, tínhamos o Photoshop, documentos em camadas do Photoshop para trabalhar. E ele tem esse estilo de ilustração de recorte realmente adorável, meio caótico e muito solto. Então, a animação sempre seria bem enquadrada. Então, obviamente, acabamos de fazer um pouco de animação de paralaxe em todas as diferentes camadas. E é em 12 quadros por segundo, eu acho. E então os personagens eram puramente Reagan After Effects. Acho que usei recortes das cabeças para os macacos, mas não tenho certeza se tenho um pressentimento. Eu apenas o rastreei em camadas de forma para que eu pudesse alterá-las um pouco por macaco. Além disso, você precisa animar os olhos porque há apenas algumas formas. Às vezes, é mais fácil rastreá-lo. Então você tem isso como uma camada de forma em vez um documento do Photoshop que você precisa mascarar. E então os corpos, são apenas traços. Acho que são seis traços e acho que estão todos em uma camada. Então, o corpo que os dois braços, duas pernas, o corpo e a cauda. Eu acho que eles estão todos em uma camada de forma ou, potencialmente se eu acho que talvez outra camada de forma para o braço frontal. Se o braço tiver que ficar na frente da cabeça. E então são literalmente seis traços e tem bordas rugosas enormes. Uma camada de bordas ásperas, bordas ásperas é apenas um efeito de distorção e usaremos muito é algo que você basicamente precisa usar o tempo todo se quiser fazer as coisas parecerem eles são desenhados à mão e After Effects, existem outras maneiras de conseguir esse efeito, mas bordas ásperas são tão simples porque é apenas um efeito. E você pode colocá-lo em qualquer jogador de forma ou qualquer coisa. E isso dará esse tipo de campo áspero e feito à mão para qualquer forma vetorial, e é isso. Então, apenas algumas camadas de forma simples para o equipamento de personagem e bela animação de quadro de passo com uma taxa de quadros baixa e tudo parece realmente feito à mão. Ótimo. Espero que você tenha achado isso informativo e útil para ver como esses dois estilos de ilustração diferentes foram feitos. Isso usando muitas das mesmas técnicas em ambos para obter resultados diferentes. Veja os links na descrição abaixo para a versão completa dos dois projetos. Ok, sua tarefa para esta lição é ir e encontrar a arte que você deseja animar. Para que isso possa ser feito sozinho ou com um colaborador pintado no Photoshop, desenhado no Illustrator ou lápis e papel, pintura em aquarela, o que quer que você faça. E eu gostaria que você tivesse em mente todos os pontos sobre os quais falamos nas últimas aulas. Além disso, vale a pena mencionar novamente que, se você estiver trabalhando com uma ilustração que não é sua, certifique-se de obter permissão primeiro. É melhor assim porque o artista original do artista normalmente é totalmente bom para você poder animá-lo. E então você pode compartilhá-lo em suas plataformas de mídia social. Algumas dicas se você estiver trabalhando no Photoshop ou no Illustrator, ou algum tipo de software em camadas separar as coisas em tantas camadas quanto possível, porque oferece muito mais flexibilidade mais tarde. Além disso, eu diria que se preocupe mais em fazer uma bela imagem do que em facilitar a animação. Porque muitas vezes você, como animador, você é solicitado a fazer algo em alguma ilustração sobre a qual você não tem controle, eles apenas dirão, você pode animar isso? Então não haverá muita consideração para você como animador quando você conseguir esses desenhos. Mas isso dito, para esta lição, talvez tente manter as coisas bem simples. Vai ser uma perda de tempo se você estiver tentando seguir a lição e estiver realmente lutando com uma ilustração muito complicada. Então, como você tem controle desta vez, acho que provavelmente é uma boa ideia que uma vez que você, depois de entender os fundamentos, possa fazer uma ilustração mais complicada. Mas para este, provavelmente mantenha as coisas simples, se puder. Boa sorte, e nos vemos na próxima lição em que começaremos a importar arte para o After Effects. Vejo você lá. 6. atualização em andamento: Ok, então analisamos nossos fundamentos e analisamos diferentes tipos de ilustrações. E temos uma ideia um pouco melhor de como abordaríamos a animação. Nas próximas lições, veremos como preparar sua arte. Portanto, seja um arquivo digital ao qual você tem acesso às camadas, como um arquivo do Photoshop e do Illustrator ou uma arte nivelada, veremos como prepará-los e como os artefatos e os coloca de maneiras diferentes. Então, espero que todos tenham feito a tarefa e tenham algumas obras de arte que agora queiram animar. Se você fez isso sozinho ou encontrou um colaborador com quem trabalhar. Para minha animação finalizada, vou trabalhar com uma ilustradora chamada Dorothy Seaman. Ela é ótima. Eu recomendo ir conferir o trabalho dela. Você pode vê-lo exibido em segundo plano aqui, e eu vou colocá-lo na tela para você agora. Assim, as próximas lições foram divididas em importação do ilustrador, depois do Photoshop e, em seguida, da arte nivelada. E depois disso, vou passar para a forma como estou preparando a foto de Dorothy para animação. Eu dividi assim apenas para facilitar o acesso. E eu sei que todo mundo está em níveis diferentes. Se você é apenas um artista do Photoshop, ou normalmente trabalha no Illustrator, ou se você apenas faz pinturas, mas quer aprender depois dos efeitos, então espero que cada uma dessas etapas seja vai ajudar você a entender como o After Effects absorve diferentes tipos de arte, porque todos eles são um pouco diferentes. Nas próximas três aulas, vou usar essa ilustração que fiz rapidamente para mim mesmo. Fiz uma versão ilustradora da versão Photoshop e uma versão achatada. E eu os incluí nos materiais da aula se você quiser acompanhar. Ok, então, nesta lição, veremos como importar do Illustrator. Então, vamos ao que interessa. Acho que ilustra que esse é um bom lugar para começar. Eu fiz esse arquivo muito simples, que é um exemplo do que você pode estar trabalhando. Uma coisa a ter em mente é que provavelmente é muito mais simples do que algo que um cliente ou ilustrador que não anima pode lhe dar. Eu tive um choque real no passado, quando você obtém esses documentos enormes toda vez há um milhão de camadas e tudo não está rotulado e agrupado de maneiras estranhas. Ou há toneladas de coisas escondidas que você fez e o que você pode manter e o que você pode excluir, esse tipo de coisa. Obviamente, isso não tem um estilo desenhado à mão, é apenas um estilo vetorial, mas chegaremos às coisas desenhadas à mão daqui a pouco. Você pode fazer coisas desenhadas à mão no Illustrator, o que obviamente não vai cobrir desta vez. Esse é um processo totalmente diferente. Portanto, este é apenas um documento muito simples para dar uma ideia de como preparar coisas para o After Effects. Então, eu meio que gosto de uma visão geral das etapas principais. A primeira coisa que precisamos fazer é dar uma olhada rápida em suas camadas. Então, vamos dar uma olhada na estrutura aqui. Se você não conseguir ver sua caixa de camadas, certifique-se de tê-la lá. Deixe-me colocar aqui. Pode parecer assim na lateral do seu painel lateral aqui. Você pode simplesmente clicar nele e isso vai aparecer nas suas camadas. E eu gosto de arrastá-lo para uma caixa separada para que eu possa torná-lo tão grande quanto eu quiser. Se você não consegue ver isso se clicar, se você clicar neste botão aqui em cima e ir para Essentials Classic, deve fazer com que seu layout corresponda ao meu layout. Ou você pode ir para Janela e clicar nas camadas aqui. E o F7 é o atalho e o PC de qualquer maneira, não tenho certeza do que seria no Mac. É assim que você obtém sua janela Layers. Temos plano de fundo, depois temos a planta em uma camada ou no fundo. E então temos a sombra para o personagem e o personagem na camada superior. Então, essas são as cinco principais camadas deste documento, e obviamente foram arrumadas um pouco. Essas coisas estão em camadas muito bem uma maneira útil, o que é bom. Como exemplo, vamos ver o que acontece se importarmos esse arquivo do Illustrator diretamente para o After Effects. Eles mudarão para o After Effects. E vou para a janela do meu projeto e vou para Importar Arquivo, encontrar meu documento do Illustrator, clicar em Importar. E então a primeira coisa que você vê é essa caixa de diálogo de entrada. E está perguntando como você deseja importá-lo e ter certeza selecionar a composição, selecionar a tensão. Ele apenas trará seu arquivo do Illustrator tão plano quanto uma imagem achatada, o que não é muito útil para nós. As outras opções aqui são que você tem o tamanho da camada. Então, eu sempre escolheria o tamanho da camada, mas em alguns casos você pode querer o tamanho do documento. Basicamente, é a caixa delimitadora da camada. Então, às vezes, isso torna a caixa delimitadora muito grande. Isso se você estiver trabalhando com camadas do Illustrator, mas vamos transformá-las principalmente em camadas de forma. Portanto, isso realmente não importa para o nosso caso, mas mantenha os tamanhos de camada mais úteis, acho que na minha situação. Então clique em OK e, em seguida aqui você tem uma composição. Então, vamos abrir isso. E também se tornou uma pasta com todas as camadas do seu arquivo do Illustrator como imagens separadas do Illustrator. Então, ele achatou o personagem em uma camada, a sombra do personagem em uma camada e assim por diante. Você pode ver o mesmo em sua composição aqui embaixo. Então nós temos o personagem, e aqui está a sombra e as plantas lá e os dois planos de fundo também. Ok, então isso é meio útil. Nós podemos, podemos trabalhar com isso. Mas a próxima coisa a fazer, especialmente para esse personagem, obviamente você quer todos os braços, membros e formas diferentes separados. Então, se você clicar com o botão direito do mouse sobre isso e for para Criar, criar formas a partir da camada vetorial, basicamente o que isso faz é criar uma camada de forma é a camada do ilustrador. E se você abrir isso, vá para Conteúdo torne cada forma em um grupo separado dentro dessa camada de forma muito complicada. Então isso é muito útil. Quero dizer, você poderia simplesmente ir lá e pescar tudo o que você precisa. Se eu fosse equipar esse personagem, eu refaria os braços e pernas de qualquer maneira com um caminho para a perna como este, eu não teria isso como uma forma de contorno dessa forma , você pode animá-lo em um uma maneira um pouco melhor. Eu não vou falar muito sobre manipulação e outras coisas nesta aula, mas é assim que eu abordaria isso. Então, há certas coisas que você vai querer manter diretamente do Illustrator, como talvez a cabeça e a mão, esse tipo de coisa. Mas algumas coisas você terá que refazer. Essa é exatamente a natureza de quando você trabalha com ilustrações predefinidas no After Effects. Então eu acho que um pouco de preparação no Illustrator antes de importar para o After Effects, é uma boa ideia. Então, vamos nos livrar disso por momento e fazer de novo. Vou selecioná-los e apenas excluí-los. Mas vamos voltar ao Illustrator. Então, basicamente, como podemos, como vimos no After Effects, After Effects vê cada camada, camada raiz no Illustrator como uma camada separada. Então. O que seria realmente útil é se tivéssemos todos esses personagens pausados, se eles fossem separados em camadas separadas. Mas no momento, você não pode, você não pode trazer um caminho para fora de sua camada tem que estar contido dentro de uma camada. Então, precisamos criar uma camada de cada um desses caminhos. Então, eu estou fazendo isso é muito fácil. Portanto, certifique-se de que tudo esteja desmarcado. Você não tem nada selecionado em suas camadas ou na cena. Assim, você pode simplesmente clicar em qualquer lugar para desmarcar, clicar na camada e garantir que nada esteja bloqueado dentro. Certifique-se de que todos os cadeados ou desativados. Em seguida, clique no menu e vá para liberar, solte as camadas para a sequência. O que isso faz é colocar cada caminho dentro dessa camada em sua própria camada. Então, tudo o que você precisa fazer é manter pressionada a tecla Shift e clicar em para selecionar todas essas camadas. Basta arrastá-lo para fora da camada original e, em seguida, esta ficará vazia para que possamos excluí-la. Então, agora temos todos esses lá. Então, vou passar e fazer isso para cada camada que queremos quebrar. Então, vamos pegar a sombra no momento. Pelo menos as camadas Liberam para Camadas e então eu apenas movo minha planta aqui, clico na planta e solto em camadas. Ok, então agora, agora eu tenho todas as minhas formas como camadas separadas. Nenhum deles está rotulado, mas é a mesma quantidade de trabalho rotulá-los novamente no After Effects. Então, podemos muito bem fazer isso e depois dos efeitos a menos que você compartilhe isso com outras pessoas. E então eu estou apenas salvando uma nova versão para que tenhamos a versão antiga. Se, no caso de precisarmos voltar a isso, vamos voltar ao After Effects. Desta vez, vou fazer o Control I para importação. Então, vou selecionar o Illustrator de filtro no qual estou trabalhando, Control ou Command I em um Mac e importá-lo como uma composição. Novamente, clique duas vezes nisso. E agora temos todas as nossas formas como camadas separadas. Agora, se fizermos nosso truque de criar, criar formas a partir da camada vetorial, temos todos os nossos contornos aqui para nós. Podemos simplesmente excluir esses. Uma dica rápida. Se você pressionar o botão Tilda no teclado, ele abrirá qualquer janela sobre a qual você está passando o mouse em tela cheia. Portanto, sua composição ou suas camadas, ver as camadas em tela cheia é realmente útil se você não sabe qual, o botão, botão que até que haja, basta digitar o botão T, L, D, E, teclado em Google. E isso vai te mostrar de qual eu estou falando. Então, o outro que eu queria mostrar a vocês é um plugin chamado overlord, que é feito por uma empresa chamada machado de batalha. Então eu vou, o que vou fazer é excluir todas essas camadas do ilustrador que são trazidas aqui. Então, eu só vou deletar isso. E então eu vou excluir todas as camadas de forma aqui. Então, ficamos com uma composição vazia. E eu vou voltar para o Illustrator. E eu vou voltar ao nosso original com apenas as camadas. Digamos que não explodimos duas camadas, todas as formas, e elas estavam apenas neste layout de camada original é um plug-in pago. Portanto, se você tem orçamento para comprar este plugin, é realmente útil se você estiver fazendo muito trabalho freelance com arquivos do Illustrator, é basicamente uma ferramenta essencial. Quero dizer, não é essencial, mas sim. Em determinadas situações, ele acelera enormemente seu fluxo de trabalho. Eu vou para Janela, vou para Extensões e abro o overlord. E há um monte de opções diferentes aqui que eu não vou entrar, mas elas podem ser super úteis em diferentes coisas de ponto de ancoragem que você pode fazer. Mas a principal coisa que vamos ver é estou empurrando para o After Effects. Você também pode usar efeitos posteriores, o que é muito legal. Você pode trazer camadas de forma do After Effects de volta para o Illustrator. Muito útil. Assim, ele garante que você tenha seu destino selecionado no After Effects. Eu tenho essa composição aberta. E eu vou literalmente selecionar tudo. Então, vou selecionar a coisa toda. Nada está trancado. E eu vou clicar em Push selection para After Effects. E muda para o After Effects. E então ele apenas reconstrói todo o documento do Illustrator dentro do After Effects como camadas de forma e até mantém parte do nome da camada. Portanto, é muito mais fácil trabalhar com isso. Então, foram dados alguns passos para fora do processo de entrada, o que é realmente útil. Eu vou preparar algumas dessas coisas para animação mais tarde. Incrível. Então, vamos fazer uma pequena pausa e recapitular as etapas principais ao importar arte do Illustrator. Então, ao importar qualquer arquivo em camadas você estará animando no After Effects. É uma boa ideia importar como composição. Portanto, se você importar como gravação, que é a outra opção, ela será exibida como uma arte de camada única achatada. Esteja ciente ao importar do Illustrator que o After Effects só verá realmente as camadas principais como objetos separados. Você pode separá-los mais no After Effects, depois de importá-los, mas é uma maneira um pouco confusa de fazer isso. Portanto, é melhor fazer a preparação inicial no Illustrator, dividir essas formas individuais em suas próprias camadas separadas, o que eu mostrei como fazer. Então, tudo virá de uma maneira um pouco mais fácil de gerenciar no After Effects. Ou, como mencionei anteriormente, você pode usar esse plug-in chamado overlord, que é de uma empresa chamada machado de batalha. Isso torna algumas das etapas muito mais fáceis. Na verdade, não é um plug-in mágico de um botão que pode dar errado às vezes, então esteja ciente disso. Mas em certas situações, é muito fácil clicar em overlord e ele simplesmente empurrará tudo para o After Effects. Na próxima lição, analisaremos importação de arte do Photoshop para o After Effects. Então, te vejo lá. 7. atualização em andamento: Bem-vindo de volta. Vamos continuar nossa jornada de importação. E, desta vez, veremos como importar um arquivo do Photoshop em camadas para o After Effects. Mude para o Photoshop. Eu tenho a mesma imagem do arquivo do Photoshop desenhado à mão. Então isso é um pouco, agora estamos entrando em um pouco mais disso, como lidar com elementos desenhados à mão. Então, você recebeu isso por um ilustrador e lhe disseram para animá-lo, ou talvez você tenha feito isso sozinho. É legal entrar aqui. Você tem traços nessa camada, eu tenho a pele nessa camada. Isso é bom. E tudo isso tem as texturas incorporadas na camada. Tudo bem. As sombras em uma camada separada. Então isso é muito útil. Definitivamente, podemos trabalhar com um pouco disso. Apenas uma observação rápida é que quando você recebe um arquivo do Photoshop ou se está trabalhando bastante no Photoshop, você tem um grupo para várias camadas. Talvez esse seja o grupo de personagens. Se você trouxer isso para o After Effects, não mostrarei como fiz com o ilustrado. Mas se você trouxer isso para o After Effects, ele trará todas as camadas separadas. Então está tudo bem. Mas ele trará cada pasta como um PreComp, terá uma composição principal do Photoshop Composite. E então dentro disso estarão todas as camadas soltas que você tem na raiz. Então, quando ele vê uma pasta que entrará em nosso flex como uma pré-composição. E então você abre a pré-composição e lá dentro estarão suas camadas. Portanto, se você não quiser que seu documento seja pré-composto exatamente da mesma maneira que seu documento do Photoshop, que provavelmente é o caso quando você está fazendo ilustração, está aqui. É muito diferente de trabalhar com animação e efeitos posteriores. Às vezes funciona, às vezes não. Como nesta situação em particular, você provavelmente terá um pré-composição chamado personagem, mas eu gosto de tomar essa decisão por mim mesmo. Então, eu normalmente agrupo todas as coisas das camadas no Photoshop para que elas fiquem todas soltas no documento principal. Porque então você pode decidir por si mesmo quando estiver no After Effects, como organizá-lo. Então eu cliquei em Salvar nisso. Vamos para o After Effects e importá-lo. Então, vou para minha pasta do Photoshop, clicar em Controlar I e importar o arquivo do Photoshop. E, novamente, só queremos composição. Agora temos todas as nossas camadas aqui no Photoshop. Isso provavelmente se aplica a todas as coisas diferentes que você é importante. Você precisa verificar o tamanho da imagem. Então, na verdade, eu meio que facilitei para mim mesmo o fato de ter feito isso em HD. Então, esses são todos 1920 por 1080. O ilustrador, o do Photoshop e o achatado, o que faremos a seguir. Depois de criar sua composição, vá para Composição, Configurações da composição. E isso abre essa janela. E então você pode mudar o tamanho disso. Portanto, se o tamanho da sua imagem for muito grande, como se fosse algo grande, quais ilustrações tendem a ser porque quais ilustrações tendem a ser porque normalmente são feitas para impressão grande. Obviamente, queremos trabalhar em algo que seja mais razoável no After Effects. Se você está trabalhando, você pode estar trabalhando muito grande, obviamente como para k como formato totalmente normal agora, mas ainda não é muito usado. HD ainda é o formato mais comum que você encontrará. Tamanho comum. Portanto, se o tamanho da sua imagem for maior do que, eu recomendaria definir sua largura para 1920 ou sua altura para 1920, sua largura para 1920 ou porque você pode estar trabalhando em retrato ou paisagem. O After Effects fica muito lento quando você está trabalhando com grandes tamanhos de imagem rapidamente. Eu provavelmente, acho que mencionei isso antes, mas se você trabalha no Procreate, procreate pode salvar arquivos como um PSD, que é um formato Photoshop. E você também pode abri-los no Photoshop. Então, se você está trabalhando no Procreate, o que muitas pessoas fazem hoje em dia do que pessoas que não sabem o que é. É um aplicativo de desenho muito comum no iPad. Portanto, se você estiver trabalhando no Procreate, basta seguir o fluxo de trabalho do Photoshop se quiser importar coisas para o After Effects. Então, apenas uma rápida rápida conversa sobre como abordaríamos a animação sobre isso. O personagem. Receio que você tenha que refazer esse incêndio completamente e isso significa rastreá-lo. Não há uma maneira real de fazer isso automaticamente, a menos que você, a menos que isso tenha sido feito originalmente no Illustrator, você simplesmente não pode criar formas com isso. Você pode querer passar por todo o processo de delinear isso usando as coisas ilustradas automatizadas mas usando rastreamento ou qualquer rastreamento ao vivo. Mas, pessoalmente, essa forma é bem simples. Mesmo assim, com o Illustrator delineado. Se você gerenciar isso, delineie isso automaticamente no Illustrator, você ainda teria que refazer algumas delas usando técnicas diferentes no After Effects para poder animá-lo para que eu não me incomodasse, ou simplesmente reconstruí-lo. Leia o personagem como você quer quebrar e use isso como um guia para o plano. Você provavelmente pode reutilizar essas folhas, então você pode simplesmente fazer máscaras ao redor de cada uma dessas folhas. E então essas folhas seriam boas para animar. Mas qualquer coisa que precise mudar de forma ou forma, você terá que refazer. Ou você pode usar as ferramentas do Puppet. Mas as ferramentas de marionetes nem sempre funcionam bem. Então, se você não sabe o que são ferramentas públicas, eu mostrarei isso rapidamente se você pressionar este botão aqui em cima. Então, eu vou apenas fazer o solo dessa camada do corpo porque ela só funciona em uma camada. Hum, bem, você pode pré-gozar coisas obviamente, mas se você pressionar este botão pin aqui em cima, você pode começar a desenhar pinos e ele reconhece onde está o canal alfa e o torna uma forma dobrável. Só que não dobra as coisas corretamente. Isso faz distorções muito estranhas. Então, se você vai usar o Puppet Tells, você ainda tem que quebrar tudo. É super útil e eu o uso o tempo todo e com certeza o usaria em projetos como esse. Mas você não pode simplesmente usar uma camada e colar ferramentas de marionetes nela. Simplesmente não está no trabalho. Se eu continuar falando sobre fazer esses personagens sobre traços, é isso que quero dizer. Então, eu estaria traçando esse personagem assim. Então, digamos que eu queira essa perna. Eu usaria a ferramenta caneta. E então criaremos camadas de forma como essa. E então você pode aumentar o derrame. Algo parecido com isso. E então isso seria uma perna animável. Agora, depois de adicionar seus efeitos, mas não se preocupe muito com isso. Mas agora, isso é só para mostrar o exemplo disso, porque eu vou trabalhar em uma imagem diferente mais tarde. Mas esse personagem deve ser feito de traços como esse. Você pode fazer todos os membros assim só porque eles têm a forma perfeita para traços, eles têm uma largura uniforme até o fim, por isso torna agradável e fácil trabalhar com traços. Mas sim, vamos criar camadas de forma e fazer todos os efeitos mais tarde na aula. Então, antes de começarmos a analisar como recriar essas texturas e traços no After Effects. Vamos falar rapidamente sobre trabalhar com obras de arte terrestre. Ótimo. Portanto, vale a pena mencionar rapidamente que esses são, na verdade exemplos bem simples de arte que você pode importar para o After Effects. Muitas vezes, você pode obter um arquivo do Photoshop com centenas de camadas, ou ele tem muitos tipos diferentes de estilos de camada e máscaras e camadas de forma dentro do documento do Photoshop. Mas isso dá uma ideia da parte principal do processo. Então, vamos recapitular rapidamente os pontos principais desta lição. Então, no Photoshop, você pode agrupar camadas em pequenas pastas. E quando você importa isso para o After Effects, ele vem como uma pré-composição. E então, dentro dessas pré-composições, estarão as diferentes camadas que estão dentro desse grupo. Portanto, é mais fácil do que o Illustrator quando você está importando. Mas vale lembrar que essa estrutura pode não ser a melhor maneira de animá-la no After Effects. Portanto, certifique-se de preparar seu arquivo do Photoshop para a estrutura que você deseja no After Effects. Obviamente, quando estiver no After Effects, você pode reorganizá-lo, mas é muito bom garantir que a camada de arquivo do Photoshop estrutura da camada de arquivo do Photoshop seja agradável e limpa. Portanto, não é realmente uma grande bagunça confusa quando você o traz para o After Effects. Dependendo do que você está animando, muitas camadas do Photoshop podem ser animadas como estão. Por exemplo, a planta, no meu exemplo, as plantas estão todas em uma camada, mas você pode facilmente cortar isso com máscaras no After Effects. E então você pode animar as folhas balançando, algo assim. No entanto, você não terá jogadores moldados vindo do Photoshop como você faz com ilustradores. Então, qualquer coisa que precise mudar de forma, por exemplo, o caule na folha ou o corpo do personagem. Você pode ter que refazê-los. Portanto, você precisará usar a ilustração do Photoshop ou a primeira camada de forma como referência para refazer algo no After Effects. E então vamos criar texturas e efeitos para imitar o estilo do Photoshop. Então, veremos isso mais tarde. Então, eu não vou entrar muito em manipulação de personagens nesta classe, mas com personagens, é muito tentador, por exemplo, esse personagem aqui apenas cortar as diferentes partes dos braços e pernas para fora com máscaras no After Effects e, em seguida, apenas os crie juntos assim. Mas com este eu diria que é uma boa ideia apenas fazer traços e depois ter traços bem grossos para fechar as camadas da forma. Quero dizer, traços de camada de forma para os braços e pernas. Dessa forma, você pode ter apenas alguns pontos e um golpe grosso para criar o braço e a perna. E assim é, eles são muito legais e fáceis animar e também perfeitos para manipulação. Portanto, tenha isso em mente quando você estiver fazendo personagens, como eu disse, não vamos entrar muito nisso nesta aula, vamos guardar todas as coisas específicas dos meus personagens para uma aula posterior. Mas é apenas uma dica rápida para ter em mente se você vai entrar na animação de personagens com suas ilustrações. Ok, ótimo. Na próxima lição, abordaremos importação de arte nivelada para o After Effects. Vejo você lá. 8. atualização em andamento: Ok, então o último tipo de arte que eu quero falar sobre importação para o After Effects são apenas imagens planas antigas. Então isso pode ser um JPEG ou um PNG. Pode ser uma digitalização de uma pintura ou um desenho a lápis. Ou pode ser apenas uma imagem para a qual você não tem o arquivo digital em camadas original. Vamos falar sobre como o Affects traz isso, como trabalharíamos com ele, e como talvez prepará-lo antes, trazê-lo para o After Effects. Para. A última coisa com a qual você pode estar trabalhando é um trabalho totalmente achatado. Então, vamos abrir isso. Então desclique importante, eu tenho esse JPEG. Então, vou arrastar esse JPEG para este ícone aqui embaixo, que fará uma nova composição com base no tamanho JPEG. E, neste caso, é apenas HD, então está pronto para ser usado imediatamente. E então é isso. Quero dizer, você está meio preso com uma camada plana. Examinamos quanto trabalho seria reconstruir o arquivo do Photoshop em camadas. Você teria que desenhar muito sobre essas coisas. Você basicamente usa isso como referência. Depende da animação que você realmente está fazendo. Se você só precisa que ferva, você pode passar texturas por ele e usar a transparência que você tem no documento do Photoshop. Mas quando se trata do achatado, você não pode fazer isso. Você praticamente vai ter que desenhar sobre tudo. Você terá que recriar tudo isso usando camadas de forma. E então você terá que criar texturas no Photoshop. Mas, para ser honesto, não é muito mais trabalhoso porque você terá que, se você estiver trabalhando com um documento do Photoshop, precisará refazer muitas coisas de qualquer maneira. Você provavelmente pode manter as camadas de fundo e não tocá-las se houver apenas uma pintura grande que não precisa ser animada em segundo plano. Obviamente, você pode manter todas essas coisas com um documento achatado. Você vai ter que refazer tudo, ou você vai ter que refazer o material que anima e depois pintá-lo, torná-lo uma versão limpa disso. Então, você provavelmente voltaria para o Photoshop. Por exemplo, acabei de desenhar um fundo de folha muito rápido para este, e ele ainda está em camadas. Mas se eu aplainar isso, então agora isso é essencialmente apenas um trabalho achatado. A maneira como eu faria para separar isso é que eu provavelmente entraria e cortaria o personagem assim em outra camada. Então, vou apenas desenhar em torno dele. Não vou me aprofundar muito nisso porque vamos nos concentrar no menu After Effects para isso. Mas eu separaria isso. Você pode fazer o controle J ou o Comando J para duplicar o que você selecionou em outra camada usando. Então eu apenas uso a seleção Lasso e depois escondo essa camada. Por enquanto, eu tenho os personagens separados. Obviamente, há um pouco mais de limpeza a fazer. Basta entrar e apagar tudo ao redor do personagem até a linha, até que o contador seja uma linha preta ao redor desse personagem. E então, em segundo plano, você precisaria apenas usar as Ferramentas de Pincel e pintar isso. Provavelmente se livrar da mistura para se livrar da sombra também porque a sombra do personagem estaria se movendo para. Então você pode simplesmente entrar e apagar essas coisas e depois pintar em segundo plano. Então, quando o personagem se mover do jeito que você vai ser capaz de ver o fundo ou algo mais complicado. Você poderia usar uma ferramenta de carimbo, talvez pegar essa folha e colá-la aqui. Você poderia fazer um trabalho mais limpo se estivesse fazendo isso com mais cuidado, mas esse é essencialmente o processo. Então você passaria e apagaria o personagem da cena. E então, quando você traz de volta esse personagem, agora você tem um personagem que pode se mover para fora do caminho quando está animando na frente. Lembre-se de que pode haver muito mais preparação em seu documento do Photoshop ao trazê-lo. Então, sim, esse é o processo de trabalhar com o Illustrator, o Photoshop e a arte nivelada ao importar para o After Effects. Ótimo. Espero que o processo de preparação e importação arte para o After Effects seja um pouco mais claro para você. Vamos recapitular rapidamente as principais etapas que abordamos nesta aula sobre a importação de arte nivelada. Você provavelmente usará principalmente a arte original como referência para recriar coisas no After Effects. Isso será animado se houver certos elementos na imagem que talvez ao animar tanto ou é difícil recriar um After Effects, então você sempre pode colocá-lo no Photoshop. E você pode reconstruir essa coisa em sua própria camada separada , pintando o que está em primeiro plano e depois reconstruindo o que está por trás dessa coisa em segundo plano. Por exemplo, se você tivesse um personagem na frente de uma paisagem urbana, talvez queira pintar o personagem preenchendo a paisagem urbana onde o personagem não estará. Então, se o personagem vai sair do caminho, obviamente você vai precisar ver a parte que o personagem está obscurecendo na ilustração original a maior parte do tempo, como o que eu Vou fazer a maior parte da minha ilustração, embora eu tenha um documento do Photoshop em camadas para isso, provavelmente vou refazer, usando isso como referência para refazer coisas no After Effects . De qualquer forma, isso ocorre principalmente porque estou planejando animar praticamente tudo na imagem. Então, se tudo estiver se movendo e a maioria das coisas for mais fácil de animar como camadas de forma. vou usar De qualquer forma, vou usar o documento original do Photoshop como referência. Então, depende do que você precisa fazer e de quão detalhadas suas imagens. Acho que também é uma boa ideia ter em mente que você sempre pode preparar mais coisas para importar para o After Effects. Então, se não se preocupe em obter sua preparação perfeita antes de clicar em Importar e After Effects ou mesmo se você começou a animar, se você começou a trabalhar em uma imagem e percebeu que precisa um elemento extra, então você sempre pode voltar ao Photoshop, criar esse elemento e importá-lo novamente. Ok, então uma pequena tarefa para esta lição é apenas preparar sua arte, seja ela qual for, e importá-la para o After Effects. Espero que seja bem direto para aqueles de vocês que fizeram suas próprias obras de arte. Se for um documento do Photoshop em camadas, por exemplo. Mas se é um trabalho achatado e é realmente complicado, talvez alguns de vocês tenham seu trabalho cortado para você. Então, boa sorte. Na próxima lição, analisaremos rapidamente algumas configurações de projeto do After Effects para garantir que você esteja pronto para começar a animar. 9. atualização em andamento: Ok, então, para terminar a seção de preparação da arte, eu queria dar uma olhada rápida nas configurações do projeto aftereffects apenas para ter certeza de que todos estão bem preparados para começar a animar. Então, como eu disse, vou usar esta arte de Dorothy Siemens para minha animação. Portanto, as configurações do seu projeto podem ser um pouco diferentes. Em particular, o tamanho porque as dimensões provavelmente são diferentes. Mas contanto que você esteja em torno de HD, que é 1920 por 1080, então todo o resto deve ficar bem. Isso se você estiver trabalhando no tipo de paisagem. Se você trabalha em retrato, então o oposto, se você estiver trabalhando em torno de 1080 em 1920 abaixo, então vamos ficar bem. Então, caso eu tenha perdido alguém durante a seção de preparação de arte, vou começar o suficiente para o projeto x do zero. Vou importar minha arte e mostrar como configurá-la. Vamos começar um novo projeto e importar essas coisas novamente, o botão para criar uma nova pasta está aqui embaixo. É esse pequeno ícone de pasta. Ao lado está o ícone de criação de nova composição. Basta clicar na pasta para criar novas pastas, eu gosto de fazer um pouco de organização aqui, então seus ativos. Então, ativos, vou importar meu arquivo do Photoshop da arte original ou como se eu tivesse salvo uma nova versão da arte. Então, vou importar isso. E assim como antes, clique em Importar e , em seguida, certifique-se selecionar a composição nesta pequena janela. Aparece. Então, temos nossa arte principal aqui é bem grande. Recebi meu bilhete temporário para mim mesmo sobre o pincel lá. Eu posso apenas esconder isso. E então eu vou fazer, eu vou, o que eu vou fazer é arrastar esse comp principal para um novo comp como este. E isso, esta será a nossa principal competição. Então, vou chamar essa animação em composições. Então, esse será o nosso principal resultado disso, eu gosto que o ativo de arte venha. E então eu vou, como eu disse antes, isto é, esse é um tamanho muito maior e eu quero exportar a exportação. Esse será o tamanho da exportação agora. Então eu vou definir isso talvez 248. E então é muito menor do que a arte original real. E eu quero trabalhar a uma taxa de quadros de 24 quadros por segundo, porque 24 quadros por segundo é apenas a melhor taxa de quadros. Acho que parece muito bom e também é fácil trabalhar com ele. Ele se divide em muitas coisas diferentes. Por exemplo, se você quiser trabalhar em dois, que é sobre o que eu vou falar quando se trata como o movimento deve ficar com animação desenhada à mão. Então você pode trabalhar em nosso femtossegundo. Você clica em seis quadros por segundo. Você não precisava fazer 12,5 a 6,25 ou esse tipo de coisa. Gosto de trabalhar aos 24 anos, então vamos fazer isso. Ah, sim, mais uma coisa aqui é a duração. Portanto, é uma boa ideia trabalhar por um período maior do que o necessário. Então, espero que suas animações, eu vou demorar muito para você estar planejando. Mas eu definitivamente recomendaria definir a duração da sua competição para algo mais longo. Isso é o padrão, por que eles não, talvez os padrões e quadros ou segundos ou o que quer que seja, onde quer que você esteja. Se você clicar em Cancelar, você pode ir para a linha do tempo aqui e passar o mouse sobre onde o número do quadro está aqui. E se você clicar em Control ou Command click, ele alternará entre quadros e segundos. Então isso agora está em minutos, segundos e quadros. E então, se voltarmos às configurações de composição, você pode fazer a tecla Command ou a tecla Control. E agora será em minutos e segundos. Então, no momento, o meu tem apenas dois segundos e dois quadros. Não é muito útil, mas vou definir o meu para um minuto para segundos e dois quadros porque não há como fazer uma animação de um minuto. Vai ser mais curto do que isso. Só vou fazer algum tipo de loop, talvez 510 segundos, algo assim. E isso fez com que fosse mais longo. O problema é que o meu é realmente mais longo de qualquer maneira, porque o meu era mais longo do que nas importações. Então, se eu clicar na minha composição aqui, já está em um minuto O6. Então está tudo bem. Se o seu tiver certeza, eu definitivamente recomendaria talvez importá-lo novamente. O problema com o After Effects é quando você importa um arquivo do Photoshop ou algo que realmente não tem um comprimento. Isso fará com que seja o comprimento da última composição que foi feita. Então, se o seu comp está saindo com certeza. E você tem uma espécie de pré-comps. Talvez você tenha alguns grupos do Photoshop aqui. Todas essas pré-composições terão o mesmo comprimento da composição principal que ela faz quando você importa arquivos do Photoshop. Então, o que você pode fazer para aumentar isso é que você pode simplesmente excluí-los ou talvez importantes. Novamente, eu não vou deletar o meu agora. Mas você pode fazer uma composição e configurá-la para, digamos que você queira que ela tenha dois minutos de duração. Podemos definir isso para dois minutos. Então, novamente, são minutos, segundos e depois quadros. Então, dois minutos e então tudo bem. E então, quando você importar seu arquivo do Photoshop novamente, isso agora terá uma duração de dois minutos. Então, se você clicar nisso, você pode ver que vai até dois minutos aqui, ou um cinquenta nove cinquenta e três. Mais tarde, quando você fizer sua exportação final, poderá trabalhar em uma composição mais longa. Tudo bem, mas ter que alongar tudo é muito difícil. E o After Effects, não é difícil, é muito longo. Então, se você tem muitas pré-composições, se você alterar o comprimento dessa composição principal para ser maior, todas as suas pré-composições internas serão muito curtas. Então, digamos que eu queria que este fosse agora de três minutos. Se eu entrasse e mudasse isso para três minutos. Esse novo grupo aqui, esse grupo, que é uma pré-composição, é muito curto para que você possa pegar todas essas outras camadas e tudo bem. Mas as pré-composições ou muito curtas ainda as pré-composições ainda duram dois minutos, então você teria que entrar nessa pré-composição. Vá para o Comando K, isso para três minutos, depois volte e depois alongue. E, de fato, você tem que fazer mais do que isso. Você teria que alongar todas as camadas aqui também, porque ficará como um curto, então você tem que esticar todas essas camadas. Portanto, é uma boa ideia importar algo que seja muito longo e depois encurtá-lo. E se você está lutando para fazer com que suas composições sejam mais longas do que você precisa, você sempre pode simplesmente fazer uma nova composição, defini-la para o comprimento que você deseja e, em seguida, inserir novamente e ela irá corresponde ao comprimento que os computadores fizeram. E a taxa de quadros, assim como o mesmo vale para a taxa de quadros. Se você quiser que todas as suas composições sejam 24 quadros segundo e todas as pré-composições do Photoshop, então você precisa definir a nova composição que você faz como 24 e, em seguida, ela inserirá o 24. Sim, só vou clicar no nosso trabalho e vou fazer Controle F ou Comando F em um Mac. E o que isso faz é encaixar a arte na sua composição. Isso diminui automaticamente. Portanto, não preciso mexer na escala para obter a exatidão, ou você pode simplesmente clicar com o botão direito do mouse na camada. Portanto, selecione a camada que você deseja que tenha o tamanho certo da composição. E então você pode clicar com o botão direito do mouse e ir para Transform Fit to Comp. Eu vou fazer isso. E se sua imagem não a mesma proporção da composição, ela será esticada. Assim, você pode ajustar à largura da composição ou Ajustar à altura da composição. E então você também vai escalar para a altura ou dispersar a largura dependendo do que você deseja. E então eu também vou clicar com o botão direito do mouse sobre isso. E vou transformar isso em uma camada guia quando você fizer sua renderização final, uma camada guia ou qualquer coisa com uma camada guia, ela não aparecerá, mas você pode vê-la em sua composição enquanto estiver trabalhando sobre isso. Então, esses são realmente úteis. Ótimo. Então, agora todos nós devemos ter nossa preparação de arte e nossos projetos de efeitos posteriores ou bem configurados. Vamos recapitular rapidamente o que passamos nesta lição. Certifique-se de usar pastas dentro da janela do projeto do After Effects para manter as coisas bem organizadas. Não está tudo em uma grande lista. Eu gostaria de separar meus ativos dos meus comps. Esse é o nível mais básico da organização. Então, arraste sua arte importada para o novo botão de composição e isso criará uma nova composição com a arte dentro com as dimensões corretas. Em seguida, verifique se você está trabalhando em um tamanho adequado. Então você pode redimensionar a composição que foi feita para algo mais parecido com HD. Então, eu escolheria uma largura máxima de 1920 ou altura máxima de 1920, dependendo se você está trabalhando horizontalmente ou retrato. Eu optei por algo um pouco maior que o HD, que era dois ou quatro. Acho que essa era a minha altura. Eu queria um pouco maior porque vou reduzi-lo depois. Além disso, vou exportá-lo para muitas coisas diferentes. Então eu sabia que precisaria dele um pouco maior a menos que haja um motivo específico para você trabalhar em uma taxa de quadros diferente, eu recomendaria usar 24 quadros por segundo só porque é uma taxa de quadros muito boa para trabalhar. Essa é a taxa de quadros com a qual vou trabalhar. Então, se você quiser seguir meus números, como trabalhar em dois será de 12 quadros por segundo e assim por diante. Então, tudo se alinhará se você trabalhar a 24 quadros por segundo também. E, finalmente, defina seu complexo para algo mais longo do que você vai precisar. Porque no After Effects é muito difícil passar e durar e depois, porque você precisa passar por cada pré-composição e alongá-la uma a uma. É muito mais fácil ter todas as composições por mais tempo do que você precisa. E então, no final, basta fazer uma compensação mais curta para o tempo de atribuição de exportação. Só quero que você tenha certeza de que sua arte está toda preparada e importada para o After Effects e que todas as configurações estão corretas. Portanto, tenha certeza de que você manteve tudo em mente pelo que passamos até agora e que sua composição de efeitos posteriores é de bom tamanho e é uma boa duração para que possamos começar a trabalhar na próxima lição. Espero que isso seja bem simples para a maioria de vocês a menos que você tenha ilustrações realmente complicadas. E se você estiver trabalhando com arte nivelada, tente manter suas ideias de animação simples para que você não precise entrar e separar cada pequena coisa. Porque se você tem algo muito complicado em mente, então você terá seu trabalho cortado para você. Incrível. Então, na próxima lição, vamos fazer uma textura animada para usar em nossa animação. Então, te vejo lá. 10. atualização em andamento: Olá! Para esta lição, usaremos principalmente o Photoshop. Portanto, certifique-se de ter uma cópia se você estiver acompanhando essa parte da aula. Portanto, isso pode não ser necessariamente relevante para todos os estilos de ilustração. Pode haver algumas coisas feitas à mão por aí que realmente não têm textura, mas acho que a maioria provavelmente terá porque será feita de papel, provavelmente se for feito à mão e se você for animação 2D de uma ilustração, então pode ser papel, provavelmente será. Então essa pode ser a textura sutil do papel no fundo, ou pode significar se é um desenho a lápis do que a textura que está dentro do traçado ou o lápis quando é desenhado no papel. Ou talvez até mesmo um aerógrafo. Às vezes, quando você pulveriza o pincel de ar no papel, ele terá um padrão de pontos muito fino. E nesta lição, vamos ver como fazer com que essas coisas se movam. A obra de arte que vou usar, que mencionei antes, é esta de Dorothy siemens. Não vou compartilhar os arquivos originais dela para isso. Então, espero que você use suas próprias ilustrações. Mas acho que geralmente o processo será praticamente o mesmo para a maioria das pessoas. Se você não tiver o Photoshop, poderá seguir esse processo. Você pode pular o bit do Photoshop e ir direto para o bit após a correção, onde eu vou falar sobre como obter uma textura estática. Bem, no meu caso, será uma textura animada. Mas você pode fazer a mesma coisa com uma textura estática. Por exemplo, apenas uma imagem de textura de papel que você talvez tenha tirado em seu telefone ou algo assim. E você move isso para dar a ele um campo aleatório. Mas vou começar pintando um furúnculo no Photoshop e adicionando um pouco mais de movimento usando o processo da prole. Então, de qualquer forma, será útil. Eu também recomendaria a parte do Photoshop para o uso de um tablet Wacom porque vou desenhar, é principalmente a sensibilidade à pressão que vou usar. Quando você usa uma mesa digitalizadora Wacom. Se você estiver colorindo como faria em um pedaço de papel, eles serão variações naturais na força que você está pressionando. E quando você usa isso no Photoshop, você obtém algumas áreas que são mais densas, densamente coloridas e mais esparsamente cobertas para que você obtenha essa variação. E é isso que eu vou procurar no Photoshop. Não se preocupe se você não tiver acesso a um tablet com webcam, você pode usar um mouse ou um trackpad. Pode ser necessário um pouco mais de persuasão manual para obter esse tipo de sensação natural. Você terá que alterar manualmente a pressão da taxa de fluxo no pincel, que você pode ajustar na parte superior, ou você pode apenas usar uma textura estática se quiser pular essa parte. Então este é o resultado final que procuraremos, É uma textura bastante caótica, mas será muito útil cortar pequenos pedaços dela e usar todos os lugares, como em traços e preenchimentos e coisas assim. É assim que ficará direto do Photoshop. O Photoshop tem essa coisa estranha com texturas. Na verdade, não aleatoriza a textura. Meio que mantém a textura fixa. Então, se você estiver usando vários quadros e isso pode parecer um pouco estranho. É por isso que vamos adicionar um pouco mais de movimento nos artefatos depois. Para o resto da aula, vou montar esta foto de Dorothy Siemens para animação. Vou começar apenas no Photoshop, dando uma olhada e fazendo um plano na minha cabeça de como vou refazer cada forma. Eu escolhi este porque acho que ele se traduzirá facilmente em efeitos posteriores. E também tem muitos traços claros e preenchimentos claros. E não havia muitos sombreamentos ou gradientes que seriam difíceis de recriar. Então eu pensei que este seria bem simples e também obtive uma qualidade texturizada realmente adorável. A animação final será na verdade retrato. Então está tudo bem. As ilustrações tendem a ser muito grandes porque normalmente para impressão, essa altura é de 3.500 pixels de altura e mantém tudo. Tudo é grande e de alta qualidade possível antes de entrar em efeitos posteriores, a menos que esteja indo muito devagar. Se você está trazendo coisas tão gigantescas, então você pode acabar trabalhando muito devagar e depois dos efeitos. Então, é um pouco de equilíbrio. Você quer manter a qualidade, mas também quer ser capaz de trabalhar nisso, caso contrário , fica muito doloroso. Portanto, eu recomendaria se sua imagem de origem for enorme, reduzi-la para um pouco maior do que os efeitos posteriores. A exportação final do After Effects. Se você estiver trabalhando em HD e suas imagens oito k, você também pode reduzir a imagem para cerca de dois k, e então ela diminuirá um pouco no After Effects para que seja HD, se isso fizer sentido. Então, eu realmente não sei. Acho que isso foi pintado no Photoshop, mas não sei qual pincel foi usado. Já dei uma olhada rápida nos meus pincéis que já não encontrei o exato, mas encontrei um que está perto o suficiente. E acho que haverá muitos compromissos com isso. Quero dizer, você pode fazer isso, você pode realmente gastar muito tempo para torná-lo exato. No meu caso particular, não precisa ser exato, exato porque vamos animar. Vai haver coisas se movendo e mudando de qualquer maneira, então você sempre pode ser mais preciso como o que estou dizendo, mas depois é às custas do tempo. Então você tem que decidir o quão preciso você vai corresponder à sua arte original. teste que eu gosto de fazer é realmente ir e ver se consigo recriar isso. Então eu sei que vou ter que recriar texturas. Então talvez esse seja provavelmente o lugar onde devemos começar, é refazer algumas dessas texturas e ver o quão perto podemos chegar. Examinei todos os pincéis que tenho no Photoshop e encontrei um que está bem próximo. É chamado de novo pastel, que é um dos pincéis Kyle. Não estou enganado. pincéis Kyle agora vêm com Photoshop lá, pelo menos disponível também. Hum, todo mundo obteve a licença Adobe CC. Eu acho que se você for para, se você clicar no seu pincel e clicar no menu suspenso aqui para ver todos os seus pincéis diferentes. Se você clicar na engrenagem aqui e for buscar mais pincéis, você acabará neste site, onde poderá baixar alguns novos pacotes de pincéis. Acho que é esse mega pack. Acho que esse é o carro, o Mega Pak. Então, se você está procurando alguns pincéis realmente bons, eu recomendo isso. Tenho certeza de que há muitos outros realmente bons aqui, mas esses são os pincéis atuais se você conseguir as compressas , elas são realmente boas. Então, sim, encontrei esse pincel e ajustei um pouco as configurações. Eu não acho que eles realmente mudaram muito, mas se eu colocar isso em 20 pixels, então aqui em cima, eu gosto de pressionar os colchetes para cima e para baixo para alterar o tamanho do pincel. Se eu for para 20 e depois eles darem um golpe, sim, é meio que chegar lá. Então eu acho que está perto o suficiente. Na verdade, não vou desenhar traços. Na verdade, isso é mais porque eu vi aqui, se você olhar para a textura aqui, mas parece que ela fez isso é desenhar a forma de qualquer coisa que seja como esta perna e depois colori-la à mão. Vamos rabiscar. Então, para recriar isso, estou usando o After Effects, todas essas linhas aqui, vou recriar usando camadas de forma para que possamos animá-las de forma agradável e fácil no After Effects. E então vamos aplicar efeitos a ele para parecer que foi desenhado nesse estilo. Então esse é todo o objetivo desta aula. Mas está se acumulando bastante. Mas estamos nos preparando para isso. Mas isso é essencialmente o que estamos tentando fazer nesta aula. Vou recriar tudo isso usando várias técnicas e efeitos colaterais. Seus traços terão uma aparência diferente. Sua foto que você tem pode ser completamente diferente da minha. Mas, essencialmente, acho que o fluxo de trabalho é praticamente o mesmo. O que você precisa fazer é combinar a textura e combinar os traços e , obviamente, as cores e todo esse tipo de coisa também virão. Mas vamos nos concentrar em recriar. Acho que a primeira coisa que vamos recriar, uma vez que eu criei toda essa forma, essa forma vermelha para a perna e esta mão, o que significa apenas fazer algumas pinceladas e uma sensação texturizada, então todo o resto usaria praticamente o mesmo efeito, apenas cores diferentes. E, na verdade, já comecei isso. E uma nova imagem do Photoshop. Eu fiz dois ou 48 por dois ou 48. Então, nós definitivamente queremos que a textura seja maior do que a imagem final, ou pelo menos tão grande, não vamos ver essa textura em sua totalidade. Vamos usar apenas pequenos pedaços dele, então não importa muito. Mas a maneira que eu fiz isso foi fazer uma amostra da cor de fundo e fiz uma camada desse plano de fundo. E ainda por cima, criei uma camada de vídeo. Se você nunca usou camadas de vídeo no Photoshop antes, é basicamente assim que você faz animações desenhadas à mão no Photoshop. E para trazer isso à tona, você pode ir para a linha do tempo da janela, e isso abrirá sua linha do tempo da animação. Ou você pode acessar os layouts aqui e clicar em movimento. O meu já está em movimento, e então eu já comecei aqui. Então eu vou me livrar disso por enquanto só para não ficar confuso. E eu recomendo que a primeira vez que fiz isso, eu apenas escolhi a taxa de quadros padrão no Photoshop, que era 30 no After Effects. Você pode interpretar qualquer gravação em qualquer taxa de quadros. Você só precisa clicar com o botão direito do mouse nele, interpretar a filmagem e alterar a taxa de quadros. Mas com os documentos do Photoshop, eu estava recebendo um bug ou não sei se é um banco ou apenas um descuido, mas basicamente, meu documento do Photoshop foi definido como 30 e eu quero que ele funcione. Eu queria que ele ficasse a 12 quadros por segundo toda vez que eu salvasse novamente o arquivo do Photoshop ou reabrisse o documento de artefatos, ele continuava redefinindo de 12 para 30. Portanto, eu recomendo definir a taxa de quadros no arquivo do Photoshop para 12 quadros por segundo ou qualquer taxa de quadros você vai usar no final. Então, para fazer isso, vá para o painel da linha do tempo, vá para este botão de menu aqui no canto superior direito e vá para definir a taxa de quadros da linha do tempo. E defina isso para 12. Queremos que isso seja em dois. Então, estamos trabalhando a 24 quadros por segundo e queremos que cada quadro dure dois quadros. Então, precisamos disso a 12 quadros por segundo. Então clique em OK. E sua linha do tempo pode mudar um pouco. E então você pode criar suas camadas de vídeo. Se você criar camadas de vídeo antes de alterar a taxa de quadros, a taxa de quadros permanecerá na camada de vídeo. Então, mesmo se você estiver, se você estiver em 30 e fizer uma camada de vídeo, e então você altera sua taxa de quadros para 12 quadros por segundo. Ainda haverá 30 quadros por segundo nessa camada. Não é um sistema muito bom. A linha do tempo no Photoshop, é por isso que não é ótima. Até onde eu sei, não há como alterar a taxa de quadros de uma camada. Então, ele fará apenas 12 quadros por segundo camadas. Agora que fizemos a linha do tempo para femtossegundo, pode haver uma maneira de fazer isso. Eu não estou ciente disso. Então, sim, agora precisamos criar uma camada de vídeo. Vá para Camada. Camadas de vídeo, nova camada de vídeo em branco. Agora teremos uma camada de vídeo de 12 quadros por segundo na qual podemos trabalhar. Também para saber se o seu Pugh arrasta essa cabeça de jogo. Então, isso vai passar pela animação. Se você não estiver no quadro 0. E quando você cria uma nova camada, nova camada de vídeo em branco, ela cria essa camada no indicador de reprodução. Portanto, certifique-se de ficar de olho no que está acontecendo aqui embaixo. Porque se você está tentando desenhar, se você selecionar a Camada três aqui e começar a tentar desenhar aqui, não o deixará porque a camada ainda não começou. Então fique de olho nisso agora. É como artefatos nesse aspecto. Então eu já fiz isso aqui, mas basicamente o que queremos fazer é refazer. Essa textura, mas em toda a imagem, de modo que temos muita textura para brincar. Estamos criando esses elementos de textura estragados. Só estou fazendo esse pincel um pouco maior. Eu ainda quero manter a aspereza dos traços, mas obviamente não quero ficar sempre rabiscando na tela. Eu quero que seja suave, mas eu não quero que seja muito perfeito. Eu quero um pouco desse tipo de imperfeito. Observe que sua mão traz ao colorir. E eu vou fazer isso rapidamente porque na verdade eu já fiz isso. Então, basta colorir o quadro inteiro e então você pode usá-lo na barra de reprodução na parte inferior para passar para o próximo quadro e colorir em outro quadro inteiro. E então faça isso de cinco a seis vezes outra coisa que eu fiz quatro quadros. A forma como os pincéis do Photoshop funcionam é que eles usam uma textura para a opacidade desse pincel. E o problema é que a textura não se move pelos quadros, ou pelo menos o pincel que estou usando, ele não se move. Pode haver uma maneira de fazer isso se mover, mas não tenho certeza do que é, mas podemos contornar isso e depois dos efeitos, então está tudo bem. Bem, eu queria principalmente, é só um pouco de movimento aqui. Então vá e crie alguns quadros ou cinco quadros quando você apertar play, está realmente fervendo. Podemos usar esse movimento para dar vida à textura. Obviamente, você também pode ajustar isso bastante. Você pode tornar seus quadros mais diferentes um do outro do que a fervura será mais intensa. Tem um pouco de movimento lá, mas vamos ter que fazer um pouco mais no After Effects para quebrar essa textura que não se move por quadro. É aí que eu gosto de começar. Então, depois de criar essa textura, podemos ir para o After Effects. Ah, sim, uma coisa a lembrar também é que isso é muito mais útil ter essa textura com transparência no fundo. Então, aquela camada de fundo que eu criei para começar a desenhar. Vou desligar isso para que tenhamos apenas o pincel e nenhum plano de fundo. Então é só o pincel e transparente no fundo. Então agora eu posso deletar aquela jogada extra difícil que acabei de fazer. Agora você deve ter essa camada com quatro ou cinco quadros de textura de pincel animado. Então, quando terminar, basta salvar o arquivo do Photoshop porque depois pode importá-lo como está. Não precisamos fazer nenhuma outra preparação ou exportação extra daqui. Você pode literalmente importar diretamente no arquivo do Photoshop para artefatos. Então, vamos mudar para o After Effects. Então, aqui você pode ver que eu já comecei durante um derrame. Vamos abordar isso na próxima lição, mas já está aqui no meu projeto After Effects para que você possa ignorá-lo no momento. A próxima coisa que preciso fazer é trazer minha textura que fizemos. Então vamos, eu vou para minha pasta de ativos aqui e depois fazer Control I para importação ou Command no Mac. E eu vou clicar na minha textura ferver. E eu vou importar isso. Desta vez. Eu não quero isso como uma composição. Eu quero isso apenas como filmagem e vou mostrar por que isso é filmagem. OK. Então, espero que, apenas para lembrá-lo sobre como isso foi configurado, se eu voltar para o Photoshop, você verá como posso ver meu derrame por lá. É porque queremos o canal alfa ligado. Então, no Photoshop, certifique-se de ter, se você criou uma cor de fundo ou algo parecido, que você apenas tenha sua camada de tinta visível. Você quer ver esses quadrados de transparência clássicos cinza do Photoshop até o fundo. Dessa forma, quando você está usando a textura, você não a está usando como um sólido, usando-a como uma textura semitransparente, esperançosamente quebrada. Então, sim, você deve ter transparência em sua camada. Ele não precisa. Se você fizesse isso em preto e branco, então você poderia fazer a mesma coisa. Mas o poder de usar a combinação do Photoshop e do After Effects significa que você pode usar um pincel e obter transparência desse pincel, o que é muito bom. Se você estiver usando uma textura que é preto e branco, isso significa que você pode realmente usar isso como um, você ainda pode usar essa textura como um track matte, mas você teria que definir seu track matte para luma matte em vez do que vou usar, que é alfa fosco. Então, se você não tem transparência em sua textura, você pode tentar usá-la como um luma matte. Vou usar a transparência que está na camada para o resto da turma. Então, espero que você tenha algo semelhante. Sua taxa de quadros no Photoshop deve ser a taxa de quadros correta. Se você está me seguindo trabalhando em 24 quadros por segundo, então você deveria ter alterado a taxa de quadros da linha do tempo no Photoshop para 12 femtossegundos, modo que quando você traz para o After Efeitos, é em dois. Mas se você não fez isso, então aqui está como você muda isso. Acho que a taxa de quadros padrão no Photoshop é 30 e estamos trabalhando em 24 quadros por segundo. Na verdade, estou indo para metade disso para que seja em 12 femtossegundos, em dois, porque isso faz com que pareça muito mais desenhado à mão. Então clique com o botão direito na sua textura. Vá até Interpretar gravação e, em seguida, clique em Principal, e isso deve abrir este painel. Vou mudar isso de 30 para 12. E isso é totalmente bom de se fazer. Tudo o que está fazendo é pegar esses quadros e retirá-los para 12 femtossegundos. Portanto, não está mais rodando aos 30, está rodando às 12. Dessa forma, não precisamos fazer nenhum alongamento ou pôster subindo nessa textura é justo. Interpreta como quadros brutos. Basicamente, se você estiver usando Interpretar gravação para alterar sua taxa de quadros, esteja ciente de que há um bug. Não sei se é um bug, pode ser algum tipo de descuido e após efeitos onde se toda vez que você reabrir o arquivo do After Effects ou salvar novamente o arquivo do Photoshop, ou toda vez que você reabrir o arquivo do After Effects basicamente tem que recarregar o arquivo do Photoshop. Ele redefine a taxa de quadros interpretada de volta para a taxa de quadros padrão ou qualquer taxa de quadros que esteja no arquivo do Photoshop. Portanto, se você estiver calculando a taxa de quadros padrão do Photoshop, que é 30, e a alterou para 12 usando Interpretar gravação, ela continuará voltando para 30 quadros por segundo. Então, se você está se perguntando por que sua animação, está tudo quebrado, então é provável que se parece tudo quebrado depois que você salvou fechar, flex reabriu e está parecendo estranho, então verifique isso primeiro porque isso estava acontecendo muito comigo. Agora vou arrastar isso para uma nova composição. E se você verificar as configurações de composição aqui, sinto muito, estou pressionando Control K ou Command K em um Mac. Isso abrirá suas configurações de composição. Como alternativa, você pode ir para Composição, Configurações de composição aqui. Você pode ver que ele criou a composição nas mesmas configurações do arquivo do Photoshop, que agora tem 12 quadros por segundo e exatamente o tamanho certo. Então, isso é perfeito. Ok, então só precisa dos primeiros quatro quadros. Então 1234, depois fica preto. Eu vou para o último quadro, quadro quatro, que é três porque começa em 0 e eu vou pressionar N. E o que isso faz é reduzir meu intervalo de visualização para onde o indicador de reprodução está. O outro só para você saber, é B, que define seu quadro inicial. Então, eu quero começar no início e depois no quadro final para o quarto quadro. E então eu vou fazer composição, composição, aparar comp para a área de trabalho. E agora temos uma composição que tem apenas quatro quadros de comprimento. Ok, legal. A outra coisa que precisamos fazer aqui é quebrar um pouco essa textura. Então, no momento, pressione a barra de espaço, e ela vai jogar através e pressionar a barra de espaço e ela vai jogar através. E você pode ver que o texto não está se movendo, mas meus traços estão se movendo. Então, o que eu quero fazer é adicionar um pouco mais de aleatoriedade a isso e eu vou fazer isso de forma muito simples. Mas o que vou fazer é pressionar P e definir um quadro-chave para a posição. Então p, se você selecionar a camada e pressionar P, isso abrirá seu controle de animação de posição. Vou apertar o cronômetro ali. E ele criou um quadro-chave. Eu só vou fazer disso um quadro-chave escalonado por enquanto, porque eu posso estar me aposentando com isso, eu não estou planejando fazer nenhuma aposentadoria, mas se você não tiver um quadro-chave escalonado aqui e então você meio que reprogramar essa filmagem. Ele tentará interpelar entre essas coisas. Se você pressionar Control e clicar no quadro-chave, ele percorrerá um quadro-chave linear e um quadro-chave automático. E o que eu quero fazer é manter pressionadas as teclas Control e Alt. E isso alternará entre o quadro-chave linear e um quadro-chave escalonado. Então eu quero pisar um que tenha esse quadrado ao lado. Ok, e tudo bem. Agora, cada quadro-chave depois disso que definimos também será um quadro-chave escalonado. E tudo o que vou fazer é movê-lo um pouco, movê-lo para o canto superior esquerdo. E então eu vou movê-lo novamente para o canto superior direito no próximo quadro. E então, no próximo quadro, vou movê-lo para o canto inferior direito. E então, se tocarmos novamente na barra de espaço, tudo bem, então eu vou fazer isso. Estou em posição. Eu vou adicionar escala também. Então, vou animar a escala. E, novamente, vou segurar Control e Alt nesse primeiro quadro-chave e torná-lo um passo para o quadro-chave. E então, no segundo quadro, isso precisa ser 100 menos 100 em ambas as escalas. Dessa forma, é completamente invertido. E então, no próximo quadro, vamos colocá-lo de volta em 100. E então, no quarto quadro, vou fazer menos 100 novamente. Agora, quando pressionamos Play, é realmente aleatório. Então, agora temos uma boa fervura de quadro. Por isso, parece bastante caótico. Este é um Boyle muito intenso acontecendo nessa textura. Mas acho que vou começar com isso por enquanto. Acho que vai ser muito bom porque não é como preencher o plano de fundo. Se você estava preenchendo todo o plano de fundo e você vai ver muito disso, então você pode querer que seja mais sutil. Mas porque vou usá-lo em pequenos pedaços em traços e formas, esse tipo de coisa. Eu quero que seja bem intenso. Então, se você quisesse que fosse menos intenso do que provavelmente poderia tentar não virar a balança. Ou você pode ter sua textura, geralmente menos texturizada. Ou até mesmo você pode simplesmente começar com isso e você pode realmente reduzir a quantidade de opacidade. Portanto, há muito que você pode fazer em termos de correção de cor na própria textura para reduzir sua intensidade ou aumentá-la um pouco ou reduzi-la. Outra maneira é apenas colocar uma camada em cima da outra para que você bloqueie as lacunas que você vê lá, elas serão reduzidas. Você aprendeu, só verá lacunas quando duas texturas diferentes se alinharem uma com a outra, duas lacunas diferentes na linha de texturas. Então, seria muito menos intenso. Essa é uma boa. É bom começar com algo mais intenso porque é fácil reduzi-lo e depois assinar com algo menos intenso e tentar aumentar a intensidade dele. Então, sim, eu acho que isso está parecendo muito bom, ótimo. Então agora temos uma boa textura fervente que podemos usar diferentes maneiras em toda a animação. Então, vamos recapitular rapidamente as etapas principais. Se você estiver trabalhando com algo desenhado, dê uma olhada nos pincéis no Photoshop e veja se você consegue combinar. Esse estilo desenhado com um pincel do Photoshop. Se você já está trabalhando no Photoshop, se sua ilustração foi desenhada no Photoshop e você já conhece o pincel, então você está pronto para começar. Isso é perfeito. No meu caso, eu não sabia que tinha sido desenhado no Photoshop. Eu não conhecia aquele pincel, então acabei de encontrar um que estava perto. Há muitos pincéis que vêm com sua assinatura da Adobe. Então você só precisa clicar no site da Adobe e fazer o download deles. E então você pode instalar isso separadamente, que eu mostrei como fazer isso anteriormente no vídeo, o mega pack kyle. Se você pode achar isso como uma coleção realmente boa, eu realmente não explorei muito mais do que isso porque eu não faço toneladas de ilustrações no Photoshop. Mas eu sei que o carro Mega Pak me serve. Na maioria dos casos. Os pincéis do Photoshop vêm com todos os tipos diferentes de texturas, mas essa técnica funcionará tão bem com qualquer tipo de textura que eu realmente goste. Podem ser texturas de papel ou concreto, ou pequenos pontos que vêm com a aerografia. Contanto que haja uma textura bastante uniforme e não tenha muitas variações malucas na imagem. Essa técnica funcionará bem. Certifique-se de que a textura que você está usando seja grande o suficiente para cobrir a maior, a maior área para a qual você vai usá-la. Eu fiz o meu para 048 por dois ou 48, o que eu acho que é um bom tamanho porque minha exportação final terá um tamanho máximo de dois sobre 48. Então, uma espécie de quadrado no tamanho máximo de suas exportações finais. Então, se você estiver trabalhando em HD, 1920 por 1920 seria um bom tamanho quadrado para trabalhar. Use o recurso de camada de vídeo do Photoshop para animar a fervura entre 46 quadros é provavelmente um bom comprimento. A textura do pincel do Photoshop, irritantemente, não muda se você estiver animando por quadro. Mas então você pode entrar no After Effects e adicionar mais aleatoriedade. Eles estão animando a posição e a escala, etc. E essa técnica funcionará da mesma forma em uma textura estática. Lembre-se de que a taxa de quadros padrão em um documento do Photoshop é de 30 quadros por segundo. E você provavelmente vai querer usá-lo em dois no After Effects. Assim, você pode alterar essa taxa de quadros no After Effects clicando com o botão direito do mouse na gravação e indo para Interpretar gravação. No meu caso, eram 12 quadros por segundo porque meu mainframe, tinha 24 quadros por segundo. Mas, por exemplo, se você estiver trabalhando a 30 quadros por segundo, precisará interpretar a gravação a 15 quadros por segundo. Outra observação rápida é que há um bug realmente irritante no After Effects no momento em que percebi, toda vez que você reabrir o arquivo do projeto, ele redefinirá a taxa de quadros de o documento do Photoshop volta ao padrão, então ele continua voltando para 30 para mim. Então, para evitar isso, você pode entrar no Photoshop antes de começar a animar sua textura e defini-la para 12 quadros por segundo ou o que você quiser que seja o resultado final. Então, depois de alterar a taxa de quadros dos textos ou arquivos animados, você tem a taxa de quadros que deseja para mim, era quadros altos por segundo. Em seguida, você pode arrastar esse arquivo do Photoshop para uma nova composição. E então ele fará uma composição com as dimensões e a taxa de quadros corretas para você. Reduza o comprimento para corresponder ao seu arquivo de textura. Então, para mim, eram quatro quadros, então minha composição tinha quatro quadros. Então você pode entrar e adicionar um pouco mais de aleatoriedade animando a posição, escala e rotação ou qualquer outra coisa que você queira fazer para que ele mova o preenchimento um pouco mais em movimento, quanto mais você o move por quadro, maior será o efeito de fervura. Pessoalmente, acho que é uma boa ideia começar com uma fervura mais intensa. Então, fica mais visível. Você pode ver o que ele realmente está fazendo em sua composição principal ao usá-lo, você sempre pode voltar a isso depois de começar a usá-lo, se não estiver funcionando particularmente bem para você e reduza isso. Então eu acho que é mais fácil começar com mais intenso e depois reduzi-lo se você precisar. Mas depende de você. Ok, então sua tarefa desta vez é basicamente fazer o que fizemos nesta lição, apenas ter certeza de que sua textura está fervendo. E eu quero que você traga isso para o After Effects, faça uma composição Esse é o comprimento correto para o seu Boyle. E então devemos estar prontos para a próxima lição. Porque na próxima lição vamos aplicar essa textura aos traços para fazer com que pareçam ter sido desenhados. Então, te vejo lá. 11. atualização em andamento: Bem-vindo de volta. Nesta lição, vamos realmente começar a criar o efeito que corresponderá ao estilo de traçado original da ilustração. Para fazer isso, usaremos uma camada de forma no After Effects e aplicaremos a textura que fizemos na última lição junto com alguns outros efeitos. Então, vamos voltar ao After Effects e começar. É para isso que estamos almejando. Esse é o tipo de traços finalizados. Isso é só um exemplo. O derrame é apenas uma parte do braço que eu rastreei. Assim, você pode ver que a textura está passando por ela e há uma boa rugosidade na borda do traçado que será adicionada. Esse não é o efeito final. Haverá mais mundanismo no topo do que vamos adicionar no final. Mas é aqui que vamos chegar nesta lição. Vou fazer um traço agora para este braço, e vou clicar na ferramenta Caneta aqui em cima, certifique-se de que você não tenha nenhuma camada selecionada quando estiver fazendo um traçado. Caso contrário, ele começará a criar uma máscara em qualquer camada que você selecionou. A menos que você tenha uma camada de forma já selecionada, ela começará a criar outra forma dentro dessa camada de forma. Portanto, ele faz algumas coisas diferentes, dependendo do que você selecionou ao usar a ferramenta caneta. Portanto, certifique-se de estar ciente do que está selecionado em sua linha do tempo antes de começar a desenhar com a ferramenta caneta. E neste caso, vamos usá-lo sem nada selecionado para que ele crie uma nova camada de forma quando começarmos a desenhar e apenas começarmos a desenhar. Então, ele tem algumas configurações padrão aqui, mas tudo bem. Nós podemos simplesmente mudar isso depois. Então, vou fazer alguns pontos. E você geralmente quer mantê-lo o mais simples possível. Mas, ao mesmo tempo em que mantém esse tipo de fluxo natural de uma linha desenhada à mão , se você adicionar muitos pontos aqui, será muito difícil trabalhar com isso. E muito poucos, você não vai conseguir a forma que você quer. Então, isso está alcançando um equilíbrio lá. Você pode ver as camadas de uma forma aparecerem aqui embaixo. Você provavelmente terá algum outro tipo de padrão, cores e traços que aqui em cima. Mas nós só queremos o derrame. Então eu vou abrir isso. Vou para a forma de conteúdo e vou esconder a camada de preenchimento. Não vou excluí-lo por enquanto, só vou escondê-lo. Você nunca sabe quando quer voltar a preencher. Então, podemos apenas escondê-lo. E vou abrir o traçado e ver as configurações do traçado aqui em baixo. E vou aumentar a largura até que seja aproximadamente a largura do traço desenhado à mão aqui, apenas um pouco para combinar melhor com o traço , não importa a cor do traçado, porque vamos adicionar uma textura em cima dela de qualquer maneira. Então, vou deixar isso um pouco mais visível. E eu não quero combinar a mesma cor que os traços reais, porque então eu não posso dizer a diferença como se eles se misturassem muito. Então, vou fazer com que seja algo que se destaque e também não seja a cor dessa linha de caminho. Gradientes. Bom. Este é apenas um pequeno teste para obter o estilo do traçado, certo? E então podemos entrar e realmente fazer a mão porque, obviamente, esse traço seria principalmente um golpe e, ao todo, em uma camada de forma. Então eu vou passar por isso mais tarde. Provavelmente vou configurá-lo e depois mostrar o que fiz , em vez de mostrar todas as partes da etapa, isso é apenas para fazer o derrame parecer certo. Ok, então temos o traçado, vou esconder a camada guia. Então, agora estamos trabalhando nisso. E a primeira coisa que vou fazer é adicionar o efeito de bordas ásperas. Se você passar uma textura por isso e tiver acabado de receber um livro didático, ainda verá essas edições realmente difíceis. Então, precisamos quebrar a borda dessa linha vetorial. Então, vou clicar na Camada de Forma e vou para os meus controles de efeitos. Se isso afeta os controles não está visível, você vai para Janela e clica em Controles de efeitos. Eu sei que quando você abre o After Effects por algum motivo o layout padrão é não ter os controles de efeitos abertos. Então você clica na camada, vá para Janela e clique em Controles de efeitos. Se não estiver aberto, clique com o botão direito do mouse nos controles de efeitos. Eu vou para o Stylize. E eu vou clicar em bordas ásperas. Com bordas ásperas em uma camada de caminho, é adicionada uma distorção ondulada silenciosa e agradável à linha, e ela já parece muito mais natural. Então, nós temos isso. A primeira coisa que vamos fazer é, na verdade, reduzir dez. Então, o que estamos buscando no momento não são as grandes oscilações no golpe. Vamos tentar obter a sensação de textura como se fosse um traço texturizado que poderia ter sido feito com um lápis ou um pedaço de giz ou algo parecido. E no meu caso parece giz, então vai ser uma linha grande e grossa com uma borda áspera. E então vamos adicionar um pouco de textura a ele. Então, o que eu quero é, quero dizer, também é bom continuar trazendo sua referência aqui também. Então, vamos dar uma olhada rápida na referência. Então, o que eu estou procurando no momento em que estou apenas focando é apenas o limite. Então, o limite dessa linha é o que estou tentando recriar. O que podemos fazer é uma escala de dez até o fim. A escala só desce para cerca 10% aqui, o que é bom. E então você obtém esse ruído realmente bonito acontecendo no traço Editar. Se você pressionar Control Shift H ou Command Shift H, ele ocultará todos os seus guias e outras coisas para que você possa se concentrar apenas no que está vendo. Então eu vou aumentar a nitidez da borda. Então, a vantagem para alguém no momento, e eu quero que seja muito mais nítida do que isso. Se você aumentar todo o caminho, então você começa a ter essa borda quebrada realmente dura. Eu acho que algo assim é bom. Cerca de cinco. E então 4,8 palavras importam e, em seguida, borda. Eu não quero isso muito grande, caso contrário, ele simplesmente começa a desaparecer, realmente se separando demais. Não estou tentando fazer a textura do meio do traço com isso. Só estou olhando para a borda. Então, se transformarmos isso em algo assim, talvez cinco ou mais, sim, está parecendo muito bom. Você poderia duplicar isso. Então, se olharmos para trás , para o nosso golpe, ele tem uma vantagem muito áspera e, em seguida , tem esse tipo de oscilação também. Você vê como essas células são como as oscilações um pouco maiores, não vão criar isso no momento. Porque podemos adicionar isso bem no final em cima de tudo, porque praticamente tudo tem essas ondas. Eu trabalhei em muitos projetos que parece muito bom. Nós enrugamos as bordas em cada camada. Mas então, no próximo projeto, torna-se incontrolável. Seja lento porque é preciso processar bordas de referência em cerca de 2030 camadas, algo assim. Então, é um pouco de equilíbrio. Então eu vou fazer isso, fazer assim por enquanto. E então, se estiver ficando muito lento, podemos tentar outra coisa. Alternativamente, você pode ter um temporário ou até mesmo desligar todos os efeitos e depois ligá-los novamente quando precisar renderizar. Mas se você está renderizando sequências longas realmente grandes e está demorando uma eternidade para renderizar, então você pode ter que se comprometer em algum lugar. Ótimo, então está parecendo muito bom. A próxima coisa que precisamos fazer é voltar e pegar a textura que fizemos da última lição, porque vamos adicioná-la ao traçado. Se você não tiver a textura que você fez na última lição no mesmo arquivo de projeto que isso afeta o projeto, você sempre pode gostar se você tiver um separado do próximo projeto, você pode apenas importar a textura afeta o projeto. E ele entrará no projeto atual do After Effects como uma pasta separada. Espero que você esteja trabalhando no mesmo projeto porque tudo isso é uma coisa em que estamos trabalhando. Mas se você não tiver, então você pode simplesmente ir e inserir esse outro projeto de ofertas e você deve ter tudo o que precisa lá. Temos nossa textura fervendo. Vamos voltar para a composição que estamos fazendo nosso derrame. Então, vou arrastar minha composição da minha textura fervura. E agora temos um Boyle de quatro quadros aqui. Se você notar, na verdade são oito quadros aqui porque dentro dessa textura, essa textura está rodando a 12 quadros por segundo. Então, para cada dois quadros de 24 quadros por segundo, obtemos uma de nossas 12 firmas em segundo. Isso faz sentido. Então vai 11, 2233 e assim por diante. Obviamente, queremos que ele faça um loop o tempo todo. Nós só queremos, Queremos que essa textura seja apenas um loop e um loop, looping. Então, da maneira que fazemos isso, se você clicar com o botão direito do mouse na camada de composição de textura e ir para o tempo, habilite o remapeamento de tempo. Existem algumas maneiras diferentes de fazer loop no After Effects. Na verdade, você pode clicar com o botão direito do mouse na gravação, como o arquivo do Photoshop , e dizer loop dentro da caixa Interpretar gravação, mas não é muito bom que sua filmagem seja cortada exatamente no comprimento do loop. Portanto, uma maneira mais poderosa de fazer loop no After Effects é com uma expressão minúscula dentro qualquer propriedade que você esteja animando. E se você quiser fazer um loop e todo o PreComp , precisará ativar o remapeamento de tempo. Portanto, é uma maneira muito indireta de fazer um loop no After Effects, mas essa é a maneira mais poderosa. Então, podemos fazer um loop dentro da pré-composição e então teremos apenas uma textura em loop o tempo todo. Mas é o mesmo processo, mas vamos fazer isso fora do pré-comp. Então, eu posso apenas mostrar como fazer isso usando um mapa de tempo. Parece complicado e é mais complicado do que deveria ser, com certeza. Eu gostaria que houvesse um efeito que dissesse apenas loop ou algo parecido. Mas não há, então temos que fazer assim. Mas se você seguir meus passos de perto o suficiente, então tudo deve ficar bem. Então, a primeira coisa que vou fazer é arrastar o final da camada de fervura da textura até o fim. O que o remapeamento de tempo permite que você faça. Isso ainda não faz loop. Então, isso ficará preto após o final desses quadros-chave que você pode ver aqui. Essencialmente, o que são esses quadros-chave, se você não usou o mapeamento oportuno antes de eu cobrir rapidamente, ele fornece uma propriedade de animação para o tempo dentro dessa camada, independente do tempo no pai composição. Então, se você ver aqui, o valor desse quadro-chave é 0 e o valor desse quadro-chave é quatro, porque temos quatro quadros e nossa composição. E vamos usar um pouco de café expresso aqui para fazer um loop, porque é assim que você repete as coisas no After Effects. Se você pressionar Alt e clicar no cronômetro no mapa de tempo, isso lhe dará um pouco de código aqui. Eu sei que isso parece loucura porque você precisa fazer alguma codificação para fazer algo em loop no After Effects. Mas o After Effects é esse tipo de programa. É um pouco antiquado. Não é particularmente fácil de usar. É muito fácil de usar para começar. Mas quando você precisa fazer coisas mais avançadas, isso se torna muito complicado rapidamente. Mas não se preocupe, não é um código complicado. Você só precisa digitar algumas palavras, mas precisa se lembrar dessas palavras toda vez que quiser repetir algo. Então tem que ser exatamente esse loop minúsculo. E isso lhe dá uma pequena dica aqui. Agora não costumava fazer isso, mas agora temos essas dicas aqui. É muito útil. Então, uma vez que você digita loop, você pode realmente pressionar para baixo e o LoopOut é o que queremos. Então, queremos Loop Out, com um O maiúsculo e colchete aberto, colchete fechado. Então, quando você tiver isso em sua caixa de expressão, clique em algum lugar neutro. E agora ele fará um loop nesses quadros-chave. Infelizmente, está incluindo essa moldura preta no loop, então ainda não terminamos completamente. A próxima coisa que temos que fazer para fazer um loop corretamente. Quando você faz LoopOut, ele remove esse último quadro-chave além do primeiro. Portanto, pode parecer bom para o resto da composição, mas esta primeira não está funcionando. Então, o que precisamos fazer é ir para o quadro antes do final. Então, meu caso é o quadro sete, defina outro quadro-chave aqui. E então eu vou copiar o primeiro, controlar C, e depois ir para o último quadro. E eu vou fazer o Controle V. Então agora o que isso faz é colocar o último quadro e depois voltar para o primeiro quadro. E então, para o resto, eu removerei este. Você não vai conseguir um quadro duplo aqui. Vamos apenas fazer um loop. Você não precisa entender isso completamente se isso, se isso for completamente novo para você, isso pode parecer totalmente insano apenas para repetir algo. Mas se você seguir essas etapas, exatamente, tudo fará um loop perfeito. E se você estiver entrando em coisas mais avançadas do After Effects, essa será uma configuração muito útil para você, porque isso significa que você pode fazer o loop do que quiser. Você pode selecionar o meio de um vídeo ou o meio de uma animação, trazê-lo como uma composição. Pressione o remapeamento de tempo, defina esses quadros-chave, coloque o loop nele e tudo funcionará perfeitamente de qualquer maneira. Então, vamos testar isso e diminuir um pouco o zoom para que possamos ver o que todo o quadro está fazendo. Clique em Play. E nós temos nosso loop saindo e ele continua para sempre. Então, isso é perfeito. Então, tudo o que precisamos fazer para obter um traçado é garantir que a textura Boyle esteja abaixo da camada da forma. E então você vai até aqui, certifique-se de que seus tapetes estão ligados. Se não estiver ativado, talvez seja necessário alternar esse botão aqui para ativar o modo e rastrear fosco para que fique visível em suas camadas. Clique na camada abaixo e clique em Alpha Matte. Então clique em Track Matte, onde diz nenhum, e vá para alpha matte. E o que isso faz é desligar a camada acima e usá-la como um canal alfa para a camada abaixo. Agora temos nossa textura passando por nossa camada de forma de traço. E se você apertar play agora, temos a textura passando por ele, ok? Mas ainda não está parecendo muito certo. E a razão é que as bordas ásperas ainda não estão animadas. Então, vamos voltar às nossas bordas ásperas para clicar em nossa camada de forma novamente e ir para o efeito de bordas ásperas. Vou aumentar um pouco a borda, só para torná-la um pouco mais áspera. E então vamos fazer mais uma expressão, outra muito simples. Então, eu vou deixar cair o efeito aqui. Então, se você soltar essa camada e ir para efeitos e abrir bordas ásperas nos efeitos nas camadas aqui embaixo. Dessa forma, temos um acesso mais fácil às expressões. E eu vou encontrar aquela que são as opções de evolução. E eu vou para a semente aleatória. E a semente aleatória basicamente, se você mudar isso, ela apenas aleatorizará o ruído nas bordas ásperas. Então, isso lhe dá uma forma diferente a cada vez. Então, eu quero que isso aconteça em todos os quadros, porque isso é essencialmente como uma camada desenhada. Então, a semente aleatória e depois vá para o cronômetro. E vou manter pressionada a tecla Alt e clicar no cronômetro. Agora aqui, ele tem esse efeito que é apenas, que significa o mesmo valor o que está lá dentro. Mas não se preocupe com isso. Vamos apenas deletar tudo isso. Então, vou digitar a tempo. E o que isso faz é dar a você o tempo em segundos aqui. Obviamente, eu quero que ele mude todos os quadros, então eu apenas vezes isso em 24 porque nossa composição está em 24 quadros por segundo. Portanto, se você pegar os segundos e multiplicar pela taxa de quadros, ele fornecerá um número a cada quadro. É difícil, mas 24. Agora deve ir de um a dois. Basicamente, tenho o número do seu quadro aqui. Mas também fornece uma semente aleatória a cada quadro. Então, agora, se pressionarmos Play, obteremos essa bela linha texturizada e fervendo. Mas o problema é que eu não quero que isso mude a cada quadro. Eu quero que ele mude todos os outros quadros. Então, no After Effects , porque podemos, porque estamos animando a 24 quadros por segundo. Quero adicionar uma camada de ajuste aqui. Portanto, se você clicar com o botão direito do mouse em um espaço neutro dentro de sua linha do tempo e for para nova camada de ajuste que criará uma nova camada em sua linha do tempo chamada camada de ajuste. E as camadas de ajuste são basicamente uma camada onde você pode adicionar um efeito a ela e isso afetará tudo abaixo dessa camada. Portanto, ele não faz nada por si só e ficará invisível até que você adicione um efeito a ele. E é muito útil porque significa que você pode, em vez de adicionar um efeito a cada camada, você pode ter apenas uma camada de ajuste na parte superior. E isso afetará tudo abaixo dele. Na verdade, eu quero isso em dois. Então, para fazer 2s e efeitos posteriores, mesmo quando você está animando em uns, porque digamos que você esteja trabalhando a 24 quadros por segundo. Você não quer trabalhar a 12 quadros por segundo porque não é a coisa mais poderosa e é uma taxa de quadros um pouco estranha definir sua composição para isso, muitas vezes são essas coisas que são rodando em 24, mas você só quer mostrar todos os outros quadros. E há um efeito muito simples no After Effects chamado posterize time, que permite que você faça isso. Vou renomear essa camada de ajuste dois, posterizar o tempo. Assim, você pode clicar com o botão direito do mouse no controle de efeitos e isso abrirá todos os efeitos de que você precisa. E se Controles de efeitos não estiver visível, você pode ir para, você pode clicar na parte superior da janela Efeitos, Controles de efeitos. E isso abrirá sua janela de controles de efeitos. Se não estiver visível, basta clicar com o botão direito e ele mostrará a lista completa de efeitos que você pode adicionar. E então, no controle de efeitos, vou para o Tempo, posterizar o tempo. O quadro padrão aqui é normalmente 24 e clique nele, defina-o como 12 para que tudo abaixo dessa camada de ajuste agora seja executado 12 quadros por segundo em vez de 24 quadros por segundo. Então, agora, quando apertamos o play, tudo está rodando a 12 quadros por segundo, incluindo as bordas ásperas. Porque antes, com isso desligado, as bordas ásperas estão acabando, correndo em cada quadro. E a textura está rodando a 12 quadros por segundo porque é para isso que a definimos. Se eu apenas pisasse segurando o controle e as teclas de seta para a esquerda e para a direita. Então, eu apenas pressiono para a direita, ele vai passar. Então vá 1212. Você pode ver que a textura está realmente mudando em todos os outros quadros. Mas as bordas ásperas estão mudando a cada quadro. Então, agora que o Tempo Posterize começou, tudo está rodando em dois. 12. Lá vamos nós. Então, agora está funcionando perfeitamente. Então, apertamos play. Temos uma textura realmente adorável passando pelo nosso traço. Então, sim, apenas uma nota rápida. Se você reinterpretar sua filmagem de 30 de 30 a 12, como eu fiz aqui para fazer em dois na configuração Interpretar gravação. Em seguida, você entra no Photoshop, faz uma alteração no documento do Photoshop e o salva. Quando você voltar para o After Effects, ele será alterado porque o After Effects recarrega o arquivo do Photoshop. E quando ele recarrega, ele o coloca volta a 30 quadros por segundo. Então você tem que ter certeza de voltar e mudar de novo. Eu não acho que costumava fazer isso, mas por algum motivo isso é o que está acontecendo agora. Então, se foi uma quinta-feira, o que aconteceu? Essa é uma maneira muito clara de saber se deu errado ele começará a parecer errado no momento de renderização quando piscar e desligar. E demorei um pouco para perceber por que continuava quebrando e percebi que era porque estava salvando o arquivo do Photoshop. Ele faz a mesma coisa quando você recarrega o projeto aftereffects. Portanto, fique atento se você estiver trabalhando em um quadro diferente. Eu disse isso algumas vezes porque na primeira vez que fiz este tutorial, eu trabalhei na taxa de quadros padrão no Photoshop pensando que podemos interpretar imagens e artefatos, mas eu não sabia que você tinha que fazer. Ele redefiniria a taxa de quadros toda vez que você salvasse o documento do Photoshop ou reaberto após o projeto de efeitos. Então, tenha isso em mente. E passamos por definir sua taxa de quadros no arquivo do Photoshop antes de trazê-la para o After Effects, certifique-se de que você realmente volte e tenha a taxa de quadros correta no Photoshop. Por causa de uma exportação, ele também recarregará o arquivo do Photoshop e parecerá errado quando você fizer sua renderização final. Portanto, certifique-se de voltar e realmente corrigir a taxa de quadros dos arquivos do Photoshop. Incrível. Então, agora temos uma configuração realmente sólida de recriar os traços da ilustração original. E essa técnica com alguns ajustes aqui e ali não deve ser capaz de combinar com a maioria dos estilos de traçados. Então, vamos recapitular rapidamente como conseguimos isso. Usamos a ferramenta caneta para traçar sobre a arte original. No meu caso, foi o braço, certificando-se de usar o mínimo de pontos possível para mantê-lo gerenciável, mas o suficiente que você possa manter a forma original. Em seguida, entramos na Camada de Forma e atingimos o preenchimento, se estivesse visível, e ajustamos o estilo do traçado para corresponder à mesma largura do traçado original. Em seguida, usamos bordas ásperas para dar à borda do caminho aquele tipo de aparência fragmentada e texturizada que você normalmente obtém com coisas como lápis ou giz. Em seguida, trouxemos nossa textura para a mesma composição e fizemos um loop ativando o remapeamento de tempo e usando a expressão loopOut. Em seguida, usamos nosso traçado que fizemos como um fosco para a textura. Isso faz com que a textura seja visível apenas onde o traçado está. Depois disso, fizemos com que as bordas ásperas fervessem aleatoriamente, encontrando a propriedade de semente aleatória e adicionando uma expressão de tempo simples que a faz mudar em cada quadro. Finalmente, adicionamos um efeito de tempo de posterização em uma camada de ajuste para que tudo abaixo da camada de ajuste seja executado em dois, incluindo as arestas ásperas, fervura e qualquer animação que estamos vou colocar mais tarde. Incrível. Portanto, sua tarefa desta vez é combinar com o estilo de traçado em sua ilustração. Isso deve ser totalmente possível com esse método exato. Será apenas uma questão de combinar a textura, combinar a cor, combinar a largura do traço, e talvez mexer nas bordas ásperas, largura da borda, esse tipo de coisa. Quero dizer, animação digital é basicamente sobre mexer com números. Então, boa sorte. Na próxima lição, vamos pegar o que aprendemos nesta lição e aplicá-lo a uma área de cor preenchida maior. Então, te vejo lá. 12. atualização em andamento: Olá. Nesta lição, vamos aplicar nossa textura fervente uma área de cor preenchida. Para fazer isso, usaremos preenchimentos em vez de traçados dentro de camadas de forma. E vamos analisar várias maneiras mudar nossa textura ou ajustá-las para combinar com a arte mais de perto. Então, vamos voltar para dentro. Então, a próxima coisa que vamos fazer é criar um preenchimento. Estou apenas pensando nas técnicas no momento. Certifique-se de que estamos funcionando. E então eu vou passar e aplicar essa técnica em toda a imagem. Então isso só vai ser em testes. E agora vou tentar fazer dele um desses preenchimentos. Então, a coisa que vai ser realmente difícil de recriar esse fluxo, você vê como quando o lago foi colorido, a coloração está seguindo a direção da perna. Essa coisa vai ser muito difícil de recriar. Mas esses são um dos compromissos que talvez tenhamos que fazer. Então, vou tentar fazer essa parte da perna e ver como elas ficam. Eu acho que você pode ver, você pode ver um derrame aqui também. Então, isso é algo que podemos tentar recriar. A primeira coisa que vou fazer é preencher e ver o quão perto chegamos e então talvez possamos começar a ajustá-lo a partir daí. Então, eu só vou traçar por cima da perna. Vale ressaltar que, se você for animar essa perna, talvez não queira ter um contorno como esse. Você pode querer descobrir de alguma forma como sair de um golpe, um único golpe, o que é possível, mas essa perna tem uma forma bastante complicada, então seria meio complicado fazer isso. Eu só vou desligar o preenchimento do lúmen para que eu possa ver o que estou fazendo. Só vou ajustar um pouco. Depois vou desligar o traçado e vou ligar o preenchimento. Então, agora temos apenas um preenchimento na Camada de Forma. E eu vou esconder a referência novamente. Basicamente, tudo o que vou fazer no momento é duplicar o que já temos sobre o derrame e ver como está. Então isso vai ser o preenchimento da perna. Só vou clicar no nosso teste da linha do braço. Vou copiar essas bordas ásperas. Vou colar no preenchimento da perna. Então agora temos exatamente a mesma coisa acontecendo no limite. E vou duplicar essa camada de fervura de textura fazendo o controle D, maçã D em um Mac, já está com o alfa fosco ativado, mas a camada de preenchimento da perna ainda está visível, então você precisa para desligar isso. Então, se isso aconteceu com você, você pode fazer isso ou ele irá redefini-lo. Você pode simplesmente clicar na camada de fervura da textura, clicar em No Track Matte e ela será redefinida. E então, quando você clicar em Alpha Matte novamente, ele desligará automaticamente essa camada e a usará como um, como o fosco alfa. Então isso é basicamente, quero dizer, você pode ver que é uma textura muito diferente. Portanto, há algumas coisas que podemos fazer para que pareça um pouco mais com a ilustração. Vamos apenas tocar nisso e ver como está. Então, já está parecendo muito bom. Especialmente a partir dessa distância até a fervura é bastante intensa. E se voltarmos à nossa camada de referência, não é, a textura não é tão intensa quanto isso. Eu quero ver fervendo porque acho que seria bom. Esse movimento de textura todo o caminho, mas acho que é um pouco demais usar essa textura atual. Então, a partir daqui, vou refinar meus efeitos de textura. Portanto, pode não ser necessariamente relevante para todas as ilustrações, obviamente porque haverá uma variedade de texturas por aí se você tiver texturas em sua imagem. Mas eu acho que o processo é meio útil porque isso vai te mostrar como ajustar a textura. São muitas técnicas diferentes de como refiná-lo. Então eu acho que ainda é útil assistir. Como eu disse, pode não ser necessariamente relevante para todas as imagens. Então, há algumas coisas que podemos fazer para remediar isso. A primeira coisa que vou tentar é clicar na textura e trazer efeito de níveis. Então, vou clicar na camada de textura e nos controles de efeitos, vou para os níveis de Correção de cores. O principal uso dos níveis de fatores como ferramenta de classificação. Ele permite que você controle a extremidade alta e a extremidade baixa usando os controles esquerdo e direito na parte superior. E você pode fazer várias coisas, como cortar o preto e cortar o branco. E há controle intermediário lá, que permite ajustar os níveis intermediários. Mas a maneira que vou usar é para ajustar o canal alfa e a textura. E eu vou mudar o canal nos níveis aqui para Alpha. E isso dá a você controle sobre o canal alfa na textura, porque essa é a transparência. Então isso será relevante se você tiver um canal alfa em sua textura, se você estiver usando uma textura que não tem um canal alfa, como se fosse uma imagem em preto e branco, como eu mencionei antes, se você estiver usando como um luma matte, que você pode fazer como um track matte em vez do que estamos usando, que é um Alpha matte ou um Alpha Track Matte, então você pode usar os níveis em o padrão, que é o modo RGB, que está afetando apenas cores regulares, em vez de motores Alpha, que é como eu vou usá-lo. E a primeira coisa a fazer é brincar um pouco com esse controle do meio. Veja se consigo reduzir a quantidade de textura que está acontecendo. Então você também pode apagar a luz. Tem uma textura bastante áspera. Então, no momento. Então, vou redefinir isso por enquanto. E vou adicionar outro efeito no topo. Vou adicionar um Blur and Sharpen Fast Box Blur. Vou colocar isso acima dos níveis. E eu vou definir o raio de desfoque para algo que é muito parecido com algo muito pequeno. Então, talvez 0,1 apenas para dar os níveis de algo para brincar. Porque se eu desligar isso, você pode ver que a textura está ligada ou desligada. A transparência está ativada ou desativada. Então, vou colocar o desfoque primeiro, talvez 0,2. Dessa forma. Isso apenas suaviza um pouco essa textura. Permita que esses níveis tenham algo com que brincar. E então eu vou voltar para os níveis, selecionar Alpha novamente. E agora eu tenho um pouco mais de controle sobre o brilho dessa textura. Então eu posso tentar trazer isso, ver como eu tenho um pouco mais. Não quero me livrar disso. Só não quero que seja tão forte. Ok, acho que está parecendo melhor. Agora, talvez eu possa tentar adicionar um afiado até adicionar a ponta afiada. Se você for para os efeitos de desfoque e nitidez, então a nitidez é tentar se livrar do embaçamento. Nós adicionamos desfoque. Em seguida, usamos os efeitos de níveis para ajustar a densidade da textura. E então podemos adicionar uma nitidez e efeito para remover o desfoque novamente. Então, agora ele acabou de ser bastante reduzido. Então, isso é olhar mais de perto para o desenho. Eu diria que brinque com isso. Está parecendo melhor. Ainda estou ficando muito quieto , talvez o que possamos fazer agora seja adicionar outra camada apenas para reduzir ainda mais a textura. Além disso, acho que vou adicionar esse traço. Então, se você voltar para a referência, você pode ver que é um pouco mais grosso em direção à borda. Eu gostaria de manter um pouco disso para ver se podemos fazer parecer um pouco mais como se tivesse sido delineado e depois colorido. Então, vou duplicar o preenchimento da perna, pressionando Control D ou Command D em um Mac. E então eu vou voltar a ativar a forma do traço para o conteúdo. E há toneladas de traçado nele e desligue o preenchimento e, em seguida, altere a cor do traçado um pouco mais visível e torne-o amarelo. Eu quero que seja igual a essa textura de linha. Então, vamos entrar e ver o que o tamanho desse derrame causa. Largura do traço 10,5. Ok, então essa é a largura do traçado de todos os documentos. Então 10.5 ou algo assim para eu manter minha cabeça agora. 10.5, bom. E então eu já tenho as bordas ásperas nele. Chame essa linha de perna. E vou duplicar meu texto para ferver novamente e desligar essa camada. Agora eu tenho a linha da perna, bem como se eu escondesse a textura da perna, você pode ver que agora eu tenho uma linha para a coisa toda. Não me mandou uma mensagem de volta. Ficando mais perto. É legal. Vou tentar duplicar a textura da perna para os filmes das pernas, vou pegar o preenchimento da perna e sua textura e fazer o Controle D nisso. Então eu tenho outro. Veja como está parecendo ainda mais grosso. Essa é a mesma textura uma em cima da outra, em cima de si mesma. Eu só vou compensá-lo se eu apenas arrastar a camada de textura para que a animação seja deslocada para a abaixo. Está ficando muito grosso agora. Então, na verdade, o que eu vou fazer é tornar este muito leve, já que fizemos a outra textura bastante pesada aumentando os níveis sobre isso. Então você pode ver aqui como você pode controlar aqui. Então, na verdade, essa é a camada inferior que está na minha camada de textura de baixo. E a próxima camada extra, eu vou realmente diminuí-la apenas para que eu tenha um pouco mais de textura no topo porque eu vou pegar o controle de níveis médios novamente e apenas bombeie para que eu tenha uma textura realmente leve com muita transparência. E eu vou ver se consigo mergulhar um pouco. Eu também vou rodar isso, ver o que acontece. Mova-se. Ok, vamos ver o que acontece quando jogamos isso. Isso está parecendo bom. Então agora não é muito intenso, não está chamando muito a minha atenção, acho que é o que estou tentando fazer, mas estou ficando muito vermelho sólido. Então, talvez o que eu possa fazer agora seja pegar a camada inferior e começar a reduzir a textura dessa também. Até eu ter o nível certo de textura. Está parecendo muito bom. Eu vou continuar com isso no momento. Uma coisa que eu não fiz foi colocar a cor de fundo e isso ainda está completamente preto. Então, eu vou pegar o controle de cor de fundo Y. E isso cria um novo sólido. Ou você pode ir para a camada de novo sólido, Control Y ou Command Y em um Mac e apenas usar este pequeno seletor aqui, eu posso provar a cor de fundo e esse sólido é apenas a cor de fundo correta. Vou arrastá-lo para o fundo para que fique por trás de tudo. Ok, então é basicamente isso. Agora eu só tenho que aplicar essa técnica a tudo para recriar a imagem inteira. Então essa é a técnica que vou usar. futebol provavelmente poderia se aproximar com essa textura. Eu poderia voltar para o Photoshop e torná-lo mais próximo da textura, mas acho que vou usar este por enquanto. É muito fácil trocá-los. Então, se você fizer uma nova textura, você pode simplesmente trazê-la enquanto outra textura ferve na textura para O2 e depois fazer a mesma coisa. E então você pode apenas olhar, digamos que eu tinha textura ferver O2 aqui. Eu poderia simplesmente pegar isso e segurar Alt com uma camada selecionada aqui e apenas substituir essas texturas para que eu possa misturá-las e combiná-las. Essa é outra coisa poderosa ao fazer isso assim e depois dos efeitos é que você pode ajustar totalmente tudo depois, especialmente isso é ótimo para projetos de clientes. Se um cliente vier até você e disser que essa textura não está perto o suficiente, certo? Tente chegar mais perto e você manteve toda a sua animação, tudo está acabado. Mas você pode voltar e consertar essa textura. Você pode alterá-lo para uma textura completamente diferente. Até agora, tudo está vermelho no momento porque essa é a cor que eu pintei no Photoshop, que é amostrada da imagem original porque há muito vermelho na minha imagem, mas eu não te mostrei como realmente mudar a cor do preenchimento. Então eu vou te mostrar isso agora. E, obviamente, se eu quiser uma cor diferente e essa textura, se eu mudar dentro da textura fervura pré-composição, então isso mudará a cor de tudo o que estamos usando. Então, precisamos alterá-lo no comp principal. Então, vou clicar em uma das minhas camadas de fervura de textura. Vou clicar com o botão direito porque estou trabalhando na cabeça agora, vou para Gerar preenchimento. Esse é um efeito muito bom para alterar a cor de qualquer coisa sem afetar as propriedades do canal alfa. Então eu clico nessa camada. Eu só vou revelar isso para que eu possa provar minha referência, que é esse amarelo que eu quero agora. E então eu vou esconder isso de novo. Agora podemos ver o amarelo chegando. Mas porque, como na perna, costumávamos texturizar camadas. Então, obviamente, eu preciso disso na segunda camada também. Então, vou apenas copiar esse preenchimento e adicioná-lo em um acima. E agora eu tenho exatamente a mesma animação que eu tinha na minha perna. Agora eu tenho uma cabeça amarela, versão amarela porque você não vê. Então, correndo. Ótimo. temos nossos traçados e preenchimentos, todos parecendo bem próximos ao estilo de ilustração. Vamos recapitular rapidamente o que abordamos nesta lição. Rastreamos essa área de cor preenchida. No meu caso, foi a perna do personagem. E nos certificamos de que o filme estava ligado em vez do traçado dentro da camada de forma. Em seguida, aplicamos a fervura texturizada naquela área preenchida, assim como fizemos com um traço na última lição usando um track matte. Em seguida, mostrei a você como pegaram minha fervura bastante intensa e reduzi um pouco para combinar mais com o estilo de ilustração. E para tornar isso um pouco mais sutil. Para isso, usei uma combinação do efeito de desfoque, um pouco de desfoque e, em seguida, apliquei o efeito de níveis para que você pudesse ajustar a intensidade da textura. E também usei várias camadas de textura para que, quando combinadas, preenchessem mais áreas e você tivesse menos lacunas. Também mostrei uma maneira rápida de alterar as cores da textura usando o efeito de preenchimento de cor. Desta vez, sua tarefa é combinar uma área de cor preenchida em sua ilustração aplicando sua textura e refinando-a para que ela corresponda à sua ilustração. Então, quando você estiver satisfeito com o estilo de seus traços e preenchimentos. Na próxima lição, vamos dar uma olhada no toque final que realmente venderá o visual feito à mão. Mundanismo. 13. atualização em andamento: Ok, então este é o último efeito principal que será observado na criação de nossos estilos artesanais. Nesta lição, vamos analisar a criação um tipo de efeito oscilante grande, mas sutil, que ajudará a recriar essas pequenas inconsistências que ocorrem quando você está fazendo as coisas à mão. E para fazer isso, vamos usar um efeito chamado deslocamento de turbulência. Então, vamos voltar à nossa composição e mostrarei como configurá-la. A última coisa que vou fazer antes de ir em frente e fazer a imagem inteira usando essas técnicas, é adicionar mais uma camada de ajuste na parte superior. Essa vai ser uma espécie de distorção geral. Vou colocá-la por baixo do Tempo Posterize. tempo de posterização deve estar bem no topo. E eu vou chamar isso de grande distorção. E vou clicar nele e clicar com o mouse nos Controles de efeitos. E eu vou distorcer, e vou usar um diferente chamado deslocamento turbulento. Isso tornou tudo muito instável assim. Então, isso é muito grande no momento. Eu só quero adicionar uma grande oscilação, mas um pouco instável. Eu quero que a escala seja grande. Então, quando eu digo escala grande, quero dizer assim, você pode ver como as oscilações estão ficando menores. Eu quero uma oscilação bastante grande. Quero recriar basicamente o que estou tentando recriar a imprecisão que sua mão teria ao desenhar a linha. Eu só quero algo, talvez possamos ajustar isso depois também. Vamos ver como fica quando está em movimento. Mas eu quero que seja talvez assim tão grande. Então eu vou escolher o tamanho 64. E então eu quero uma pequena quantia. Então, talvez algo como dois. Quando você liga e desliga. Talvez possamos torná-lo um pouco maior para que possamos ver um pouco mais. Mas acho que vai ser uma conta a receber. Quando você apenas olha para um alambique, você nem vai perceber que está ligado. Mas quando está em movimento, adiciona um nível extra de feito à mão. Como se fosse adicionar aquela leve oscilação que você obteria se estivesse redesenhando cada quadro à mão. E então vamos usar a mesma expressão que usamos para as bordas ásperas. Então, vamos para as opções de evolução e encontramos aquela semente aleatória novamente. Eu vou fazer isso aqui em baixo, realmente bom em afetar opções de evolução de deslocamento turbulento. E vou manter pressionada a tecla Alt novamente na semente aleatória e clicar no cronômetro. E isso nos dá acesso ao controle de expressão. E eu vou digitar novamente, vezes 24, e depois em algum lugar em ponto morto. Agora, isso deve mudar novamente em cada quadro, podemos verificar novamente se você fez uma expressão em uma camada e deseja voltar direto para ela. Você pode pressionar E para exibir todas as expressões nessa camada. Se você pressionar E, os efeitos aparecerão. Se você pressionar E, ele exibirá as expressões. E você pode ver se eu estou pisando no quadro, mantendo pressionada a tecla Control e a seta para a direita e deixei nossa corrida lá em cima. Você pode ver que está mudando. Esse número está subindo uma vez a cada quadro, assim como fizemos antes com as bordas ásperas, pressionar L. L é realmente para abrir os controles de áudio, mas como a maioria das camadas não tem áudio, Na verdade, ele simplesmente fecha onde quer que você tenha aberto. Então eu apenas pressiono L nele. Por que tudo faz? Então, vamos testar isso. E porque está abaixo do tempo de posterização, essa grande distorção mudará todos os outros quadros junto com todo o resto. Então, vamos verificar isso. Muito bom. Então agora isso está realmente amarrando tudo junto. Isso agora está me dizendo que isso é bem desenhado à mão. Nós temos a textura funcionando. Temos a borda fervendo junto com as bordas ásperas. E temos uma espécie de fervura oscilante desenhada à mão usando esse deslocamento de turbulência. E é basicamente isso. esses são os efeitos que vou usar para este. Então, eu vou passar agora e terminar o resto do desenho. Vou apontar em qualquer lugar se estou usando uma técnica diferente ou ajustando-a de uma forma interessante. Basicamente, vou repassar e recriar todo esse quadro usando essa técnica. Sim, e depois disso, podemos ver algumas animações. Portanto, você não precisa necessariamente seguir esta próxima seção, mas eu vou apenas passar e tirar todos os efeitos que fizemos até agora e compará-los com o que seria se não tivéssemos nenhum efeito. Então, temos esse efeito forte e agradável e eu só queria mostrar a vocês o poder disso. Então, vamos fazer um teste de animação basicamente neste braço. Então, eu vou mudar a forma desse caminho. Em seguida, defina um quadro-chave nesse caminho. E digamos que queríamos que o braço se abrisse assim. Quero dizer, isso não é realmente uma animação. Isso é apenas mover um caminho apenas para mostrar como ficaria se essas partes estivessem se movendo. Vou apenas adicionar um pouco de flexibilização nisso. Então agora temos esse braço em movimento e ele está completamente desenhado. E digamos que eu queira mudar isso. Parece que foi desenhado à mão ou tecnicamente poderia ter sido desenhado à mão no Photoshop. E é completamente mutável, digamos, em vez de ir até lá, eu queria apenas subir aqui e mudar para essa forma. Portanto, é super fácil de mudar e parece todo desenhado à mão e tudo é muito bom. Então, temos essa animação bonita e desenhada apenas para comparar. Se desligarmos todos os efeitos, acabamos de moldar jogadores sem impostos nem nada. E não é em dois. Parece uma animação vetorial super digital. Essa é a aparência do After Effects por padrão, se você estiver animando usando camadas de forma. Isso realmente mostra a diferença quando você adiciona todos esses efeitos no topo. Incrível. Então, agora temos uma base muito boa para um efeito desenhado. Agora podemos analisar e finalizar ilustrações usando essas técnicas. Vamos recapitular rapidamente as etapas desta lição que usamos para criar o efeito de oscilação, adicionamos outra camada de ajuste abaixo do nosso tempo de posterização. A isso adicionamos um efeito de deslocamento de turbulência. Em seguida, adicionamos a mesma expressão de tempo à semente aleatória para dar a ela aquele efeito de fervura aleatória em cada quadro. Eu então passei e mostrei como seria uma animação de caminho antes e depois de adicionarmos todos os efeitos desenhados apenas para mostrar a diferença que ela faria. Sua tarefa desta vez, se você ainda não fez isso, é adicionar que a turbulência aparece no topo para dar um pouco de inconsistência sobre tudo. E então eu quero que você passe e termine sua ilustração usando todas as técnicas pelas quais passamos até agora. Então, texturizado, ferva, bordas ásperas , posterize o tempo, tudo isso garante que você tenha tudo lá. E então eu quero que você reconstrua todas as formas que você vai animar em sua ilustração. Então eu quero que você pense sobre o que você vai animar. Portanto, mantenha a simplicidade, a menos que você esteja realmente familiarizado com a animação de efeitos. Mas se você não estiver, então definitivamente mantenha a animação simples. Não pense em criar qualquer tipo de sequência de ação de John Wick ou algo assim. Eu quero que você pense em coisas mais sutis que você poderia fazer, como adicionar nuvens passando, talvez alguns movimentos das mãos. Se você está se sentindo aventureiro, personagem pisca, esse tipo de coisa. Vá em frente, se você está realmente pronto para isso. Mas para o propósito desta aula, precisamos apenas de uma animação simples. Na próxima lição, vou passar por uma lista aleatória de dicas e técnicas extras que você pode ter em mente ao criar suas ilustrações. Para que você possa assistir a próxima lição enquanto faz sua tarefa de construir sua ilustração, você pode encontrar algo que seja realmente útil. Vejo você lá. 14. atualização em andamento: Bem-vindo de volta. Portanto, você deve estar no processo de criação de sua ilustração no After Effects pronta para animação. Nesta lição, vou mostrar um monte de dicas e técnicas extras que encontrei ao criar minha própria ilustração para animação que achei que poderia ser útil para você. Eu os juntei um após o outro, como estilo manopla. E eu coloquei algumas notas na linha do tempo, na linha do tempo do Skillshare para facilitar o acesso. Meu braço, eu tenho vários golpes. Acho que não mencionei isso antes. Mas, por exemplo, o traçado principal é ao redor do cotovelo e é apenas conectado a esse dedo. Mas, obviamente, há muitas formas diferentes aqui. E você pode colocar várias formas dentro de uma camada de forma. E, na verdade, o que eu gosto de fazer é que as peças sejam praticamente as mesmas. Você pode soltar os caminhos sob um grupo de formas dentro da camada de forma. Então eu apenas desenhei essa segunda forma aqui e ela fez forma dentro da camada de forma. Mas para esse segundo dedo, acho que será praticamente o mesmo que o primeiro dedo, mas há uma configuração de conicidade diferente lá. Então, talvez eu o mantenha como derrame também. Mas sim, há muitos arranjos que você pode ter dentro do jogador de formas. E então eu vou fazer esse braço inteiro dentro de uma camada. É uma boa ideia fazer o máximo que puder em uma camada de forma, obviamente dependendo de como você está animando. Portanto, lembre-se de que você não pode fazer nenhuma posição diferente na animação rotacional onde não pode ficar sem dificuldade em diferentes camadas de forma dentro de uma camada. Se você quiser animar apenas a camada inteira, ela se moveria. Todas as formas dentro de várias formas. E você também pode ter vários caminhos dentro de um grupo de formas, o que pode ser útil de várias maneiras. Só estou fazendo essa linha em segundo plano. Eu vou fazer isso de uma maneira um pouco diferente. Achei que valeria a pena mostrar porque isso tem duas cores diferentes. A cena está ficando muito pesada porque há muitas camadas de texturas. E até este ponto eu tenho feito uma textura é a camada que é visível e está usando a Máscara de Camada de Forma. O problema com isso é que você só pode ter uma cor. Portanto, toda a camada é da mesma cor, o que é bom para a maioria dessa imagem. Mas talvez você queira ter várias cores na mesma camada. E talvez você queira manter a cor da camada de forma. Vou fazer dessa forma desta vez. Então, é bem simples. Então, acabei de pegar essa linha aqui e vou duplicar esse caminho, que é esse aqui, essa linha verde que acabei de fazer. Então, eu vou esconder isso por enquanto, esconder a ilustração. Vou fazer o solo dessa camada porque agora preciso que ela tenha uma cor diferente. Vou duplicar a forma inteira. Comando D na Forma, Controle D. Abra isso e então eu vou mover o caminho para cima para fazer o azul. E eu vou selecionar a cor do traço também e apenas esconder isso por um segundo e depois selecionar o azul. Então, agora temos formas verdes e azuis. Eu só vou arrumar isso um pouco. Agora temos isso. Vou pegar uma textura, a textura que tenho usado para o comando de linhas , Controle D sobre isso. E desta vez vou usar a camada Shape como a cor, e vou usar o texto para ferver como o fosco da faixa. Então, vou sacudir linhas midi solitárias e sem nome e clicar na faixa fosca. E eu vou selecionar alpha matte. Agora, temos a textura passando por ele e mantivemos a cor. Então você pode fazer isso de qualquer maneira. Você basicamente tem duas camadas com canais alfa e track mattes que combinam os dois canais alfa juntos. Então ele usa um como base e depois coloca o outro em cima. Então, para essas bochechas, eu vou, em vez de criar uma nova camada de forma, eu vou apenas fazer uma camada de ajuste e fazer que ela ajuste a cor da cabeça abaixo. Então, vai ser uma técnica um pouco diferente. É só um pouco mais fácil. Acho que isso vai ser bem direto. Então eu vou para a camada, nova camada de ajuste. Vou arrastar isso para um pouco acima das camadas da cabeça, que eu tenho aqui embaixo. E então eu vou apenas esconder minha referência. E vou mostrar tudo abaixo da camada de ajuste. Lá vamos nós. Aí está minha cabeça. Isso vai ser a cor da bochecha e eu vou fazer uma correção de cor. Matiz e saturação fazem algumas maneiras diferentes de fazer isso. Você provavelmente poderia mudar a cor, mas eu gosto bastante de matiz e saturação. Então isso vai ser um pouco mais manual, mas acho que será uma maneira melhor de mudar a cor. Então, a maneira que vou fazer é começar adivinhando. Acho que é praticamente laranja, talvez um pouco mais de saturação. E então eu vou mostrar minha referência bem perto por enquanto, vamos encontrar a cor mais tarde. Vou pegar essa ferramenta circular e vou desenhar duas máscaras. Então, essas não são camadas de forma, essas máscaras. Então você pode ver na minha camada de ajuste de cor da bochecha, ela é feita uma máscara. Só vou fazer outra, a segunda face. E então você pode usar a ferramenta caneta para ajustá-los. Não são elipses perfeitas, são ligeiramente deformadas, que fará com que tudo pareça um pouco mais feito à mão. E então há um pouco de pena neles, então eles estão um pouco embaçados. Então, eu vou entrar nessas máscaras e vou esconder essa referência até agora. Espere para ler, mas sim, só isso em um segundo. E vou aumentar a pena da máscara. E agora vou trabalhar na cor. Pode usar a pequena ferramenta de câmera aqui. Você pode tirar um instantâneo para que eu não precise ficar escondendo e mostrando a camada. Agora que eu tenho um instantâneo, eu posso simplesmente pressionar este botão Mostrar instantâneo. Obviamente, preciso deixar um pouco menos vermelho. Vou esconder a massa fazendo Control Shift H ou Command Shift H em um Mac, obviamente não é idêntico. Essa é apenas uma maneira rápida de fazer isso e economiza porque quanto mais camadas de textura, mais camadas de forma e bordas ásperas você as usa, mais pesada fica a cena. Então isso é apenas uma espécie de trapaça rápida. E, obviamente, se você quiser que ele se mova com o rosto, que eu vou querer fazer, então você pode simplesmente anexá-lo à camada das linhas do rosto, certificar-se de que os olhos também estão presos. Quando você move isso. Mova todo o rosto. Se você precisar variar a largura do traçado, o que geralmente acontece em animações desenhadas à mão. É uma coisa bem complicada de se animar. Se estiver mudando muito, pode ser difícil, mas se não mudar, provavelmente não fará por mim. Abra o traçado dentro das opções de traçado da camada de forma. E então não consigo me lembrar da versão em que eles introduziram isso. Acho que foi há algumas versões. Portanto, se você estiver em uma versão antiga de artefatos, talvez não a tenha, mas há as opções de Taper aqui. E isso permite que você faça o início ou o fim do traço um pouco mais fino. Então, primeiro, você precisa descobrir qual é. Se você começar a acertar o link inicial até o comprimento final, você pode vê-lo encolhendo lá embaixo. Então eu tenho essa coisa em que na ponta deste dedo é mais fino do que aqui embaixo no cotovelo. Um golpe. Então eu quero que isso seja mais fino, mas eu não quero que ele desça para 0. Eu só quero que ele desça até a espessura que está aqui. Então eu posso aumentar a largura inicial de 0 e depois parar quando estiver certo. E você também pode alterar a flexibilização aqui, o que lhe dá um pouco de controle sobre onde o cone começa. Então, sim, você pode usar o cone se precisar variar a espessura do seu traçado. Então, eu estou apenas trabalhando nessas linhas em segundo plano. E, ao contrário dos traços e do resto da imagem, esses têm uma largura de traçado variável, os que estão ao redor do braço aqui, ou apenas uma única largura. Então, eu não tive que variar a largura ao longo da linha. Mas, muitas vezes, quando você está fazendo animações desenhadas, como ou algo assim, a largura varia. A variação natural do seu traçado quando você está desenhando, sua pressão será diferente. Então você pode estar fazendo um traço mais grosso ou mais fino em geral. E é assim que fizemos na cronêmica e no exemplo de cronêmica que mostrei anteriormente, fizemos de uma maneira diferente, mas você pode fazer isso de uma maneira bem fácil. E então o refinado é que você terá em seus traços já será algo assim. Haverá uma pequena quantidade de borda, talvez quatro ou cinco ou algo assim. E também em pequena escala. E isso está criando uma rugosidade muito pequena ao longo da borda do traçado. E a maneira como vou variar a espessura dessas linhas é que vou duplicar as bordas ásperas. Então, vou pressionar Control D ou Command D em um Mac. E isso nos dá um segundo. Vou desligar o segundo por enquanto e este abaixo. Então, a forma como os efeitos funcionam no After Effects à medida que diminuem. Então, tudo o que você tem acima no topo acontece primeiro e depois os abaixo estão afetando os acima, se isso fizer sentido. Então o que eu quero é que eu quero que varie a espessura da linha primeiro e depois eu quero adicionar a rugosidade novamente depois, variar a espessura da linha aumentando o tamanho da borda das bordas ásperas só um pouco. E então eu vou aumentar bastante a escala. Vou aumentar a escala para algo como cento e vinte, cento e trinta. E então eu vou aumentar os podócitos um pouco mais só até eu conseguir a variação que eu quero, vou pegar minha referência novamente. Então, algo assim está funcionando bem. E então, se você quiser uma linha áspera também, você pode adicionar a rugosidade de volta, por cima, para que possamos ligar novamente as segundas arestas ásperas e isso tornará a borda da primeira. desbaste as bordas se isso fizer sentido. Então, temos um grande bom traço suave com linhas variadas. E então podemos adicionar a aspereza de volta em cima disso. Minha linha não é particularmente áspera, então, na verdade, não vou usar essas segundas arestas ásperas. Eu só vou ficar com o primeiro. Mas é assim que você faz. Se você quiser ter uma espessura de linha variável em seu traçado. Eu sou um bom argumento com isso. Acho que vou dividir isso em uma segunda cena. Então eu fiz todo o personagem. Sim, eu vou fazer as coisas de fundo em uma competição diferente porque vai ser muito mais simples. Então, eu vou dividir essa composição com uma segunda mesma configuração. E eu vou fazer uma configuração nula de todos os elementos de fundo lá. Literalmente, basta entrar no projeto, guia Projeto. E vou duplicar o controle de sucesso D no meu ensolarado e anime. E isso vai ser, vou renomear esse, ensolarado e no principal. Vou nomear esse plano de fundo, esse plano de fundo. Quero manter algumas coisas como referenciadas, mas posso excluir a maioria das coisas. Eu quero manter o tempo de posterização. Eu quero manter a grande distorção. Então eu vou deletar todas as outras coisas. Eu sempre posso voltar para o material principal de cópia e cópia de lá, se eu precisar. Agora eu fiz os elementos de fundo aqui e vou colocar aquele sol calmo e MPG. Na verdade, vou fazer uma pequena pasta aqui. Isso vai ser um pré-comp e eu vou arrastar sunny e MEG. Vou colocá-lo abaixo, bem na parte inferior, acima da cor de fundo, mas abaixo de todo o resto. Então, agora temos essa pré-composição ensolarada e MPG lá. E você pode ver se eu desligá-lo, ele tem meus elementos de fundo. Eu vou entrar lá e eu não preciso, estes não são o tempo de posterização e a grande distorção. É melhor tirá-los na pré-competição. Isso é apenas para que eu possa trabalhar lá e que você possa ver o que está fazendo quando estiver realmente animando nesta composição, os efeitos para que você possa ter certeza que está fervendo da maneira correta. Mas se eu voltar para a composição principal agora, eu só preciso desse efeito em cima de tudo de qualquer maneira, então ele não precisa ser adicionado duas vezes nesta composição. Então, estou apenas trabalhando no rosto agora. Eu apenas como recomendação, eu colocaria muito mais esforço para fazer o rosto parecer certo do que praticamente qualquer outra coisa na sua imagem. Só porque nossos cérebros olham para os rostos primeiro. Então, os artistas originais deste aqui fizeram uma cara muito bonita aqui. E eu meio que quero capturar o máximo de detalhes possível na minha regressão disso. Não tenho certeza se mencionei isso antes, mas não se esqueça de que você também pode mover a textura. Então, se algo está atrapalhando, como se eu estivesse pegando essa linha passando pela sobrancelha aqui, o que eu não estou muito interessado. Então, eu vou literalmente pegar a camada de textura e vou apenas movê-la. E então vou testar para ter certeza de que não está aparecendo em nenhum dos outros quadros até ferver. Esse braço que você pode ver está me causando um problema. Se você olhar para o original, você pode vê-lo na parte de trás aqui. E então, se você olhar para o original, ele tem uma camada interessante. Portanto, este braço é transparente, mas não é transparente o fundo é apenas S3 para a cabeça. Eu tenho que descobrir uma maneira de mascarar qualquer coisa que vá atrás do braço além da cabeça. Então, obviamente, não podemos simplesmente deixar o interior do braço preto porque precisamos do C34 em cima da cabeça. Obviamente, o que quer que esteja fazendo esse preenchimento preto precisa ficar atrás da cabeça, mas na frente dos objetos de fundo. E desse braço, algo que é um pouco mais complicado é que temos que fazer o mesmo na perna. Eu realmente não tinha pensado nisso antes. Pensei ter visto isso no braço e achei que seria fácil. Mas então, obviamente, teremos fazer isso na perna também, o que eu vou mostrar a vocês uma boa maneira de configurar isso para que tenhamos um preenchimento que é o mesmo que o braço que vai atrás da cabeça encontrar bicamada com a linha do braço. Vou apenas duplicá-lo, Controle D e depois arrastar isso abaixo dele. Eu vou fazer isso sozinho e realmente o que precisamos. Então, isso é um derrame no momento e precisamos que seja um preenchimento. Então, vou apenas adicionar um preenchimento. Agora acabamos de colocar o braço principal e vou abrir isso e vou ligar novamente essa camada de preenchimento e desligar o traçado. E esse verde precisa ser da cor do fundo. Não vou usar bem, acho que sim, vou fazer isso. Então, vou selecionar a cor de fundo e vou fazer isso sozinho novamente. Agora é só a cor de fundo. Então está tudo bem. E então podemos colocar isso logo acima dessa camada branca do braço, para a qual chamei nosso braço, o braço direito vai lá. E como provavelmente vou animar esses blocos, preciso ter certeza de que o preenchimento on-line está se movendo da mesma maneira. Então, a maneira de fazer isso é ir para Alt, clicar no caminho e fazer para abrir a caixa de expressão. Não se preocupe, não precisávamos fazer nenhuma programação. E eu vou escolher o chicote. Isso, chicote, não esse. Há um ao lado do analisador de expressão. Verifique se você está no ícone de chicote de expressão. E você apenas segura isso e arrasta faz uma pequena linha. E vou vinculá-lo ao caminho correspondente na camada online principal. E isso coloca um pouco de código automático lá, que você não precisa saber, mas essencialmente aponta que os valores que são mantidos dentro desse caminho só vai dizer que esses valores são iguais a isso valor. Então você está apenas vinculando isso a isso. Então eles se tornam a mesma coisa. Dessa forma, sempre que eu animar esse caminho, faremos exatamente a mesma coisa e não precisamos nos preocupar com isso, não precisamos pensar nisso. Eu só vou fazer o mesmo nesse caminho dois. Clique no cronômetro. Isso abre as expressões. Eu vou escolher o chicote das expressões e eu vou escolher o caminho do chicote para, e esse é o caminho dele para lá dentro. Então aí está o preenchimento. Deve provavelmente apontar que o preenchimento, porque este é um caminho aberto, ele apenas desenha uma linha diretamente para os pontos onde está aberto. Então isso realmente não importa, porque eu penso na foto e só precisamos que essa parte do cotovelo seja preenchida. Mas temos muita sorte com isso, porque senão você veria as coisas por aqui. Então, vou tomar cuidado para não ver as coisas por aqui, apenas para mostrar rapidamente se eu mover os caminhos que vinculamos juntos nesta camada, você pode ver que ambas as camadas se movem. Os cartões estão interligados. Outra dica rápida, se você clicar duas vezes na ferramenta de forma. Então, se você não tiver nada selecionado em sua cena, clique duas vezes na ferramenta retângulo ou em qualquer uma delas. Se você clicar duas vezes nele, ele fará uma forma do mesmo tamanho do seu Comp. Clique duas vezes que nos fez moldar. Forma retangular, que é exatamente do mesmo tamanho da minha composição. É muito útil, pode fazer isso com máscaras também. Portanto, se você tiver uma camada selecionada e clicar duas vezes na forma, ela fará uma máscara nessa camada do mesmo tamanho. E faz isso com qualquer uma dessas formas. Acho que mesmo que você faça a Star Tool, sim, ela faz uma estrela do mesmo tamanho que a composição. Estou prestes a fazer essas linhas pontilhadas aqui. Então, obviamente, eu não quero ter que entrar e fazer uma pequena linha separada para cada um desses com qualquer uma dessas coisas. Se você não for animá-lo, basta usar a arte original e colocar um pequeno deslocamento nela. Mas acho que vou animar isso. Portanto, há uma ferramenta muito útil incorporada ao After Effects. Vou deixar esse traço preto e vou combinar com a largura. Então, dentro da guia de traçados, se você olhar aqui embaixo, há uma lista suspensa de traços. Quando você o deixa cair, nada acontece, mas você precisa adicionar traços. Então, basicamente, o que você faz é adicionar um traço e depois adicionar lacunas. E então, se você continuar clicando, isso adiciona intervalo de traço, intervalo de traço. Então, queremos adicionar um traço. Se você não tiver uma lacuna, os traços e as lacunas terão o mesmo tamanho. Há também, a terceira opção aqui é offset, então você pode apenas 12 isso e faz com que seus traços rolem para cima e para baixo. Então, eu só estou fazendo essas trilhas para a estrela cadente. E acho que vou usar a mesma técnica que usei para as bordas aqui, essas linhas tracejadas. Então, eu tenho uma linha tracejada indo aqui. E eu vou apenas duplicar esse caminho que eu fiz. E vou fazer vários testes como na ilustração. E então eu posso apenas animar o deslocamento. Então eles vão assim enquanto a estrela cadente está voando pelo céu, acho que seria bastante eficaz. Há maneiras mais complicadas de fazer isso. Você poderia fazer isso com partículas. Mas a única outra coisa com que preciso me preocupar é ter certeza de que elas não se parecem com linhas idênticas. Então, talvez possamos encurtá-los ou sim, se eu mover o ponto de partida, então ele muda muito. Dessa forma, eles não parecem idênticos. Mas acho que essa será uma ótima maneira de animar o julgamento. Então, muitas dessas coisas você tem que ter em mente como você vai animar algo antes de configurá-lo. Obviamente, se eu desenhar muitos quadradinhos, isso não será animável, mas fazendo isso em uma linha como essa com traços. E então tudo que eu preciso fazer é animar o deslocamento dos traços. Então isso vai ser muito fácil de animar. Acabei de anexar essa trilha à estrela e animar a estrela e a coisa toda voa pelo céu. Só estou dizendo que a estrela está no fundo, e quero que eles sintam que estão brilhando. E, no momento, é assim que o efeito se parece. Este é apenas o efeito estático que está sobre tudo o que faz com que pareça meio desenhado. Mas acho que as estrelas deveriam brilhar mais. Então, o que eu quero fazer é fazer um Boyle mais exagerado. E o jeito que eu vou fazer isso é literalmente animando o caminho. Portanto, isso não é necessariamente animação, animação, mas isso é apenas exagerar ainda mais o efeito de fervura. Então, eu vou puxar isso aleatoriamente e ver o que acontece. Eu vou fazer isso e escalar quadros. Então, eu vou puxar isso um pouco e avançar dois quadros porque eu quero que seja em dois. E, na verdade, talvez seja uma boa ideia começar com o primeiro. Caso contrário, você começará a andar por aí. Acho que fiz isso muito grande. Só não quero que isso vá longe demais. Caso contrário, ele começará a animar, parecerá que está crescendo apenas por querer que pareça estar balançando. O teste, a propósito, B e N definirá seus pontos de entrada e saída para esse intervalo de visualização. E então eu vou clicar em pré-visualização e vou ver como isso está se sentindo. Acho que parece muito bom. Isso definitivamente parece um estilo desenhado à mão para mim. No entanto, há um problema, porque é difícil fazer um loop na animação do caminho. Esta é a maneira normal de fazer o loop da camada. Então você aperta a expressão, então você sai em loop. E isso fará um loop depois, percorrerá todos os quadros-chave depois. E é isso que o loop LoopOut fará loop de todos os quadros-chave antes dele, e então você precisa desses colchetes lá e isso fará um loop. Mas isso é um problema, é que você não pode fazer um loop de caminhos por qualquer motivo, você não pode procurar por caminhos. Então, precisamos de uma expressão extra para isso. Então o que eu vou fazer é que eu tenho, eu não vou escrever essa expressão e essa é uma expressão muito complicada. Essa expressão está um pouco além de mim, mas ela pega os quadros-chave e olha para os números dos quadros-chave e , em seguida, faz um loop. Portanto, é uma forma manual de fazer loop nos quadros-chave usando uma expressão. Não sei exatamente de onde veio esse. Eu copiei e colei. Pode ser um Dann eben, é famoso por escrever muitas expressões, mas você pode copiar e colar essa expressão. Então, depois de copiá-lo, basta colá-lo nele. E espero que seja assim. Você tem tudo isso. E então, quando você clicar render, haverá um loop para toda a linha do tempo que vamos. Então eu acho que esse é um bom ponto para mostrar onde eu tenho dois usando as técnicas pelas quais passamos até agora. Eu não fiz nenhuma animação de verdade ainda. Isso é apenas a fervura e essa oscilação que adicionamos. Sua tarefa para esta lição é apenas terminar sua ilustração. Então, eu quero que suas ilustrações estejam fervendo no After Effects usando todas as técnicas pelas quais passamos até agora. Portanto, deve se parecer com a ilustração original, mas espero que esteja fervendo como se estivesse vivo. Não faça nenhuma animação real ainda. Não faça nada se mexer ainda. Porque vamos fazer algumas dicas de animação a seguir para você ter em mente quando estiver realmente se aproximando da animação. Então, te vejo lá. 15. atualização em andamento: Ok, então eu passei por uma animação, minha ilustração e seu resultado final. Eu queria mantê-lo bastante simples e ambiente apenas para dar vida ao personagem um pouco, eu não queria fazer nada muito louco em termos de movimento, pois essa classe se concentra principalmente nos efeitos desenhados. Nesta lição, vou detalhar algumas das técnicas que uso para fazer minha animação final. Como eu disse antes, este é um tutorial de animação menos completo, que é um tópico muito grande para incluir nesta aula. São mais dicas e truques de animação para ajudar você a manter tudo em um estilo desenhado. Dito isso, mostrarei rapidamente alguns dos fundamentos da animação e efeitos posteriores. Apenas no caso de alguém ser completamente novo na linha do tempo, eu recomendo manter as coisas muito simples, como eu fiz na minha animação. Eu não iria para nenhuma sequência de ícones maluca neste momento , a menos que você já esteja realmente confortável no After Effects, como na última lição, eu vou passar por esse tipo de aleatoriamente. Mas vou incluir as notas na linha do tempo novamente para facilitar o acesso. Então, vamos fazer uma introdução rápida à linha do tempo real e ao After Effects, eu sei que fizemos uma aula inteira de efeitos neste momento, mas acho que ainda vale a pena falar sobre a linha do tempo da animação um pouco. Então, se eu apenas fizer um, fazer uma nova composição 24 quadros por segundo, HD, e então eu vou fazer uma camada de forma. Vou clicar aqui e fazer uma estrela, uma estrela dourada, esse ouro, ouro o suficiente. Então, essa é a linha do tempo, obviamente. Quero dizer, nós animamos um pouco de textura antes e estamos movendo a posição ao redor, mas vou mostrar um pouco mais de como isso funciona em termos de flexibilização. E falaremos um pouco sobre quadro-chave, quadros-chave. Assim, você define um quadro-chave no After Effects pressionando o cronômetro na propriedade que deseja mover. Então, se você quiser animar a posição, então você aperta o cronômetro na propriedade position e seguida, cria automaticamente um quadro-chave para você que, no momento, é um quadro-chave linear e este é um diamante. E digamos que eu queira começar a me mover pela tela. Então, vou movê-lo para cá e ele mudará automaticamente esse quadro-chave para essa posição. E então eu vou seguir em frente. Dois segundos, aperte N apenas no final do meu intervalo de visualização lá. E eu vou passar isso para o outro lado. Em seguida, você definirá um novo quadro-chave no ponto da linha do tempo em que o indicador de reprodução está. Então, se eu fizer outro aqui, se eu levantá-lo, então vamos subir e é feito um quadro-chave lá em cima. E então ele volta para o nosso quadro-chave final. Vamos nos livrar disso por um momento. E vou mover esses quadros-chave com bastante facilidade assim. Você pode simplesmente arrastá-los para mudar o tempo. Agora, ele fica parado um pouco e avança e para. Então você pode ver que Ele está se movendo de uma forma bastante linear. Os três tipos diferentes de quadros-chave são lineares, atenuados, que é qualquer tipo de curva que você possa ser mais rápida ou mais lenta ou algo parecido, ou segurar. Manter significa que a chave manterá esse valor até atingir o próximo. Assim, você pode clicar com o botão direito do mouse no quadro-chave e alternar o quadro-chave de espera. E agora, quando você pressiona play, a estrela simplesmente pula dessa posição neste quadro-chave até o final. Você também pode pressionar Control Alt e clicar em um quadro-chave. E isso alternará entre quadros lineares e de retenção. E se você selecionar vários quadros, isso fará isso em vários quadros. E se você clicar nele, se você clicar e segurar Control ou Command em um Mac, a propósito, ele alternará entre uma tecla automática e uma tecla linear e automática. Eu não acho que ele faça nada a menos que você tenha mais movimento acontecendo, mas basicamente ele tentará e automaticamente estará entre, entre os quadros. Eu não costumo usar muito isso porque eu gosto de fazer animação manualmente. Então, vamos fazer o mais fácil, que é o mais comum. Portanto, se você selecionar seus quadros-chave e o assistente de quadro-chave, facilidade fácil. Então, agora o que vai acontecer é que ele meio que comprime isso. Você pode ver esses pontos aqui em cima. Ele mostra onde estão os quadros intermediários. Então, quando você tiver uma facilidade fácil, ele comprimirá os quadros em direção aos quadros-chave. E, como resultado, os intermediários são espaçados mais, então ele vai mais rápido no meio e mais lento no final. Então, agora, quando pressionamos Play, você obtém esse bom movimento suave. E da mesma forma, digamos que queremos adicionar um pouco de rotação a isso. Então, vou apertar o botão Alternar e girar. Eu vou para o final da animação, então alterna, alternando em seus sets, um quadro-chave dessa rotação atual. E vamos até o final e depois giramos. Vamos fazer 360. E agora faça um giro como, como, como, conforme ele se move pela tela. E se eu clicar em ambos e ir para a facilidade novamente para que você possa clicar com o botão direito do mouse assistente de quadro-chave, facilidade fácil, F9. Agora, o afresco, agora à vontade, está bem. Está balançando um pouco porque o ponto de ancoragem não está no meio da estrela. Então você pode realmente consertar isso depois, depois de fazer isso, se você pressionar Y ou este botão aqui em cima , por que o atalho? Você pode realmente mover o ponto de ancoragem. Mas é um pouco estranho fazer isso depois de fazer a animação, porque você pode mover o quadro-chave, mas ele o verá. Ele não move o quadro-chave subsequente, então ele meio que se moverá para trás. A posição final da estrela agora é diferente. Ou a alternativa é que você pode entrar na Shape Layer e ir para a transformação de poliestireno no, dentro do grupo de formas. Então, se você for ao conteúdo, isso era específico para camadas de forma. Mas se você for para Conteúdo, abra a estrela poli, vá para transformar. E então, porque eu desenhei aleatoriamente na tela ou mais ou menos no meio, não está bem no centro. Na verdade, mova a posição dentro da camada de forma. Portanto, a camada de forma ainda está exatamente no meio da tela porque é criada no meio da composição. Mas a posição da forma dentro da camada de forma está desligada. Então você pode acertar 00 nisso para ficar no meio. E agora a estrela está perfeitamente no meio. E quando pressionamos Play, ele gira sem ter essa oscilação, mesmo que isso pareça bem legal. Mas agora vamos apenas girar perfeitamente em linha reta. Se você pressionar a camada em que você tem animação e você pressiona um você, então ela apenas mostrará essas propriedades animadas, o que é muito útil quando você tem toneladas de camadas e você está ficando sem espaço em sua linha do tempo. E uma última coisa para mostrar uma animação um pouco mais avançada no After Effects, você pode usar o editor gráfico. Então, se você pressionar este botão aqui na linha do tempo que o levará ao Editor de gráfico. Se você tiver alguns quadros-chave selecionados, ele mostrará esses quadros-chave dentro do editor de gráfico. Isso é um pouco pouco intuitivo para iniciantes. Eu diria que isso é essencialmente um gráfico de velocidade, para que você possa ver como ele está indo lentamente na estrela e depois é rápido no topo. E depois diminua novamente. Quer dizer, acho que é bastante intuitivo. Há basicamente duas maneiras de representar isso e cada outro programa usa um método diferente chamado, acho que não sei qual é o nome próprio para ele. Em alguns programas são chamados de curvas F. Você tem os dois modos no After Effects. Então isso é chamado de Speed Graph. E se você mudar para o gráfico de valores, ele mostra a posição em valores. Então vermelho é x, verde é y. Então não estamos nos movendo no fio, então ele permanece na mesma quantidade que X está se movendo. Está subindo de valor porque a posição x está aumentando. E também a rotação na parte inferior. Esta é a rotação aqui embaixo. A rotação está cada vez mais indo de 0 a 360. Então você pode realmente mudar isso. Então, vou voltar para o gráfico de velocidade porque é meio mais fácil. Todas as teclas estão no mesmo nível. Você pode realmente arrastar essas alças para aumentar sua flexibilização. Portanto, isso só fará, tenha cuidado com isso, porque você pode realmente torná-lo desalinhado com bastante facilidade, mas você pode aumentar isso para exagerar os 0s. Então agora ficamos muito lentos no início e depois vai muito rápido e depois muito lento novamente. E é essencialmente assim que toda animação é feita no After Effects. Você acabou de definir quadros-chave em diferentes posições e rotações ou o que quiser fazer. E você pode mudar a flexibilização com isso. Uma última coisa a dizer é que você também obtém algumas alças na composição real aqui. Então, vamos voltar à nossa visão normal. Digamos que você quisesse que o caminho da estrela mudasse durante seu movimento. Você também pode controlar o movimento do caminho como um Bezier. Eles são chamados de alças Bezier. Não tenho certeza se já expliquei isso antes, mas é assim que eles são chamados. Quando você tem uma spline como essa, ela é chamada de spline ou linha de caminho. Eles são chamados de alças Bezier. É o mesmo quando você está desenhando os caminhos para suas camadas de forma, mas esse é um caminho de movimento. Então, agora, quando pressionarmos Play, a estrela seguirá a curva S que eu fiz e a tornará um pouco mais lenta. Então não é tão louco. E eu posso tornar a curva S um pouco mais exagerada para que possamos ver mais. Lá vai você. Esses são os diferentes aspectos principais da animação no After Effects. A primeira coisa que eu gostaria de dizer é que minha ilustração está em um estilo silencioso e instável. A ilustração em si é bastante solta e as texturas são agradáveis e geralmente há muitas oscilações no design. Por isso, convém ao estilo de animação ser bastante instável por também ter animado a cabeça girando lentamente. E há mais, algumas animações mais sutis. Então, o rosto é bem sutil. Então, vamos dar uma olhada rápida em suas mãos e eu vou te mostrar como abordar a animação sobre elas. Eu tenho uma comparação separada com apenas as mãos neles. Você pode ver que eles avançam, dedos se movem. Essa mão vem para a frente. Não tem, o personagem não está fazendo muito. Na verdade, eu fiz toda a animação para ambas as mãos apenas em uma camada, uma camada por mão. Então, se você clicar na camada onde fiz minha animação e pressionar U, isso mostrará todas as faixas animadas para essa camada. E, a princípio, isso parece bastante incontrolável, mas você pode ver que meus quadros-chave são bem organizados e organizados. E a maneira como eu tenho animado isso é apenas selecionando os pontos e movendo-os, mas é muito fácil trabalhar com isso se você estiver animando coisas assim. Portanto, certifique-se de que nada esteja selecionado. Em seguida, você clica em um caminho que apenas revelará todos os pontos para as formas nessa camada. E então você pode simplesmente arrastá-lo de qualquer parte da tela que não esteja no caminho. Você pode simplesmente arrastar uma seleção de caixa aqui e certificar-se de selecionar apenas as que deseja mover. Então eu não quero esse Isso faz parte do ombro, mas eu quero esse aqui embaixo, então vou segurar Shift e adicionar à minha seleção. Se você segurar Shift e selecionar um ponto que já está selecionado, ele irá desmarcá-lo. E então você pode pressionar Control T ou Command T, ou você pode simplesmente clicar duas vezes em qualquer um desses pontos selecionados. Então, vou dar um duplo clique. Você tem essa ferramenta de transformação aqui. E isso só permite que você se mova. Dimensionar, girar, dimensionar. Lá vai você, onde quiser. A única coisa em particular que nos torna especialmente úteis é essa ferramenta de ponto de ancoragem. Eu posso simplesmente mover esse ponto de ancoragem para baixo até onde estaria o risco, onde a mão giraria ao redor do pulso. E eu posso simplesmente girar a mão inteira assim como se estivesse manipulada. Portanto, essa é uma mão completamente não relacionada. Não há nenhuma plataforma acontecendo. É apenas uma forma que eu desenhei. Mas essa é realmente uma boa maneira de animar formas muito complicadas e efeitos posteriores. Então, contanto que você esteja limpo e arrumado aqui em sua linha do tempo, mantendo todos esses quadros-chave alinhados, você pode animar perfeitamente bem apenas selecionando os pontos que deseja fazer. Movendo o ponto de ancoragem para o ponto em que você deseja que eles girem e, em seguida, basta girá-los. A técnica de transformação é muito útil. Digamos que você queira apenas animar os dedos. Então você pode simplesmente selecionar o dedo e mover o ponto de ancoragem. E aí está você. Às vezes, seus pontos podem distorcer um pouco, mas você sempre pode consertar isso facilmente. Agora você pode ver que há um dedo se movendo e assim por diante. Então você pode, você pode fazer isso por todo o braço também. Então, digamos que eu realmente queria que todo o braço se movesse para que eu pudesse selecionar esses pontos. Você nem precisa selecionar os endpoints porque você pode ajustá-los mais tarde. É uma técnica de animação muito, muito indulgente. E então vamos para que você possa ver que o braço inteiro está se movendo. Uma coisa a ter em mente quando você estiver animando com Posterize Time ativado, é que você, no meu caso particular, trabalhando a 24 quadros por segundo e entrando usando o tempo posterize para baixá-lo para 12 quadros por segundo é que ele só mostrará todos os outros quadros. Assim, você pode ver como a mão está se movendo, você pode ver as partes se movendo, mas então a imagem só atualiza todos os outros quadros. E então, neste caso em particular, eu criei esse quadro-chave em um quadro estranho. Assim, você pode ver que a última pose não está visível até que você mova os quadros-chave para o próximo quadro, então ela será redesenhada. Portanto, eu recomendaria quando você estiver criando seus quadros-chave para mantê-los nos quadros pares. Dessa forma, você está realmente vendo o quadro-chave que está criando, em vez de pular rapidamente. A única outra coisa que eu queria dizer sobre essa técnica de animação quando você está animando com pontos, é que ela se moverá em uma linha reta. Assim, todos os seus pontos se moverão em uma linha perfeitamente reta para lá desde o início até o destino. E neste caso, a mão, se você estiver girando em torno de um cotovelo ou pulso, essas partes dos membros devem realmente se mover em um arco. Então, na verdade, deveria acontecer assim , em vez de seguir em linha reta. E a maneira como você pode combater isso, por exemplo, definindo um quadro-chave no meio. Então, se eu pegar todas as minhas armações de mão, de novo, talvez eu deva fazer algo que seja um pouco mais pronunciado para que você possa realmente ver do que estou falando. Digamos que isso seja um braço e eu queira animar os serviços, a ponta da mão. Eu quero animar isso indo de um braço dobrado para um braço reto como este. E quando eu esfrego entre eles, você pode ver claramente que o braço está encolhendo e depois crescendo. E você realmente não quer isso. Então, uma maneira de combater isso é apenas definir um quadro-chave no meio, onde é mais longo. E dessa forma você faz com que esse arco apareça. Mas você pode ver agora que é uma espécie de movimento triangular. Parece correto no meio, mas ainda é uma linha reta entre agora o ponto médio e os pontos finais. Depois, você pode tentar adicionar mais, mais quadros intermediários. E está meio que parecendo melhor. Então está ficando um pouco mais arco, arco como lá. Mas esse é o problema. Então você realmente não quer dizer toneladas e toneladas de quadros-chave como este. Então, se você está fazendo muita animação que requer um arco muito perceptível, então você pode querer começar a procurar outras maneiras de manipular isso. Caso contrário, sua animação ficará muito confusa. Mas se você só precisa fazer isso uma vez em uma animação e é bem rápido e também posterizar o tempo e também alguma distorção no topo. Tudo meio que ajuda a esconder esses erros. Mas se precisar ser muito suave e você realmente precisar ver que um movimento arcano lento, você provavelmente vai querer de alguma forma montar um nulo aqui para criar essa rotação. E vou falar sobre como conectar seus pontos ao nulo. Essa forma alternativa de animar com caminhos. E isso é para anexar seus pontos diretamente aos nulos. Então, eu vou falar sobre isso muito rapidamente. Eu não quero entrar muito nisso, mas é essencialmente assim que você manipularia a camada de forma, um personagem que é feito de camadas de forma. Então, eu vou fazer essencialmente um braço. Então este é um membro com o qual vamos trabalhar, a menos , digamos, como eu estava dizendo antes, esse problema em que você, digamos que você queira que o braço comece assim, e você quer que ele fique reto assim. Mas você está recebendo esse esmagamento ou, digamos, vamos fazer isso, um exemplo ainda mais extremo é que você quer que vá até o fim assim. Então você tem alguns problemas importantes. Então, vou selecionar esse caminho e vou para Janela. E esse é o que está embutido no aftereffects. É chamado, você vai para Janela e desce para criar nulos a partir de caminhos. E quando você clica nisso, você deve ter uma pequena janela que aparece assim. Os pastores Create Nelson têm alguns botões, então há algumas coisas diferentes que você pode fazer. Eu só vou encaixá-lo na minha janela aqui para que você possa ver. Então, na verdade, não vou usar esse. O que vou usar é um chamado criar nulos a partir de caminhos estendidos. E eu acho que isso é, você baixa isso separadamente. Então, se você pesquisar no Google. Crie nulos a partir de caminhos estendidos. Você deve ser capaz de encontrá-lo com bastante facilidade. E só porque tem mais algumas opções. Não sei se vamos usar essas opções agora, mas eu só queria ressaltar que essa existe. E se você vai usar essa coisa chamada scripts, então eu usaria este em vez de este porque este só lhe dará mais opções a longo prazo. Então, vou fazer um exemplo muito simples. Se eu começar a fazer minha aula de manipulação de obras de arte, posso voltar a isso. Então, o que queremos fazer é que temos esse caminho e queremos animar esse caminho usando nulos. Então, queremos que os pontos sigam nulos. Então é isso que queremos fazer. Então, eu apenas cliquei no caminho ao qual eu quero aplicar isso, e eu clico em pontos seguem nulos. E agora são feitos três nulos muito úteis e perfeitamente colocados. E é automaticamente vinculado a esse caminho para suas posições. Então agora eu tenho o controle disso. E, obviamente, eu não posso simplesmente animar a posição disso assim, porque ele faz a mesma coisa. Quero dizer, você poderia realmente, eu suponho, animar isso em uma curva agora que você poderia fazer isso. Então isso agora está funcionando, mas é uma maneira. Mas não é a melhor maneira. A melhor maneira de fazer isso é não animar a posição disso. E apenas pai deste nulo para este nulo. No meu caso, é nulo três. E eu vou apenas criar isso para nulo para usar este chicote, chicote escolha dos pais aqui. Então, vou apenas arrastar o chicote do nó três e vou pegar o chicote agora também. Então, agora você pode ver que ele tem null to no link pai. Então, agora, quando eu movo nulo para nulo, três movimentos ao redor. Mas o que realmente queremos fazer é girar em torno desse ponto. Então, vou clicar no quadro-chave de rotação e ativar o quadro-chave para rotação. E eu vou apenas girar isso ao redor assim. Agora temos nosso caminho seguindo um arco perfeito e podemos adicionar um pouco de flexibilização se quisermos selecionar os dois quadros-chave lá e eu confio em F9 e eles facilitarão o andamento em um local de animação um pouco mais avançado. Se você clicar neste botão aqui, que é o editor gráfico, isso lhe dará acesso à quantidade que essas coisas estão facilitando. Então, no momento, essa é a facilidade padrão que já veio com boa aparência, mas parece um pouco gerada por computador. Você pode selecionar esses pontos. E se você puxar isso para fora, esta é uma curva de velocidade, mas eu não vou entrar nos meandros disso no momento. Mas se você exagerar, então ele tem curvas ainda mais exageradas. Então, isso é muito bom agora, se você os tornar um pouco assimétricos e depois parecer um pouco mais natural. Portanto, temos um começo muito rápido e um final lento. Outra coisa realmente útil quando você está lidando com traços também, que vale a pena mencionar é que Trim Paths vai para sua forma e você tem um caminho como este, como um traçado em um caminho. E você quer torná-lo mais curto, mas manter o mesmo comprimento do caminho. Na verdade, você pode desenhar um traçado mais curto ao longo de um caminho. E para fazer isso, você vai para a sua camada de forma, abre sua forma, clica na forma dentro do grupo de formas. E então vá para Adicionar aqui, este clique, este pequeno menu suspenso e vá. Há um monte de outras coisas. Vale a pena explorar aqui, mas vou falar sobre chimpanzés rapidamente. Clique nos caminhos de corte, abra-os, que serão adicionados ao seu grupo. Então você tem um Stan, controladores finais e offset. E se você abaixar um pouco o n, isso tornará o traço mais curto. E a guerra de compensação faz com que ela corra ao longo do curso também. Isso é realmente útil em várias situações diferentes para animar com traços de forma reproduzida. Apenas uma rápida olhada em como eu animei a chuva. Parece meio caótico, mas acho que combina com o estilo. Acabei de mover a camada uma para baixo, então dupliquei o número de gotas de chuva. Então você pode ver que há muito mais lá do que você realmente pode ver uma imagem quando eu a seleciono. E então eu apenas movi para baixo por uma gota de chuva toda vez. Então, meio que teve essa oscilação. A chuva está mudando cada tipo de moldura na camada de textura. Acabei de colocar uma máscara para que você possa ver apenas as gotas de chuva que estão dentro dessa máscara. Então eu fiz isso apenas selecionando na ferramenta Retângulo. E se você tiver uma camada selecionada, então você pode simplesmente remover essa máscara por um momento. Se eu colocar uma máscara aqui. E agora está apenas revelando as gotas de chuva. E porque a chuva está descendo em uma camada, ao lado de uma fileira de gotas de chuva todas as vezes. Isso é o que está lendo. Se eu mostrar a camada inteira, você pode ver que ela está apenas fazendo um loop, subindo e descendo assim, mas você está apenas, mas eu estou apenas revelando uma seção delas. Então parece que eles são uma espécie de gotas de chuva caindo continuamente. Padrão cintilante. Também queria te mostrar a estrela cadente. A estrela em si é apenas um desses estilos e acabei animá-la movendo-se em um arco como este de uma forma muito simples, quadros-chave simples e um pouco de rotação. E eu acabei de seguir a trilha diretamente para a estrela. E a trilha é muito simples, é apenas o caminho completo e está no traçado, tem o efeito de traços novamente. Assim como os traços que eu fiz para o tamanho das bordas, vocês podem ver aqui nesses lados, à esquerda e à direita, eu usei a mesma técnica novamente. E eu estou usando animar o deslocamento aqui para que eu possa apenas animar esses fluxos para fora da estrela. Eu nem acho que você vê porque é tão rápido que você pode necessariamente registrar que os traços estão se afastando da estrela, mas eles estão. Então, se fosse lento o suficiente, você realmente veria. Acho que isso acrescenta algo com certeza ao movimento. Você pode simplesmente fazer algo que é muito simples. Então, eu diria para manter as coisas simples. Se parecer simples, mantenha-o simples , pois não precisa ser complicado. Incrível. Então, espero que essas dicas ajudem você a cruzar a linha de chegada nesta aula. Sua tarefa final é finalizar suas ilustrações colocando algo em movimento. Sejam apenas alguns pequenos movimentos do ambiente , como a nuvem passando, a chuva caindo, os personagens piscando, olhando para a esquerda ou para a direita. Algo sutil assim seria perfeito. O que quer que você faça, eu adoraria ver, então, por favor, publique-o nos projetos da turma. Ocasionalmente, faço competições que envolvem a publicação de projetos de classe para que você não queira perder nenhum prêmio. 16. atualização em andamento: Parabéns, muito bem por concluir esta aula sobre como criar estilos desenhados à mão no After Effects. Um enorme agradecimento a todos que estão assistindo até este vídeo. Espero que você tenha achado útil e espero que você tenha aprendido algo hoje. Vamos rapidamente recapitular todos os passos que demos nesta aula. Primeiro, fizemos um resumo de algumas das principais terminologias que usaremos para recriar efeitos artesanais em efeitos posteriores, incluindo coisas como ferver e trabalhar em dois. Em seguida, exploramos alguns estilos de ilustração diferentes e discutimos o que funcionaria bem ao animar no After Effects e o que seria mais desafiador. Também mostrei alguns exemplos do mundo real em que trabalhei em projetos usando essas técnicas para criar um efeito artesanal. Em seguida, passamos pela preparação e importação de obras de arte de diferentes fontes, incluindo Illustrator, Photoshop e apenas obras de arte niveladas regulares. E então passamos pelo After Effects e configuramos nossa composição está bem pronta para animação. Em seguida, fomos em frente e usamos essas texturas para recriar os traços e os preenchimentos de cores de uma ilustração existente. Eu adicionei alguns efeitos extras, como exibições de turbulência, bordas ásperas e posterize tempo para realmente vender o campo artesanal. Levei algumas dicas e truques extras para manter no bolso de trás ao recriar suas ilustrações. E finalmente, eu levei você através algumas técnicas de animação que ajudarão você a realmente se inclinar para aquela sensação artesanal incrível. Espero que você tenha achado isso útil e tenha ido embora com uma porção extra saudável do conhecimento do After Effects. E espero que você seja capaz de usar esse conhecimento para criar alguns estilos de ilustração que agora você pode animar digitalmente. Por favor, publique seus próprios resultados. Eu adoraria vê-los em toda a sua glória fervente. Eu também dirijo uma competição ocasional que normalmente envolve a publicação de projetos. Então, se você não quiser perder, publique seus projetos e também siga-me para que você possa receber a notificação quando uma competição começar. Se você tiver algum problema com a aula, se não houver nada que não esteja claro, sempre fico feliz em ajudar e me avisar se houver alguma técnica que eu não abordei e que você acharia útil para suas ilustrações. Vou tentar o meu melhor para ajudá-lo em qualquer situação. Mais uma vez, sou Russ Ethernets. Você pode me seguir nas redes sociais no Russ underscore Ether. Normalmente estou no Twitter e no Instagram. E você também pode se inscrever no meu canal do YouTube onde há um monte de conteúdo gratuito extra subindo. Obrigado de novo, e nos vemos na próxima.