Animando ilustrações usando a ferramenta Marionete

1. Introdução: Oi, meu nome é Keila Sousa e sou ilustradora e designer da Motion Graphics de Londres, Inglaterra. Nesta aula, vou ensiná-los a animar suas ilustrações usando a ferramenta de marionete. Esta classe é para quem quer começar a animar suas ilustrações de personagens complexos a desenhos simples, a ferramenta de marionete pode mover tudo. Para iniciar a classe, abriremos o aplicativo de desenho para ilustrar nosso personagem em camadas para Importar para efeitos após onde aprenderemos tudo sobre a ferramenta de marionete. Você não vai precisar de qualquer conhecimento prévio sobre efeitos como eu vou estar passando por isso passo-a-passo.Then nós estaremos Keyframing nosso movimento e Exportando para GIF e MP4 onde você pode carregá-lo como seu projeto para a galeria do projeto e para o seu suas mídias sociais ou onde quiser. Também mostrarei como uso a ferramenta de marionete em diferentes exemplos de trabalho, para que você possa ver exatamente como aplicá-la em diferentes situações. Depois de fazer esta aula, você pode tomar este conhecimento e aplicar a ferramenta de marionete para todos os tipos de ilustrações e obter igualmente grandes resultados. Eu tenho ilustrado e desenhado por três anos agora trabalhando em estreita colaboração com animadores em animações de personagens mais complexas para GIFS de loop simples. Agora, eu sei que animações podem realmente impulsionar o seu engajamento. Se você precisa dar uma vantagem ao seu portfólio ou precisar de suas mídias sociais para obter o envolvimento importante do espectador , esse curso lhe dará as habilidades necessárias para fazer isso. Desde que eu era uma garotinha, eu adorava desenhar e eu tinha um livro chamado The Magic Paintbrush, onde a criança tem um pincel e tudo pinta ganha vida. Estou tão feliz por poder fazer isso na minha vida adulta. Quero compartilhar essa alegria com vocês através deste curso. Se você está pronto, vamos começar. 2. O projeto: Para o curso de hoje, trabalharemos juntos mais passos para criar nosso próprio GIF animado a partir de nossas ilustrações. Seu projeto é compartilhar o GIF animado em nossa galeria de projetos para abri-lo para feedback e inspirar nossa comunidade. Isso pode ser enviado e compartilhado instantaneamente, não apenas para o Skillshare, mas para o seu portfólio on-line como eu fiz aqui, para chamar a atenção desses potenciais clientes enquanto eles percorrem. Também estaremos produzindo um MP4 do mesmo arquivo para que você possa enviá-lo para suas mídias sociais, ou se você marcá-lo como eu, você pode tê-lo como uma atenção chamando GIF no topo de seus e-mails. Novamente, não se preocupe se você nunca tocou no After Effects antes. Vou passar por tudo passo a passo, então você estará super confiante para usar a ferramenta de marionete em suas ilustrações. Você precisará do aplicativo de desenho aberto para começar. Vou usar o Procreate. Se você quiser me acompanhar, você pode abrir isso, ou você pode abrir Fresco, ou Photoshop. Qualquer coisa que você pode desenhar em camadas é bom para ir junto com este curso. Se você está pronto, vamos ilustrar. 3. Ilustre seu personagem: Ótima. Agora que temos nosso aplicativo de desenho aberto, vou mostrar a vocês como uso referências para criar minhas ilustrações, usando o procreate. Para minhas ilustrações, eu uso uma variedade de recursos. Eu amo Pinterest, é ótimo ter um lugar onde você pode apenas se perder em muitos recursos diferentes, e fixá-los para salvá-los para ilustrações posteriores. Aqui estão alguns exemplos dos meus quadros, animais bonitos, rostos. Este é apenas o rosto. Agora é sempre bom ter uma grande variedade no seu trabalho quando se trata de design de personagens. Eu uso principalmente exemplos da vida real, então às vezes eu vou levar um pequeno caderno de esboços comigo, como você pode ver, eu usá-lo para tudo, não apenas esboços, todas as minhas anotações estão lá também, então aqui está um ciclista que eu esboçado, e que realmente inspirou esta ilustração aqui. Outra coisa que eu fiquei obcecado é, tirar esboços no metrô usando meu telefone, apenas cinco minutos no aplicativo de notas, isso é esboçado para baixo com as pessoas realmente interessantes de Londres, e apenas para capturar que coisa que chamou minha atenção sobre eles. Depois levo para o Procreate ou ilustrador, e crio um novo personagem como este. Como designer de personagens, vou desenhar personagem hoje baseado na inspiração da vida real, eu. Eu vou estar me desenhando no meu lugar favorito para desenhar, no sofá. Digamos que se você quiser acompanhar exatamente, você pode fazer você mesmo esboçando, ou se você preferir, Eu encorajo você a decorar seu espaço, encontrar algo que tem um pouco de movimento nele, talvez você tenha um animal de estimação com uma cauda abanando, talvez você prefira fazer uma planta com folhas renunciantes, o que quiser, podemos fazê-lo nesta classe. Obviamente, é melhor seguir junto com o design do personagem, mas eu sou fácil. Você pode fazer o que quiser. Quando você selecionou o que deseja desenhar, vamos passar para o esboço. No Procreate, vamos criar uma nova tela, você pode fazer o mesmo no Photoshop ou Fresco, e pressionamos o símbolo add aqui e pressionamos o símbolo add aqui. Agora nossa nova tela será 1.080 por 1.080. Este é o tamanho perfeito para o Instagram, e eu uso isso no meu portfólio também, então você pode chamá-lo de um nome apropriado, se você quiser, você pode chamá-lo de Instagram, eu vou chamá-lo, ferramenta de fantoche, apenas para ir com esta classe. Agora, vocês verão estes dois aqui, isto é pixels por polegada. Agora eu coloquei isso em 300 pixels por polegada, isso é bastante alto, e eu vou levar isso para o meu Mac. Agora, eu sei que meu Mac pode lidar com isso, se você sabe que seu computador pode ser um pouco lento em execução, talvez apenas reduza para 150. Pressionamos Criar e nossa nova página aparece. Nós vamos começar com algum conhecimento conjunto básico, então eu vou usar meu lápis 6 p aqui, e apenas dar-lhe um pouco de conhecimento, só porque se você está desenhando um personagem como eu, isso será realmente útil, especialmente quando viemos para animar. Temos as articulações dos ombros lá, a base e os pulsos na parte inferior segurando as mãos. Então temos nossas articulações do quadril, nossas articulações do joelho e nossas articulações do tornozelo. Então, apenas saber sobre essas articulações básicas vai nos ajudar com a animação. Adicione uma nova camada, desligue essa, e pensando na forma como me sento no sofá, vou ter meu sofá de volta aqui, e eu me sento aqui. Adoro preencher a página com o Instagram, maximizar o espaço de captura visual. Eu vou desenhar a cabeça bem grande no canto aqui, e então eu vou estar encostado nas costas, então tem um dos meus ombros. Agora imagine outro ombro aqui. Se vou me inclinar, vou ter meu cotovelo aqui embaixo, e meu braço está voltando para cima, pronto para desenhar no iPad. Vai estar por aqui algures com a caneta e o iPad. Então eu vou desenhar meu torso para dentro, então eu diria em algum lugar como aquele, e eu vou ter meu quadril saindo com meu joelho todo o caminho até o topo. Como eu disse, enchendo esse espaço. Em seguida, esfrie na parte inferior e na parte superior. Agora minha outra perna está em uma posição interessante, porque está na parte de trás e vindo pela frente. Então, se eu imaginar minha coxa chegando, e meu pé cruzando por cima. Agora esta é a perna que eu vou estar movendo, então eu preciso ter certeza que ele tem um monte de espaço livre em torno dela, então eu vou pensar sobre isso no refinamento na próxima etapa. Finalmente meu braço, eu vou colocar atrás da minha cabeça, coçando minha cabeça. É o que costumo fazer quando penso, e enfiar a língua para fora, é claro. Aqui temos nossos ossos básicos. Para a próxima camada em qualquer um, reduza a opacidade sobre isso até bastante baixo, eu costumo colocá-lo em torno de 25, e então vamos usar o mesmo lápis, porque ainda estamos no estágio de esboço, e Vamos apenas refinar esse esboço. Então eu vou fazer minha cabeça um pouco circular, espero que você possa ver, quando você fizer uma curva, você apenas segure, eu vou tentar de novo. Segure e pressione, e então ele se torna uma curva perfeita. Usando essa ideia, volte e construa o músculo do meu personagem. Tornou-me um pouco mais musclista do que isso. Nós só vamos limpar todas essas articulações, e ossos que já colocamos e começar a adicionar alguns detalhes que fazem do seu personagem ou fazem de você, você. Eu vou refinar muito este pouco, porque eu só quero preencher a forma, então eu vou trazer minhas costas e meu traseiro todo o caminho, e então eu vou pensar sobre as pernas. Então esse é o meu fundo, minha perna vai subir e ao redor, eu só vou dar um pouco mais de uma curva do que eu fiz nos ossos originais, então absolutamente não se preocupe se você tem que fazer alguns desses, uma coisa Eu realmente aprendi que a maneira mais difícil foi que eu só precisava fazer isso de novo e de novo, até que eu estava feliz com isso. Ainda gosto de pensar que estou aprendendo, então tento pensar que meu primeiro é sempre o melhor. Mas nem sempre é esse o caso. Então vocês podem ver que estou adicionando pequenos detalhes aqui, alguns dedos, podemos ficar mais detalhados à medida que fazemos a próxima rodada, dedos, ouvidos, e finalmente temos meu outro ombro aqui. Então eu vou passar por aqui, está logo atrás dessa perna, então eu não preciso desenhar isso. Lá estamos nós. Essa é a nossa próxima camada. Vamos dar uma olhada com a de baixo desligada. Ótima. Nesta fase, você pode desenhar e redesenhar tanto quanto você precisa para refinar seu esboço, eu vou passar agora para o estágio de tinta. Então, se você precisar refiná-lo mais, pause o vídeo e, em seguida, junte-se a nós uma vez que você terminar. Vou reduzir a opacidade neste, e adicionar uma nova camada, e então eu vou pegar minha caneta de tinta. Agora minha caneta de tinta é uma caneta de cacto, eu fiz para cacto há muito tempo, esta é apenas uma caneta de estúdio duplicada porque nós não queremos perder o original, e eu mexi com este alisamento e o fluxo para torná-lo um pouco mais suave. Eu também coloquei um link para minha caneta de cacto, então você pode usar isso. Agora, para incluir contorno, você está literalmente passando por cima, ainda fazendo refinamentos à medida que você avança. Eu vou tentar fazer esta lição um pouco mais rápido com esta parte, então encontrar a posição dos dedos, e você pode desfazer, e a posição do braço, fazer linhas suaves e fluindo para que você realmente obter transportado através da página. Não se preocupe se cometer algum erro. É parte do seu processo de ilustração, e parte do seu personagem. Agora eu não vou desenhar essa parte neste momento, porque nós temos esta perna chegando por cima. Mais uma vez, fazendo esses refinamentos para o seu desenho. Passando por cima, novamente eu acho que meus pés estão um pouco longos lá, então eu vou reduzir isso, trazendo para cima , adicionando uma perna de calça, e dedos , para baixo também, e eu vou fazer um ajuste para que a posição do braço só para que você não possa realmente vê-lo aqui. Agora, os detalhes finais que eu vou adicionar, manga de pescoço ali, e obviamente, uma das partes mais importantes de uma ilustração de personagem, o rosto. Eu vou fazer uma cara bem simples para este aqui, vamos tirar minha língua concentrada, e lá. É muito bom. Estou muito feliz com isso. Vamos dar uma olhada sem a camada por baixo, bom. Posso fazer alguns ajustes antes da próxima lição, mas terminamos. Uma boa. Acabou de terminar sua ilustração. Na próxima lição, vamos aprender como transformar isso em camadas utilizáveis para nossa animação. 4. Criando camadas: Nesta lição, vamos usar nosso esboço para construir todas as camadas importantes para a animação. Neste ponto, eu quero que você olhe para sua ilustração e pense sobre as partes que você quer mover. Na minha, por exemplo, acho que vou fazer a perna balançar para frente e para trás onde estou pensando. Eu também poderia decidir mover meu braço, que eu possa fazer o lápis se mover como se eu estivesse escrevendo. Eu também poderia mover a língua, por exemplo, os dedos talvez. Dê uma olhada no seu desenho agora e pense em uma peça que você gostaria de mover. Assim que você decidir da sua parte que você quer animar, eu decidi na minha perna aqui, eu vou fazer o pé balançar suavemente. O que precisamos fazer primeiro realmente importante, é fazer uma duplicata da obra de arte. Neste ponto, eu estou realmente indo para rotulá-lo, então eu vou chamá-lo ferramenta fantoche, e eu vou deslizar para duplicá-lo. Vou entrar naquele novo e apagar as camadas extras que já não preciso. Eu tenho tudo isso em uma camada. Quando você quer animar uma parte, digamos a perna, é muito importante que você tenha essa parte em sua própria camada. Isso ocorre porque se você incluir muito mais do que o que deseja animar lá, ele pode distorcer ou afetar o resto da ilustração. Vou mostrar-lhe isso em nossas manifestações mais tarde. Tendo isso em mente, vou diminuir a opacidade aqui, e vou criar uma nova camada chamada Leg 1. Eu gosto de dar às minhas camadas um número apenas no caso de eu ter mais pernas para animar, então eu posso facilmente identificá-las mais tarde. Com essas articulações em mente, pense sobre a articulação do joelho e a articulação do tornozelo, ou qualquer articulação que você está usando em sua ilustração. Você quer juntar essas partes em sua própria camada separada, então eu vou criar o joelho aqui, todo o caminho ao redor e apenas rastrear a perna. Lembre-se que esta é a sua oportunidade, você encontrará uma oportunidade para refinar sua ilustração. Tire vantagem disso agora. Se eu esfregar essas articulações, há a minha perna separada. Agora, quando eu quiser animar essa peça de perna, ela estará se movendo, não exatamente assim, mas estará se movendo. Para o resto da ilustração, precisamos ter certeza de que temos algo embaixo dessa peça. Se eu esconder essa perna agora e criar uma nova camada, vou chamá-la de corpo. Agora isso conterá o resto da ilustração. Vou precisar continuar meu desenho embaixo, então recrie essa perna inteira como uma peça. Vou precisar de me juntar ao pé até ao joelho. Também vou incluir outros testes como aqui, por baixo de fazer as minhas edições à medida que vou. Então também temos essa parte a considerar, digamos a coxa. Se você precisar, basta ligar a outra camada e certifique-se de que você tem o suave juntando a sua. Adorável. Vamos desligar essa camada de perna. Temos a coxa cheia e a perna assim que estiver completa. Para o resto do corpo, basta rastrear e fazer seus ajustes. Eu vou acelerar essa parte no vídeo para que você não tenha que assistir a coisa toda. Mas, por favor, tome seu tempo com sua própria ilustração. Depois de completar seus contornos, basta verificar novamente com essas camadas, se todas as linhas foram refeitas. Uma vez que tenham sido refeitos, podemos passar para colorir. Vamos desligar essa camada inferior. Na verdade, podemos apagá-lo, não precisamos mais dele. A parte que você quer animado, sempre precisa estar no topo. Isso ocorre porque quando você afetá-lo, este será o fundo, e esta será a peça animada. Para colorir sua imagem, eu recomendo selecionar quatro talvez cinco cores máximas, porque estas funcionam melhor para GIFs. Se você tem um GIF realmente complexo com muito gradiente, muitas cores, é bastante difícil de calcular e torna-se um arquivo bastante pesado, tornando-o praticamente inutilizável para e-mails de marketing e coisas assim. Eu vou selecionar quatro cores que eu tinha para minha paleta de marca original que eu fiz há muito tempo. Se você não tem um paladar já, não entre em pânico, você pode usar o meu, Ele está no arquivo de recursos, ou você pode vir para Adobe cor, que é um recurso realmente útil. Você pode apenas digitar a cor da Adobe no Google e ele aparecerá. Na página inicial, você terá explorador, ele está usando todas as cores populares do momento para criar esses paletes. Ou se você tem uma ilustração particular que você quer que ele vá com, por exemplo, eu amo cores pastel, então eu costumo digitar sorvete, e ele vai aparecer com muitas e muitas paletas diferentes de diferentes sorvetes estilos temáticos. Você pode adicioná-los à sua biblioteca, que apareça no Illustrator ou photoshop ou após efeitos, ou você pode baixá-lo para o seu computador. Se você quiser colocá-lo no procreate, basta copiar esses hexágonos e colocá-los em seu aplicativo procreate. A maneira como eu fiz minhas cores originais da marca, foi que eu peguei um produto que eu realmente gostei, não era este, mas este também tem um paladar muito bonito, e eu derrubo as cores de lá, e você pode simplesmente criar essa paleta. Quero dizer, você pode querer mexer com as cores, torná-las um pouco mais vibrantes, mas é uma maneira muito útil de apenas obter uma nova palete e cores que você realmente gosta. Eu também gosto de levar o fundo lá porque eles obviamente combinaram lindamente. Você pode obter essas cores, fazer algumas sombras para os contornos, e você pode criar uma biblioteca dessas você mesmo, que eu possa colocar as cores da marca Kay. Novamente, eu solto esses e você pode pressionar o pouco mais aqui para adicionar a cor do primeiro plano, e eles começarão a aparecer em sua biblioteca para que você possa usá-los em todo o seu trabalho. Foi assim que consegui o meu. Se quiser usar o meu, novo, está nos recursos. Selecionei estas quatro cores para a minha ilustração de hoje. Vou ficar com essa cor escura, ter certeza que estou na camada animada, e vou colorir a perna. Continua este sintomish amarelo, e eu posso ver que eu preciso apenas um pouco de um pouco de arrumado na perna lá, tudo bem nós podemos fazer isso agora. Essa camada é colorida, podemos desligar essa camada e podemos ir para a camada corporal. Agora, eu quero que as pernas obviamente sejam da mesma cor, manter as mesmas calças vestidas. Eu posso ver agora que eu perdi minha definição aqui porque eu usei a mesma cor que o contorno. Isto é bom. Se eu voltar e mudar minha cor, e apenas fazer essas partes sobrepostas com o branco, então eu posso preencher com a minha cor original, e espero que haverá uma boa separação lá. Pode apenas arrumar de volta. Lindo. Agora, e quando eu colocar a perna em cima? Podemos ver que perdemos definição lá também. Mesmo truque, ter certeza que você está na camada da perna, desligamos o corpo para esta parte, e apenas fazemos um pouco do contorno no branco. Não precisa ser super legal. Lembre-se, você pode segurar sua linha reta. Uma vez que você fez isso, ligue a outra camada novamente, e você terá uma bela separação lá. Mais uma vez para continuar com a coloração, vou acelerá-lo novamente para você. Se houver alguma dica útil que eles encontrem, vou abrandar e compartilhá-las com você. Lembre-se de ampliar as pequenas partes de hoje, tudo deve ser colorido em sua ilustração. Agora, aqui vocês podem ver que eu tenho uma grande lacuna no dedo aqui. Isso é bom, seu caráter no meu desenho, mas não é muito bom para ter o fundo claro. O que posso fazer, é preencher essa parte n e depois diminuir a tolerância. Ele ainda tem uma lacuna ou o limiar, desculpe, ainda tem uma lacuna. Mas é só preencher essa parte que eu gosto. Só vou arrumar essa parte aqui, boa oportunidade para fazer isso. Agora, eu vou te mostrar um truque legal para o cabelo. Se eu clicar na camada de corpo e chamá-la de referência, a camada que eu criei acima dela, agora se referirá a essa camada de corpo. Nessa camada, vou selecionar a cor do meu cabelo e vou preencher isso. Eu posso colocar o limiar um pouco, ter certeza que é bom e cheio, continuar com todas as partes do seu cabelo. Se você olhar para essa camada, só é preenchido com isso, o que é ótimo. Eu amo a ferramenta de referência e eu vou desligar essa referência e chamar essa camada de cabelo. uma vez para ser uma camada momentânea, mas é sempre bom rotular. Vou criar uma nova camada acima disso e dar-lhe uma máscara de recorte. Agora, esta camada só irá desenhar dentro desta camada. Vou selecionar meu branco, minha caneta, e vamos torná-lo apenas mais pequeno. Agora, vou desenhar meus fios de cabelo. Como você pode ver, só está aparecendo nessas partes de cabelo. Ela é tão habilidosa. Lindo. Eu posso realmente mesclar essas camadas agora, e eu não preciso dela como uma camada separada para a camada de corpo também. Posso igualar isso só para termos duas peças para animação. Ótima. Agora suas camadas estão prontas. Na próxima lição, aprenderemos como exportá-la do procreate e colocá-la em efeitos maiores. 5. Importando seu design: Nesta lição, nós aprenderemos como exportar nosso arquivo do Procreate e colocá-lo no After Effects. Como podem ver, adicionei alguma decoração à minha ilustração, que é uma assinatura aqui em cima. Muito importante para o seu trabalho artístico e especialmente se você está colocando em mídias sociais, coloque seu nome nele para garantir que todos saibam que é seu. Em segundo lugar, se você estiver adicionando decoração às suas partes animadas, apenas certifique-se de desativá-las e certifique-se de que você tem as camadas abaixo também decoradas da mesma maneira. Basta adicionar uma decoração apenas no caso de a camada superior se mover para fora do caminho. Vamos verificar. Lindo. Agora, há muitas maneiras de exportar seu arquivo para o computador. Para mim, a maneira mais fácil é soltar esse arquivo. O que precisamos fazer é pressionar a chave inglesa no topo, e queremos o arquivo PSD. A razão pela qual queremos o arquivo PSD é porque ele chegará ao After Effects em suas camadas existentes com todos os rótulos que você já fez. Se pressionarmos PSD se você for como eu e você ama produtos Apple, você pode jogá-lo diretamente no seu computador. Pressione “aceitar”, salve em “downloads” e seu arquivo PSD aparecerá aqui em seus downloads. Neste ponto, o que eu gosto de fazer é criar uma pasta na área de trabalho. Este é o meu modelo de pasta que vou incluir a estrutura para você nos arquivos de recursos. Vou mudar o nome dessa pasta e chamá-la de “Ferramenta de Auto-Retrato Puppet”. Dentro dessa pasta, você verá que tenho arquivos de projeto, ativos, áudio, exportações e documentos. Você pode dar uma olhada nisso se quiser estruturá-lo da mesma forma que eu. Nesses arquivos de projeto, você tem todos os programas que você poderia querer usar, todos os Adobe, tudo assim para animação. Eu abri o arquivo do Photoshop, e eu apenas arrasto o arquivo da ferramenta de marionete para lá. Legal e arrumado. Agora salvamos isso no arquivo do Photoshop, vamos mantê-lo lá. Se o movermos, uma vez que o colocamos no After Effects, After Effects vai ficar muito confuso e não será capaz de encontrá-lo novamente. Vamos mantê-lo agradável e limpo, arrumado nesta pasta. Vamos lançar o After Effects. Uma vez que After Effects está aberto se pudermos olhar para esta barra superior aqui e selecionar “padrão”, isso vai realmente nos ajudar. Ele abre várias janelas diferentes. Temos projetos, controles de efeito, composição, e temos nossa linha do tempo aqui embaixo. Se nós apenas pegar nosso arquivo e arrastá-lo para o After Effects, nós podemos colocá-lo aqui no projeto e esta caixa pop-up vai entrar. Bem, vamos querer importar sua composição e queremos esses estilos de camada editáveis. Nós pressionamos “Ok”, e ele vai aparecer com duas caixas diferentes aqui. Ele virá com a nossa composição principal, então ferramenta de fantoche, e então também terá as camadas aqui. Se clicarmos duas vezes na ferramenta marionete, podemos verificar se nossa imagem parece boa. No momento, isso está em 25 por cento, então vamos apenas ampliar para 100 por cento. Muito bom, e podemos apenas verificar novamente todas as nossas camadas lá, fundo, camada de corpo, camada de perna. Perfeito. O importante a lembrar para esta lição é certificar-se de que você está exportando o arquivo corretamente e salvando-o corretamente no lugar certo para o After Effects para que sempre possa lê-lo e manter seu arquivo realmente organizado. Ótimo. Agora configuramos nosso arquivo PSD no After Effects e tudo está salvo corretamente. Agora, estamos prontos para a parte divertida. Na próxima lição, aprenderemos tudo sobre a ferramenta de marionetes. 6. Usando a ferramenta Marionete: Nesta lição, nós aprenderemos tudo sobre a Ferramenta de Marionete no After Effects e como podemos usá-la para mover nossa ilustração. Aqui temos o arquivo configurado a partir da última lição, o que precisamos fazer realmente importante primeiro é ir salvá-lo. Arquivo, salvar e se eu encontrar a mesma pasta que vou para arquivos de projeto, eu tenho uma pasta do After Effects. Eu só vou chamá-lo o mesmo novamente, ferramenta fantoche auto-retrato, e clique em Salvar. Ótimo, agora não tenho que entrar em pânico por nada. As principais seções que nos concentraremos no After Effects para esta lição, eu não vou passar por todas elas, mas apenas as partes importantes que precisamos é a seção de composição onde você verá sua arte. Se o seu parece um pouco granulado, pode ser que você o tenha em meia resolução ou um terço. O meu está ligado no momento, porque sei que o meu computador consegue lidar com isso. Mas se o seu estiver um pouco lento durante a animação, talvez você queira reduzir a resolução aqui. Dica útil para você. Aqui temos a nossa linha do tempo, muito importante.Este é o lugar onde vamos enquadrar a nossa animação mais tarde. Aqui temos nosso cadeado, agora porque eu não vou estar animando o corpo ou a camada de fundo, só a camada de perna, eu vou trancar esses dois. Então eu vou pegar minha camada de perna e solá-la usando a coluna embaixo do círculo. Se você pairar ele realmente diz solo bem desbloquear. Eu vou sozinho essa camada e se você estiver me seguindo até aqui, você verá a ferramenta Pino de Posição de Marionete. Se eu selecionar esse, e eu vou clicar apenas sobre onde minha articulação do joelho se sentaria então aqui e veremos se uma grande malha aparece sobre aquela obra de arte. Agora você se lembra mais cedo quando falamos sobre apenas ter aquela peça que você vai animar ser afetada, aqui é onde se você tivesse mais, isso afetaria mais de sua arte. A malha está cobrindo apenas aquela parte que queremos animar, o que é perfeito. Esta é a ferramenta Puppet Position e você pode ver muito claramente que ela muda a posição dessa camada. Agora, eu realmente não quero mover a perna toda, eu só quero mover o pé e talvez um pouco da perna. Aqui eu vou também colocar uma âncora ou um alfinete aqui onde a articulação do tornozelo estaria. Agora, se eu clicar e arrastar esse ponto, você pode ver que o pino do joelho está segurando-o no lugar enquanto eu movo o tornozelo ao redor. Agora isso é realmente útil porque como eu disse, eu só quero mover o pé ao redor, mas eu realmente não quero movê-lo assim não é muito suave e está esmagando minha arte como você pode ver. Vou usar um tipo diferente de pino e é a ferramenta Pino Avançado de Puppet. Se eu selecionar que um que vem acima com forma de pino ligeiramente diferente, é pino com um pequeno gancho e eu vou colocar isso muito perto do pino original. Agora o pino de avanço é muito chique porque você pode fazer três coisas com ele. Você pode fazer posição, como você pode ver aqui, que parece feio com ele estar tão perto deste pino. Você pode girar. Agora eu só acho que esse movimento é tão bonito porque a coisa boa sobre o broche de marionete é que ele não restringe seus movimentos, então parece muito natural. Quando eu giro o pé, você pode ver que um pouco da perna está se movendo bem, não está completamente estacionária. Eu acho que isso dá um efeito realmente agradável e a última coisa que a ferramenta Puppet faz é escala. Eu posso fazer o pé realmente grande ou muito pequeno. Isso pode ser muito útil e eu vou te mostrar algumas maneiras que eu usei isso nas lições posteriores. A ferramenta de pino final que eu vou falar, é a ferramenta de pino de amido de marionete. Agora, assim como em suas roupas, o alfinete de amido pode solidificar sua arte em torno dele. Se eu voltar a este pino avançado e girar, não recebo tanto desse esmagamento que fiz antes. Vamos dar uma olhada sem ele. Esmague e com o pino de amido, nem tanto esmague. Essas são as três principais ferramentas que eu gosto de usar, ter um pouco ir com cada um deles e apenas tentar montar o experimento, este é o seu tempo. Ótimo, agora você tem três Pins de Marionete trabalhando na próxima lição, adicionaremos quadros de chave para animar nossa ilustração. 7. Criando os quadros-chave de sua animação: Nesta aula, nós vamos aprender como criar animações de quadros-chave. Um quadro-chave é uma gravação de um movimento em um cronograma. Isso pode ser posição, escala, rotação e assim por diante. Vamos começar. No After Effects, a linha do tempo está aqui. Este é o lugar onde vamos keyframe nossa animação. Antes de começarmos a animar, se verificarmos nossas configurações de composição, devemos ter a largura e a altura em 1080, assim como importamos o arquivo PSD, e então eu só quero que você verifique sua taxa de quadros. Deve ter 24 quadros por segundo e a duração do clipe deve ser de cinco segundos. Eu fiz cinco segundos porque é uma boa quantidade de tempo para trabalhar com, nós provavelmente vamos reduzir a área de trabalho para quatro segundos, mas o mínimo absoluto é dois segundos. Isso porque quando queremos fazer upload para mídias sociais como o Instagram, é um mínimo de dois segundos de vídeo que você pode fazer upload. Você pode apenas digitar isso aqui, cinco segundos, não se preocupe com a cor de fundo, pressione ok e o seu pode levar um pouco de tempo para ajustar, meu já estava definido para isso, então basta esperar que ele se ajuste e então nós podemos seguir em frente. Dos seus experimentos com a ferramenta fantoche na última lição, espero que todos saibam agora onde querem posicionar os pinos. Quero posicionar meus pinos aqui. Esse é o pino de amido quando é realmente útil, e sobre cometer esse erro é que eu posso mostrar-lhe o menu suspenso. Temos nossa malha aqui, que são os triângulos que se formaram em torno de sua camada, e o menu suspenso deformado. Agora o pino de marionete 1 é o que acabamos de colocar. Então, se eu abrir isso, ele diz tipo de alfinete. Felizmente, eu coloquei esse pino, mas eu sempre posso mudá-lo para um tipo diferente de pino uma vez que eles colocaram. Vou mudar isso para um pino de posição, vou colocar outro pino, certificar-me de que estou no caminho certo desta vez, lá vamos nós. Outro pino de posição de fantoche, e pino avançado , de onde eu quero girar, e eu vou colocar o pino de amido para que eu não fique nenhum esmagamento no tornozelo. Ótima. São todos os meus pinos no lugar, e se eu olhar para este menu suspenso, eu posso ver aqueles pinos lá dentro. Só vou fechar o pino de marionete 1 porque quero me concentrar naquele pino avançado. Agora, no pino avançado, você pode ver que você tem aquelas coisas que você pode ajustar sua posição, escala, rotação. Agora você pode, se você quiser clicar e arrastar de qualquer maneira e você verá a composição respondendo. No entanto, eu gosto de fazê-lo na própria obra de arte porque eu sou uma pessoa muito visual, então o que eu vou fazer é quadro-chave do movimento. No momento, ele está em uma posição muito neutra, e foi assim que eu desenhei em uma posição neutra. Eu quero criar a animação em torno dos extremos. Começando com minha barra na frente da linha do tempo, eu vou girar isso até o extremo. Não parece muito extremo. Você poderia fazer um movimento mais extremo no seu, mas eu gosto muito de um movimento sutil na perna aqui. Posso mostrar-lhe o movimento que quero com ele só dançando ao redor. Vamos colocá-lo a esse extremo, novamente para mim que ao longo de um segundo agora ou 24 quadros, eu vou para o outro extremo. Eu vou girar isso até onde ele vai, sem tocar na caixa, você vai ver por baixo da rotação um quadro-chave foi formado, e esses são meus dois quadros. Você vai ver se eu deslizar isso ao longo da linha do tempo está indo entre os dois. O bom do After Effects é que ele preenche essa animação para você. Só precisamos das poses das chaves. Agora eu só quero que isso vá para frente e para trás, você basta clicar e arrastar sobre aqueles e copiar comando C. Eu vou mover isso ao longo de dois quadros, e comando V ou controle V Eu acho que está nas janelas e colá-los novamente. Agora eu vou reduzir minha área de trabalho para quatro quadros porque isso seria um bom loop para mim, vamos pressionar a barra de espaço para visualizar a animação, vai demorar um pouco de tempo para carregar, então você deve ter sua animação. Mas olha, eu sei que para no meio. É porque eu não coloquei o quadro original de volta no final, então ele não faz loop corretamente. Se eu pausar isso e eu copiar o quadro original, Eu colocá-lo em quatro segundos, Colar lá em cima, e vamos tentar novamente, pressione a barra de espaço, eo que você olha para que uma animação perfeitamente loop. Agora você pode notar que tem um pouco de uma qualidade tik tok, mas como um pêndulo de relógio, que não parece muito natural. Ao trabalhar com personagens, o que eu gosto de usar é um dos meus truques favoritos. No After Effects basta arrastar e realçar sobre esses quadros-chave, clique com o botão direito em um deles e um menu pop-up aparecerá. Se você for até o assistente de quadros-chave, você verá o meu Easy Easy Facilance favorito. Clique nisso, e todos esses pequenos diamantes se transformaram em [inaudível]. Vamos tentar reproduzir essa animação novamente, está carregando, aqui vamos nós e olhamos para isso. Não é muito mais natural e fluindo. Estou tão feliz com a minha animação. Espero que esteja se dando bem com o seu também. Você pode mudar a escala, você pode mudar a posição, você pode mudar a rotação como eu fiz, o que você quiser, experimentar com sua ilustração, e eu mal posso esperar para vê-lo na galeria do projeto. Se você sentir que seu movimento é muito lento, você pode selecionar todos eles, manter Alt pressionado e então você pode realmente arrastá-lo. Se eu arrastar até dois, copiar e colar, o que vai acontecer? Basta esperar que ele carregue, tempo duplo. Você pode acelerar ou diminuir a velocidade da animação clicando e mantendo a tecla Alt pressionada e arrastando-os e apertando-os, ou puxando-os para fora. De volta ao normal, muito bom. Estou feliz com isso. Trabalho incrível. Espero que esteja feliz com sua animação. Agora tudo o que resta a fazer é exportá-lo. Vamos seguir em frente. 8. Exportando sua animação: Nesta lição, vamos exportar nossa animação para GIF e MP4. Quando comecei a animar minhas ilustrações, meu objetivo principal era ter algo estranho no meu portfólio e atrair a atenção para minhas mídias sociais. É por isso que eu estou lhe dizendo como exportar seu arquivo hoje como MP4 e GIF. Você pode usar seu GIF em e-mails de portfólio ou marketing, e você pode usar seus MP4s para mídias sociais. Por exemplo, o Instagram não permite GIFS em sua plataforma. Podemos usar uma ferramenta para este trabalho, e isso é o que eu costumo fazer. Se você subir para a composição no após os efeitos e, em seguida, adicionar à fila do Adobe Media Encoder. Clique nesse. Só vai demorar um pouco para ligar o codificador de mídia. Seja paciente e espere por isso. Ótimo. Agora que está aberto. Você deve ver que seu arquivo está lá. O que realmente queremos são dois conjuntos. Se você voltar ao After Effects e adicioná-lo novamente à fila do codificador, volte para o codificador de mídia e espere que isso apareça nesta fila aqui. Enquanto esperamos, podemos selecionar as duas configurações que queremos. Você verá aqui que ele já tem um H.264 lá para o meu, esta é a configuração MP4 que você quer. Se você não tiver, basta rolar para baixo no menu suspenso e você verá H.264 aqui. Essa é a sua configuração MP4. Se você ir junto para o arquivo de saída e clique no “Nome azul”, ele vai abrir onde ele vai salvar. Não queremos salvar os efeitos após. Vamos para as exportações. Este é o MP4 que é um arquivo de vídeo. Vou colocá-lo como um trabalho em andamento, então ferramenta fantoche. Você verá que ele diz, “Arquivo de vídeo MP4" lá, o que é perfeito. Agora, para o segundo arquivo, queremos que GIF animado. Novamente, menu suspenso, selecione GIF animado e vá até o arquivo de saída, entre em suas exportações. Desta vez um GIF é tecnicamente uma imagem. Vá para fotos e temos GIFS lá. Se você estiver usando seus próprios arquivos, basta salvá-los em uma pasta de exportação separada. Isso salvará sua vida mais tarde se você estiver tentando desesperadamente procurá-la. Eu guardo isso lá dentro. Quando você tiver tudo no lugar certo, basta clicar no botão verde “Play” aqui. Vai demorar um pouco para carregá-los. Tudo bem, seja paciente. Vou avançar no meu e encontramo-nos quando acabar. Ótimo. Eles estão todos feitos. Assim que terminarem, você poderá verificar os arquivos na sua pasta. Aqui, se eu verificar esse GIF, nós já podemos ver que ele está jogando. Mas vamos abrir isso, e olhar, lindo. Este é um tamanho bastante grande. Eu só vou reduzir isso para o tamanho que pode realmente ser ou até mesmo menor. Olhe para isso, linhas suaves, ótima resolução. Agora vamos verificar o MP4. Novamente, é um pouco grande, mas se eu reduzir o tamanho e você vai notar que ele não faz loop. Isso é porque é um MP4. Não entre em pânico depois de carregar para o Instagram, os vídeos deles são automaticamente repetidos. Você tem uma imagem perfeitamente looping em seu feed. Agora, se você quiser usar seu GIFS em muitos lugares, você pode achar que o tamanho do arquivo é um pouco grande demais. Se for esse o caso, recomendo ir ao curso de Jake Bartlett e assistir ao seu “Compactar GIFS como um chefe”. Este é um recurso muito útil. Se você precisa usá-lo para um cliente ou você quer colocá-lo em um e-mail e ele é apenas muito grande e ele não vai carregar, este vai ser um curso incrível para você fazer e acompanhar. Neste ponto, eu realmente gostaria de encorajá-lo a compartilhar sua maravilhosa animação para os projetos. No seu arquivo de projeto, o que eu gostaria que você fizesse é carregar a imagem no local onde você adiciona o conteúdo. Você também pode carregar a imagem aqui. Se você entrar em seu arquivo, exportar fotos GIF, e você tê-lo lá, você pode abri-lo e você pode tê-lo como sua página de rosto. Basta selecionar um pouco do seu GIF, colocá-lo lá. Você pode digitar seu título. Eu vou colocar meu próprio auto-retrato lá. Vou adicionar conteúdo aqui para que as pessoas possam ver minha imagem completa. Eu queria torná-lo um quadrado para que você possa compartilhá-lo lindamente para o Instagram. Infelizmente, ele não funciona no Skillshare porque há uma proporção diferente. Mas, felizmente, você tem esta opção para abrir sua imagem na seção de conteúdo e que deve carregar lindamente. Aqui estamos, sua imagem completa e é isso. Isso é tudo que você precisa fazer para o seu projeto. Você pode publicar isso quando estiver pronto. Ótimo. Estou tão animado para ver todo o seu trabalho na galeria do projeto. Na próxima e última lição, mostrarei mais exemplos de como você pode usar a ferramenta de marionete em suas ilustrações. 9. Usando essas habilidades de outras maneiras: Nesta lição, Eu os convido a pensar em mais maneiras de animar sua ilustração. Deixem-me mostrar-vos alguns exemplos. Aqui eu tenho minha imagem original e eu fiz algumas alterações adicionais na ferramenta de marionete. Você pode ver que eu fiz a minha mão para fazer um pouco de rabiscar no iPad e eu fiz alguns recursos em meu movimento rosto, Eu fiz um piscar de olhos e eu fiz uma língua. Só queria mostrar mais detalhadamente como resolvi isso. Com o braço, você pode ver, eu vou colocá-lo, vamos ampliar um pouco. Eu coloquei um pino de posição aqui, outro pino de posição aqui e eu adicionei o pino avançado aqui e apenas usar a rotação novamente, assim como eu fiz no pé. Mas você verá que eu escalonei a animação. Esta é uma dica muito boa porque faz com que pareça mais natural para que o pé não esteja se movendo ao mesmo tempo que a mão está se movendo. Só traz um pouco mais de vida à sua animação. Eu realmente gostei que um e para a língua, Eu adicionei dois efeitos aqui usando apenas o pino avançado. Deixe-me ampliar para que eu possa te mostrar melhor. Eu realmente usar a posição e você pode ver quando você arrasta a posição, depois de efeitos desenha esta linha para frente e para trás. Eu também adicionei rotação sobre isso. Se olharmos para a língua, ela sai, gira e volta para dentro, sai ela vem, gira e volta para dentro. Tudo isso é feito apenas com experimentos. É muito divertido e você deve dar uma olhada em sua própria ilustração. Talvez você possa fazer outra coisa se mover lá. Eu adoraria ver isso. Alguns outros exemplos de onde eu usei a ferramenta de marionetes, este é o meu pequeno cheiro, o cara das flores. Eu coloquei um pino avançado em uma camada de flores separada e eu girá-lo e eu também escala a flor um pouco. Se você olhar quando ele respira, é um pouco menor e respira para fora, ele volta. Eu também uso o pino de posição de marionete e os pinos avançados nas sobrancelhas, na boca e no nariz. Muitas maneiras diferentes, tal variedade nesta ferramenta que você pode usar. O último exemplo que te queria mostrar eram só estes patins. Eu pensei que isso foi realmente eficaz e eu amo este logotipo vida skate no fundo. Tudo o que eu tinha era uma composição de apenas dois patins juntos e eu apliquei rotação usando pino avançado. Tão simples. Se você decidiu usá-lo para outra coisa, eu adoraria ver também isso. Você pode adicionar outra imagem aqui, basta clicar em. Vou adicionar o meu cheiro as flores GIF e se você tiver algum problema, você sempre pode escrever uma mensagem bem ali na parede, “Ajude-me” e eu vou estar olhando através todos os projetos e ver se eu posso oferecer alguma ajuda ou respostas a perguntas, Ficaria feliz em fazer isso. Como qualquer outra habilidade, você precisa praticar. Se você quiser ir, você pode animar outra parte da sua ilustração ou escolher uma ilustração novinha em folha para animá-la e carregá-la aqui como parte do seu projeto. 10. Considerações finais: Bem feito. Você fez todo o caminho até o final do curso. Nós abordamos tudo, desde a criação de nossa ilustração em camadas para movimento até o uso da ferramenta de marionete e o enquadramento de teclas no After Effects para animar nossas ilustrações. Aposto que tem um lindo presente e um MP4 para mostrar. Por favor, não se esqueça de postar isso na galeria do projeto para que você receba feedback da nossa comunidade. Além disso, se você postar online, você pode me marcar e eu posso entrar lá. Se há uma coisa que eu espero que você tire desta aula, é a alegria de ver suas ilustrações ganharem vida através da animação. Se você gosta da aula, por favor deixe um comentário e siga-me que você possa se manter atualizado com quaisquer aulas futuras. Obrigado de novo, e verei você em breve.