Fundamentos de movimento: animação de rostos no After Effects

1. Introdução: Oi, eu sou Remington. Sou designer de movimento e comecei a trabalhar em projetos para clientes como Facebook, IG e Spotify. No meu tempo livre, gosto de desenhar muitos dos meus próprios personagens, e é exatamente isso que vamos fazer neste curso. Você pode acompanhar comigo e projetar o mesmo personagem que eu ou você pode projetar o seu próprio e no final vamos equipar o personagem para uma animação fácil. Esta classe é para pessoas novos ou intermediários pós-efeitos usuários. Estarei exibindo as teclas pressionadas na tela. Então, se você nunca usou o software antes, você deve ser capaz de acompanhar, mas eu vou postar uma classe essencial na descrição abaixo, caso você queira se familiarizar com o software primeiro. Rigging personagens é uma excelente maneira de acelerar seu fluxo de trabalho de animação para que você possa gastar mais tempo aprimorando suas animações e fazendo com que elas fiquem do jeito que quiser. Por favor, publique seu progresso nos comentários abaixo, e eu farei o meu melhor para acompanhar você. Obrigado por considerar minha aula e siga se quiser mais informações. 2. Esboço: Neste vídeo, vamos passar por alguns dos conceitos básicos do design de personagens. No próximo vídeo, vamos analisar as especificidades de como desenhar esses personagens e Illustrator. Se queremos definir um personagem para facilitar a animação, então devemos estar pensando em formas simples que vão ser fáceis de animar. Raramente você terá exatamente o que quer da primeira vez. Eu acho que é ótimo fazer uma lista de recursos que você tenha um grupo de olhos e um grupo de narizes, e então você pode escolher o melhor nariz com os melhores olhos. Essa experimentação também abre sua mente. Normalmente, na quarta ou quinta forma que você colocou no papel, você está pensando de forma mais criativa e fora da caixa, para criar um personagem que seja mais único ou melhor adequado ao seu tema. Como você pode ver aqui, eu estou apenas esboçando idéias diferentes que eu acho que podem funcionar para a forma de uma cabeça. Outro aspecto a considerar ao projetar seu personagem é o contraste visual. O contraste visual torna seu personagem mais atraente para os olhos. Algumas maneiras que você pode alcançar que são através de contrastes proporcionais. Você poderia ter uma cabeça muito pequena e um corpo grande. Também pode ser através de linhas retas e curvas. Colocar uma orelha curva ao lado do lado direito de um rosto pode adicionar algum contraste visual ao seu personagem, fortalecendo o design geral. Ao projetar seu personagem, eu acho que é importante lembrar que molda a personalidade igual. Se você tem um personagem muito assustador, pode haver muitos ângulos afiados. Se você tem um caráter muito pateta, eles podem ser altos, magros e magros com uma cabeça alta, fina e circular. Se você está fazendo um caráter ousado ou um personagem imóvel, eles podem ser mais curtos e boxy. Basta pensar sobre a forma que você está usando quando você está projetando seu personagem e pensar sobre o que essa forma faz você sentir. Para o nosso personagem aqui, eu vou usar formas mais redondas porque eu quero que ele seja um personagem de aparência amigável. Agora que temos um esboço básico do nosso personagem, vamos levá-lo ao ilustrador e usá-lo como um guia para desenhar nosso personagem e prepará-lo para animação e efeitos posteriores. 3. Desenhando o seu personagem, parte 1: Aqui estamos no Illustrator e eu escolhi um par de cores que podemos usar. Agora, nós forneceremos esses arquivos de projeto abaixo, onde você é mais do que bem-vindo para escolher suas próprias cores ou apenas seguir com seu próprio personagem. Temos nosso esboço aqui em segundo plano, vamos usar isso como nossa imagem de referência. Vamos recriar esse esboço no Illustrator para que ele seja vetorizado e organizemos as camadas e, em seguida, poderemos importá-las no After Effects e convertê-las em camadas de forma para facilitar a animação. Vamos começar com a praça, vamos fazer a cabeça dele aqui. Eu vou me livrar desse filme e então eu vou fazer esta linha um pouco mais grossa, que possamos vê-lo um pouco melhor. Vamos encher algumas dessas coisas mais tarde. Agora, vamos arrastar esses retângulos arredondados para lá. Não precisa ser exato. Agora, para estas orelhas, acho que podemos fugir apenas com círculos e isso vai tornar mais fácil quando estamos fazendo voltas de cabeça para movê-los para dentro e para fora por trás. Vou “Alt” clicar e arrastar isso para o outro lado para duplicar e vamos ver. Para estes olhos, vamos fazer apenas alguns círculos regulares. Mais uma vez, vou clicar e arrastar aquele olho para ali. Agora, novamente, para o seu cabelo vamos mais uma vez apenas usar alguns círculos e isso é tudo intencional que nós escolhemos formas realmente básicas porque no longo prazo isso vai torná-lo muito mais fácil de animar porque nós vamos apenas estar animando estes pequenas formas ao redor em vez de toda a forma facial do personagem, se isso faz sentido. Agora, você é mais do que bem-vindo para fazer isso e quando você faz isso, você consegue mais animação quadro por quadro, que é uma forma de arte por conta própria. Mas aqui estamos visando um simples [inaudível]. Agora para este nariz, vamos pegar a ferramenta de caneta, vamos segurar “Shift” e clicar aqui e clicar ali. Então nós vamos pegar isso e apenas arredondar isso lá fora. Agora, precisamos criar essa forma e lado do rosto dele. O que vamos fazer é, eu uso muito este truque, vamos copiar isto e vamos colá-lo. Vamos dar uma cor diferente, por enquanto, para que possamos ver. Vamos até Object, Path, Offset Path. Vamos clicar em “Pré-visualização” para que possamos ver o que estamos fazendo e eu vou definir um grande número aqui para que você possa ter uma idéia. Se eu clicar no outro campo, ele será atualizado. Aqui você pode ver que ele está compensando o caminho ao redor do caminho que desenhamos por qualquer quantidade de pixels que inserimos aqui. Neste caso, queremos trazê-lo. Parece que talvez 75 pixels negativos e lá vamos nós. Ele se encaixa quase perfeito. Vamos bater “OK” lá. Clique duas vezes nisso, vamos apenas editar esse caminho. Vamos ver. Não precisamos desses de baixo, então vamos deletar. Vamos pegar isso, vamos trazer isso para cima. Vamos pegar a ferramenta de caneta de novo e conectar este fundo. Então vamos pegar esses dois pontos aqui em baixo e arredondar aqueles fora dele. Agora, se você se lembra do meu curso anterior, eu falei sobre fazer linhas retas e linhas curvas e você pode ver que temos um monte de círculos aqui, um monte de linhas curvas combinadas com algumas linhas retas aqui e que oferece muito contraste visual. Agora, temos todas as nossas formas de base para baixo. Vou desligar a camada de referência. Para o rosto, vamos mudar para um preenchimento. Vamos preencher isso. Não vamos precisar do esboço. Vamos mandar este para trás. Vamos selecionar esses olhos e eu vou fazer aqueles preenchidos com um azul mais escuro. Para esse nariz, vamos fazer um azul escuro. Para estes ouvidos, vamos mudar isso para um preenchimento e vamos fazer um roxo escuro e vamos enviá-los para trás. Na verdade, vamos arrastar esse e apagar o anterior. Agora, queremos criar sua barba e seu cabelo aqui fora. A maneira como vamos fazer isso é copiarmos esses dois. Vamos apertar “Control, Shift, V” para colar aqueles no topo, “Control, G” para agrupá-los. Vamos entrar lá e agora podemos editar esta seção como quisermos. Vamos selecionar tudo isso. Nós vamos vir aqui para nossa ferramenta de construção de formas ou pressionar “Shift, Down” e então isso nos permite construir formas de forma rápida e fácil. Vou segurar esta seção. Vou segurar “Alt” e clicar e isso irá remover isso. Vou sair disso. Ao pressionar “Escape”, não precisamos mais deste esboço aqui. Exclua o contorno. Agora, podemos mudar a cor disto para a barba dele. Agora, vamos pegar o cabelo aqui atrás. Vamos levar isto para a frente. Nós vamos preencher isso e nos livrar dessas linhas e você pode ver como nós construímos nosso personagem aqui. Nós vamos vir aqui para o nosso Stroke, vamos fazer isso um pouco mais grosso. Parece 15 pontos, parece bom. Vamos clicar em Stroke e vamos clicar neste pequeno botão de tampa aqui e isso vai arredondar para fora as tampas. Agora, eu sinto que há algum espaço para melhorias aqui. Ele ainda parece um macaco. O que vamos fazer é falar um pouco disso. Vamos encolher isso e excluir totalmente este. Isso faz parte do processo do Illustrator, você vai trazer seu esboço e você vai brincar com as coisas e uma vez que você começar a colocar essas formas básicas, então você pode encontrar coisas que você acha que funcionam melhor ou pior. Sua experimentação com a aparência do personagem não precisa parar no papel de esboço. Podemos continuar no computador. Agora, vamos dar-lhe uma boca. Faremos a boca da mesma cor da orelha. Vamos usar a caneta. Vou bater “I” para o conta-gotas. Volte para a ferramenta de caneta e digamos que clicamos aqui no centro. Nós vamos subir aqui um pouco e então nós vamos apenas arrastar isso para Hung para dar um pouco de sorriso a eles. Agora, vamos roubar a largura do traço daqui, mas aplicar a cor da boca ali. Acho que a boca dele ainda será um pouco mais espessa, então vamos em frente e fazer 25. Mas eu quero manter a unidade estilisticamente através, então nós vamos agarrar seu nariz e fazer que a mesma largura de linha por causa da consistência. Vou dar a ele um fundo de cor diferente. Vou mandar isto para trás. Lá vamos nós. Agora, para um personagem que será muito simples de animar. Eu quero tocar em outra coisa e isso vai ser formas de boca, que vamos chegar na próxima lição. 4. Desenhando o seu personagem, parte 2: [ MÚSICA]. Quando formos manipular nosso personagem, vamos criar uma plataforma de boca, que nos permitirá percorrer todas as bocas diferentes que temos. O que eu encorajaria você a fazer é criar um novo quadro de arte e pegar essa boca e copiá-la aqui, e então o que vamos fazer, é pegar essa boca e arrastá-la até aqui. Vamos começar a fazer formas diferentes. Então eu vou apenas ir em frente e rápido para a frente como eu faço um monte mais formas de boca, estes serão incluídos no arquivo de projeto para que você possa usá-los. Então eu vou numerar cada uma dessas formas de boca, que eu tenha um guia quando eu estou usando minha plataforma de boca, para saber qual boca é qual, o que vai fazer mais sentido mais tarde quando nós montá-lo no After Effects. [ MÚSICA] Por fim, precisamos organizar essas camadas para o After Effects. A maneira como faríamos isso, é que vamos passar, e vamos pegar nossos elementos individuais e vamos colocá-los cada um em sua própria camada. Agora tudo está descansando em sua própria camada. O que vamos fazer é criar uma nova camada clicando aqui em baixo. Vamos nomear isto, orelha direita. Então copiaremos sua orelha direita para aquela camada, vamos querer colocar isso na parte de trás. Vamos mover isso para uma camada de fundo. Então vamos continuar e continuar a fazer isso para o resto de nossos elementos, vamos querer quebrar todos os três pedaços do cabelo vai querer a cabeça em uma camada, e quer os olhos em sua própria camada, o nariz em sua própria camada na boca. Eu vou avançar e avançar rapidamente através desse processo e depois disso vamos trabalhar na importação para o After Effects. [ MÚSICA] Ótimo, então agora temos tudo organizado e vou fazer as mesmas coisas para as bocas antes de as levar para o After Effects. Agora vamos ao After Effects com este arquivo organizado do Illustrator e será muito fácil convertê-lo em camadas de Shape. 5. Importando: Agora que criamos nosso personagem no Illustrator, é hora de importá-los para o After Effects e convertê-los em camadas Shape, que facilitará a animação. Felizmente, a Adobe tornou isso muito fácil para nós. Então, aqui no After Effects, vamos apenas clicar duas vezes no Projeto que abre nossa janela Importar. Vamos escolher o arquivo “Face” do Illustrator e salvei apenas as camadas Face em seu próprio arquivo. Indo para “Importar”, indo para escolher “Composição” como meu tipo, “Tamanho da Camada” é o meu Dimensões e aperte “Ok”. Agora vou abrir essa composição e veremos que todas as nossas camadas foram importadas para aqui e que os nomes coincidem com os que lhes demos. Vamos selecionar todas essas camadas. Vamos clicar com o botão direito do mouse, clicar em “Criar”, “Criar formas a partir da camada vetorial”. Então agora temos todos esses convertidos em camadas de forma. Vamos passar e excluir essas camadas do Illustrator. Agora temos apenas as camadas de Forma que sobraram. Agora, ele deve ter passado e centrado automaticamente o ponto de ancoragem para cada camada. Mas há alguns para os quais você pode querer mudar o ponto de ancoragem, então se pressionarmos “Y” e pudermos pegar o ponto de ancoragem e mudar isso sobre o nariz, vamos colocar isso lá em cima. As orelhas parecem boas e o fundo parece bom. Os olhos parecem bons. O cabelo, cada um parece bom. Com isso, posso mover a boca para ali. Mova o nariz de volta para cá. Lá vamos nós. Agora estamos prontos para começar a manipular. 6. Animando, parte 1: Ok, então aqui estamos nós no After Effects e estamos prontos para manipular nossos personagens. Normalmente, a primeira parte do aparelhamento seria andar em posição para ancorar pontos e todas as camadas. Fizemos isso na última lição, mas a razão pela qual fazemos isso, é para que quando pegamos camadas como nosso nariz aqui, possamos ver que ele gira em torno do ponto de ancoragem. Agora isso se torna incrivelmente útil quando você está fazendo coisas como dizer, mover o ponto de ancoragem nesta cabeça para que ele gire na base do pescoço. Mas vamos passar a manipular o rosto. Agora primeiro, vamos pegar essa camada de fundo e vamos bloqueá-la clicando naquele pequeno ícone de cadeado, e então vamos passar para o nosso rosto. Aqui, nós vamos pegar o contorno da cabeça nós vamos solo que clicando no pequeno botão Solo aqui. Agora, isso poderia ter sido feito facilmente no Illustrator, mas eu queria fazer isso aqui no After Effects porque eu acredito que esse método pode ser útil em muitas situações. O que queremos fazer é que queremos que este rosto se mova independentemente da forma da nossa cabeça para que possamos movê-lo e dar a ilusão de que as cabeças virando e olhando ao redor. Vamos duplicar a camada de cabeça, vamos renomear essa face, e vamos solo apenas a camada de cabeça. Vamos girar isso para baixo e abrir o conteúdo. Agora, queremos que o rosto fique na camada superior, então nós realmente queremos que tudo isso seja da mesma cor que a barba. O que vamos fazer aqui é clicar em nossos grupos, rodar esse grupo, pegar a cor de preenchimento aqui, barba e a cor do cabelo, e você coloca isso de volta. Vamos desligar nossa barba e camada de cabelo que deixa apenas a forma da cabeça, vamos até aqui para reabastecer, vamos pegar o código hexadecimal que copiamos antes e vamos colocá-lo lá. Agora, temos isso como pano de fundo para a cabeça, agora queremos que este seja apenas o rosto. Aqui está o método que mencionei anteriormente. Vamos para Adicionar aqui e Mesclar Caminho. Agora não precisamos de um traçado, então vamos excluir esse traçado no caminho Mesclar, e há todas as maneiras diferentes de funcionar, mas vamos clicar em Excluir interseções. A maneira como funciona o caminho de mesclagem é que ele examina o conteúdo antes, neste caso, os grupos 1 e 2 e, em seguida, reaplica esse cálculo. Aqui nós acertamos Excluir Interseções, então temos o rosto aqui sendo excluído disso. O que vamos fazer é girar isto, vamos roubar aquele código hexadecimal da cor da pele. Nós vamos até o grupo e colocamos lá dentro, e agora temos a nossa cara. Se nós Solo apenas essas duas camadas, podemos clicar em seu rosto e movê-lo e ver que ele funciona de forma independente. Agora nós vamos anexar isso à camada de cabeça com este pequeno Pick Whip e nós podemos arrastá-lo para baixo e que vai colocá-lo para aquela camada, modo que quando nós agarrar nossa cabeça, nosso rosto vai se mover com ele. Agora, quando girarmos nosso rosto, queremos que ele seja capaz de deslizar e não apenas flutuar para o espaço. O que vamos fazer é duplicar nossa camada de cabeça, vamos nomear esse Head Matte, colocar isso acima do rosto, selecionar o rosto, clicar aqui e fazer um Alpha Matte. Agora, quando arrastamos nosso rosto e parece que está virando e estamos olhando para fora, estamos olhando para baixo. Vamos redefinir isso lá atrás. Agora vamos fazer o resto da cara. Agora, temos muitas camadas aqui e vai ficar um pouco difícil saber em qual camada estamos clicando, especialmente quando estamos aqui mais tarde animando e fazendo quadros-chave. O que vamos fazer é começar a coordená-los. Vamos apenas selecionar tudo o que temos associado com o rosto. O nosso rosto, os nossos olhos, a nossa boca , o nosso nariz, e vamos torná-los todos vermelhos. Vamos pegar nosso Head Matte, vamos fazer isso amarelo. Agora, vamos solo todos os nossos elementos faciais. Adicione-os à lista Solo. Vamos levar todos os nossos elementos faciais e cuidar deles para o rosto. Agora, quando arrastamos nosso elemento de rosto, vemos que eles estão se movendo com ele. Agora, não queremos nossas características faciais flutuando no espaço. Vamos pegar este Head Matte, vamos duplicá-lo uma vez, colocar os olhos, duplicá-lo uma vez, colocar a nova boca e duplicá-la uma vez acima do nariz, vamos pegar todos os elementos de base, vamos duplicá-lo uma vez, colocar os olhos, duplicá-lo uma vez, colocar a nova boca e duplicá-la uma vez acima do nariz, vamos pegar todos os elementos de base, para vir aqui e torná-los Alpha Matte, vamos clicar no nosso rosto para ter certeza de que funcionou, e lá vamos nós. Tudo parece [inaudível] olhando para cima, e novamente para baixo e, claro, queremos animar os olhos. Ou podemos dar a eles uma volta de cabeça. Isso será incrivelmente útil depois. Vamos ver, vamos desligar nossas camadas Solo. Nós vamos querer colocar nossos ouvidos na cabeça, e vamos fazer aqueles verdes escuros. Vamos pegar todo o cabelo, e vamos colocar isso na cabeça, e vamos fazer isso rosa. Lá vamos nós. Agora temos todas as nossas camadas de cor coordenadas e tudo parenteado. 7. Animando, parte 2: Agora, a parte mais útil do aparelhamento, mas também a coisa mais complicada que vamos passar, é que vamos fazer uma plataforma de boca. Se formos até aqui, criei um comp de boca. Naquela boca comp, eu tenho a boca comp redimensionada para o tamanho da boca. Você pode rolar por aqui e ver que eu importei todas as formas de boca do Illustrator, usando o mesmo método que fizemos antes. Eu fiz cada um de um quadro longo e empilhá-los em ordem. Você pode ver que temos 14 quadros. Mas com o After Effects, ele adiciona um quadro nas extremidades. Tecnicamente, temos 15 formas de boca. É assim que a boca comp configurar. Nós vamos voltar para o rosto comp. Vamos substituir esta boca por esta comp. Vamos arrastar isso para baixo. Agora está interrompendo a boca, então você não pode ver. Vou colocar isso em cima. Lá vamos nós. Vou ajustar o ponto de ancoragem aqui. Vamos apagar essa boca. Vamos colocar essa boca de volta em seu lugar. Vamos colocar isso na cabeça e vamos ligar o Alpha Matte. Agora, este método que eu vou mostrar a vocês nos permitirá anexar um controle deslizante para este comp boca e então nós seremos capazes de esfregar para o controle deslizante e mudar a boca daqui para fora e nós podemos continuar enquadrando isso. Estamos usando isso para fazer um comp de boca para que possamos fazê-lo falar ou apenas animar sua boca para parecer surpreso, feliz ou triste. Mas é importante perceber que esse método pode ser usado para muitos aspectos ou aparelhamento. Vamos saltar para ele agora e vou explicar algumas das outras maneiras que é útil. Vamos clicar com o botão direito do mouse, clicar em “Tempo”, ativar Remapeamento de Tempo e arrastar isso para fora, para que ele chegue ao final da composição. Vamos subir aqui para Efeitos e Predefinições, e vamos digitar controle deslizante, que é um controle de expressão. Vamos colocar isso na camada da boca. Podemos mudar o nome para Mouth Rig. Vamos pegar este Pai do Remapeamento do Tempo e arrastá-lo até o Mouth Rig. Mas primeiro, precisamos “Alt” clicar e arrastá-lo para o controle deslizante. Você pode ver aqui, agora que está ligado a esse efeito. Agora, queremos transformar isso em uma variável e fazemos isso pressionando “A Igual”. O que isso diz a esta camada é que A é igual e, em seguida, esses controles aqui. Agora, o que nós vamos fazer é coluna essa variável com um FramesToTime, e ele tem esta pequena lista aqui. Você pode preencher automaticamente e colocaremos aquele “A” aí. O que isto faz é trancar esta moldura aqui em cima, mais para baixo para as formas da boca. Você pode ver aqui, já está funcionando que se nos arrastarmos, você pode ver as formas da boca se movendo. Eu vou girar para baixo este controle deslizante porque eu acho que é um pouco mais fácil de usar os controles deslizantes reais. Mas você pode ver aqui que ele passa por todas as formas da boca e pára bem ali. É difícil porque é um pequeno espaço para se arrastar. Podemos realmente corrigir isso clicando com o botão direito do mouse no controle deslizante aqui, não no título, o pequeno controle deslizante ali, e depois Editar Valor aparece. Vamos definir um intervalo personalizado. Temos 14 quadros lá, então vamos bater 0-14. Agora, você pode ver que isso atravessa todo o caminho e é muito mais fácil de controlar. Podemos continuar emoldurando isso e percorrer todas as formas da boca. Com isso, temos nosso personagem totalmente manipulado. Eu falei sobre essa expressão de controle deslizante da plataforma de boca e como isso pode ser usado de muitas maneiras. É ótimo para plataformas de boca e especialmente para sincronização labial. Mas pode ser usado para mudar qualquer coisa dentro de um comp. Poderíamos usá-lo para lhe dar penteados diferentes, orelhas diferentes, ou fazer com que os olhos pisquem, ou que o nariz fique vermelho, ou espirre, ou qualquer coisa. Quando você pensa sobre esses métodos, não pense apenas em como eu estou aplicando-os a esse personagem. Particularmente, eu estou tentando ensinar métodos que eu acho que serão úteis para você e uma variedade de maneiras quando você está manipulando seus personagens, que você pode configurar plataformas muito mais complicadas do que isso e ser capaz de animá-los facilmente e animá-los rapidamente, para que você possa gastar mais tempo focando em polir suas animações. Também é importante lembrar de criar uma folha de truques para as camadas de forma que você estiver colocando nessas plataformas. Se você se lembra mais cedo, você viu que eu estava rotulando todas as bocas com um sistema de números, modo que quando eu estou esfregando para o controle deslizante, eu sei qual forma de boca eu estou fazendo. Eu só escolhi numerar estes, mas você também poderia colocar notas adicionais sobre eles e rotular sua boca diz, feliz, triste, ou os diferentes sons e formas que sua boca faz quando você está falando. Você pode rotular um como um som /o/, e então se você está tentando sincronizar lábios, o que você faz é você olhar no espelho e a forma que sua boca faz, quando você está falando dizendo essa parte da palavra, e então você iria apenas animar de acordo com as formas nesta lista. Claro, você pode fazer suas próprias formas e fazer isso também. Há muitas folhas de truques e guias on-line para fazer sincronização labial, folhas de boca. Neste ponto, eu realmente encorajaria você a postar qualquer coisa que você tem, termos de progresso, nas notas de classe abaixo, e eu vou fazer o meu melhor para rever tudo. Estou muito animado também, o que vocês estão fazendo, mas vamos entrar na parte divertida e começar a animar a seguir. 8. Animação, parte 1: Agora que temos nossa configuração de contorção, podemos começar a animar. Vamos verificar se temos tudo do jeito que queremos. Eu acho que eu vou fazer a boca seguir o rosto porque eu acho que vai ser um pouco mais fácil para o que eu quero fazer com esta animação. Agora sinta-se livre para acompanhar comigo ou criar sua própria animação. Vamos fazer um simples aceno de cabeça. Então vamos abrir faces posicionar propriedades pressionando P ou inserir qualquer quadro de teclas lá. Eu vou subir para o quadro doze, que eu tenho meu contador de quadros ligado. Você pode alterar isso de volta para tempo normal clicando nele e indo e voltando. Então vamos para o quadro 12. Selecione o rosto, puxe isso para cima, e então vamos avançar, e vamos para o quadro 18 e copiar o primeiro quadro. Isso é chato agora, mas vamos apimentar. Vamos animar o cabelo a seguir. Vamos abrir os quadros chave posição no cabelo. Mova isso de volta para o início, e então aqui nós queremos trazer esse cabelo para cima todo o caminho. Eu vou selecionar estes para, em seguida, mover para cima sobre o mesmo. Farei isso, e então copiará todos os originais aqui. Vamos olhar para isso. Então, temos o cabelo em movimento. Ainda é chato, mas vamos consertar isso e ter paciência comigo aqui. Então, vamos até os ouvidos e posicionar os quadros-chave para eles. Suba até o topo aqui, e estes vão ficar um pouco mais baixo à medida que a cabeça se inclina para trás. Então vamos trazê-lo de volta ao normal aqui, copiando esses quadros chave. Agora devemos ter uma inclinação muito básica da cabeça. Vamos fazer um pouco de animação com as características faciais. Então vamos começar com os olhos e o nariz. Antes que o nariz vai fazer os olhos, vai apenas ir em frente e inserir um quadro chave aqui também. Queremos que esses olhos subam um pouco, e depois voltem para baixo. Vamos pegar esse nariz aqui em cima, inserir um quadro chave aqui no início, e aqui no final. Quando chegar aqui, você vai mover o nariz para cima um pouco antes dos olhos, porque está mais perto da câmera. Então, tecnicamente, suba mais com o cabelo, e vamos ver como isso se parece. Você pode ver deslocando as posições de acordo com o que está mais próximo da câmera vai se mover mais longe e o que está mais longe da câmera vai se mover em frente. Então nós temos as orelhas caindo para trás e então nós tivemos o nariz e o cabelo em movimento, e você já pode ver que isso adiciona um pouco de dimensionalidade lá. Vamos fazer algumas coisas para acentuar isso. Mas primeiro, vamos cuidar dessa boca. Pegue essa boca P, uma espécie de quadro chave, arraste isso para cima e eu vou arrastar isso um pouco para cima. Eu não sei se eu quero não me mover tanto assim porque ele está se movendo tanto quanto o nariz agora e os narizes grudam e não se movem mais como os olhos. Por uma questão de demonstrar, nosso ancinho de boca lhe dará um pouco de animação bucal. Então o que vamos fazer é vir aqui, vamos inserir um quadro chave com o controle deslizante, e eu vou apenas escolher uma forma de mouse aleatória. Vamos dar o nosso próprio quadro também lá. Vamos em frente e uma vez que ele chegar ao topo, olhando para esta boca maior, e então nós vamos voltar para baixo e copiar o quadro original e ver como ele se parece. Como você pode ver, é animar através das formas da boca, que é claro que não é o que queremos. Então, o que vamos fazer, selecione esses quadros de chave, clique com o botão direito do mouse, alterne segure o quadro de tecla. Agora vamos alternar segurar quadro chave faz é que ele remove todos [inaudível] entre quadros-chave. Então, se eu realmente clicar nisso aqui no editor de gráficos, podemos ver que os valores constantes até que ele atinja isso. Então, como você pode ver aqui, ele não muda até atingir o quadro chave, ficar um pouco maior e depois cair. Talvez ele esteja acenando com a cabeça porque está esperando respirar e é por isso que sua boca está chegando lá. Agora temos este aceno de cabeça e eu acho que eu realmente vou mover o porta-chaves da boca para trás. Aqui vamos nós. Agora isso é tão importante que quando você está animando, você não vai ser capaz de apenas sentar e arar para a frente. Vai ser um monte de experimentação, colocando quadros-chave onde você acha que pode querer, percebendo que não parece ótimo e saltando para frente e para trás. É ótimo salvar muitas vezes e é muito experimental. Muitas vezes eu vou salvar uma versão, cada grande atualização ou grande mudança, e a que eu estou fazendo, mudanças incrementais, todos esses tipos de salvar, e você pode vir aqui para arquivar e reverter de volta. Se você clicar neste botão aqui, isso voltará para suas aulas. Então, para experimentar e não gostar do jeito que você vai, você sempre pode reverter facilmente dessa maneira. Portanto, é sempre ótimo experimentar ao animar. Mas precisamos adicionar um pouco de vida a isso. Agora, vamos fazer isso através de um pouco de movimento secundário, e então vamos ajustar a flexibilização também. 9. Animação, parte 2: Movimento secundário é quando o seu personagem se move e, em seguida digamos que seu cabelo iria saltar. Sua cabeça é o movimento principal e seu cabelo seria a emoção secundária. É aquela emoção secundária, que adiciona muita vida à animação. Antes de fazermos isso, vamos fazer a flexibilização. Para aliviar, vamos entrar na cara aqui. Vamos selecionar esses quadros-chave, e vamos pressionar o editor de gráficos. Vamos clicar com o botão direito do mouse nisso. Vamos separar as dimensões para que possamos controlar nossas dimensões lá dentro. Não precisamos ter nenhuma animação na posição x para esta animação em particular. Vamos selecionar nossa posição y. Vamos pressionar isso, de modo que nos dê algumas alças para lidar e ver como isso se parece agora. Ele sobe. Vamos nos concentrar no rosto e na cabeça agora mesmo. Parece um pouco melhor do que antes. Parece um pouco mais animado. Sempre que você adicionar facilidade, você vai obter essa facilidade dentro e facilidade fora e isso adiciona um monte de vida à sua animação. Muitos movimentos realistas têm uma boa flexibilização. Se você estiver fazendo um movimento robótico, seria mais linear. Mas vamos pegar essas alças, arrastá-las para fora. Faremos a cabeça dele ficar no topo arrastando estas alças para cá, vai ficar no topo um pouco mais. Vamos ver como isso se parece. Lá vamos nós. Ele levanta a cabeça e descansa e então ele se encaixa no lugar. Se você não estiver familiarizado com o editor de gráficos, estou usando isso para alterar a atenuação nos quadros-chave. Eu peguei isso e eu arrastei isso um pouco para que nós pudéssemos facilitar. Então aqui eu peguei esses quadros-chave e arrastei ambos para longe em as direções para que ficássemos aqui e depois encaixássemos de volta aqui. Mas eu também peguei isso e arrastei isso um pouco para que pudéssemos voltar à moção final. Então você pode ver quanta vida isso acrescenta. Para comparar com antes, vamos apenas converter isso de volta para linear clicando neste botão. Então você pode ver o que isso parece contra isso. Agora, se un-solo esta camada, veremos agora que nada mais corresponde porque todos os outros quadros-chave estão em quadros-chave lineares. Há necessidades fáceis de combinar para que todos sincronizem juntos. Agora você pode passar e você pode tentar e combinar manualmente todos eles. Isso seria muito difícil. Você também pode ir através e você pode selecionar todos esses quadros-chave, e você pode clicar com o botão direito do mouse em “Velocidade do quadro-chave”, e você pode copiar esses números para cada um. Mas isso também levaria muito tempo. Então o que vamos fazer é usar um script chamado EaseCopy. Isso torna este processo extremamente fácil, daí o nome. Este script é realmente pagar o seu próprio preço. Eu recomendo que você dar-lhes algum dinheiro porque é uma ótima ferramenta que uma vez que você começar a usar você provavelmente vai usar o tempo todo. Mas se você não tem o dinheiro, você pode obtê-lo de graça. Vou postar um link na descrição abaixo. O que vamos fazer é copiar a facilidade desses quadros-chave. Vamos selecionar esses quadros-chave, vamos clicar em “Copiar”, vamos selecionar esses quadros-chave para Colar Facilidade. Agora, esses combinam. Então vamos subir aqui e fazer isso com eles. Nós não queremos fazer isso para o nosso remapeamento de tempo porque isso vai estragar nossa expressão e nós não queremos fazê-lo para o controle deslizante de boca porque isso está em espera quadros-chave por um motivo. Então vamos facilitar lá em cima. Agora a flexibilização deve corresponder e tudo mais. Agora você pode ver que todo esse movimento corresponde. Ótima. Agora podemos começar a brincar com um pouco de movimento secundário. Por exemplo, podemos pegar todo esse cabelo, podemos arrastar isso sobre um quadro para que ele atrase um quadro. Ótima. Podemos pegar aquele cabelo grande e arrastá-lo por uma moldura extra e podemos ver que agora isso tem um pouco de atraso. Incrível. Vamos fazer a mesma coisa com as orelhas. Pegaremos as duas orelhas e as arrastaremos por uma moldura. Vamos tentar passar o nariz por cima de um quadro-chave desta forma. Sim, parece melhor. As coisas mais próximas da câmera vão se mover o mais distante e ligeiramente deslocado. Isso é o que estamos tentando dar a ilusão aqui em cima é profundidade. Há uma última ferramenta que quero mostrar a vocês. Na verdade, é uma expressão que vamos usar para adicionar alguma inércia a algum de nosso movimento aqui. Ele precisa ser usado sutilmente, mas quando usado sutilmente pode adicionar muita vida à sua animação. Este é outro de graça. Deixe-me digitar em máquina cinza inércia salto. Vou colocar um link direto para isso. Mas é este top cinco após os efeitos. Ele está graciosamente dando tudo isso, então talvez você possa enviar um tweet ou contatá-lo, e eles podem trabalhar em versos. Eu vou copiar esta expressão aqui para este equilíbrio de inércia, indo voltar para After Effects, e eu vou pressionar P no rosto, indo para Alt clique isso, que me permite inserir uma expressão, Vou copiar essa expressão. Vamos ver o que isso parece no início. Você não pode ver muito porque a amplitude está definida para realmente baixa. Agora, ele vai levar em conta a flexibilização. O fato de que nós facilitamos aqui, vai precisar de muita amplitude para realmente ver um efeito. Aqui, você tem três fatores principais que você pode editar aqui. Você tem a sua amplitude, a sua frequência, e a rapidez com que se decompõe. Você pode apenas experimentar e ver o que ele faz. Vamos até um e ver o que conseguimos. Lá vai você. Você pode ver aqui nós estamos recebendo um pequeno salto no rosto lá. Ótima. Vamos levar isso. Vamos copiar isso para o cabelo. Vamos alt P clique nisso. Eu vou rolar até aqui e vamos fazer o cabelo realmente saltitante e ver como isso fica. Vamos definir isso para dois. Lá vamos nós. Isso parece ótimo. Vamos pegar isso e copiá-lo para o resto do cabelo. Eu vou pressionar P em ambos os cabelos, Alt clique, colar, Alt clique, colar. Vamos ver como isso se parece. Na verdade quero que esses cabelinhos se movam um pouco mais, então vamos selecionar isso e depois acertar três. Lá vamos nós. Por último, acho que vou acrescentar um pouco aos ouvidos. Eu só vou selecionar tudo lá, pressione U para abrir os quadros-chave e você novamente fechá-los, eu vou pressionar a inclinação de uma tecla para entrar nesta vista. Eu vou tomar estes, Eu vou bater P. Alt clique que um e colar, Alt clique que um e colar. Eu acho que seria idiota se as orelhas dele se mexessem mais, o que eu acho que poderia ser divertido. Então vamos subir essa amplitude para três. Feche isso, incline a tecla para trás e visualize sua animação. Ótima. Você pode ver como compensar nossos quadros e entrar e adicionar aquele pouco de equilíbrio de inércia realmente adiciona uma tonelada de vida. Agora que temos nossa animação polida, vamos trabalhar em exportá-la e convertê-la em um GIFs onde podemos compartilhá-la online. 10. GIF: Agora temos uma animação pronta para exportar. Então, vamos para Arquivo, Exportação, Adicionar codificador de mídia. Vamos exportá-lo como um mp4. Então vamos aqui e selecionar H264, fazer correspondência fonte, esconder sua nota. E então escolheremos para onde queremos exportar isso. Então eu vou deixar o meu rosto com o nome e vou exportar. Agora, a maioria dos aplicativos web on-line vai usar mp4, mas no caso de você querer usar um GIF, vamos passar pela foto criar um. A maioria das pessoas usará o Photoshop para fazer GIFS, mas eu tenho outro método que eu acredito realmente funciona muito melhor e produz resultados muito melhores. Vamos a este site aqui. Chama-se ezgif.com. Mais uma vez, vou colocar isto nas notas da turma. Em seguida, vamos para a opção Vídeo para GIF, e clique em “Escolher”, eu vou navegar sobre a minha exportação, indo para selecionar isso e carregado, há um limite de 100 megabytes. Basta clicar em Upload. E uma vez que você está aqui, você pode definir algumas opções aqui. Vou escolher o tamanho original, 800 pixels de largura, e para nossa taxa de quadros, escolherei 25 porque é mais próximo de 24, que eles têm. Clique em “Converter para GIF”. Você vai vê-lo funcionando aqui em baixo. Terminamos de fazer nosso GIF, e podemos ver que é apenas 674 KB, mas também podemos otimizar isso e torná-lo ainda menor. Neste caso, nós não temos tantas cores ou muitos quadros, então ele realmente não ocupa muito espaço para salvar isso como um GIF. Mas digamos que estávamos lidando com um tamanho de arquivo maior. Podemos então clicar neste otimizado a opção GIF. Vai levar-te até aqui. Você pode escolher seu nível de compressão. Por padrão, ele lhe dá 35 e você pode ir até 200, mas vamos deixá-lo no padrão 35, clique em “GIF otimizado”. Isso nos salvou 34 por cento. Então agora podemos clicar com o botão direito do mouse salvando o jazz, e então eu vou apenas salvá-lo na mesma pasta que eu salvei minha exportação. Vou dar um nome a esse Face GIF, e lá vamos nós. Agora temos um GIF para compartilhar. Acho que isso é muito mais eficiente do que o Photoshop, e é capaz de salvar para permitir tamanhos de arquivos menores, facilitando o compartilhamento online. 11. Outro: Obrigado por fazer o meu curso e espero que você aprenda algumas coisas ao longo do caminho. Estou muito animada para ver o que vocês fizeram. Certifique-se de postá-los nos comentários abaixo e siga-me se você gostaria de ver em futuras aulas sobre tópicos semelhantes a este.