Noções básicas de animação de personagens: crie um loop de dança com o After Effects e Photoshop

1. Introdução: Quando penso no meu trabalho, penso que a minha maior intenção é fazer as pessoas sorrirem e sentirem-se bem consigo mesmas. Ei caras. Bem-vindos à minha aula de compartilhamento de habilidades. Sou Bee Grandinetti e sou diretora, designer e animadora do Brasil, mas morando em Londres. Trabalho principalmente como freelancer. Hoje, eu vou ser tão caras como criar um movimento de dança animado simples combinando efeitos pós-efeito e photoshop. Vamos levá-lo para a pista de dança, testando alguns movimentos de dança, ficando legal. À medida que fazemos todos esses movimentos de dança, vamos analisar quais funcionam melhor para uma dança animada. Realmente vai quebrar todo o processo, e miniatura, esboçar seu design, refinar seu design Photoshop. Em seguida, trazê-lo para After Effects para fazer a animação com base no movimento e, em seguida, trazê-lo de volta para o Photoshop para adicionar alguns detalhes, colorir, defini-la e, finalmente, explorar seu movimento de dança para. Isso também vai lhe dar um monte desses aprendizados que são muito vitais para você começar a animação, e pode dar-lhe outro nível de compreensão dos movimentos corporais e animação de personagens. Estou muito entusiasmado por vos ensinar esta aula hoje. Muito obrigado por me deixar ser seu professor. Vamos saltar para dentro. 2. A animação é para todo mundo: Então hoje vamos fazer uma animação de personagem dançante simples. Este projeto é realmente bom porque ele vai lhe dar o básico, os fundamentos da animação e um sabor do que a animação de personagens é sobre. Então, há um par de exercícios clássicos que são quase obrigatórios para pessoas que tentam animar como bolas saltitantes ou ciclos de caminhada. Eu queria dar a vocês algo dentro dessas linhas, mas com um extra de sabor pessoal e é por isso que você sabe, loop de dança, e você começa a ver um pouco dos princípios básicos da animação, mas começa a aplicar mais corpo pessoal humano movimento para ele. Além disso, é importante dizer que a animação pode ser uma coisa muito demorada e é um trabalho cheio de impaciência. Portanto, é por isso que precisávamos de uma tarefa que fosse um pouco menor e mais gerenciável. É por isso que fazer esse tipo de loops pode ser muito emocionante porque eles ainda vão ser demorado, mas não tão demorado como cena animada completa e este é um bom exercício contido para vocês para obter um sabor de como divertido animação pode ser. Então, antes de começarmos, eu só queria compartilhar com vocês alguns exemplos incríveis só para inspirar vocês e mostrar uma variedade de como ele pode funcionar para ter loops de dança super simples, de ser super simples para os mais complexos e quanta diversão você pode ter dentro desse intervalo também. Então, vou começar com este. É feito por um animador incrível chamado Mantas. Como você pode ver, é super simples como as pernas não estão se movendo. É como o torso, canetas, cabelo e cabeça. É por isso que é tão grande. É simples, mas está no local e é relacionável. Então, é bom ressaltar que nem todos os movimentos de dança têm que ser todo esse movimento complexo e de corpo inteiro. Também este é um exemplo realmente bom, como adicionar um pouco de adereço pode apenas trazer uma espessura inteira para a história. É sexta-feira, ela está comemorando e se aquela taça de vinho não estivesse lá, talvez isso significasse outra coisa, mas porque ela tem as pernas abertas, ela tem uma taça de vinho pronta no final. Ela está batendo a cabeça, isso te conta uma história de como ela acabou fazendo isso. Diz muito e aqui estamos nós. Mesmo que seja um loop de dois segundos, aqui estamos falando sobre isso por alguns segundos já. Então, muitas dessas animações interessantes, eles apenas ligam você sobre ele e eles são agradáveis de olhar e eles hipnotizam você por alguns segundos, mesmo que eles são tão curtos. Esta é de uma amiga minha Frida Ek, ela trabalha na Animate e ela é uma designer e animadora fabulosa também. Quero dizer, isso é ótimo porque evolui a um ritmo incrível. Primeiro, você vê essa senhora que é espécie de pose beta, mas você realmente não consegue ver muito disso. Mas, de repente, tipo, sim, peitos para fora. Não se aplica à física. Não se aplica ao mundo real, mas é por isso que a animação é tão grande. Você pode fazer algo que não é real, mas funciona perfeitamente bem, e é tão expressivo e ela é tão livre, selvagem, louca e ousada. É divertido ver como você está combinando, Frida neste caso está combinando alguns movimentos populares de dança com movimentos completamente inesperados de dança selvagem. Além disso, acho que é bom dizer como este personagem é simples. Você não precisa ter um design louco com muitas camadas, sombras, destaques e tudo mais. Este é um design baseado simples e funciona muito, muito bem porque então ele permite que você traga a animação tão longe porque você tem algo muito simples, mas então você pode realmente colocar um esforço para fazer animação grande. Então, só para dar a vocês uma pequena visão geral de todo o processo que vamos fazer hoje. Vamos tirar do computador e ficar mais analógicos. Primeiro, vamos colocar nossa música favorita e gravar alguns movimentos densos para usar como referência de vídeo. Depois, vamos ao livro de esboços e começamos a pregar nossos movimentos para entendê-lo melhor, entender nossas poses chave, os intermediários e onde estão as principais poses que eles vão definir nosso movimento. Então vamos projetar nosso personagem, desde esboçar até refiná-lo no Photoshop. Depois que projetamos nosso personagem e temos tudo pronto, vamos passar para a animação e para isso vamos combinar os dois softwares After Effects e Photoshop. Então, antes de entrar em todos esses softwares After Effects e Photoshop, vamos fazer ou próxima lição que será sobre ficar longe do computador e gravar uma boa referência de vídeo para o seu loop de dança. 3. Gravando uma referência de vídeo: Então, nesta lição, vamos ter uma referência de vídeo para a nossa animação. É muito importante ter uma referência de vídeo porque dessa forma, você pode realmente entender e analisar seu movimento. Você pode jogá-lo quantas vezes quiser. Você pode pausar, você pode ir quadro por quadro, você pode realmente prestar atenção a todos esses micro movimentos suculentos que talvez sejam apenas uma inclinação da cabeça, ou um pequeno contração ali, e talvez como uma pequena antecipação antes a fazer alguma coisa. Mas essas coisas, mesmo as menores coisas, elas podem adicionar muito a toda a atuação e toda a mensagem que vão transmitir através da sua animação. Então este é apenas um exemplo rápido para dar a vocês sobre como às vezes ter uma boa referência não só pode ser bom para vocês, mas também pode ser bom para mostrar suas intenções a um cliente. Por exemplo, eu estava fazendo este loop simples para Dia dos Namorados para um instantâneo para enviar para todos os seus usuários no Dia dos Namorados este ano. Esta é apenas uma pequena parte dela. Mas eu tinha esse pequeno, não muito pequeno, realmente gordo coração gordinho rolando por aí. Eu tinha imaginado na minha cabeça. Mas uma coisa é ter isso na sua cabeça. A outra coisa também é mostrar ao cliente o que você está procurando. É também por isso que eu digo que este é um trabalho tão abençoado ou uma indústria tão boa para estar dentro porque eu realmente tenho que enviar isso para o cliente, este guaxinim super gordo rolante. Mas era uma referência perfeita e precisa do que eu procurava. A maneira como ele arrasta e ele é realmente, wohwoh, ele se sente muito gordo e blubby enquanto ele está rolando. É ótimo ter esse tipo de referência para que você possa analisá-lo como, o que torna isso bom? Por que é engraçado? E tente trazer isso para sua animação também. Quero dizer, por mais tolo que pareça, enquanto eu estava trabalhando neste projeto, eu estava olhando para este GIF, analisando-o seriamente, e tentar entender que parte de seu corpo estava se movendo primeiro e como toda a coisa rolando aconteceu porque há um monte de maneiras diferentes que ele pode rolar, eo que torna este rolo específico engraçado e tentar trazer isso para o nosso pequeno coração gordinho rolando. Então, para obter a referência de vídeo para esta aula, eu vou estar gravando a mim mesmo fazendo alguns movimentos de dança. Você é livre para gravar a si mesmo. Mas se você não se sentir corajoso o suficiente, você sempre pode gravar um amigo que tem muito ou você pode encontrar um clipe do YouTube que você se sinta inspirado, ou você pode baixar alguns dos recursos que vamos fazer disponível para vocês a partir dos movimentos de dança que gravamos hoje. Então, sim, pensando sobre o movimento que funciona bem para esta animação em loop, é bom pensar que deve ser um movimento que se sente divertido e tem um pouco de humor para ele. Mas o mais importante, deve ser algo hipnotizante o suficiente para fazer as pessoas olharem para ele por mais tempo. Provavelmente vai ser algo muito rápido, como um loop de dois segundos, três segundos, talvez cinco segundos. Mas ainda assim os GIFs que funcionam melhor e os loops que funcionam melhor são aqueles que apenas mantêm as pessoas viciadas e olham para elas por um tempo. O movimento clássico de ficar vivo é como, esta direção e aquela direção. Então é muito oposto e por causa disso, você obtém um bom fluxo e um monte de contraste. Então, trabalhar nesses contrastes também cria um movimento forte e vívido. Agora vou pular para o outro quarto, ficar suado, experimentar alguns movimentos de dança diferentes, e ver o que sai disso. Aqueça, prepare-se, coloque sua música favorita e vamos fazer isso. 4. Como escolher uma referência: Então, bem-vindo de volta. Espero que tenha gostado da demonstração das minhas habilidades. Agora vamos passar por nossos movimentos de dança e entender o que é bom sobre eles, quais nós preferimos, e então selecionar um desses movimentos de dança e entendê-lo melhor, quebrá-lo, polegar ele, e se preparando para a animação realmente. Então, para me preparar melhor para esta aula, eu já fiz alguns movimentos de dança em minha casa em Londres, também para poder dançar como se ninguém estivesse assistindo, e foi o que eu fiz. Então vamos analisar esses movimentos para escolher o nosso favorito. Eu gosto deste. Certo, vamos pausar um pouco. Eu gosto deste, toda a coisa do cotovelo, porque ele sente que há um pouco de variação lá, um pouco de extremos, você vai de um lado para outro e ainda é como se ele pode sentir como um loop realmente bom sem costura, e ele tem alguma boa personalidade para ele também. Há algum movimento com os joelhos. Mas ainda parece bastante contido. Este é divertido. Parece que acabei de receber uma promoção. Vamos assistir de novo. Acabei de receber um movimento de dança promocional. Isto parece um velho atrevido. Tem uma boa personalidade. Novamente, acabei de ser promovido. Isto é divertido. Um pouco como usar fio dental, mas a guerrilha assume o fio dental e vai ser mais fácil como parece também. Então, sim, este é o favorito. Eu acho que é legal com este exercício tentar então selecionar outra pessoa. Assim eu tentei dançar como um, como uma pessoa idosa se sentiria e se moveria e estaria na pista de dança ou como eu não sei, como um bebê que é, e tentar observar essas coisas talvez encontrar uma boa referência em vídeo por isso. Então, sim, nós temos algumas boas opções aqui, mas eu acho que esta é a minha favorita porque eu não estou muito bem visto ninguém balançando esses movimentos em uma pista de dança ainda é único, é divertido, é muito brincalhão. Eu já posso tipo de como ver os personagens na minha cabeça e o tipo de direção que eu quero ir e ainda parece bastante contido porque as pernas não estão se movendo muito, é tudo sobre os braços. Não há muito movimento da cabeça também, então é muito sobre ser expressivo com os braços o que me dá muito espaço para ensinar a vocês as coisas que eu quero ensinar a vocês. Tão doce, escolhemos a nossa jogada. 5. Esboçando miniaturas: Então eu cortei uma pequena seção dos isoladores de movimento denso. Então eu poderia apenas, como eu disse a vocês, jogá-lo em loop, tentar entender. Como é que este movimento está a acontecer? Qual parte do meu corpo está liderando o movimento e se movendo primeiro? Eu fiz alguns cortes ásperos, então não é um loop super sem costura, mas quando conseguirmos animá-lo, ele vai ser perfeito. Então agora o que vamos fazer é, vamos tocá-lo quadro por quadro para tentar entendê-lo, e começar a esboçar, enquanto estamos tentando entender nossas poses. Portanto, quebrar um movimento é crucial para compreendê-lo. Qual parte está se movendo primeiro? Quais poses corporais são as mais importantes, e as poses corporais que definem o seu movimento? Qual parte está girando em qual tornozelo, e a freqüência que eles se movem? Porque às vezes eles se movem em taxas diferentes também. Então vamos pegar nossos cadernos, sair do computador um pouco, e fazer alguns desenhos. Então, a miniatura é um passo muito importante para a animação, que eu nunca ouvi falar antes quando comecei a animar, e quando ouvi o termo, fazia muito sentido. Porque a animação é uma coisa realmente demorada, e você não pode simplesmente saltar direto para ela sem ter um roteiro, sem ter um plano para ela, e ter uma idéia do que você quer fazer. Então são apenas pequenos esboços rápidos. Se você não desenhar muito bem, tudo bem. Basta fazer figuras de vara, eu vou fazer praticamente figuras de vara eu mesmo. Mas é só para você trabalhar as silhuetas, e as poses, e descobrir suas poses principais, e conhecer seu movimento antes de pular para animá-lo, porque eu mesmo cometi o erro de não saber realmente o que eu estava fazendo, e começar em animação, e tentar descobrir como eu estava fazendo isso, e isso leva muito tempo. Na verdade, sentar-se, pintá-lo antes, e tomar seu tempo para se preparar para suas animações, para planejar sua animação, poupa-lhe uma quantidade insana de tempo no longo prazo. Então vamos fazer isso primeiro, preparar sua animação e entender o movimento antes de entrarmos na animação. Como eu disse, este é um pouco complicado para entender as poses chave nos extremos. O que eu costumo fazer quando eu tenho que entender um extremista como, que momento você pode ter que sentir que ele lhe dá o ritmo e o ritmo? Com este, uma vez que os braços têm este super fluido movimento contínuo, para sentir os extremos, eu posso não estar muito focado nos braços, na verdade. Você pode ver que há esse movimento do corpo que é realmente insuflável, e também você pode ver que meu tornozelo é uma marca muito boa para o ritmo. Se eu pausar aqui, quando toca o chão, o outro tornozelo é levantado, e então a mesma coisa acontece aqui, mas então apenas deslocando os pés. Isso só me dá uma boa marca para tipo, ok, esta é uma pose chave, e então esta é outra pose chave. O que é bom neste movimento também é que ele é realmente simétrico, o que torna um pouco mais fácil para nós replicarmos. Mais uma vez, desenhos super simples. Faça isso com figuras de bastão, se puder, mas apenas para você entender as silhuetas, e onde estão os membros, onde seus braços estão, os pés, tudo. Então vamos começar com isso. Vou começar pelo meu torso. Na verdade, eu vou fazer isso um pouco maior para que vocês possam ver melhor, mas eu costumo fazer esses desenhos muito pequenos só para ter uma vibração das poses. Então você pode ver que há uma ligeira curvatura no meu corpo na pose da chave. Então eu vou fazer meu torso primeiro. É esta linha que indica que é como uma curvatura. Então meus quadris, e depois fazemos o rosto. Não precisa ser super preciso, isso é só para você começar a entender a pose. Animação, você aperfeiçoa a cada novo passo. Você pode ver que esta perna está ligeiramente flexionada, mas então meus calcanhares estão tocando o chão. Considerando que este aqui, é mais flexível. Então você tem meu tornozelo no alto. Você pode ignorar essa parte. Então, com os braços neste ponto, este braço, é levantado, enquanto o outro, está atrás, assim. Mas não vemos porque estou coberto e não há muito esqueleto como na minha miniatura. - Sim. Vai para trás. Então vamos movê-lo para a próxima pose da chave. A próxima pose da chave é praticamente a mesma, virada. Agora, eu tenho alguns braços na minha frente também. Então vai ser a curvatura oposta. Em seguida, quadris bem aqui. Agora, este tornozelo está no chão. Ao descobrir as poses principais, você está procurando uma distinção clara, e uma marcação clara, como se eu pudesse usar isso como um ponto para determinar que este é um quadro chave da minha animação. Isto é o que estamos a fazer aqui. Então este tornozelo é plano no chão, onde está no seu mais baixo. Ao mesmo tempo, que o outro tornozelo está na posição mais alta. Então, o que estamos procurando quando tentamos cavar para as principais poses são extremos e contraste. Portanto, temos uma clara distinção dessa pose também. Então a cabeça está aqui. Então o braço oposto está aqui. Mas agora, este braço está na nossa frente. Há uma coisa divertida que você pode fazer na animação, que é como quebrar as articulações, porque mesmo que esta seja uma parte mais realista disso, eu também poderia apagar isso, e em vez de fazer este braço curvilíneo, Eu posso fazer um exagero, quebrando a versão conjunta dele. Enquanto este braço está caindo, ele está indo desta forma impossível, como Macarrão, braços de espaguete. Isso pode adicionar um monte de diversão a ele. Então eu poderia muito bem tentar isso quando eu estou animando. Então a próxima pose da chave será praticamente a mesma, mas o braço é deslocado. Então vai ser praticamente o mesmo que este primeiro, mas este braço vai para a frente agora. Tão pequeno torso de novo. Quadris. A mesma coisa com o tornozelo levantado. Este aqui, perna flexionada, mas o tornozelo é plano no chão. Este braço está levantado novamente. Agora, o que acontece com este braço é basicamente o que aconteceu com este braço aqui em cima. Como você pode ver, isso pode ser super áspero e feio, como estes são, mas é apenas para dar uma idéia áspera de como isso funciona. Então agora, o que vai acontecer com este vai ser este, mas com o braço para trás, como na primeira miniatura. Este é plano no chão. Este tornozelo está para cima. O calcanhar para cima, não o tornozelo. Não sei falar inglês. Agora, este braço vai para trás. Então, por último, mas não menos importante, uma coisa que eu notei enquanto eu estava jogando quadro a quadro, entre essas poses chave, você pode ver que há um momento em que ambos os saltos são altos, mas neste intermediário posição, apenas no meio. Então vamos fazer uma pequena nota aqui que entre todos esses movimentos, há um momento aqui em que meu corpo está bem reto. O tronco é reto, as pernas têm uma flexão muito uniforme. Ambos os saltos estão ligeiramente para cima. Então, a partir deste, o braço vai subir. Então os braços estão praticamente no meio disso. Este vai estar lá atrás, enquanto este vai começar a descer. Esta posição com ambos os saltos ligeiramente para cima, seu corpo é muito centrado. Isto no meio vai acontecer entre tudo isto, disto para isto, disto para isto e, deste para isto, e deste de volta para onde começamos. Então é isso que estamos procurando como uma pose intermediária, mas com variações nesse braço. - Sim. Acho que somos bons com o polegar. Agora temos uma visão clara em nossas cabeças de como vamos começar, quais poses vamos definir no After Effects, e isso nos dá um plano claro de como fazer as coisas e por onde começar. É isso. Hora da animação. 6. Criando seu personagem: Então, nesta lição, vamos esboçar nosso personagem, descobrir algumas opções, e tentar escolher a melhor para depois bisbilhotar. Vamos fazer isso no papel primeiro, depois trazê-lo para o Photoshop para poli-lo, refiná-lo, obter 100% do nosso design antes de começarmos a animar. Então eu fui em frente, na verdade, e eu fiz alguns esboços. Agora que temos o post descoberto como a pose chave, eu estava tentando jogar com proporções e ver o que funcionaria melhor. Uma vez que é muito pesado nos braços, nos membros e outras coisas, esse deve ser o foco principal. Então, primeiro, eu estava tentando ir para esse cara super louco de membros longos e então o que acontece se ele for magro, o que acontece se for um pouco mais grosso, o que acontece se eu tentar equilibrar a coisa toda com um pouco de poder aqui, vai desenhar essa garota que eu gosto muito, longos membros longos e loucos impossíveis, e então este cabelo fluído nas costas. Então como com essa outra garota que se manteve de castigo. Ela se sentiu muito engraçada com o cabelo de cone de sorvete. Ela parece divertida, mas não super divertida. Então vamos tentar ir para esses caras mais grossos com braços grandes, braços pesados que me trouxeram para esse cara que é na verdade um pouco como minha primeira garota, mas um cara corajoso. O que achei divertido nele é que ele ainda tem todos os membros loucos e a braçadeira, a faixa de cabeça, os aquecedores de tornozelo e outras coisas. Eu acho que é muito divertido ele é bastante único e ele vai nos dar muito espaço para amplificarmos aquele movimento louco dos braços fluidos. Então ele tem um pouco de super alto, braços flexíveis, homens de tubo com roupa jeans dos anos 80. Nós vamos com esse cara. Então, sim, é apenas sobre desculpe simples fazê-lo na próxima versão que você faz isso, você faz um pouco melhor. Eu acho que animação é tudo sobre isso. Você começa simples, você poli-lo um monte de vezes até você chegar à sua versão final realmente. Mesmo que eu amo começar no papel e outras coisas, eu sei que como eu disse, como eu preferiria ir de algo que já é construído e tipo de ajustá-lo ao redor e eu acho que Photoshop é realmente útil para isso. Você obtém um desenho como base e, em seguida, você apenas constrói sobre ele e refiná-lo, polir seu esboço, e então você apenas desenha e adiciona as cores e as texturas que você quer. Você não precisa fazer nada louco, e digitalizá-lo, e ter um scanner ou algo assim. Normalmente pego meu telefone, tiro uma foto, importe para o meu computador, e apenas levo para o Photoshop, desenho em cima dele, e ajustá-lo, e é isso que vamos fazer agora. 7. Refinando no Photoshop: Temos nossa foto do nosso pequeno esboço, e agora vamos trazê-la para o Photoshop. Eu só vou passar por 1920, 1080. Este é um formato de vídeo padrão na verdade, e a resolução é 72. Você realmente não precisa de mais do que isso para resolução de tela. Então nós vamos com isso, boom. Então vamos arrastar o nosso rapazinho. Lá está ele. Só vou torná-lo um pouco maior. Basicamente, o que vamos fazer agora é apenas traçar em cima disso apenas para obter as linhas mais limpas que podemos refinar e polir, e apenas ter algo que possamos ajustar melhor realmente. Pinte uma nova camada aqui. Photoshop já vem com esses pincéis incríveis, e eu tenho um favorito pessoal, que é este carvão pencilly um. Há um monte de pincéis para você explorar e eu vou ficar com este favorito pessoal, e apenas começar a rastrear em cima disso. É só para conseguir uma linha mais limpa para vermos as coisas melhor. Não precisa ser perfeito nesta fase porque todas essas etapas são sobre polimento um pouco mais. Então, fica melhor em cada estágio, na verdade. Basicamente, apenas rastreando, criando o contorno de um personagem para que possamos ajustá-lo usando alguns truques que vou mostrar a vocês. Como podem ver, acabei de desligar este pequeno botão aqui, então não precisamos mais desta foto. Podemos apagá-lo. Agora, geralmente o que eu gosto de fazer é colocar esse cara de lado e eu gosto de ter algumas opções. Eu tenho este esboço, mas eu gosto de ajustar as formas um pouco e começar a explorar um par de opções antes de eu assentar, como esta é a forma final com que eu quero trabalhar. Então o que eu vou fazer é, eu vou duplicar esta camada. Vamos ter esse cara do lado só por uma questão de comparação. Então este é o truque. Primeiro, vou mostrar-lhe esta ferramenta de laço que você pode selecionar os bits do seu personagem que você deseja alterar. Digamos que eu quero que este braço seja menor, mas esse não é o caso, mas é exatamente como ele dá controle de seções de ilustração. Esta é uma boa maneira de ajustar sua ilustração e descobrir algumas mudanças que você deseja fazer, outra ferramenta realmente boa que é super útil é. Então, há esse filtros e esse chamado “liquify”. As pessoas usam isso muito para retocar imagens, e eu realmente usá-lo muito para ajustar meus desenhos, ou eu acho especialmente bom para topografia, bem como obtendo os pesos certos para cada letra e todas essas coisas, mas você vai ver o que eu quero dizer. Deixe-me fazer uma coisa primeiro. Então aqui você tem esta opção de mostrar o pano de fundo dele. Eu só vou colocar o fundo. Mostrar pano de fundo gentil, doce, só para que tenhamos uma melhor visibilidade dele. Então aqui você tem todas essas ferramentas que é como se você estivesse dando um empurrão para a forma e cutucá-lo e tentar colocá-lo onde você quer que ele esteja. Vais ver que todas estas ferramentas à tua esquerda fazem coisas diferentes às tuas formas. Então, apenas para mostrar rapidamente, este, por exemplo, encolhe as coisas e você pode ver como isso pode ser útil para fotos também, mas nós vamos voltar para ele. Mas o que eu quero com o meu, eu só quero dar um toque suave na minha forma. Então eu estou sentindo que mesmo que você possa ver que seu corpo é bem retangular, mas eu acho que seria mais engraçado se seus ombros fossem um pouco menores e tivessem mais como um triangular, ligeiramente não muito, mas apenas um pouco mais triangular no topo. Então veja, eu sou o tipo de pessoa que se eu fosse desenhar isso e acertar a forma, levaria muito mais tempo porque eu teria que fazer isso, apagar, fazer de novo. Mas com isso, isso me permite porque acho que meu cérebro e meus olhos são muito mais rápidos que minhas mãos. Então eu consigo fazer isso muito mais rápido apenas dando uma forma pré-existente apenas um pequeno empurrão. Porque este braço parece que deveria ser mais, muito grande. A cabeça dele tem que ser um pouco. Eu acho que isso já é melhor, esta forma mais triangular para seu torso em vez de ser apenas um retângulo, eu acho que é mais legal. Então uma coisa que quero experimentar é, o que acontece se fizermos o pescoço dele um pouco mais longo? Talvez um pouco demais. Vamos apenas dar. Quero exagerar, mas tem que ser um limite. Vou apenas duplicar esse cara, precisamos aqui para este lado, está ficando apertado aqui. Na verdade, eu vou fazer esta composição um pouco maior para que possamos vê-los melhor. Então, apenas para tornar o nosso espaço de trabalho um pouco maior, basta selecionar a ferramenta de corte e, em seguida, apenas para torná-lo ambos os lados, eu pressionei opção barra Alt, Eu acho que depende do tipo de computador que você usa. Eu só vou mover esses caras um pouco para que eles fiquem um pouco mais espaçados. Legal. Eu só queria testar uma coisa neste último cara. O que acontece se for o contrário? Em vez de ele ter um pescoço muito longo, ele é na verdade um pouco mais escondido, cabeça de tristeza. Lá vai você. Eu acho que os dois últimos, eles são definitivamente mais divertidos que o primeiro, mas eu me sinto mais compelido com esse cara do meio na verdade porque eu acho que ele só aumenta toda a vibração de que ele é muito longo e seu pescoço é longo, e tudo sobre ele é bastante longo. Só acrescenta essa longitude extra ao corpo dele. Então vamos para este meio e agora vamos refinar o desenho, que é basicamente apenas colorir sobre o que rastreamos e polir, adicionando mais alguns detalhes, talvez algumas sombras e destaques. Então, sim, vamos ver como isso vai correr. 8. Adicionando cores e detalhe no Photoshop: Então, sim, vou deletar esses caras, sinto muito que não seja mais bem-vindo à festa de dança. Agora eu vou apenas ir em frente, somar uma camada para cada cor, adicionar alguns detalhes, descobrir algumas sombras e destaques, vamos fazer isso. Então eu tive essa idéia de que para o corpo dele porque é tudo muito longo, elástico, e membros batendo e tudo isso, que seria divertido dar a ele este chiclete, cor rosada para fazê-lo se sentir ainda mais elástico. Pink vai adicionar um monte de diversão para ele. Então vamos fazer isso. Eu só vou usar o mesmo pincel realmente. Então vamos ver que tamanho do pincel vai se sentir bem. É bom e bom rosa. Isto deve ser cinza. Nós sempre podemos ajustar as cores depois e eu posso mostrar a vocês também um pequeno truque para revisar suas cores depois disso. Você pode usar escova um pouco maior. Esta é a parte mais meditativa do lance de design, é apenas colorir e editar detalhes. Então eu acho que para seu terno, e braçadeira, e aquecedores de tornozelo, eu acho que poderia ser muito divertido se ele fosse um pouco como terno Mulher Maravilha. É um pouco azul escuro, como um terno azul com algumas estrelas. Porque ele é uma estrela, aqui está uma estrela da dança. Pulseira, então eu vou dar a eles este pequeno canto para fazê-los se sentir mais integrados com o braço embrulhando ao redor. Eu acho que para fazer isso um extra divertido e papoula, eu quero que o fundo para ser colorido bem, não apenas fundo branco maçante. Então vamos cuspir como um belo vermelho por enquanto e podemos mudá-lo mais tarde, se quiser. É meio vermelho cereja. Isso parece bom porque então sua banda de cabeça e os tênis podem ser brancos. Então eu vou colocar esta camada no topo, virar a opacidade um pouco para baixo, é apenas como uma referência onde eu posso vê-lo. É bom como quanto mais camadas você tem, você começa a nomeá-los porque caso contrário você pode obter. Eu vou chamar esses azuis e eu chamo este corpo de varredura cor-de-rosa. Então isso pode ir bandana, escova menor, pode ser virar ainda menos opacidade para que eu possa ver melhor varredura. Tiara branca, tênis brancos. Sim, legal. Acho que estamos em um bom estágio com este só para que vocês possam ver um pouco do processo. Eu fui em frente e fiz um pouco show de culinária tipo de abordagem para ele. Só para você não ter que me ver fazendo todas essas camadas e eu gastei alguns detalhes que eu costumo fazer. Então nós temos essa versão mais polida de onde eu estava. Então vamos ampliar para que possamos ver melhor. Edite algumas sombras e detalhes com o dedo, aqui à esquerda você pode ver que eu fiz este dedo lá está atrás um pouco mais escuro, Eu adicionei alguns slides, destaques aqui em sua cabeça vindo do canto superior esquerdo de frente para ele. Se você está de frente para o desenho, editar alguns detalhes e sombras para seu terno, algumas estrelas, estrelas da Mulher Maravilha. Mas mesmo que eu gostei muito do vermelho vibrante, eu não estou totalmente super certo sobre isso. Então vamos ver se ele funciona melhor com outras cores no fundo. O atalho para esta ferramenta é matiz de comentário e ele apenas lhe dá como controle sobre cores com saturação de matiz e brilho e você pode ver que apenas mudando a tonalidade, eu estou interessado em ver se há uma opção que podemos obter um pouco de contraste com sua pele, pode ser um azul mais claro. Talvez este seja o meu programa de cinema, um pouco menos de saturação, que seja um pouco mais leve. Sim, algo assim pode funcionar. Quero dizer, podemos voltar e compará-lo, e quando eles são como o vermelho, eu acho que o personagem e toda a animação vai ler melhor sobre o fundo azul claro então eu vou ficar com este E a última coisa que quero acrescentar é apenas uma pequena sombra debaixo do pé dele. Então o que eu faço é pegar o conta-gotas, escolher a cor do fundo, e eu vou apenas pegar como uma sombra que é um pouco mais escura e eu tenho que ser perfeito como uma parte de toda a mão desenhada textura e olha que as coisas são um pouco mais e perfeito. Legal. Acho que terminamos para o nosso design, nosso personagem está pronto para animação, então vamos fazer isso. 9. Introdução ao Adobe After Effects: Agora, antes de começarmos a animar nosso personagem, vamos dar uma olhada em alguns princípios básicos da animação, e também uma pequena visão geral dentro da animação, noções básicas de animação, dentro do After Effects também. After Effects pode ser um pouco assustador se você nunca o abriu antes porque a interface pode ser muito esmagadora. Então, um monte de botões, um monte de painéis, e eu acho que pode ser muito bom que você abra pela primeira vez e você tenha uma pessoa segurando sua mão e guiando você através dela. Então, espero que eu possa ser essa pessoa para você e apenas ajudá-lo a começar sua exploração dentro do After Effects, para que você se sinta realmente confortável explorando isso sozinho depois. Então vamos fazer isso. Então aqui, quando você abre o After Effects, você tem essa seção inicial, e nós vamos apenas começar um novo projeto. Doce, uma vez que você está aqui, você pode começar qualquer composição, e você pode fazer isso clicando nesta pequena barra, criar uma nova composição, você pode vir aqui, criar uma nova composição, ou você pode Apenas faça uma posição. Aqui, eu vou chamar isso de quadrados, você vai ver o porquê depois. Então o padrão, o padrão da indústria por dimensão é esta alta qualidade 1920 por 1080, mas isso é basicamente o tamanho do seu quadro de arte, mas em termos de filmes. Aqui estão os quadros por segundo, a taxa de quadros da sua composição. A taxa de quadros é basicamente a quantidade de imagens que você vai ter dentro de um segundo, animação da velha escola é apenas a quantidade de desenhos, bem como que você vai ter por segundo. Mas a regra é que, quanto maior o número de quadros que você terá por segundo, mais suave será sua animação. Então, quanto mais quadro você colocar em um segundo, mais suave ele se sente, e então quanto menos quadro você colocar por segundo, mais picante ele se sente bem, mas nós vamos ver isso em ação. animação tradicional usa 24 quadros por segundo, então é isso que vamos fazer, é o que eles costumavam fazer na Disney. Aqui, cinco pixels é o padrão, eu não me meto muito com isso. Eu vou colocar três segundos, três segundos é um bom tamanho para o que eu vou mostrar a vocês, cor de fundo, aqui você pode escolher a cor que você quer para o seu fundo, nós vamos deixá-lo branco por enquanto. Então vamos para a composição, olhe para isso, você pode ampliar e diminuir o zoom pressionando o comando mais e o comando menos. Então vamos dar uma olhada nos painéis aqui, você tem essa barra de ferramentas aqui no topo, e você tem um monte de painéis aqui. Esta é uma pequena pré-visualização da minha linha do tempo, uma vez que você pressiona play, ele reproduz todos os quadros, mas por enquanto, não temos nada que precisamos jogar. Aqui temos alguns efeitos e predefinições, aqui estão algumas coisas que vamos ver depois, mas ferramentas que podem ajudá-lo a alinhar suas formas e ferramentas para lidar com tipos e fontes. Mas esta é a coisa mais importante, esta é a sua linha do tempo. Esta é uma dica muito boa, então se você pressionar o comando para frente e para trás com as setas, você pode navegar entre os quadros. Então, às vezes, quando você abre o After Effects, ele vem aqui com a contagem de quadros até atingir um segundo e, em seguida, contando as 24 vezes novamente até atingir dois segundos. Aqui você tem suas principais ferramentas, na verdade. 10. Entendendo o Adobe After Effects: Então, sim. Vou dar a vocês uma pequena lição sobre sólidos e também noções básicas de animação. Então vamos fazer isso. Então, se você clicar aqui, clicar e segurar, você vai ver todos esses sólidos diferentes. Hoje vamos estar fazendo alguns quadrados. Então eu selecionei um quadrado, e aqui, você pode ver que você tem o preenchimento e a possibilidade de adicionar um traço. Eu vou colocar o preenchimento branco porque eu realmente quero focar nos traços para que possamos ter uma noção para a forma e pode ser 10 pixels é suficiente para a largura do traçado. Então, quando você está desenhando um sólido, quando você apenas clica e arrasta, você pode fazer um retângulo, mas se você quiser mantê-lo regular, você só precisa segurar Shift enquanto está fazendo isso. Mas então uma coisa importante é que se você construí-la dessa maneira, então você vê que eu tenho essa camada de forma aqui que aparece, este é o meu retângulo. Isto é praticamente como sempre que você desenha algo ou tem um elemento dentro do After Effects, isso é o que acontece. Você tem essa camada aqui e você tem todas essas propriedades dentro do After Effects dentro de cada camada que você pode mexer com. Mas importante dizer que se eu desenhar a minha forma desta forma, e eu abri aqui eu tenho o meu conteúdo e eu tenho o meu retângulo, e aqui, eu tenho o meu caminho retangular. Isso me dá acesso a algumas coisas, como eu posso mudar o tamanho dele aqui, e se eu desvincular os dois, a largura e a altura, eu posso mudá-los separadamente, mas isso não me dá a liberdade realmente mover os pontos ao redor e mudar o caminho dessa forma tanto quanto eu normalmente quero. Então eu vou realmente excluir isso e dizer a vocês uma dica importante, que é, sempre que você estiver criando formas e você quiser que elas sejam totalmente editáveis, você precisa pressionar “Alt” ou “Option”, e então você arrasta sua forma. Você pode ver que já é diferente. Novamente, os quadrados em cada canto, eles parecem diferentes. Então, para torná-lo regular, eu vou pressionar “Shift” também, então é um quadrado perfeito, e então eu vou liberá-lo. Agora, se eu abrir esta seção aqui do retângulo e eu vejo caminho, eu realmente consigo ver este pequeno relógio aqui e eu posso fazer quadros-chave e animar este caminho. Então vamos dar uma olhada na criação de quadros-chave. Então, em cada propriedade, se eu soltar este menu, estas são todas as opções ou algumas das opções de coisas que você pode animar sobre esta forma. Posso animar a posição, posso animar a escala, o ponto de ancoragem, rotação, opacidade. Vamos falar de pontos de ancoragem primeiro. Então os pontos de ancoragem são grandes. Então, o ponto âncora é praticamente onde sua animação é o ponto de origem para todas essas propriedades serem alteradas e é o ponto de articulação para rotação. Então vamos ver o que acontece. No momento, meu ponto de ancoragem que você pode ver é este dedo mindinho aqui. Então, digamos, por exemplo, que eu queira girar minha forma. Se este é o meu ponto de origem, este é o meu ponto de pivô, se eu girar a minha forma, ele vai girar em torno deste ponto no meio. Mas normalmente gosto de começar por centralizar este ponto de ancoragem dentro da minha forma. Você pode fazê-lo selecionando esta ferramenta, a ferramenta de ponto de ancoragem. Se você selecioná-lo, clique no ponto de ancoragem e traga-o para o meio. Então há essa coisa realmente útil que After Effects incorporou algumas versões atrás, que é essa pequena caixa de seleção que ele mapeia perfeitamente nos pontos mais importantes da sua forma. O que acontece nota que eu centralizei o ponto de ancoragem no centro da forma, é que se eu girar meu quadrado, ele gira tendo este como o ponto de origem, o ponto de pivô. Então agora o que eu quero fazer é, na verdade, eu vou apenas mover isso um pouco com as setas, e eu quero animar a posição deste quadrado. O que eu vou fazer é este pequeno cronômetro aqui, cada vez que você pressioná-lo, ele gera um quadro-chave. Este é um quadro-chave bem pequeno aqui. Então eu vou mover todo o caminho para cima na minha linha do tempo para um segundo, e eu quero que a minha praça se mova para o outro lado em um segundo. Então eu só vou pressionar “Shift”, e ir para a direita com as setas. Eu apenas pressione “Shift” para que ele se mova em blocos maiores porque se você se mover sem pressionar “Shift”, ele vai em espaços menores. Então vamos fazer um movimento maior e maior. Vamos fazer o mais curto. Então esta é a quantidade de composição que você quer reproduzir porque talvez você só queira um loop mais curto e você está examinando um pouco específico de animação, você não quer reproduzir a coisa toda, apenas uma pequena seção. Então esta parte aqui no topo ajuda você a definir o tamanho da coisa que você quer ver. Está se movendo. Olhe para o quadrado se movendo. Uma coisa que é importante dizer, apenas fazendo uma pequena recapitulação aqui, é que se eu vou excluir este, então estamos de volta a ter apenas um quadro-chave. Então eu tenho minha camada selecionada aqui. No momento em que eu alterar a posição daquele quadrado, ele já vai gerar um quadro-chave. Vês aquilo no fundo? Então, já está entendendo que estou mudando a posição para que ele crie um quadro-chave imediatamente. O programa interpola entre esses dois quadros-chave, o que significa que o programa vai estar calculando o que vai acontecer aqui no meio fazendo a coisa toda por si só. Por todos os meios, se eu quiser dizer ao programa que realmente aqui no meio eu quero que esta forma para baixo, você vai ver que ele também vai criar um quadro-chave lá na parte inferior porque eu acabei de dar novas entradas para o After Effects. Mas vamos dar uma linha reta por enquanto. Então você vai ver que neste ponto, este quadrado está se movendo de uma forma bem linear, a velocidade é sempre constante. Na verdade, não é muitas vezes na vida real que estávamos enfrentando esse tipo de situação em que as coisas estão se movendo de forma linear. As coisas realmente se movem em uma velocidade e aceleração diferentes e com facilitar e aliviar. Então vamos dar uma olhada rápida nisso. Então eu vou nomear este quadrado linear, e para você nomear uma camada, você só precisa pressionar “Enter”, e então ele vai torná-lo editável, e você pressionar “Enter” novamente, está tudo bem. Então este é o meu primeiro quadrado. Então uma boa dica para vocês é que se vocês quiserem, em vez de fazer tudo isso como menu suspenso vendo todas essas coisas desnecessárias porque eu só animei a posição, se você clicar na camada e pressionar “U”, você só pode ver os quadros-chave importantes, as propriedades para as quais você define os quadros-chave. Então eu vou duplicar este quadrado. Para fazer isso, vou pressionar “Comando D”, e agora temos um segundo quadrado. O que eu vou fazer é eu vou me mudar para aqui no início, eu vou pressionar “U” para que eu possa ver a posição para o meu segundo quadrado bem, e eu vou selecionar esses quadros-chave apenas para ter certeza de que esses dois quadros-chave oposição, eu estou movendo-os juntos para baixo. Eu posso vir aqui e selecioná-lo ou eu posso apenas clicar em “Posição”, ele seleciona todos os meus quadros-chave, e eu vou movê-lo um pouco para baixo. Então isso é só para termos um pouco de comparação. Vou apresentar-vos a este tipo, o editor gráfico. O pensamento principal por trás de começarmos a mexer com este editor de gráficos é que estamos fazendo movimentos mais avançados, mais naturais, bem como em vez da velocidade das coisas apenas se movendo de uma forma linear, eles vão ter aceleração, eles vão ser mais dinâmicos, e eles vão ser legais. Então, você seleciona os quadros-chave da propriedade que deseja dar uma olhada dentro do editor de gráficos. Então você pode ver aqui que o que esta linha está me dizendo é, porque aqui você pode ver a velocidade que as coisas estão se movendo, e aqui está apenas me dizendo que tudo está se movendo a uma velocidade constante. Mas o que acontece aqui é que eu tenho algumas opções que eu posso clicar e afetar esses quadros-chave. Então o que eu vou fazer primeiro é clicar neste botão fácil no pequeno. Isso me dá essa alça que eu posso empurrar para trás e para frente para torná-lo muito exagerado e fazer a curva de aceleração realmente íngreme ou um pouco mais assentar. Mas eu vou torná-lo realmente íngreme só para que vocês vejam o contraste e o que isso está fazendo com minha aceleração e o movimento geral. O que isso está me dizendo é que meu movimento vai começar muito rápido e abrandar até chegar a zero. Então vamos ver o que está acontecendo também comparando com o que está no topo. É aqui que começa a ficar muito divertido porque pode trabalhar com essas curvas e obter a velocidade perfeita para as coisas. É só onde toda a diversão está realmente. Então este é o quadrado flexibilizando. O que significa aliviando é que está facilitando dentro do último quadro-chave. É como se estivesse ficando mais lento quando chega ao fim. Agora vou duplicar o topo novamente, “Command D”, “U” para abrir meus quadros-chave. Selecione os quadros-chave, desloque para baixo para trazê-lo na parte inferior, e então eu vou fazer o contrário na verdade. Então vamos selecionar o quadro-chave, abrir meu editor de gráficos, e então vamos fazer o oposto de que ele vai começar muito lento e terminar rápido. Então, vai demorar um pouco. Vamos ver se é isso que vai acontecer. Sim. Então você vê que todos eles literalmente têm o mesmo tempo. Ter o mesmo tempo, significa que eles estão se movendo no mesmo espaço de tempo, no mesmo ritmo, todo o movimento acontece dentro da mesma janela de tempo, mas eles têm espaçamento diferente. O que isso significa? Então há esse truque dentro do After Effects que aqui no Menu Camada, você pode abrir uma nova camada de ajuste e, em seguida, dentro dos meus efeitos, há esse efeito chamado CC Wide Time. Vou clicar duas vezes nele. O que ele faz é que ele me permite ver os quadros antes e depois. É como pele de cebola. Então pele de cebola é este conceito dentro da animação tradicional que você tem um vislumbre, você vê uma opacidade menor, os quadros de antes e os quadros de depois. Assim, você tem uma melhor compreensão do que está acontecendo em toda sua animação e quão espaçados estão os desenhos entre eles. Então só para nós comparar, então este terceiro quadrado foi a facilidade para fora. Outra coisa muito útil é que After Effects é que se você pressionar, você vê este pequeno ponto. Se eu pressioná-lo em qualquer camada, ele só me mostra essa camada. Então vamos dar uma olhada na minha ampla camada de tempo também. Ligado. Eu também vou ligar isso. Assim, com o primeiro quadrado que criamos, você pode ver que os desenhos sempre têm o mesmo espaçamento. Está se movendo de forma linear, não há aceleração. A velocidade é praticamente a mesma durante toda a coisa. Mas então no meu segundo, começa muito rápido e você pode ver que os desenhos estão muito espaçados, e então quando fica mais lento, você tem muitos desenhos que estão muito próximos um do outro. Isso dá a ilusão de que as coisas estão se movendo muito devagar, é ter um monte de desenhos até ficar cada vez mais lento. Então, no meu terceiro, é o oposto. Começa por ter um monte de desenhos muito próximos um do outro movendo-se muito lentamente até o final que as coisas ficam realmente espaçadas. Então isso é exatamente como sempre que você está animando as coisas, este grande truque de tempo pode ser realmente útil para você comparar as coisas. 11. Construindo seu personagem no After Effects: Agora, você tem uma pequena introdução do After Effects. Você sabe como contornar isso, então é hora de realmente sujar nossas mãos e começar a animar nosso cara arrogante bubblegum. Então vamos fazer isso. Então, sim, vou começar um novo projeto. Nova composição, 1920 por 1080, 24 quadros por segundo. Vamos colocar como três segundos, mas eu acho que nós vamos ficar em dois segundos e manter este loop um pouco mais contido. Fundo branco. Vou importar a minha referência. Lá vai você. Eu conheço esse cara. Agora, o que eu vou fazer é recriar este design, mas usando as formas que eu tenho no After Effects, apenas recriado em vetor, para que possamos animá-lo. Então vamos usar isso como referência e começar a construir sólidos no topo. Há um par de coisas aqui a levar em consideração. Como sabemos que nosso movimento é muito simétrico e as coisas são muito espelhadas, vou ser inteligente sobre isso, e vou criar apenas uma perna e um braço porque as coisas que fizemos com uma perna, podemos apenas virar, mudar os horários um pouco, e então ele vai funcionar para a outra perna. Então as coisas que eu fiz com um braço, nós podemos apenas duplicá-lo, mudar os tempos um pouco, e vai funcionar para o outro braço também. Neste ponto, quando você está criando todos esses sólidos, a cor não é realmente tão importante. Não tem que ser suas cores finais. Eu costumo usar cores que são muito papoula e diferentes umas das outras para que eu possa realmente diferenciar como esta é a cabeça, este é o meu braço, e esta é a minha perna. Então, quando é hora de realmente colorir no Photoshop, eu posso ver qual parte é qual, e eu posso apenas aplicar cores lá. Então você não precisa se preocupar com cores neste momento. Então vamos começar com a cabeça dele. Vou usar a ferramenta Caneta. Quando você está recriando seu personagem dentro do After Effects, você quer obter o máximo de dicas possível dos elementos que você vai desenhar, porque caso contrário, se você não fizer isso, e digamos que eu não desenhar os elementos do peito e os mamilos e o único cabelo. Se eu fizer isso à mão, quadro a quadro no Photoshop, ele pode acabar bastante oscilante porque em um quadro pode estar em um lugar e, em seguida, no outro quadro, pode ser ligeiramente deslocado. Então você quer ter o máximo de referência possível. Para algumas coisas, você realmente não precisa gostar desse lado do seu rosto. Uma coisa boa para mostrar a vocês neste momento. Então vamos dizer que eu só queria animar essa cabeça girando e tudo mais. Se eu girar a cabeça, os elementos do rosto não vão necessariamente junto. Então é aqui que esta ferramenta no After Effects é super, super, super útil para que você não tenha que animar a cabeça e os elementos do rosto, e está tudo em uma grande bagunça. Você pode pais coisas, você pode conectar coisas dentro do After Effects. Então, esse pequeno cara redemoinho, você pode escolher o chicote e se conectar com a camada que você quer criar. Então eu vou colocar meus elementos de rosto na minha cabeça. Agora, quando eu giro minha cabeça, tudo está se movendo juntos. Enquanto você está construindo seu personagem, você quer ter certeza de que você também organiza suas camadas, parentalidade coisas ao redor, tornando-as conectadas. Então, quando é hora de animar, eles já estão preparados para você animar. Então, agora, eu vou construir o braço ou um braço porque nós não precisamos construir ambos, e você vai ver isso. Então, a maneira que eu construo membros geralmente é que eu construo um golpe de vara. Na verdade, para isso, eu não vou me importar com minhas mãos e meus dedos por agora porque eu sei que vai ser muito mais rápido apenas desenhá-los em detalhes no Photoshop. Eu prefiro fazer isso à mão, e apenas ter a referência para o braço, mas, em seguida, fazer os dedos separadamente realmente. Então aqui temos um braço. Há um pequeno truque que vou mostrar-vos para a pulseira, é isso. Então, vou chamar este braço. O que você pode fazer aqui é a forma, eu vou precisar de um braço. Vou duplicá-lo. Vou chamar-lhe pulseira. Há este pequeno truque aqui que você pode ir nesta seção aqui, Adicionar. Primeiro de tudo, na verdade, eu vou apenas mudar a cor do meu derrame, para que possamos ver a diferença. A pulseira, você pode ver que é um pouco mais espessa do que o próprio braço. Então vamos torná-lo um pouco mais grosso. Vou adicionar Trim Caminhos. Então o que acontece aqui é que você vai ver que eu estou basicamente usando o mesmo caminho, mas está limitando-o ao comprimento que eu queria ter. Então o que acontece agora é que, e esta é uma dica muito importante e um truque muito importante dentro do After Effects também. Então vamos dizer que eu quero animar meus braços, pulando e coisas assim animando o caminho dele. O que acontece agora é que se eu apenas animar este caminho do braço, a pulseira não vai necessariamente seguir. Então o que temos que fazer é também pais do caminho. Assim, o caminho da pulseira também está animando junto com o caminho do braço. Assim, só temos que animar um deles. Então eu vou mostrar a vocês como se faz. Eu só vou fazer isso maior para termos mais visibilidade. Então, vamos voltar. Sim. Então aqui, eu vou abrir o caminho para a pulseira e o caminho para o braço. Então, basicamente, o que você vai fazer é você está indo para opção ou Alt clique neste pequeno relógio do caminho. Isso cria um pouco de expressão. Então expressões são essa codificação, escrevendo coisas dentro do After Effects, mas nós não temos que ir super fundo nisso porque isso é outra lição. Mas isso só vai me permitir escolher o chicote deste pequeno pai e dizer que eu quero o caminho para a pulseira para ser conectado ao caminho do braço. Agora, o que acontece se eu tentar animar este caminho, ambos estão conectados. Você pode ver que o caminho para a pulseira está seguindo o mesmo caminho para o braço. Lá vai você. Temos o nosso braço. Uma última coisa que eu quero fazer na verdade é aqui, você pode mudar as propriedades do seu derrame. Você pode ver que para a pulseira, eu quero manter a referência desse golpe como um boné de bunda. Mas para o meu braço, eu realmente quero usar um boné redondo. Então eu tenho um pouco de uma indicação aqui de onde minha mão vai começar quando eu vou desenhar em cima dele para Photoshop. Doce. Então é praticamente a mesma lógica quando eu vou construir isso para o pé. Você pode aplicar estas técnicas Trim Path para construir os shorts, para construir meias super altas se o seu personagem tem meias. Se você quiser construir algumas calças loucas que têm como uma cor do arco-íris, você pode apenas usar Trim Paths para dar-lhe essa referência e cortar seu caminho dependendo do comprimento que você quer que cada seção tem realmente. Então vamos fazer o corpo dele e apenas o terno muito rapidamente. Eu sei que estou sendo desleixado aqui nas bordas porque você vai ver que isso realmente não importa. Sim, parece que ele tem um Tutu agora, mas vamos consertar isso. Eu não acho que ele precisa de um Tutu, ele já é engraçado o suficiente. Legal. Então temos a forma básica para o nosso terno. O que eu vou fazer aqui é eu vou duplicar a forma do meu corpo porque o que eu quero dizer ao After Effects é que eu quero usar este corpo verde como uma máscara para o meu terno. Então só vai mostrar o que está contido dentro da forma do corpo. Então eu vou duplicá-lo, e eu vou chamar este Suite Mate. Então aqui é importante dizer que se seus menus não estão todos mostrando, sim, Eu quero o Track Matte. Então, sim, é importante que, se você não tiver todos esses menus exibidos, você sempre pode clicar com o botão direito do mouse, ir aqui nas colunas e ligar os interruptores. O que estamos cuidando é desse cara, Track Matte. Copiei a forma do corpo com o comentário D, trouxe para cima do meu terno, e agora, o que quero dizer é que esse cara, o formato do traje só deve mostrar onde está o corpo. Então, Alpha Matte. Lá vamos nós. Sim, eu só vou aumentar a opacidade novamente, para que possamos ver tudo. Então só para ter certeza de que minha máscara está se movendo sempre que meu corpo também vai estar se movendo, eu só vou ter certeza que eu tenho tudo pai para o corpo. Minha cabeça também é parentada para o meu corpo e meu braço, que eu vou mover o ponto de ancoragem do meu braço onde o cotovelo está e pai para o meu corpo. Apenas uma recapitulação rápida, o ponto de ancoragem é o pivô de onde sua rotação ou suas escalas vão acontecer. Então é basicamente como configurar o ponto de origem para seus movimentos e suas animações acontecem. Então aqui, se eu começar a girar meu braço, ele vai girar a partir dos pontos de ancoragem. Aqui, se eu girar meu corpo, se o ponto de ancoragem estiver aqui, eu apenas pressiono R para ir direto para a rotação. É só um atalho. Mas se girar daqui, vai girar do pescoço, o que é muito estranho. Então, para o corpo, queremos ter certeza de colocar o ponto de ancoragem onde ele está naturalmente. Então é dos quadris. Então, deve ser muito bonito por aqui. Porque tudo é pai para o corpo, tudo está se movendo enquanto eu movo meu corpo. Se eu girar em torno dele, se eu animar a posição dele no corpo, tudo se move junto. Então, sim, começamos a construir nosso personagem, e honestamente, eu acho que muitas das vezes que eu estou animando dentro do After Effects, às vezes eu até gasto tanto tempo para configurar meu personagem, o equipamento, conectando, parentalidade as coisas antes de eu realmente começar a animar. Pode levar um pouco de tempo, mas é uma parte do processo, e é até agora a maneira mais rápida que encontrei para fazer as coisas. Uma vez que você terminar de configurar seu personagem, agora é hora de realmente começar a animá-lo corretamente. Então eu fui em frente e eu fiz todo o trabalho um pouco chato, mas importante. Por enquanto, isso é tudo o que precisamos. Precisamos de uma perna, de um braço para esse movimento específico. Porque como você vai ver, quando eu tiver um braço animado, eu posso apenas duplicá-lo, girá-lo, e apenas mudar os tempos um pouco, e ele vai funcionar para o outro braço também. A mesma coisa com a perna, e esta é a alegria de ter movimentos espelhados tão simétricos. Torna as coisas mais fáceis para nós. Vamos fazer isso. Animações, finalmente. 12. Criando a animação do corpo: Doce. Agora, nós temos o nosso conjunto de personagens, ele está pronto para a animação, tudo nos levou a este doce, doce momento de fazer as coisas se moverem. Antes de entrarmos, eu sempre gosto de ter meus esboços em miniatura ao lado para que eu possa dar uma olhada e usá-los como referência. Sempre que você sentir vontade, você sempre pode se referir às suas referências de vídeo bem no caso de você estar em dúvida sobre como o momento das coisas, o que deve se mover primeiro, e tudo isso. Então você sempre pode se referir à sua referência de vídeo também, é para isso que ele está lá. Geralmente são as chaves na verdade que eu começo com a animação corporal porque eu sinto que os braços estão fazendo as coisas por si mesmos, mas é fácil definir as poses chave pelo movimento real do corpo porque enquanto eu estava fazendo aquela dança movimento, houve um monte desse salto, e isso é o que eu vou começar com. Então vamos começar animando a posição do corpo, que se eu selecionar minha camada corporal e pressionar P, eu tenho acesso à posição, e então eu pressionar um pequeno relógio para configurar meu primeiro quadro-chave. Isto como eu posso ver aqui nas minhas miniaturas, é muito perto desta primeira posição onde este braço é levantado, e depois isto, e chamar isto de flush para o chão. Então agora vou colocar outro quadro-chave. Vamos ampliar para que possamos ver. Então meu deleite por enquanto, tudo vai fazer sentido. Vou desligar a perna para não nos distrairmos com ela. Como você pode ver, eu tenho um pouco de animação aqui, mas nós queremos que nosso personagem para fazer não é isso, é assim. Então aqui, você pode ver que este é o meu caminho para a minha posição, e ele tem a mesma maneira que quando você está desenhando os vetores. Tem estas pequenas alças aqui que você pode empurrar para alterar o caminho de sua animação posição. O programa interpola entre esses quadros-chave, mas esta é uma maneira de você dizer ao programa, dando-lhe uma melhor indicação de como você quer que essa interpolação aconteça. Então aqui, você vê que em vez de apenas mover-se de uma forma linear, você tem este mais saltitante igual a mais alto. Então eu queria voltar, não sei onde estava antes. Então eu apenas copiei o primeiro quadro-chave e trouxe de volta aqui, então é verdade. Esta é praticamente uma parte de fazer uma animação em loop é que você apenas voltar para onde você começou, e então você quer ter certeza que ele pode às vezes outros efeitos faz isso. Não vai necessariamente entender que você quer que ele siga o mesmo caminho. Então você vai querer vir aqui onde é preciso dois, e você quer quebrar esta alça também para que você possa ter o mesmo caminho curvilíneo para ele. Então vamos ver como isso está se movendo. Mas a coisa é que, como conversamos antes, também primeiro, acho que quero tornar isso um pouco mais extremo, quero empurrar isso mais para o lado, e quero que esses momentos de pico sejam mais aumentados. Aqui, vamos voltar ao editor de gráficos, selecionar os quadros-chave que você deseja contornar. Ele não tem selecionar todos eles. Você sempre pode selecioná-los aqui também. Novamente, como eu expliquei a vocês sobre o básico dos efeitos secundários. Às vezes, quando você abre efeitos secundários, ele pode mostrar o gráfico de valores em vez disso. Cabe a você, realmente isso é de novo, como uma escolha pessoal. Algumas pessoas, eles realmente gostam de usar o gráfico de valores. Acho que é como a forma como os cérebros das pessoas estão ligados de forma diferente. Meu cérebro leva o gráfico de velocidade muito melhor. Clique com o botão direito, vá para o gráfico de velocidade. Aqui é onde podemos fazer movimentos realmente interessantes, e não apenas como este linear, indo de um lugar para o outro, todos na mesma velocidade. É aqui que temos tudo de bom, como facilitar, aliviar, e ajustar a velocidade que queremos que esse movimento aconteça. Faço isso o tempo todo, sempre que tento entender um movimento, faço-o com a mão. Então, se você estiver fazendo isso, você entenderá que na verdade os momentos em que os quadros-chave são definidos, eles devem ser mais rápidos e você passa mais tempo aqui neste meio, é como “peep, peep”. Então vamos tentar recriar algo assim. Eu poderia criar um quadro-chave aqui, só que eu tenho esta seção do meio. Certifique-se de que ele está bem no meio dele. Então aqui, eu usei 12 quadros para ir para este lado, então este é no seis. Esta é a parte que eu queria ser no seu mais lento. Então eu vou colocar este E's fácil, certifique-se de que a velocidade aqui é perto de zero. Novamente, como nesta pequena alça, é onde você iria exatamente o quão forte você quer que esta curva e esta transição para ser realmente. Isto é tudo sobre encontrar as curvas certas. Então eu vou fazer o mesmo com esta posição do meio aqui quando eu estou indo para trás que eu também queria ser assim. Então aqui, eu só estou fazendo o que eu preciso para testá-lo. Bem, vamos ver o que temos até agora. Então, algo ainda. Então não queremos que seja tão abrupto. Então vamos dar uma olhada no que está acontecendo. Na verdade, não quero que a posição aqui no meio seja zero absoluto. Só para ser mais lento, mas não zero absoluto. Por isso, às vezes faço este duplo clique aqui para ver influência. Talvez digamos 70 por cento. Então, quando eu mudo a influência aqui, é só para mudar como o quão íngreme eu quero que minhas curvas sejam. Eu quero fazer 70-70, então é igual em ambos os lados. Então isso é muito parecido com o quão perto de zero e quão longe ele está neste eixo. Então vamos colocar eu não sei 40, e ver o que parece. Então aqui é um pouco mais lento. Desce rapidamente, e depois volta. Aqui, eu também vou torná-lo menos extremo no caminho de volta. Vamos colocar a mesma influência de 70-70 que eu tinha, e então 40 nas velocidades, então não é zero absoluto quando está lá no topo. Então ele está fazendo esse funky como voltar e eu quero descobrir. Então, às vezes isso é importante para você saber, porque às vezes os efeitos secundários tem essa pequena falha que cria esse caminho estranho que você só tem que corrigir à mão. Sim, veja. É por isso que foi estranho. Só tenho que me certificar de que o caminho está tudo bem. Vou torná-los o mais uniforme possível. Lá vai você. 13. Criando a animação dos braços: Vamos voltar para nossas miniaturas e tentar descobrir o que está acontecendo com os braços balançando. Uma coisa de cada vez. Então é importante com isso, só queremos animar o caminho armado. Nós não estamos realmente olhando para animar o caminho pulseira porque isso já é parenteado para o meu braço. Então eu vou definir este quadro-chave aqui e, em seguida, este também é um atalho realmente bom que se você pressionar "U”, vai dar-lhe acesso apenas às propriedades que você definir um quadro-chave para. Se eu voltar para o corpo e pressionar “U”, lá vai você, apenas as teclas de posição aparecem. Então esta é apenas uma boa maneira de você visualizar uma vez que você tem um monte de camadas e um monte de quadros chave para suas camadas, é bom apenas visualizar as coisas que você realmente precisa. Nós temos a posição para o braço aqui e depois aqui neste outro extremo, que deve ser esta segunda pose chave, é o momento em que este braço, e aqui realmente não importa neste momento se o braço está na frente ou atrás, porque vamos animá-lo uma vez, então vamos duplicá-lo, mudar a posição e tudo vai ficar bem. Este é o momento em que este braço chega ao bit mais baixo, interpolação no After Effects. Quando você está trabalhando com personagens, ele funciona muito bem para coisas como corpos, como as rotações do corpo ou cabeça e posição da cabeça, e tudo mais, exceto para membros, muitas dessas vezes você vai descobrir que você realmente quero estar tomando uma leve abordagem quadro a quadro, mas dentro do After Effects. Então você se lembra que fizemos isso no meio do desenho, aqui, então esta é mais como a posição que queremos que isso esteja tomando neste momento. Neste ponto, o cotovelo vai descer primeiro, então o pulso vai seguir, e então a mão vai fazer sua própria coisa. Então, o que queremos neste meio aqui é que, no caso de isso acontecer, como se suas alças se quebrassem e outras coisas, você sempre pode vir aqui, converter Vertex Tool e apenas trazê-lo de volta juntos novamente. Estou fazendo meus cotovelos, levemente feito. Vamos ver. Então aqui, você vai ter que definir um monte desses para obter o movimento certo, mas uma coisa que eu quero fazer agora, apenas para nos poupar muito tempo bem e tornar nossa animação mais charmosa, na minha opinião, nós realmente vamos ser animando em dois. Nós vamos começar uma nova camada, uma camada de ajuste, e nós vamos para aqui sobre efeitos e digitar Signo de Coursera e vai ser um 12 quadros por segundo dentro de uma composição de 24 quadros por segundo. Mais uma vez vou chamar isso de tempo de posterizar. Outra coisa boa sobre isso, é que em vez de eu ter que definir 24 quadros-chave para obter meus movimentos de braço direito, e fazê-lo quadro por quadro, eu estou fazendo isso com 12 quadros-chave. Então, neste ponto, as armas devem ser o tipo de última coisa a chegar. Talvez eu possa copiar colar este quadro chave aqui, mas, em seguida, mover apenas a mão e ligeiramente o braço. Talvez eu vá copiar isso, movê-lo ligeiramente, e então uma coisa boa para você fazer é, nós vamos criar outra camada, nova camada de ajuste e ampla CC, amplo tempo e é aqui que estamos quase fazendo animação tradicional mas dentro After Effects. Ele oferece uma visão geral clara dos quadros-chave anteriores que você definiu. Então aqui você pode assistir melhor o seu movimento e ter certeza de que as coisas estão seguindo arcos, e apenas tem como um fluxo muito bom. Vou chamar este tempo Y e isto para o topo só para que eu possa ligar e desligar um pouco mais fácil. Então, neste ponto, eu vou apenas copiar este quadro chave aqui apenas para obter como uma semelhança, mas os cotovelos devem ser ligeiramente mais alto, daí você pode alternar entre quantos passos. É melhor ver as coisas com este tempo amplo porque lhe dá uma imagem clara para isso no meio e, na verdade, porque a mão sempre se arrasta, o pulso arrasta e a mão arrasta e o cotovelo é o primeiro a ir. Então novamente, Vertex Tool, se as alças estão quebradas. Este vai ser o meu intermediário aqui. Vamos jogar para ver como está indo. Sim, ficando melhor ou você vê que é um monte de ajustes quadro a quadro e assistindo. Vou deixar isto ligado por agora e vou mostrar-te rapidamente com as pernas tão cheias. Onde está a minha perna? Esta é a minha perna. Legal, então com a perna é super simples. Aqui se eu digitar “F”, está tudo conectado às minhas pernas. Então esse é o único caminho que eu preciso para animar. Então, aqui está ele nesta posição. Agora temos esta primeira posição com a minha perna. O pé é plano no chão e, em seguida, neste extremo aqui, porque este é o no meio, neste extremo aqui, nós usamos isso. Você vai usar essa referência para colocar a extremidade de nossas pernas e prendê-la nos quadris. Então é por isso que este ponto aqui é para lhe dar uma referência de onde você deve estar anexando sua perna também. Então a principal razão pela qual eu realmente não queria criar minha perna para o meu corpo, é para que esses pés sempre estivessem - a ponta dele está sempre tocando o chão. Ele pode então se mover. Então eu não quero que ele se mova, eu quero estar lá, mas eu só quero alterar a forma aqui, porque neste ponto, como você pode ver na minha miniatura, esses saltos devem estar altos. Como você pode ver, novamente não interpolar perfeitamente. Então é uma questão de ajustá-lo realmente. Então aqui no meio, eu vou me certificar de que eu me conecte. Vamos ver como se sente. Metade disso, e depois temos de voltar. Eu só estou indo para realmente copiar colar este primeiro movimento ajuste e colocá-lo de volta no final para que ele loops e, em seguida, neste in-between posts, eu me certificar de que meu quadril está conectado e ver como isso está se sentindo realmente. Você pode ver que é muito nervoso aqui nos quadris. Como você pode ver aqui, ele não está ligado porque como eu disse como interpolação e After Effects vai trabalhar sua própria maneira e às vezes você realmente tem que dizer After Effects o que você quer estar fazendo, porque nem sempre sabe o que você quer fazer. Então, sim, eu só vou ter certeza que está tudo conectado neste momento. Na verdade, não vou mostrar a vocês todo o trabalho intenso de ir quadro a quadro, ligar o esfolamento de cebola, tentar fazer com que todos esses arcos se sintam bem, porque é apenas um monte de tocar sua animação, assistir, e você: “Esta parte não está se sentindo tão bem, o que posso ajustar sobre isso?” Então você faz isso, então você joga de novo. É muito sobre experimentar até encontrar o momento certo para isso. 14. Finalizando sua animação: O que eu vou fazer é mostrar a vocês rapidamente como você faz todo o loop, como você usa os mesmos movimentos de braço que você usou em um único manco, como você pode duplicá-lo, usá-lo para o outro braço e para a outra perna também. Então, aqui está a versão mais polida dessa animação depois de sentar, tomando meu tempo, realmente indo quadro por quadro, CC camada de ajuste de tempo amplo só que eu pudesse ver como um quadro era em relação ao anterior. Agora, o que vamos fazer é usar isso para duplicar os membros e ter certeza que temos todo o loop pronto como uma base de animação. Aqui, você pode ver que neste loop de um segundo, é apenas sobre o tempo para o meu personagem para fazer um desses balanços de braço, mas eu realmente preciso que isso aconteça duas vezes porque um braço balanço está na parte de trás, e então o outro braço balanço está no frente. Então eu vou realmente fazer isso um comp de dois segundos, e eu vou duplicar este comando C, comando V quadros-chave para ele o caminho do meu corpo. Eu realmente fiz um pequeno ajuste no caminho do corpo, apenas para torná-lo ligeiramente esmagado sempre que ele estava nos pontos mais baixos. Então é por isso que eu tenho quadros-chave para o meu caminho. Em seguida, para a posição, como nós definimos antes no caminho da posição arqueada. Eu só vou me certificar de que eu vou entrar porque às vezes quando você está copiando/colando quadros-chave desde o início, eles realmente não têm a curva certa aqui, onde você acabou de colar o último. Então eu só vou me certificar de que as curvas são as mesmas e as mesmas para o caminho. Vou fazer o mesmo com a minha perna. Obter a primeira seção, selecionar a coisa toda, comando C, comando V. Então, com o braço esquerdo, eu vou fazer o mesmo. Basta copiar a animação do caminho. Eu adicionei uma ligeira rotação a ele quando eu estava animando apenas para torná-lo um pouco mais fluido. Então eu vou apenas duplicar essa rotação. Lá vamos nós. Agora temos dois segundos da animação. O que vamos fazer agora é com a perna, vamos duplicar a perna. Vamos clicar com o botão direito do mouse na minha tela, e vamos transformar, virar horizontal, e eu vou posicioná-lo mais ou menos, eu não fiz um marcador para este. Talvez eu devesse, mas está tudo bem. Só preciso de um simétrico áspero. Por que isso está acontecendo? Bem, é porque eles não deveriam estar fazendo a mesma coisa ao mesmo tempo. Só vou certificar-me de duplicar esta secção toda mais uma vez. Então, queremos que seja a pose inicial para a minha perna direita. Então eu vou liberar esses primeiros. Se eu pressionar aqui no caminho, ele seleciona todos os meus quadros-chave. Vou movê-lo para o início. Então eu só tenho que posicioná-lo novamente no lugar certo. Lá vai você. Você tem duas pernas, e você apenas animou uma perna. Então isso é muito bom sobre movimentos simétricos. Movimentos simétricos. Então você faz o mesmo com os braços. Então, para que você tenha um braço indo para trás e, em seguida, o outro braço indo para a frente, você apenas literalmente duplicá-lo aqui. Você colocou este na frente do corpo, na frente de tudo, na verdade. Então você certifique-se de que a segunda seção tem o braço na frente. Este tem o braço atrás. Sim. Você vem aqui e depois arrasta o fim da camada até aqui. Então isto vai para trás, isto para a frente. Isto vai para trás, isto para a frente. Não se preocupe com essa coisa piscando aqui no topo porque, literalmente, isso é apenas uma referência para usarmos a tinta em cima, e sabemos como vamos lidar com isso. Doce. Então agora, tudo que você tem que fazer é, da mesma forma que eu dupliquei a perna, virei-a horizontalmente. Você só tem que fazer isso com a mão, com os braços também. Então, vou dar o nome a este braço esquerdo à frente. Então, só para fazê-lo com o outro braço, vai ser o braço direito. Isso vai na parte de trás, transformar, virar horizontalmente. Então o que eu vou fazer é apenas obter meus valores de rotação, na verdade, deixe-me ver uma coisa. Porque do mesmo jeito que fizemos com a perna, esse cara também deveria ter mudado os quadros-chave. Então vamos duplicar todos esses quadros-chave. Aqui, onde estava no meio da nossa animação, vamos apagar o que estava no início. Juntamente com meus quadros-chave de rotação, vamos trazer isso para o início. Você vai ver o que está acontecendo com este braço, ele ficou todo estranho e nervoso. É porque quando você virou, você também precisa mudar os valores de rotação que eu adicionei ao meu braço. Então é isso que vou fazer agora. Isto foi menos 21. Vamos fazer 21. Isto foi 30. Vamos fazer menos 30. Vinte e um. Menos 30. Vinte e um, então podemos realmente apagar isso e isso. Então vamos ver como está jogando. Sim. Então só queremos ter certeza de que este braço está bem posicionado. Então a mesma coisa que fizemos com o outro braço. Então este é um bom atalho para vocês saberem. Deslocamento de comando D. Duplica a camada, mas já cortá-la, aparando-a até o ponto exato que você definir aqui na linha do tempo. Então eu vou chamar este braço direito para frente, e movê-lo para cima. Lá vamos nós. Nós temos isso. É isto. Você fez o primeiro rascunho, a base de animação para o seu loop de dança. Agora, vamos renderizá-lo rapidamente para que possamos trazer esse arquivo de filme para o Photoshop e adicionar todos os detalhes, detalhes extras, todas as cores, todas as texturas que queremos. Mas, por todos os meios, se você estiver mais confortável com a aparência vetorial, se você quiser o visual vetorial, você pode simplesmente continuar polimento e construindo seu personagem dentro do After Effects. Talvez sendo um pouco mais cuidadoso com as cores. Nesse processo, não fomos muito cuidadosos com as cores porque sabíamos que íamos chamar as coisas no Photoshop. Mas se você estiver fazendo a coisa toda em After Effects, apenas certifique-se de ter seu design bem polido antes de animar. Mas é isso. Vamos renderizar isso e trazê-lo para o Photoshop. Então, para renderização, você só tem que selecionar a composição que você deseja renderizar, neste caso, base de animação, composição, adicionar à fila de renderização. Há muitas configurações de renderização diferentes que você pode usar. Sempre que você estiver exportando coisas, como o padrão da indústria, então, se você clicar aqui neste sem perdas, ele vai apenas dar-lhe um monte de configurações diferentes. Mas geralmente, o padrão do setor, sempre que você está entregando arquivos de alta qualidade para seu cliente, é este, o Apple ProRes 422 HQ. Mas neste caso, porque esta é apenas uma base de animação realmente, podemos usar essa predefinição sem perdas. Está tudo bem. Aqui, eu só queria adicioná-lo à minha área de trabalho, base de animação. Isso é tudo bom. Salvar, renderizar. Isso foi rápido. Então aqui está na minha área de trabalho. Dois segundos de animação. Doce. Agora temos que ser processados. Vamos arrastá-lo para o Photoshop e começar a polir. 15. Fazendo o esboço no Photoshop: Olá e bem-vindos novamente a mais uma etapa deste longo processo de animação, longo, mas divertido e divertido também porque a recompensa de quando você vê sua peça final se movendo com a vida é realmente emocionante e não há nada melhor do que isso realmente . Então, primeiro vamos arrastar essa renderização para o Photoshop. Normalmente, quando você arrasta um vídeo, ele já abre com a linha do tempo e cria um grupo de vídeos para esse pequeno vídeo que você arrastou para o Photoshop. Então ainda duas outras coisas para ter certeza de que você definiu antes de começar a animar é, então da mesma forma que eu mostrei a vocês que você tem pele de cebola ou você pode falsificar uma pele de cebola em após efeitos usando a camada de ajuste de tempo largo CC. Aqui temos como pele de cebola real e você pode ativá-lo e desativá-lo pressionando isso, mas é muito bom para definir um atalho para ele, porque você está indo para fazer isso tanto o tempo todo como ligar e desligar, ligar e desligar. Varrer dessa maneira, sempre que eu pressionar o Comando O está ligado, Comando O está desligado. Então isso é fácil. Outra coisa que você quer ter certeza de que está habilitado é este tempo como teclas de atalho que quando em si você tipo de tem que navegar seu loop de linha do tempo como este. Quando está ligado, você pode literalmente apenas usar suas setas para passar pelos quadros. Uma última coisa neste menu. Então aqui é apenas como um jogador básico e você pode navegar através de seus quadros usando esses botões também. Mas eu acho que a primeira vez que você iniciar o Photoshop, a reprodução de loop não é ativada. Então, quando você pressiona a barra de espaço para fazer a animação ser reproduzida, ela só é reproduzida uma vez Como queremos ver as coisas em loop, apenas certifique-se de marcar esta caixa e, em seguida, está em loop. Varrer. Nós começamos a ir e depois o que vamos fazer primeiro antes de realmente começar a colorir e fazer nossas camadas finais apropriadas para nossa animação. Estamos perdendo algumas coisas, não é? Estamos faltando alguns dedos e deixe-me dizer alguns tênis com alguns alugueres e apenas melhores formas para o pé, bem como porque nós não queremos que eles sejam tão grossos como estes, nós queremos que eles sejam um pouco mais elegantes. Então o que vamos fazer antes de colorir é como esboçar em cima disso só para ter certeza que pegamos os dedos e pegamos alguns tênis e locações apropriados e também vamos esboçar as estrelas aqui nos shorts. Eu não os fiz depois dos efeitos porque eu sabia que, à medida que as pernas se dobrariam, a colocação das estrelas também mudaria. Então, seria mais rápido desenhá-los à mão no Photoshop. Tão fixe. Vou começar uma nova camada e um par de abordagens diferentes para animar no Photoshop. Um deles é como uma camada de uma emissão. O outro é com camadas de vídeo e eles têm diferentes propósitos e diferentes maneiras que você pode usá-los, mas o que nós vamos mostrá-los, ambos para você, mas como eles são necessários. As camadas de vídeo são melhores para colorir, então é por isso que vamos vê-los mais tarde. Então vamos começar com a adição de alguns dedos. Sim e preto para esboçar. Então, enquanto você está animando a mão, você tem que se lembrar do pequeno princípio de emissão que eu mostrei a vocês sobre sobreposição e que as coisas se movem a um ritmo diferente, a uma velocidade diferente. Neste caso, primeiro você tem o cotovelo em movimento e, em seguida, o pulso segue. Então depois são os seus dedos. Então as coisas se movem a uma velocidade diferente e em um momento diferente. Sempre me lembrarei disso quando desenhar cada moldura desta mão também. A razão pela qual eu estou duplicando essas camadas sempre que eu quero começar um novo desenho e apagá-los é que se em vez disso, eu apenas pressionar para uma nova camada, ele vem com essa camada maciça e é exatamente como ele leva me muito mais tempo para obtê-lo para ser pequeno novamente no comprimento que eu quero. Então esta é apenas uma maneira mais rápida de fazer isso realmente. Photoshop é um pouco estúpido às vezes, mas nós ainda amamos. Só para ter certeza de que vocês entendem o tamanho que eu faço esta camada para ser, é por quanto tempo ele vai estar na tela realmente. Então só queria estar lá o quanto fosse necessário. Neste caso, são, portanto, dois quadros porque eles animaram a coisa toda em dois. São 24 quadros por segundo, mas só muda meu desenho a cada dois quadros. Então, estamos recebendo um pouco mais de decisões econômicas, além de ser encantador. Além disso, animar em dois é um pouco mais charmoso na minha opinião, mas então é muito no gosto e que tipo de vibe você prefere. Algumas pessoas são muito em super suave, mesmo 60 quadros por segundo tipo de animação. Eu prefiro o mais agitado menos quadros por segundo tipo de animações, mas é tudo até gosto. Então aqui eu só viro minha pele de cebola porque eu acho que a partir de agora vamos ter saltos maiores entre os pulsos das mãos. Isso nos dá uma janela muito boa para fazer alguns esfregaços divertidos, fazer alguns tipos. Assim como a música é como um borrão de movimento, mas um borrão de movimento desenhado à mão. É meio que conectar o próximo desenho ao anterior. É onde a animação fica muito divertida porque então você pode exagerar as coisas e fazer formas alongadas. Parece estranho se você vê-lo quadro por quadro, mas o importante é que você sente, como se fosse bom para o cérebro. Você realmente não sabe o que aconteceu quando você vê uma animação que tem muitos desses exageros, você realmente não sabe o que aconteceu, mas é bom, você gosta sim isso parece certo. Então, como vocês devem notar, estou fazendo esses dedos super longos precisamente nos pontos mais rápidos da minha animação. Os pontos mais rápidos dos meus quadros são aqueles que a mão é um pouco mais espaçada para fora, há mais espaço entre os quadros. Estes são os momentos em que você deve estar adicionando manchas como aqui, deve estar em sua forma normal porque não é super longe. Você vê a elasticidade? Varrer, você pode sentir a varredura e se sente realmente muito mais delicioso do que se sentiria se fosse apenas como manter as proporções do metro para ele. É por isso que a animação é tão divertida porque você não pode fazer essa ação ao vivo ou qualquer outra coisa. Duplicar isto. Veja que eu posso muito bem usar isso para a segunda parte, na verdade ainda melhor porque agora minha mão vai na frente. Talvez eu faça alguns ajustes aqui neste momento. Está tudo bem. Ouvir no ponto que é realmente a perna está cobrindo, eu vou apagar isso. Então só podemos ver o que realmente está dentro de uma moldura. Depois de exportar um GIF, ele manterá o jogo atual direito. Então é com isso que temos que nos preocupar. Legal. Então eu fiz isso por uma mão. Vamos duplicar a minha mão esquerda. Nós varremos a mesma coisa que fizemos com a remoção, duplicando os quadros-chave que tínhamos após os efeitos. Em seguida, removendo os primeiros até 12 quadros que é a marca de varredura que temos lá. Então foi o que acabamos de fazer. Então esta mão vai começar nesta pose, neste desenho, mas nós vamos apenas girá-lo. Então vamos remover esses desenhos no final, porque não precisamos deles. O que vamos fazer é selecionar. Certifique-se de selecionar todos os desenhos e então eu vou segurar Shift. No caso de você não estar vendo como esta caixa delimitadora, é aqui que você ligá-lo e desligá-lo. Desligue, desligue, desculpe, eu vou ligá-lo e segure Shift enquanto estamos invertendo isso horizontalmente e apenas certifique-se de que estamos 100 por cento girando. Nós só vamos para a largura lá no topo e digite menos 100. Vamos ver aqui [inaudível]. Lá vamos nós. Então agora o que vamos fazer é refinar um pouco as pernas. Vou mostrar-vos o início deste processo para que possamos manter as coisas em movimento. Então só para não aborrecer vocês com todo o desenho, redesenhando, apagando, refinando, porque é sobre isso que a animação é, você faz isso de novo, você refiná-lo até que você se sinta feliz com isso, até que ele preencha que está se movendo bem . Vamos dar um par de passos para a frente. A boa e velha receita do programa de cozinha. Foi assim que acabou depois de um pouco de ajustes, adicionando alguns detalhes. Vamos ver sem a base de movimento. Então podemos ver o contorno. Então eu adicionei um par de detalhes sobre as axilas e apenas para obter uma melhor indicação dos momentos que o braço estava indo na frente do corpo, bem como porque isso fez um tipo específico de forma de braço como você pode ver aqui, que fica um pouco mais fino quando é comprimido contra o corpo. Então eu percebi que eu precisava de mais indicações sobre as linhas dos braços e é por isso que eu fiz tudo até o cotovelo. Eu fiz minhas estrelas em meus shorts, eu refinei um pouco do arrasto na mão então foi apenas exagerado o suficiente, não muito, não muito pouco. Eu fiz meus tênis com os cadarços. Então está tudo bem. Agora estamos prontos para um dos últimos estágios, mas o último estágio muito intensivo de trabalho que é colorir e refiná-lo. Então vamos fazer isso. 16. Adicionando cores e texturas no Photoshop: Esta é a fase final, toda a sua vida levou a este momento. Não, brincando. É isto. Todo o esforço mental da animação está atrás de você. Isso é fácil, é literalmente apenas colorir, é até mesmo a parte meditativa disso, eu diria. Neste ponto no trabalho que eu não tenho que estar realmente fazendo qualquer pensamento inteligente, é apenas colorir, sim, próximo quadro, cor. Até coloquei um podcast porque não requer muito do seu cérebro. Então vamos fazer isso. Vamos relaxar, colorir muitos quadros, e ver nossa animação finalmente ganhando vida. Então eu vou trazer minha moldura de design só para que possamos colírio e escolher as cores com as quais queremos trabalhar. Então vamos começar com o rosa. Então eu vou desligar isso porque não precisamos vê-lo por enquanto. Lembrem-se que eu estava dizendo que existem basicamente dois métodos diferentes de animação no Photoshop. Então, um método é este camada por camada, você os agrupa, você os coloca juntos, mas você apenas desenha camadas diferentes, e depois você as coloca em sequência. Há esse outro método que pode ser realmente bom para o que eles chamam de animação direta, que significa que em vez de você fazer poses de chave e desenhar entre as poses de chave, você apenas faz um desenho após o outro. Então, só para mostrar a vocês rapidamente o que ele pode fazer, vocês vêm aqui na camada, camadas de vídeo, nova camada de vídeo em branco. Vamos fazer isso em preto para termos mais contraste por enquanto. Você desenha um quadro aqui e, em seguida, o próximo já está em branco. Então eu vou colocar a pele de cebola. Nós desenhamos uma coisinha aqui, e então vamos dizer que eu quero que esse ponto se mova para outro lugar. Agora está se movendo muito rápido, devagar mas seguramente, chegando a outro ponto. Esta é apenas uma prévia rápida do que ele faz. Talvez seja muito rápido, mas vejamos. Só para vos dar uma ideia de como podemos fazer animações fluidas super rápidas, super simples, como isto me levou um minuto. Mas vai ser muito legal para você adicionar, digamos que você quer adicionar algumas linhas de movimento, ou apenas adicionar um par de pequenos pontos loucos por aí. Eu não sei, mas a coisa com esta técnica em particular é que ele pode ser realmente bom para este tipo de coisas, e experimentos, e brincar com animação em geral, mas também é muito bom para colorir porque então você colorir um quadro, pular para o próximo, colorir outro quadro e, em vez de ter várias camadas, tudo está em uma única camada de vídeo para cada cor. Então camada, camada de vídeo, nova camada de vídeo em branco novamente. Vamos voltar para o nosso rosa, e depois vou começar a colorir isto. Na verdade, quero diminuir um pouco a opacidade em tudo só para poder ver melhor o meu rosa. Talvez até sim, assim. Para os braços, eu só vou seguir os esboços porque eu fiz um par de ajustes sobre eles, não vou seguir o arquivo baseado em movimento muito. Então vamos cor-de-rosa esse cara. Olhe para isso. Agora o trabalho é fazer isso com cada quadro. Então a coisa é, se eu passar para o próximo quadro mesmo que ele ainda seja o mesmo quadro porque é uma camada de vídeo, ele vai aparecer como em branco. Então o que eu faço é, no quadro que eu acabei de desenhar, eu vou comandar A para selecionar a coisa toda, comando C, movê-lo para o próximo quadro pressionando a seta para a direita, comando Shift V. Tão legal, agora eu tenho fiz toda a minha aceleração um pouco, eu fiz todos os meus desenhos até um segundo, e a razão para isso é que eu sei que em um segundo todo o ciclo vai começar de novo. Vamos voltar a esta primeira posição. Então o que vamos fazer é pegar todos esses quadros cor-de-rosa que colorimos e vamos duplicá-lo. Você pode ver que ele já vem no mesmo grupo de vídeo que eu acabei de nomear rosa, e eu só vou ter certeza de que eu tenho tudo colorido quando é suposto ser. Porque aqui, por exemplo, você pode ver que este braço não deveria estar indo na frente. Então eu realmente vou apagar esta parte, porque neste momento este braço deveria estar indo para trás. Também esta mão. Olhe para isso. Doce. Então agora nós temos todo o nosso laço rosa com os braços indo tanto na frente quanto na parte de trás, mas tudo vai fazer mais sentido quando tivermos todas as outras cores também e continuar a somar. Isso é, eu acho, a maior coisa com animação também, você tem que confiar no processo. Se olhares para isto agora, o que é isto? Eu não sei. Então esta é apenas uma questão de paciência e perseverança, e apenas construindo um monte de camadas de vídeo para cada uma das cores ou apenas como você preferir colorir realmente. Eu prefiro ter uma camada de vídeo para cada cor porque dessa forma eu tenho algum controle, como no caso de eu tomar essa decisão executiva de mudar as cores no final, é apenas mais fácil mudá-lo se eu tê-los separados por cor. Então acho que é uma jogada mais inteligente. Então eu fui em frente e coloquei todos eles. Então eu vou te mostrar. Aquele para o dedo de trás, o cabelo do peito, só todos eles na verdade. Vamos ligá-los, boom. Você pode ver a coisa toda se construindo e se juntando. Você pode imaginar que parecia tão ruim no começo e agora parece tão glam, tão fabuloso. A primeira vez que toca, fica um pouco agitado, mas agora olhe para ele. Sim. Então, por último, mas não menos importante, lembre-se que vamos castigá-lo. Então nós vamos adicionar um pouco de chão, e a coisa é, o chão não está realmente se movendo. A sombra é praticamente mantendo o mesmo neste caso, mas só assim ele está indo no mesmo estilo que toda a animação, eu quero que a sombra no chão para ferver um pouco. Então vamos pegar essa cor. Na verdade, vou usar isto como uma pequena referência para a forma do meu piso. Poderia ser camadas de vídeo também. Quero dizer, às vezes ambos se aplicam, você vai ver. Então eu vou baixar a opacidade da minha referência um pouco. Vamos ver se consigo ver o suficiente. Sim, isto é bom. Não realmente tentando obter nada muito perfeito, especialmente com o preenchimento da forma para que você possa realmente obter algumas texturas agradáveis no final. Em seguida, copie-o, exclua-o. Então você obtém o mesmo comprimento da camada. Porque eu gosto de manter as coisas gerenciáveis e números redondos e números múltiplos, eu vou fazer, porque geralmente quando você quer fazer algo ferver, mas você quer que eles fervam de uma maneira perfeita para que as pessoas não realmente notar que são os mesmos quadros repetidos por todo o lado, talvez você tenha que fazer quatro ou cinco quadros para eles. Eu vou fazer seis só porque este vai ser rápido. Então ferver é muito parecido com este sentimento de que quando você vê algo que não está realmente se movendo, mas está meio fervendo. Acho que é de onde vem o nome. Eu não sei de onde ele se origina, mas essa é a sensação que você tem, que é como se mover ligeiramente com as texturas, mas o chão em si não vai estar se movendo, mas ele só vai estar se movendo levemente. É mais como a textura que está se movendo e está dando a você essa sensação de hangeron, mas então você não tem que lidar com todos os quadros, você pode apenas repeti-los, 1, 2, 3, 4 apenas mais um. Mais um andar, pegue. Porque da mesma forma que minha animação pisca um pouco com todas as texturas de maneiras diferentes que eu preenchê-lo com o pincel, então, portanto, toda a minha animação vai parecer mais coesa dentro de si mesma. Legal. Então eu posso juntar esses caras. Eu posso selecioná-los, e duplicá-los, e porque eu escolhi número múltiplo de 24, tudo funciona muito bem. Então, vou tirar a minha referência e vamos ver o último carregamento deste tipo. Lá vamos nós, com um piso em ebulição. Incrível, nós temos. Então agora é apenas exportar e mostrar para o mundo, vamos fazer um GIF. 17. Exportando para as redes sociais: Você fez isso. Você veio todo o caminho através deste último vídeo, e isso significa que você está no meio do caminho para ser um animador porque é isso que é preciso, paciência e aderência a ele. Você sabe que é um passo de cada vez, é um monte de passos, mas você pode através dele porque você acredita que o resultado final vai ser incrível que acabou por ser, olha para este cara. Vamos dar uma olhada. Você pode apenas ver que é potência total, tela cheia. Lá vamos nós. Eu vou mostrar a vocês primeiro como exportar um GIF fora disso, e nós vamos para Arquivo, Exportar, Salvar para Web. Só pensando, sim. Aqui você pode ver o nosso carinha e geralmente para a Internet não precisa ser tão grande. Pode ser algo ao redor, na verdade vamos colocar 600 para a altura, e leva um tempo para calcular e redimensionar a coisa toda, mas vamos colocar 600 para a altura em vez disso. Mas tudo depende do canal para o qual você deseja enviar. Mas aqui, eu só vou jogar este número. Às vezes, o Photoshop vem com isso como uma predefinição, como opções de Looping e, em seguida, jogar apenas uma vez. Mas quem quer isso? O propósito do loop é que ele jogue para sempre, certo? Então, sim. Então aqui está um par de mais opções que nós não vamos procurar neste momento , mas eles podem ser úteis assim. Esta opção Dither pode ser mais útil para ele quando você tem filmagens reais e você vai transformar isso em um GIF. Então isso lhe dá um par de opções sobre a qualidade, mas não para esta animação. Então, vamos apenas ir em frente e salvá-lo realmente. Vou guardá-lo na minha área de trabalho. Como vou ligar para esse cara? Cara de chiclete. Mulher Maravilha, Homem Maravilha, cara Bubblegum, e nós temos, olha para ele ir. É um GIF. Então, nem todo o tempo que você vai querer exportar GIFs. Você também pode querer exportar sequências PNG que você pode trazer de volta para efeitos após e fazer outras coisas para ele. Não sei, cabe a você. Mas você também pode exportar vídeos diretamente do Photoshop, e vídeos podem ser realmente úteis no caso de você querer postá-lo no Instagram e compartilhar seu movimento de dança com o mundo inteiro. Então vamos fazer isso. Então talvez para o Instagram porque eu quero que meus vídeos sejam realmente grandes e agradáveis no Instagram. Talvez queira fazer uma proporção quadrada. Sim. Então o que eu fiz aqui, eu apenas pressionei esta ferramenta Cortar, mudei a proporção aqui para quadrado. Agora, é quadrado. Lá vai você. Garoto assustador. Então você só vem aqui para Arquivo, Exportação, Render vídeo e, em seguida, ele já vem como um MP4. Eu só vou mudar isso para Bubblegumdude.mp4. Vou selecionar para que ele seja renderizado para a minha área de trabalho, e isso leva um pouco de tempo. Oh, isso foi rápido. Lá vamos nós MP4. Este não está looping, mas ele irá loop no Instagram. Doce. Você fez isso. 18. Considerações finais: Uau. Vamos fazer uma pequena recapitulação de todos os passos que fizemos. Você gravou uma referência de vídeo, ou usou uma. Você quebrou, analisou seu movimento, você o pregou. Você se lembra? Isso foi há muito tempo atrás com polegar, entender o movimento. Fizemos esboços. Nós projetamos nosso personagem. Fizemos a base de animação para ele e depois dos efeitos. Trouxe-o de volta ao Photoshop novamente, gravou todas essas camadas, adicionou detalhes e exportamos. Aqui estamos, está feito. Parabéns. Você fez todo o caminho até o fim. Bem, uma coisa muito óbvia de toda essa experiência é que animação, boa animação leva tempo. É um trabalho de amor, é um trabalho de paciência, e essas são qualidades herdadas para qualquer animador. Você só precisa ser muito paciente, e você precisa confiar no processo. Eventualmente, parece bom. Você só somar um pouco em cada passo, você polir um pouco, você faz um pouco melhor cada vez até que pareça bom. Então, muito obrigado por estar aqui hoje, por te ajudar durante todo o processo, e toda a turma, e por me deixar ser seu professor também. Então, obrigado. Mal posso esperar para ver o que vocês vão criar. Tchau. 19. Explore mais cursos na Skillshare: