Transcrições
1. Introdução: Adoro dar vida aos personagens. No coração de cada grande história, você encontrará grandes personagens. Meu nome é Carminys, e eu sou o co-fundador do operary.com, um estúdio de animação baseado na Espanha. Temos mais de oito anos de experiência produzindo belos vídeos explicativos animados para centenas de empresas em todo o mundo, como Intel, Deloitte, Bayer, Porsche e muito mais. Um dos maiores inimigos de um animador é o tempo. Os clientes estão sempre com pressa
e, geralmente, a animação de personagens leva mais tempo do que o esperado. Neste curso, você vai aprender como fazer essas incríveis animações de personagens de forma rápida e fácil com plugins suficientes no After Effects. Durante o curso, você aprenderá algumas dicas valiosas para acelerar seu processo de trabalho. Você pode baixar os arquivos do projeto. Desta forma, você pode seguir as instruções em tempo real. Será muito mais fácil para você aplicar, assistir ou aprender. Este curso é ideal para animadores, ilustradores, designers gráficos, artistas criativos
e, em geral, qualquer pessoa que queira aprender a fazer animações
incríveis facilmente e no menor tempo possível. Este é um curso fácil de seguir. No entanto, se você não usou o After Effects antes, você pode fazer meu curso anterior, animar o novo tempo recorde de sua ilustração, usando primeiro o Adobe After Effects. Agora, eu te conto um pouco sobre mim. Sou um animador, ilustrador e roteirista sediado na Espanha, originário da República Dominicana. Adoro o meu trabalho. Sinto-me sortudo por trabalhar em tempo integral naquilo que mais amo. Neste curso, adorarei compartilhar meu conhecimento com você. Não há tempo a perder. Inscreva-se no curso e vamos começar.
2. Primeiros passos: Antes de criar um personagem para animação, devemos nos concentrar nas palavras-chave que irão defini-lo. No meu caso, eu queria projetar um filhote adorável e amigável. As formas circulares são ótimas para dar esses sentimentos. Eu queria fazer um design muito simples, já que quanto mais simples for um personagem, mais impacto
o seu design tem. Além disso, quanto mais simples for
o nosso design, mais fácil será para nós animá-lo. Para projetar nosso filhote de cachorro, usamos o Adobe Illustrator. Você pode baixar o arquivo do Illustrator a partir de projetos e recursos para que você possa aplicar tudo o que aprender durante o curso em tempo real. Claro, você também pode criar seu personagem usando seu software de ilustração favorito. O processo de animação é o mesmo independentemente de o design ter
sido feito com o Adobe Illustrator, Procreate ou Photoshop. Agora vou explicar como preparar
seus designs para animá-lo eficientemente no After Effects. Para preparar o arquivo para After Effects, temos que separar os elementos que você vai animar em camadas. A organização é essencial. Se você trabalha com o Photoshop ou o Procreate, o conceito é o mesmo: separado por camadas. A primeira coisa que podemos notar é que nós apenas projetamos duas pernas. Isso nos permitirá economizar tempo no processo de animação. Mais tarde, você entenderá o porquê. Cada perna é composta por duas camadas. O corpo, a cauda, a cabeça, pescoço e as orelhas também são separados por camadas. Agora, vamos dar uma olhada no nosso design. Se separarmos suas partes, vemos que praticamente todas as camadas têm cantos arredondados. Eles nos ajudam a criar animações mais limpas com menos esforço. Como nota final, ao trabalhar com o Procreate, você precisa exportá-lo como um arquivo PSD.
3. Primeiros passos e atalhos: Oi caras. Nesta lição, vamos ganhar contato com a interface do After Effects. Trabalharemos com o espaço de trabalho padrão. Mas você pode escolher a opção que preferir. Primeiro, precisamos criar uma nova composição. Vamos para Composição, Nova Composição. Vou escolher uma nova composição de 1920 por 1080 em 24 quadros. Diga o nome e dê 10 segundos. Agora é hora de importar nosso design do Adobe Illustrator. Vá para Arquivo, selecione Importar Arquivo
e, em seguida, selecione o arquivo desejado. Quando importamos um arquivo em camadas nas importações como uma opção, devemos selecionar Composition-Reter Layer Size. Se você olhar para ele, uma composição e uma pasta com camadas foram criadas. Vamos trabalhar na composição. Vamos arrastar a composição importada para a composição principal. Agora, vamos dar uma olhada na interface do After Effects. O painel onde vemos o cão é o visor. Este painel é onde veremos os resultados de nossos desenhos e animações. Na parte inferior, podemos ver o painel da linha do tempo. Este painel é onde vamos passar mais tempo criando nossas animações. A partir daqui, podemos facilmente modificar as propriedades de transformação da camada. Se olharmos para a esquerda, podemos ver o painel do projeto. É aqui que todas as composições que criamos e todos os arquivos que importamos aparecerão. No topo, podemos encontrar as ferramentas essenciais. Perfeito. Agora, vamos dar uma olhada nos atalhos que usaremos durante o curso. Eles devem usar atalhos referidos às camadas, propriedades e as ferramentas que usaremos mais comumente. Vamos ver como abrir as propriedades da camada com um único clique. Pressione A para o ponto de ancoragem, P para a posição, S para a escala, R para a rotação e T para a opacidade. Além disso, se mantivermos pressionada a tecla Shift, podemos abrir várias propriedades simultaneamente. Agora, vamos ver como acessar as ferramentas principais com o toque de uma tecla. Pressione V para a Ferramenta de Seleção, mantenha pressionada a barra de espaços para a Ferramenta Mão. Z para a Ferramenta Zoom, W para a Ferramenta de Rotação e Y para a Ferramenta Panorâmica Atrás. É sobre prática. Em Projetos e Recursos, você tem um arquivo PDF disponível para downloads com os atalhos mais úteis.
4. Manipulação de personagens: Oi lá. Nesta lição, vamos preparar nosso personagem para animar simplesmente sem usar nenhum plugin. Quando você anima sem plugins, nada limita seus movimentos, e o software é executado mais rápido. Com um duplo clique, entramos em uma composição de design escuro. Vamos começar a colocar os pontos de ancoragem de todas as camadas. Os pontos de ancoragem serão os pontos de referência em torno dos
quais as camadas girarão quando as animarmos. Selecionamos a primeira camada de tudo e abrimos a opacidade. Lembrem-se, o [inaudível] que vimos na lição anterior. Com a primeira camada selecionada. Vamos para a parte inferior e pressionamos a tecla Shift, selecionamos a última camada. Desta forma, todas as camadas são selecionadas. Em seguida, reduzimos a opacidade da camada para 40 por cento, por exemplo. Vamos chegar um pouco mais perto. Ao reduzir a opacidade, podemos ver melhor onde nossas camadas começam e terminam e também podemos ver onde estão as interseções das camadas. Podemos desativar temporariamente o corpo e a camada de fundo para funcionar melhor. É muito simples, selecionamos o permanente atrás da ferramenta. Selecione a camada e coloque os pontos de ancoragem nos pontos de referência em torno dos quais queremos que as camadas girem. Se você não tiver certeza se colocou os pontos de ancoragem em seus direitos, com a ferramenta de rotação, você pode girar a camada para verificar se a rotação funciona. Agora, continuamos a fazer o mesmo com todas as camadas. Para a cabeça, vou colocar o ponto de ancoragem no canto inferior esquerdo. Ótimo, uma vez que tenhamos todos os nossos pontos de ancoragem localizados corretamente, ativamos o corpo e as camadas de fundo novamente. É desnecessário localizar os pontos de ancoragem
nessas camadas porque não animaremos sua rotação. Agora, selecionamos todas as camadas novamente e redefinimos a opacidade para 100 por cento. Ótima. Agora, vamos ver como usar a técnica de paternidade. Neste momento, se movermos qualquer uma das camadas com a ferramenta de seleção, elas se movem independentemente. Mas precisamos disso. Por exemplo, quando o corpo se move, o resto dos elementos segue seu movimento, ou quando o pescoço se move, a cabeça e as orelhas seguem seu movimento. Vamos começar ligando a camada da panturrilha com as camadas da coxa. Para fazer isso, arraste a erva daninha de pico da panturrilha 1 para a coxa 1. Se girarmos a camada de coxa 1,
vemos que a camada de bezerro 1 também se move. A partir deste menu aqui podemos ver as camadas vinculadas. Vamos fazer o mesmo com a camada de bezerro 2. Agora vamos ligar as camadas da coxa com a camada do corpo. Nós também fazemos a cauda e o pescoço com o corpo. Nós ligamos a cabeça com o pescoço e as orelhas com a cabeça, e é isso. Já temos o nosso bezerro pronto para animá-lo. Antes de continuar, Vamos salvar o projeto. Vamos para o arquivo e selecione salvar. Nós nomeamos o projeto e salvamos.
5. Ciclo de caminhada: Oi lá. Vamos começar a animar. Para animar as pernas do nosso filhote de cachorro, só precisamos criar as duas poses que você vê na tela. Se você notar, quando a perna da frente gira em uma direção, a perna traseira gira na direção oposta. Vamos começar animando as pernas. Para trabalhar mais confortavelmente, ativaremos a opção
Solo nas camadas das pernas para que o resto das camadas não nos incomode. Selecionamos todas as camadas das pernas e abrimos a rotação corretamente. Agora, vamos selecionar apenas a primeira camada. Primeiro, vamos animar a rotação até a camada de coxa 1 para a
qual precisamos criar o primeiro quadro-chave clicando no cronômetro, e giramos até alcançar o resultado desejado. Vamos fazer o mesmo com a camada de bezerro 1. Criamos um quadro-chave clicando no cronômetro e girando, e fazemos o mesmo com a outra perna, mas na direção oposta. Daqui, podemos ativar as regras. Ao clicar e arrastar da régua acima, criamos um guia para garantir que as pernas acima estejam na mesma altura. Perfeito. Agora, avancem oito quadros na linha do tempo. Você pode ver o contador de quadros à esquerda. A partir daqui, podemos ampliar a linha do tempo. Vamos virar as pernas na direção oposta. Modificando sua barra de rotação, você cria um novo quadro-chave automaticamente, e fazemos o mesmo com a outra perna. Mais uma vez, vamos tentar ambas as pernas estão na mesma altura. Perfeito. Agora que criamos nossos quadros-chave, criaremos uma expressão que nos economizará muito tempo. Precisamos clicar no cronômetro enquanto mantém pressionada a tecla Alt para aplicar uma expressão. Em seguida, escrevemos uma expressão de pingpong LoopOut. Se pressionarmos 0 no bloco numérico, podemos ver as coisas para a expressão LoopOut pingpong, o movimento de camadas da coxa 1 vem e vai ao longo da composição, e apenas com seus quadros-chave, interessante. Se você notar quando aplicamos uma expressão, esses números aqui ficam vermelhos. Para economizar mais tempo, copiaremos a expressão que aplicamos na rotação da camada da coxa 1 e colaremos nas outras camadas. o botão direito do mouse na rotação e selecione Copiar somente expressão. Em seguida, selecionamos as outras camadas e colamos a expressão com Control V ou Command V no Mac. Se pré-visualizarmos, já temos nossas pernas animadas. Mas faltam duas pernas. Desativaríamos a opção solo de todas as camadas de perna para que você possa ver o resto das camadas. Selecionamos as camadas Coxa 1 e Calf 1 e duplicamos com Control D ou Command D no Mac. Nós os arrastamos para baixo da camada do corpo. Selecionamos a camada da coxa 3 e colocamos no lado oposto e um pouco mais alto. Criamos outro guia para colocar a outra perna na mesma altura. Vamos desativar a camada de fundo para ver melhor o nosso guia. Agora vamos duplicar as camadas da coxa 2 e da panturrilha 2. Nós os arrastamos para debaixo da camada do corpo. Selecionamos uma camada de coxa 4 e colocamos no lado oposto na mesma altura que a outra perna. Nós pré-visualizamos, e [inaudível], nós já temos nossas quatro pernas animadas. Vamos continuar animando a posição do corpo com apenas dois pulsos. Selecionamos a camada Corpo e abrimos a Propriedade Posição. Passamos na linha do tempo para o quadro 2 e criamos um novo quadro-chave clicando no cronômetro. Em seguida, saltamos quatro quadros para o quadro 6 e elevamos sua posição como um pouco. Novamente, copiamos a expressão LoopOut pingpong que aplicamos anteriormente na rotação da outra camada. Quando copiamos e colamos expressões entre propriedades diferentes, precisamos selecionar a propriedade diretamente, neste caso a posição, e depois colá-la. Se pré-visualizarmos, já temos o nosso corpo animado. Vamos ativar a camada de fundo novamente. O movimento é um pouco áspero. Para pequenas façanhas, selecionamos os quadros-chave. Clique com o botão direito do mouse em Assistente de quadros-chave Você também pode aplicá-lo selecionando os quadros-chave e pressionando F9. Vamos pré-visualizar novamente. Perfeito. Como pode ver, é um processo muito simples. Nós criamos a animação, com apenas fazer pulsos e aplicar a expressão, LoopOut pingpong.
6. Refinando o ciclo de caminhada: Oi, aí. Agora, vamos nos concentrar nos detalhes. Vamos começar animando o pescoço. Abra a propriedade de rotação. Passamos para o quadro 3 na linha do tempo. Um quadro após o primeiro quadro-chave criado no corpo e crie um novo quadro-chave. Vamos girar o pescoço ligeiramente, modo que a cabeça esteja olhando para baixo. Em seguida, avance quatro quadros, até o quadro 7, e gire o pescoço na direção oposta. Selecione os quadros-chave, clique com o botão direito e suavize o movimento com Facilidade de Facilidade. Nós copiamos o loop de expressão pingpong de uma das camadas com a expressão aplicada. Selecione a rotação das camadas do pescoço e cole-a. Vamos dar uma olhada. Se você notar, fizemos um ligeiro deslocamento de um quadro na animação rotações entre o corpo eo pescoço para imitar a inércia, e fazer a animação olhar mais natural. Quando o corpo sobe, a próxima curva sobe um quadro mais tarde devido a essa inércia. Agora, é hora de animar a cabeça. Novamente, fazemos um deslocamento de um quadro relativo à animação do pescoço. Vamos para o quadro 4. Neste caso, vamos copiar a animação do pescoço diretamente. Para fazer isso, basta selecionar a propriedade de rotação da camada de pescoço e copiá-la com Control C ou Command C no Mac. Em seguida, selecionamos a camada de cabeça e colamos a animação. É assim tão fácil. Já temos a cabeça animada. Novamente, avançamos um quadro para o quadro 5 e abrimos a propriedade de rotação da cauda. Criamos um quadro-chave e aplicamos uma rotação de menos 20 graus, por exemplo. Avançamos quatro quadros e alteramos o valor para 20 graus. Selecione os quadros-chave, clique com o botão direito e suavize o movimento com Facilidade ou pressionando F9. Copiamos o pingpong de loop de expressão de uma das camadas que o têm aplicado e colamos na rotação da cauda. Como você pode ver, é um processo muito simples e os passos são repetitivos. Vamos selecionar a propriedade de rotação da cauda e copiá-la. Em seguida, selecionamos as camadas frontal e traseira da orelha e colamos a mesma animação. Abrimos a rotação de camadas para ver a animação. Para terminar, temos que reverter a animação de rotações, uma vez que a rotação das caudas e orelhas ocorre em direções opostas. Com os quadros-chave selecionados, fazemos clique com o botão direito do mouse, Assistente de quadro-chave e selecione a tecla Tempo inverso. A animação das orelhas deve começar ao mesmo tempo que a animação da cauda. Para resolvê-lo, basta arrastar os quadros-chave selecionados até o quadro 5. É isso. Se visualizarmos, podemos ver o nosso maravilhoso filhote de cachorro animado feito em tempo recorde.
7. Integração do fundo: Oi lá. Nesta lição, vamos integrar nossa papoula em uma cena de fundo. Aqui você pode ver a paisagem, o sinal que eu tenho, os sinais no Adobe Illustrator. Tem um tamanho de 3.140 por 180 pixels. Ainda é um vezes maior do que o tamanho com que estamos trabalhando após efeitos. Não precisamos separar a paisagem por camadas pois vamos animá-la como um único objeto. Vamos para arquivo, arquivo importação e selecioná-lo como é um arquivo de camada única, vamos deixar a opção importar como gravação. Um pop-up na janela é exibido. Podemos deixar a opção padrão camadas Merced e clique em “Ok”. Em seguida, arrastamos o arquivo para nossa composição principal logo acima da camada de fundo. Abrimos comes propriedade position e criar um quadro-chave no início até a linha do tempo. Selecionamos a camada e movemos para a direita para que a animação comece em nossas paisagens lado esquerdo. Então vamos para o meio da linha do tempo. Os cinco segundos especificamente. Nós movemos a paisagem para a esquerda até onde nossa paisagem termina. Vamos pré-visualizar. Já podemos ver nosso Bobby andando pelo CD. Mas se você cuidar depois de cinco segundos, a paisagem permanece parada. Para resolvê-los, vamos criar uma expressão. Lembre-se que para aplicar uma expressão, precisamos clicar neste cronômetro enquanto mantém pressionada a tecla Alt. Em seguida, escrevemos a expressão de loop out. Você não deve ser confundido com a expressão loop out sendo divertido que temos aplicado anteriormente. Com essa expressão, o movimento reinicia uma e outra vez sem a necessidade de criar mais quadros-chave. Vamos dar uma olhada. Está gostando do curso? Por favor, siga-me no Skillshare, para que você não perca nenhuma das minhas próximas aulas.
8. Deixando tudo ainda mais bonito: A partir desta animação, vamos criar esta animação que você está vendo na tela de uma maneira simples. A primeira coisa que temos que fazer é duplicar a composição do painel do projeto. Com a composição selecionada, pressionamos a tecla Enter e nomeamos a nova composição para não confundi-la com a anterior. Em seguida, clique duas vezes dentro da composição. Vamos importar esse design que preparamos anteriormente no Adobe Illustrator. Para fazer esta ilustração, separamos o design em duas camadas. Perfeito. Agora, vamos voltar ao After Effects e importar o arquivo. Neste caso, embora seja um arquivo em camadas, vamos selecionar a opção de importação como composição. Você pode estar se perguntando por quê. Porque ao arrastar várias camadas dentro de uma composição, é a melhor opção. Selecione as camadas e arraste-as para a composição. Nós os colocamos no lugar desejado e vamos para o início da linha do tempo. Às vezes, quando você arrasta camadas para a composição, elas são extraviadas. Resolvemos isso arrastando a camada de roda em cima da camada número 1 e ligamos ambas as camadas com a camada de corpo. Vamos ampliar um pouco para funcionar melhor. Agora, vamos adicionar um pouco de peso à nossa animação. Para fazer isso, vamos animar a escala da roda. Primeiro, colocamos os pontos de ancoragem na base da roda. Mas por que na base? Olhe para a animação final. Quando a roda atinge o chão, ele esmaga um pouco. Agora, podemos animar a roda. Queremos que a roda esmague quando atingir o chão e
volte ao seu estado normal no ponto mais alto do salto. Abrimos esta propriedade scale e desativamos a opção, Restringir Proporções, clicando neste símbolo aqui. Definimos a escala para 105 para o eixo x e 95 para o eixo y para esmagar ligeiramente a roda. Coloque no quadro 2 na linha do tempo, coincidindo com os momentos em que o corpo está mais próximo do chão e crie um quadro-chave. Avançamos quatro quadros e definimos os valores para seu estado natural. Isso é 100 e 100. Quando esmagar ou esticar um objeto, ele deve sempre manter a mesma massa que os objetos em seu estado natural. Nesse caso, se adicionarmos a escala em ambos os quadros-chave, o valor total será 200. Selecionamos os quadros-chave, clique com o botão direito do mouse e suavizamos o movimento com facilidade ou pressionando F9 Copiamos a expressão LoopOut pingpong de uma das camadas que têm seu brilho. Selecionamos a escala e colamos. Vamos pré-visualizar para ver se tudo funciona bem. Eu gosto disso. Agora, vamos criar a ilusão de que a roda está girando criando uma linha de rotação dentro da roda. É essencial ter certeza de que não há nenhuma camada selecionada como vamos criar a máscara, que não é o que queremos fazer. Vamos para Editar, Desmarcar Tudo. Em seguida, mantenha pressionada a ferramenta de retângulo para que o resto das opções apareça. Em seguida, selecionamos a ferramenta de elipse. Para criar um círculo perfeito, devemos manter pressionada a tecla shift enquanto arrasta. Colocamos o círculo no centro da roda usando a ferramenta de seleção. Demos ao nosso traçado uma grandeza de seis pixels e podemos colorir vermelho, por exemplo. Para animar a rotação, vamos para as novas opções de configuração da camada de forma e selecionamos a opção, adicione Trim Caminhos. Definimos [inaudível] para 25% e criamos uma expressão na propriedade offset. Vamos escrever a seguinte expressão que você viu na tela. Ao aplicar esta expressão, a roda girará uma vez e meia por um segundo. Uma volta completa é 360 graus. Se multiplicarmos por 1,5, obtemos 540. Para terminar, vamos ligar a camada de forma com a camada de roda. Vamos pré-visualizar. Aqui temos nosso querido amigo caminhando alegremente pela cidade. Como você pode ver, podemos aproveitar nossas animações para mais de um uso. Na próxima lição, veremos como mudar nosso segundo projeto parece simplesmente.
9. Cores: Agora, vamos ver como mudar a cor da nossa segunda animação. É muito simples. A primeira coisa que vamos fazer é colocar todas as camadas,
exceto a paisagem e o fundo, em uma nova composição para colorir nosso filhote de cachorro mais facilmente. Primeiro, selecionamos as camadas. Clique com o botão direito e selecione “Pré-compor”. Damos um nome e “Aceitar”. Agora, temos todas as camadas do cachorro separadas em uma composição. Para mudar a cor, vamos aplicar um efeito. Com a composição selecionada,
selecionamos “Efeito”, “Correção de Cor”, “Matiz/Saturação”. painel Controle do efeito, modificamos a cor manipulando a Matiz mestre. Se você não conseguir ver este painel, você precisa ir para Janela e selecionar “Controles de efeito”. Selecionamos “Efeito” e copiamos. Em seguida, selecionamos as camadas paisagem e plano de fundo e colamos o Efeito. Mais uma vez, modificamos o valor do Master Hue ao nosso gosto, e é isso. Já temos nossos dois projetos prontos para exportar.
10. Renderização: Agora que temos nossos projetos prontos, podemos exportá-los. Tenha em mente que a composição que temos atualmente aberta será exportada. Para isso, vamos para Composição e selecione Adicionar ao Adobe Media Encoder. Media Encoder ajuda a publicar projetos exportados de forma mais eficiente. Primeiro, escolhemos um codec. Neste caso, usaremos H264. Ele exporta o vídeo em MP4, o formato mais utilizado para a web. Em relação à ALT para a resolução, podemos escolher a opção Match Source, alta ou média bitrate para evitar erros e exportá-lo no mesmo tamanho que temos trabalhado no projeto. Finalmente, escolhemos o local onde exportaremos o vídeo e daremos um nome ao arquivo. Para terminar, clique no botão play aqui. Com isso, tudo estará pronto. Uma vez concluído o processo, você pode abrir seu vídeo e começar a compartilhá-lo em suas redes sociais.
11. Projeto e considerações finais: Sim, você conseguiu. Você chegou ao fim deste curso. Parabéns. Agora, é a sua vez. Aplicando tudo o que você aprendeu, convido você a animar seu animal favorito. Estou ansioso para ver o seu trabalho, por
isso, por favor, carregue-os para a galeria do projeto do curso. Convido você a visitar meu perfil, onde você pode dar uma olhada em todos os meus cursos de animação. Use referências para obter inspiração, e não se esqueça de praticar, como é a única maneira de melhorar. Mas isso é só o começo pessoal. Estarei lançando muitos cursos de animação de personagens em breve. Não se esqueça de me seguir para mais. Se você gosta do curso, por favor me deixe um comentário. Ficarei muito, muito grato. Espero vê-lo novamente em cursos futuros. Obrigado.
Carminys Guzmán, Motion grapher
