Noções básicas de animação de desenhos à mão | Johannes Fast | Skillshare
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Noções básicas de animação de desenhos à mão

teacher avatar Johannes Fast, 2D Animator

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      0:54

    • 2.

      Os 12 princípios de animação

      3:34

    • 3.

      As ferramentas: Adobe Animate

      4:36

    • 4.

      Como exportar um GIF animado

      1:56

    • 5.

      Como animar texto em ebulição: teoria

      1:19

    • 6.

      Como animar texto em ebulição: prática

      1:22

    • 7.

      Como animar uma bola quicando: teoria

      2:10

    • 8.

      Como animar uma bola quicando: prática

      8:54

    • 9.

      Como animar texto líquido: teoria

      1:18

    • 10.

      Como animar texto líquido: prática

      4:57

    • 11.

      Como animar bandeiras e movimento ondulado: teoria

      1:56

    • 12.

      Como animar bandeiras e movimento ondulado: prática

      6:39

    • 13.

      Como animar um ciclo de caminhada: teoria

      4:27

    • 14.

      Como animar um ciclo de caminhada: prática

      11:42

    • 15.

      Seu projeto

      1:24

    • 16.

      Conclusão

      0:33

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

14.626

Estudantes

196

Projetos

Sobre este curso

É hora de aprender a animar!  Junte-se ao animador Johannes Fast e aprenda a animar neste curso introdutório sobre animação digital “cel”. Este curso abrange os princípios básicos de animação e técnicas de fluxo de trabalho simples no Adobe Animate.

_______________________________

O que faremos:

Neste curso, você aprenderá o fluxo de trabalho de animação básica, os doze princípios de animação, como aplicá-los e muito mais! Na parte final do curso, você aprenderá a aplicar todo o seu novo conhecimento descoberto em animação e animará seu primeiro ciclo de caminhada. 

O que você pode esperar aprender com este curso:

  • Como animar uma bola quicando em pesos diferentes
  • Como animar texto
  • Como fazer animação líquida
  • Como animar bandeiras
  • Como animar um ciclo de caminhada

Para quem é este curso?

Este curso é o melhor para qualquer pessoa que queira aprender a dominar animação. Ele é voltado para estudantes com pouca ou nenhuma experiência anterior em animação e é ótimo para aspirantes que querem entrar no setor de animação, quem faz ilustrações e quer animar seu trabalho, quem cria conteúdo e quer animar seus próprios vídeos, ou qualquer pessoa criativa que queira adicionar outra ferramenta ao seu kit de ferramentas para atender melhor os clientes.

Ao final deste curso, você conhecerá os conceitos básicos que todos os aspirantes a animadores precisam, para começar a criar suas primeiras animações e você terá suas primeiras peças animadas para começar seu portfólio ou apresentação. 

Requisitos: 

Um programa de animação digital é necessário para o curso, preferencialmente o Adobe Animate. Você também precisará de um tipo de tablet de desenho digital. Pode ser um mouse, mas isso tornará o processo muito mais difícil.  Um dispositivo iPad/tablet com um aplicativo de animação também funciona bem. 

Aplicativos e software recomendados:

  • Adobe Animate
  • Adobe Photoshop
  • Rough Animator (iPad)
  • Calipeg (iPad) 
  • Flipaclip (Apple/Android)

Recurso do Instagram:

A cada duas semanas, escolho alguns dos meus projetos favoritos de estudantes em meus cursos para aparecerem no meu Instagram. Se você quer ter a oportunidade de ter seu trabalho exibido, publique seu trabalho na comunidade de estudantes e marque seu Instagram. E se você compartilhar seu trabalho no Instagram ou Twitter, marque @johanimation para que eu possa vê-lo! 

Quer aprender ainda mais?

Confira meus outros cursos!

Encontre ainda mais cursos aqui

Conheça seu professor

Teacher Profile Image

Johannes Fast

2D Animator

Professor

Hi! My name is Johannes Fast, I'm a traditional animator & motion designer living and working in Vancouver, Canada. I was born and raised in Sweden, the country of meatballs and cheap furniture.

I started out my career in animation attending a motion graphics focus education at Hyper Island, during this time I took multiple online classes focused on traditional animation to hone in on my craft. After my time at Hyper Island, I went on to spend roughly 18 months at multiple internships around the world, and I've been lucky to spend time at places like BRIKK, NERDO and Giant Ant.

During my career I've been grateful to have had the opportunity to work for many amazing clients and on many incredible projects like Arcane, Studio Trig... Visualizar o perfil completo

Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Oi, meu nome é Johannes Faus. Eu sou um animador tradicional da Suécia e atualmente estou morando no Canadá e trabalhando em um estúdio chamado Janas. Eu crio conteúdo animado para a TV e a Web. Como algumas das coisas que você vê aqui. Neste curso vou ensinar-lhe os conceitos básicos da animação tradicional. Vou usar o Adobe Animate, mas você pode usar qualquer programa de animação que quiser. Vamos começar olhando para os princípios da animação e então vamos aplicá-los a diferentes tipos de animações em dificuldade crescente. Até lá um pouco, você terá seu primeiro ciclo de trabalho para começar seu portfólio e eu adoraria que você compartilhasse seu trabalho na comunidade durante este curso,para que você compartilhasse seu trabalho na comunidade durante este curso, todos possamos vê-lo e aprender uns com os outros. cada duas semanas vou escolher três das minhas animações favoritas e publicá-las nas minhas histórias do Instagram. Lembre-se de me seguir aqui no Skillshare porque você não quer perder nenhuma das minhas próximas aulas. 2. Os 12 princípios de animação: Neste vídeo, vou cobrir os 12 princípios básicos de animação. Estes 12 princípios são as regras mais básicas para criar um belo momento. Número um, arcos. Quase todas as ações seguem arcos com poucas exceções. Arcos ajudam sua animação a parecer suave e natural. Número dois, squash e esticar. Squash e stretch recebe seu personagem de animação. A bola esmaga quando atinge o chão, ou permanece sólida? O que isso te diz sobre o objeto? Número três, antecipação. Para fazer uma ação de se sentir grande e importante, você precisa de uma pré-ação para encenar sua ação principal. Como neste exemplo, o personagem se inclina para baixo e recolhe energia antes de saltar. Número quatro, ação secundária. A ação secundária é uma ação que segue sua ação principal para enfatizá-la. Como neste exemplo, a perna enfatiza o movimento principal, que é o botão irritado esmagando. Número cinco, encenação. Encenação é o ato de apresentar seu assunto ao espectador o mais claro possível. Número seis, em frente e posar para posar. Animação direta significa desenhar de um quadro para outro. Esta forma de animação é ótima para movimentos orgânicos, como fumaça e fogo, porque torna sua animação mais dinâmica e aleatória. Pose para pose significa planejar e desenhar as grandes poses de sua ação primeiro e depois preencher os desenhos no meio. Isso é ótimo para animação de personagens onde você teve que acertar poses de teclas específicas em toda a cena. Normalmente, porém, uma combinação dos dois é usada. Lenta e desacelera, todas as ações precisam de tempo para começar e parar para não se sentir rígidas. Para criar essa ilusão de que seu objeto está acelerando ou diminuindo a velocidade, você desenha mais imagens para transmitir um movimento mais lento ou desenha suas imagens mais distantes para transmitir um movimento mais rápido. Número oito, cronometragem. tempo é a quantidade de quadros que sua ação toma. Um bom tempo é fundamental para uma boa animação. Por exemplo, uma bola leve saltará de forma diferente de uma bola pesada. Se o momento for errado, seu público não entenderá o tipo de objeto que você está tentando retratar. Número nove, exagero. exagero é o ato de empurrar suas ações para além da realidade. Mas não exagere, fique um pouco dentro da realidade apenas torná-lo mais divertido. Número 10, desenho sólido. Isso significa que você precisa levar em conta que suas animações 2D existem em um espaço 3D. Mantenha-se sempre fiel ao volume, peso, equilíbrio, etc. Número 11, apelo. Apelar é como o carisma para uma ação. Suas ações têm que ser bonitas para os olhos dos espectadores. Número 12, siga e sobreponha a ação. Seguir através é uma ação que vem após a sua ação principal, como uma chama atrás de um fósforo. Ação sobreposta é uma ação que tende a se mover ligeiramente fora de sincronia com a ação principal, como um salto de cabeça ficou fora de sincronia com o corpo ou braços balançando ao longo de um personagem está andando. É isso para esta lição, e eu vou te ver na próxima. 3. As ferramentas: Adobe Animate: Agora vou mostrar as ferramentas básicas que usaremos durante este curso. Para este curso, estarei animando no Animate CC, mas você pode usar qualquer programa de animação que quiser. Quando você iniciar seu programa, você será recebido com esta tela. Aqui, você seleciona o tamanho da tela e, aqui, você seleciona sua taxa de quadros. Eu quase sempre trabalho em 24 quadros por segundo. O tipo de plataforma, você pode deixar isso como está. É assim que o programa se parece. Para o lado aqui, você tem suas ferramentas. Aqui, você pode encontrar sua ferramenta de pincel, sua borracha, tudo o que você precisa, e ao lado aqui, você terá suas configurações de menu. Qualquer programa de animação terá uma linha do tempo, e essa é a aparência da linha do tempo no Animate CC. Aqui, você tem suas camadas, e aqui você tem seus quadros. Para criar uma nova camada, você vai clicar neste botão aqui em cima, e você vai obter uma nova estrutura de camada aqui. Se quisermos adicionar quadros a esta camada, você pressiona “F5”. Como você pode ver aqui, estou adicionando quadros a este desenho. Este é um desenho longo sendo mantido para 25 quadros. Se eu desenhar algo aqui, ele vai jogar por 25 quadros. Para cortar este desenho em quadros menores, você pressiona “F6”. Agora aqui em cima, eu tenho um desenho sendo mantido para dois quadros. Isto é o que um desenho sendo mantido para um quadro se parece. Se eu animar sobre estes, é assim que vai parecer. Se você quiser excluir quadros, clique em “Shift F5”. Se eu quiser dividir essa camada em incrementos de dois quadros, posso clicar com o botão direito do mouse aqui e ir para Converter em Animação Quadro por Quadro, e depois todos os outros quadros, e ele cortará isso em incrementos de dois. Outra característica importante de um programa de animação é a pele de cebola. pele de cebola faz com que você possa ver os quadros antes e depois. No Animate CC, você encontrará seu esfolamento de cebola aqui em cima. Se você clicar neste botão, você será capaz de ver os desenhos que estão antes e depois do desenho em que você está. Como este. Agora, se eu voltar, posso ver os quadros antes e depois. Posso ajustar isso, e ver mais ou menos. Se você estiver familiarizado com qualquer outro programa da Adobe, você tem suas ferramentas básicas de seleção aqui. Você pode desenhar algo, e então você pode clicar neste, e movê-lo ao redor. Você também pode torcer e incliná-lo se você quiser pressionando “Q”, e então você pode puxar sobre eles. Pressionando “Command”, posso puxar os cantos assim, e mantendo Option, você pode distorcer sua arte assim. Se você quiser preencher sua arte, você pode ir para a ferramenta balde rosa aqui, e basta soltar a cor clicando nela. Se você tiver muitas camadas, poderá criar pastas para classificar suas camadas. Para criar uma pasta, clique no ícone “Pasta” aqui em cima, e então você pode pegar essas camadas, e colocá-las na pasta, e você terá uma linha de tempo mais limpa. Em alguns casos, você pode ter obras de arte saindo do quadro de arte, e você ainda quer vê-lo. Para poder visualizar a arte que está fora do quadro de arte, você pode clicar neste botão aqui em cima. Isso revelaria tudo o que está fora da sua tela. Isso é tudo para os conceitos básicos do Animate CC. No próximo vídeo, mostrarei como exportar gifs do Animate CC e do Photoshop. 4. Como exportar um GIF animado: Agora vou mostrar como exportar um GIF animado do Animate CC. Quando terminar a animação, você usa ir para cima para arquivo, exportar e exportar GIF animado. Para decidir aqui você tem suas configurações, eu costumo deixá-los como estão, mas se você diz que eu não quero um fundo transparente, você pode desmarcar esta caixa aqui. Aqui em baixo. Você pode comprimir seu presente e torná-lo menor. Isso fará com que o GIF de saída seja menor no tamanho da tela e também menor no tamanho do arquivo. Depois de selecionar suas configurações, você pode descer aqui e torná-lo loop uma vez ou loop para sempre e quando terminar, basta clicar em Salvar. Aqui você tem seu GIF. Se estamos animando no Photoshop, mostrarei como exportar um GIF. Quando a animação estiver concluída, você vai para arquivo e exportação. Aqui, você vai para Salvar para Web. No Menu aqui você seleciona GIF, e aqui você tem suas configurações. Vou usá-los como eles são como um Animate CC aqui você pode alterar o tamanho do seu GIF e aqui, você seleciona a opção de loop. Depois disso, você clica em Salvar e aqui está seu GIF. 5. Como animar texto em ebulição: teoria: Para nos aquecer neste curso, vamos começar animando alguns textos em ebulição como o que você vê aqui. Animar textos em ebulição é bastante simples e só precisamos de alguns desenhos. Neste caso, eu tenho três desenhos sendo mostrados para dois quadros cada um em 24 quadros por segundo. Isso é chamado de animação em dois. É assim que seus desenhos seriam espaçados quando você animar em dois. Aqui você pode ver 12 desenhos sobre 24 quadros. Mas no nosso caso, vamos ter apenas três desenhos e, em seguida, fazer um loop, para que o espaçamento fique assim. Animar aqueles, porém, significa que você tem que desenhar 24 imagens para cada segundo de animação. Nos filmes antigos da Disney, eles os animavam com frequência. Este é um monte de trabalho embora, e a maioria dos dias modernos animação tradicional é animado em dois porque ele corta para trabalhar ao meio. animação em uns às vezes é feita para ações muito rápidas. Adicionar esses quadros extras ajuda a tornar a ação mais clara. Mas, às vezes, trabalho quadro ainda mais baixo. Como neste caso, o robô é animado em quatro patas. Tudo bem. Essa era a parte teórica desta lição. No próximo vídeo, vou mostrar-lhe como fazer a animação real. 6. Como animar texto em ebulição: prática: Vá em frente e abra um programa de animação preferido e faça um novo projeto a 24 quadros por segundo. Escolha um texto que deseja animar. Neste caso, estou usando uma fonte caligrafia chamada Rafa Lanok futuro. Mas você pode fazer seu próprio texto à mão se quiser. Quando você tem um desenho dos textos que deseja animar, certifique-se de que ele é válido para dois quadros e criar um novo quadro depois dele. Ligue, a tela para que você possa ver o quadro anterior. Agora, você simplesmente como traçar sobre o quadro anterior. Quanto mais desleixado você rastrear os textos, mais ele vai ferver. Depois de rastrear esse quadro, você adicionará outro quadro e fará a mesma coisa novamente. Certifique-se de que todos os três quadros estão sendo mantidos para dois quadros cada, e você está pronto. Vá em frente e pressione “Play”, e você terá sua primeira animação. Para esta tarefa, eu quero que você tente animar uma ebulição textos. Quero que animem 24 quadros por segundo em “2s”. Depois de terminar, exporte um GIF como 1080 por 1080 pixels e publique na comunidade. Boa sorte. 7. Como animar uma bola quicando: teoria: Nesta lição, vou abordar essa teoria de animar e saltar bola. A bola saltitante é o exercício mais básico e importante para qualquer animador inicial e é um dos exercícios mais fáceis para os alunos praticarem em diferentes princípios de animação. É usando alguns princípios que você pode mudar completamente o caráter de sua bola. Os dois princípios principais que vamos usar são o tempo, a abóbora e o alongamento. Ambos os princípios trabalharão juntos para transmitir como a bola é mais pesada, quão grande ela é e de que material ela é feita. Aqui está uma animação áspera de um salto bola básica. No lado você pode ver o espaçamento dos quadros. Tudo o que cair vai acelerar. Isso significa que você precisa espaçar seus quadros mais distantes à medida que a bola cai em direção ao chão, e vice-versa, a gravidade vai diminuir e vai subir. Assim, você precisa espaçar seus quadros mais próximos à medida que a bola se aproxima do pico. É importante que o espaçamento de seus quadros esteja correto. Caso contrário, a ilusão vai quebrar. Com temporização e abóbora e alongamento, você pode transmitir diferentes tipos de materiais, tamanhos e pesos. Uma bola de tênis pequena e leve vai saltar alto e rápido. Uma bola de praia vai saltar um pouco mais baixo e lento, e uma bola de boliche mal vai saltar. Aqui está um exemplo de uma tigela seguindo um arco. Para cada salto, a bola perderá parte de sua energia, como você pode ver no arco aqui e como um salto de bola reta, a bola desacelera quando atinge o pico e acelera à medida que desce . Então agora você pode estar se perguntando por que é relevante saber como animar uma bola saltando para outros tipos de animação. A coisa é que até mesmo um ciclo de caminhada pode ser dividido em uma bola saltando. Tanto o corpo como a cabeça podem ser divididos em bolas saltitantes de adicionar os braços e as pernas. Tudo bem, isso é tudo para a teoria da bola saltando, no próximo vídeo, eu vou te mostrar como eu faço isso. 8. Como animar uma bola quicando: prática: Vamos animar uma bola saltitante. Quando eu animo uma bola saltando, eu sempre animo em frente. Isso significa que eu começo com a primeira pose e eu animo a partir daí. Comece desenhando sua primeira pose e, em seguida, pode ser inteligente marcar a altura desta pose, porque para cada salto, a bola vai perder alguma energia. Aqui você tem sua primeira pausa. Você vai para o próximo quadro. Certifique-se de que você está entrando para que você possa ver o quadro anterior e, em seguida, você fazer o seu segundo desenho e mover este para baixo apenas um pouco. Gosto de tornar a minha flexibilização lenta no início para fazer com que o salto pareça realmente dinâmico à medida que a bola acelera. Vamos ao terceiro quadro, e movemo-lo ainda mais. Agora nosso quarto quadro, nós movê-lo ainda mais. Agora vá para o nosso quinto quadro e aqui a bola está começando a esticar por causa da velocidade. Podemos até fazer essa pose aqui. O quarto começa a esticar. Para que o equilíbrio pareça impactante, podemos fazer uma postura de impacto onde a bola está começando a tocar o chão antes de esmagar. Você provavelmente quer mover esses quadros um pouco para cima. Agora fazemos a nossa pose esmagada aqui, a bola atinge o chão. Podemos verificar o que temos. Em seguida, a bola salta fora do chão e tem um monte de energia agora como ele sobe. Fazemo-lo esticar à medida que sobe. Então desenhamos nossa próxima pose e aqui, começando a perder parte dessa energia por causa da gravidade trabalhar contra ela. Agora podemos fazer com que comece a aliviar muito mais. Aqui está começando a perder muita energia. Ele desacelera e está atingindo seu pico aqui e deve descer novamente. Acelera. Podemos começar a adicionar algum alongamento a ele. Podemos fazer uma pose de impacto e ele esmaga novamente, mas ele esmaga um pouco menos agora que perdeu parte de sua energia. Agora vamos verificar se isso está procurando, ver se precisamos consertar alguma coisa. Está parecendo bom. Então a bola sai do chão novamente, estou esticando um pouco menos agora, porque perdeu ainda mais energia. Sai fora. fazer o próximo quadro. Agora, não vai alto em tudo. Abranda e começa a cair de novo. Agora não se estica muito. O impacto é ainda menor agora. [ inaudível] como isso está parecendo. Agora perdeu ainda mais energia. Mal se estica. Abranda muito rápido, como você vai para baixo novamente. Agora não está esmagando muito. Ele salta para cima novamente. Agora ele mal tem qualquer altura e então eu devo descer. Só temos um pouco de abóbora. Sobe de novo, desacelera, desce. E tem uma pequena abóbora final ao chegar à sua posição final. Agora nós tornamos este quadro inteiro. Isso é um salto básico de bola. Para esta missão, quero que animem um salto de bola. Eu quero que você animar em 24 quadros por segundo em 2s e eu quero que você animar pelo menos uma bola. Antes de começar a animar, eu quero que você pense sobre o que uma bola é feita e quanto ela pesa. Então, usando os princípios da animação, quero que você transmita o peso e o material corretos em sua animação. Assim que terminar, gostaria que você exportasse um GIF e publicasse na comunidade. Por favor, comente com seu identificador Instagram, se você gostaria de ter uma chance de se destacar. Boa sorte. 9. Como animar texto líquido: teoria: É hora de tentarmos animar algum texto líquido. Para animar um texto como este, precisamos usar alguns princípios, sendo o principal arcos e flexibilização, mas também vamos fazer algum alongamento e ultrapassagem. Para facilitar a animação de textos, gosto de dividi-lo em partes separadas e fazer cada parte por conta própria, em vez de animar a coisa toda de uma só vez. Começo pegando o texto que quero animado e desenho sobre arcos para que as blobs de cor sigam. Eu tento variar os arcos para torná-los animação mais interessante. Quando eu tenho meus arcos, eu marcar mais ou menos o tempo que eu quero para as manchas de cor, e eu gosto de torná-lo muito ágil, tornando-o ir rápido em torno das curvas do arco. Depois disso, é só uma questão de desenhar seus quadros. Você pode brincar com diferentes tipos de animações à medida que as bolhas se instalam nas letras. Ou fazer algum overshooting ou talvez uma ação secundária de bolhas menores que se separam do grande. Às vezes, quando eu faço esta animação de textos líquidos, eu quebro o princípio do desenho sólido e squash e esticar as bolhas como eu achar melhor. No próximo vídeo, vou mostrar como faço essa animação. 10. Como animar texto líquido: prática: Comece criando uma camada com os textos que deseja animar. Depois disso, crie uma nova camada e desenhe os arcos que você deseja que seus blobs sigam. Gosto de variar o tamanho e a forma dos meus arcos , tanto quanto possível para tornar a animação mais divertida. Nos arcos, você pode desenhar o lá, facilitando seu planejamento. Preste muita atenção quando planeja sua flexibilização. Você não quer que sua animação acelere ou desacelere nos momentos errados. Depois de ter seus arcos planejados, crie uma nova camada e comece a desenhar em seus quadros. Eu animo em 24 quadros por segundo, e eu mantenho cada desenho para dois quadros. Como mencionei na parte teórica, é mais fácil dividir cada parte do texto em camadas separadas. Aqui vou mostrar-lhe como animar uma parte de uma carta. Certifique-se de que sua animação está seguindo os arcos corretamente. Caso contrário, a animação não fluirá muito bem. Gosto de acrescentar as pequenas bolhas que se separam das grandes. Isso faz com que a animação se sinta um pouco mais interessante. Mas é fácil fazer muitos, então não exagere. Para este texto, decidi não ultrapassar a acção principal, uma vez que se instala na sua posição final. Mas em vez disso, adicionei alguma ação secundária com bolhas voando para fora da principal. Mas isso depende de você e de como você gosta. Uma vez que você tenha feito sua primeira parte, você só precisa aplicar o mesmo princípio a todas as outras partes. Vou acelerar a próxima parte do vídeo para vermos o resultado final. Mas sinta-se livre para pular para o final do vídeo para a tarefa. Ok, então é assim que eu animo um texto líquido. Então, para esta tarefa, eu quero que você desenhe um texto ou encontre uma fonte que você goste e que você queira animar dessa maneira, uma palavra divertida ou talvez seu nome e crie uma animação líquida dela. Quero que se animem em 24 quadros por segundo. E eu quero que você segure cada desenho para dois quadros. Faça seu quadro de arte 1080 por 1080 pixels e sua animação finalizada não deve ser inferior a dez segundos. Para esta tarefa em particular, quero que você pratique sua flexibilização e desenho bons arcos. Mas você também pode experimentar com ação secundária, esmagar e esticar, ultrapassar, adicionar o que quiser. Quando terminar, quero que exporte um GIF e faça o upload para a comunidade para que os colegas possam ver. 11. Como animar bandeiras e movimento ondulado: teoria: Vamos olhar para a teoria de animar uma bandeira, e animar o movimento das ondas em geral. Sabendo animar uma bandeira bem, ele irá ajudá-lo com muitas outras animações também, pois da mesma forma que o movimento pode ser usado em muitos lugares diferentes. Por exemplo, a fumaça pode ser dividida em movimento básico de onda como você vê aqui. grama balançando ao vento também é um movimento de onda para frente e para trás. Ele também pode ser aplicado a muitas outras coisas, como roupas em um personagem em movimento, cabelo balançando no vento, etc Dependendo do tipo de movimento de onda que eu estou fazendo, eu ou animar em frente ou postar para postar. Para os movimentos mais orgânicos como fumaça, eu animo em frente. Mas para uma bandeira em loop, eu sempre faço minhas poses de chave e, em seguida, entre ela. Aqui está uma quebra de um movimento básico de onda. Quando você animar esses tipos de movimentos de onda pode ser bom como eu estou sobrepondo ação arrastando o fim da onda assim. Isso tem que ser ditado pelo tipo de objeto que você está animando. Uma bandeira básica pode ser dividida em duas poses principais. A primeira é uma onda básica como esta, e a segunda postagem é o inverso dessa onda, assim. Quando você tem suas duas poses de chave é apenas uma questão de adicionar os quadros no meio. Quanto mais in-between você adicionar ao loop, lento a bandeira se moveria, e quanto menos in-in-between você adicionar, mais rápido será movido. Lembre-se, que um e que a bandeira é, naturalmente, preso ao poste, então ele não vai se mover, enquanto a outra extremidade pode se mover tanto quanto você quiser. Certifique-se de que a escolha esteja sempre viajando na direção certa ou sua bandeira piscará para frente e para trás. Tudo bem, é isso para o tutorial da bandeira. No próximo vídeo, mostrarei como se faz. 12. Como animar bandeiras e movimento ondulado: prática: Agora vou mostrar-lhe como animar uma bandeira simples. Quando eu animar uma bandeira como esta que é suposto para loop, Eu sempre animar pose para posar porque torna muito mais fácil. Mas se eu quiser fazer uma bandeira mais dinâmica, eu iria animar em frente para realmente obter aquela sensação orgânica que você tem quando você está desenhando um quadro após o outro. Eu começo fazendo minha primeira pose, que será apenas uma onda simples, e nós só precisamos fazer uma onda porque nós temos pegar toda essa camada e vamos obtê-la duplicada e colocá-la aqui para que não tenhamos para fazer as duas ondas. Aqui está sua primeira pose. Você quer ir à frente de seus quadros e ligar sua derrapagem e então você quer fazer a pose oposta. Tenha em mente que é aqui que a bandeira está conectada à pesquisa. Este lugar aqui estará sempre no mesmo lugar. Você desenha o oposto dessa pose, algo assim, e eu fiz isso no quadro sete aqui, e estamos animando em 2s. Haverá três desenhos antes de chegarmos à próxima pose chave. Então vamos loop no quadro 13, então esses dois são as mesmas poses, e então o meio é o oposto. Agora eu vou para o meu segundo desenho aqui e eu ainda tenho minha derrapagem em subir para que eu possa ver minhas duas poses chave. Queremos desenhar a pose que é um quarto entre essas duas poses. Não queremos ir até aqui. Vai parecer mais ou menos algo parecido com isso. Este ponto aqui, chegará aqui. Podemos realmente fazer isso um pouco mais alto. Agora desenhamos um quadro no meio daqui, esta colisão aqui agora estará entre estes dois solavancos. Algo como isto, e se ligarmos isto, obtemos isto. Agora fazemos a mesma coisa desde a segunda pose da chave, volta à primeira pose da chave. São todos os quadros que precisamos. Agora nós excluímos este último quadro aqui que é o mesmo que o primeiro quadro, e então nós repetimos isso, nós temos um movimento básico de onda. Agora podemos pegar essa camada e duplicá-la, e uma vez duplicada queremos pegar todos esses quadros, puxá-los para baixo, colocá-los lá. Agora quase temos uma bandeira. Para tornar isso um pouco mais chique, podemos pegar todos esses quadros e no Mac você pode pressionar “Alt” e arrastá-los. Agora nós os repetimos duas vezes e, em seguida, você deseja excluir esses cinco quadros aqui. Nós compensamos a onda por um quadro. Podemos apagar esta moldura aqui. Agora essas ondas são compensadas com um quadro. A última coisa que precisamos fazer agora é adicionar outra camada, e agora nós apenas amarrar esta bandeira juntos. Agora você pode pressionar “Play” e nós temos uma bandeira realmente básica. Esta tarefa é dividida em duas partes. Primeiro, quero que animem um loop de bandeira. Nesta parte, eu quero que você pratique sua pose para pose de animação, separe suas duas poses chave e, em seguida, anime o intermediário. Para a segunda parte, eu quero que você pratique animação em frente com mais movimento orgânico. Eu quero que você animar uma bandeira em frente e esta não tem que fazer loop, então você pode ficar um pouco mais louco aqui. Quero que você se anime em 24 quadros por segundo em 2s e, quando terminar, exporte um GIF em 1080 por 1080 pixels e publique-o na comunidade. Divirta-se. 13. Como animar um ciclo de caminhada: teoria: O ciclo básico de caminhada é uma das coisas mais importantes para o nosso animador iniciante dominar. Ciclos de caminhada são uma coisa muito comum ter que animar quando você trabalha como um animador, e é uma das ações mais básicas de um personagem, e também é algo que você pode construir vastamente sobre. Um ciclo de caminhada pode dizer muito sobre um personagem. O personagem está feliz ou talvez triste? Ela está pensando em alguma coisa? Ou talvez ele nem saiba no que está pensando? Um personagem está fazendo uma ação, como tocar tambor? Ou é um personagem mesmo fugindo de alguém. Também é muito comum que os estúdios tenham um requisito de que os animadores que se candidatam estágios ou papéis juniores tenham que ter pelo menos um ciclo de caminhada em seu portfólio. O objetivo com essas últimas lições é dar o seu começo. A primeira vez que anima um ciclo de caminhada, pode parecer um pouco esmagador. Mas não tenha medo, o ciclo de caminhada pode ser quebrado relativamente facilmente, e eu vou lhe mostrar como. Como na maioria das animações, a maneira mais fácil de se aproximar do ciclo de caminhada é dividi-lo em poses chave. As duas posições-chave mais básicas de um ciclo de caminhada são a pose de contato e a pose de passagem. Apenas com essas duas poses, você basicamente mais velho para ter algo que se parece com um ciclo de caminhada, apenas não um muito bom. Precisamos adicionar mais duas poses para fazer as caminhadas como olhar bom, esses dois processos são a pose para baixo que vem após a pose de contato como o personagem está pegando seu peso na perna da frente. A quarta pose, é a pose para cima, isso vem após a pose de passagem, e é uma pose onde o personagem é o mais alto possível. Uma vez que temos essas quatro poses chave do ciclo de caminhada, o resultado não vai parecer muito ruim. Isso seria suficiente para alguns casos estilizados onde você trabalha são extremamente baixa taxa de quadros. Mas, claro, queremos que pareça suave. Normalmente, as pessoas dão um passo a cada meio segundo, completando um ciclo de etapas completo em um segundo. Sabendo que eu costumo adicionar um entre a pose para baixo e a pose de passagem, e um entre a pose para cima, e a próxima pose de contato, totalizando seis desenhos para um passo e 12 desenhos para um ciclo completo de dois passos. Aqui está um exemplo de um ciclo de caminhada muito básico onde tudo está se movendo uniformemente. Como você pode ver, o ciclo de caminhada pode ser dividido em duas bolas saltando, para tornar essa animação mais fácil. Eu costumo começar com minhas duas poses principais, a pose de contato e a passagem e pose, e então eu desenho sobre elas com uma bola para a cabeça e uma para o corpo. Em seguida, procedo a animar o movimento para cima e para baixo da cabeça e do corpo. Depois que isso é feito para o ciclo completo, eu desenho sobre o personagem no topo. Separar a cabeça e o corpo assim torna muito mais fácil quando você quer deslocar o movimento da cabeça para o corpo. Outra coisa a recomendar quando você faz um ciclo de caminhada é dividir seu personagem em diferentes camadas, modo que seus braços e pernas todos têm suas próprias camadas e seu corpo e cabeça também são separados. Isso torna mais fácil compensar o balanço dos braços e o balanço da cabeça. Deslocar os braços e a cabeça é uma maneira fácil fazer suas caminhadas como um olhar muito mais interessante. Aqui está um exemplo de um ciclo de caminhada básico, e aqui está um exemplo de um ciclo de caminhada de deslocamento. Para um ciclo de caminhada de deslocamento básico, você só precisa deslocar a cabeça e os braços por um desenho. Mas se você quiser estilizar seu personagem e fazê-lo se sentir feliz ou triste, você pode tentar empurrar os quadros para trás ou para frente com um ou mais desenhos. Isso é tudo pela teoria. No próximo vídeo, vou mostrar a vocês como eu animo um ciclo de caminhada. 14. Como animar um ciclo de caminhada: prática: Ok, então agora eu vou te mostrar como animar um ciclo básico de caminhada. Quando eu animo, um ciclo de caminhada, eu animo pose para pose. Isso torna a quebra muito mais fácil. Aqui eu comecei com a pose de contato. Esta é a pose que ambas as pernas estão tocando o chão. Uma etapa leva cerca de meio segundo, então queremos copiar essa pose e invertê-la no Quadro 13. Vou dividir este personagem em três camadas porque queremos deslocar a cabeça e os braços para o resto do corpo. Vou copiar isto, mas quero inverter esta pose. Então esta perna aqui agora vai estar na frente. Vou em frente e inverter as pernas e os braços assim, e aqui temos duas poses de contato. Agora queremos adicionar a pose de passagem entre essas duas poses. Vou em frente e colar tudo aqui. Eu quero ativar a escala está ficando agora para que eu possa ver as duas poses anteriores. Tudo bem, então com a pose de passagem, a perna que estava na frente agora vai ficar bem debaixo do corpo, e isso vai empurrar o corpo e a cabeça para cima. Vamos mover tudo isso para cima, e então podemos desenhar a perna aqui embaixo, assim. Agora, você tem esta perna aqui indo para baixo do corpo e depois para trás. Queremos desenhar esta perna de trás aqui, passando por baixo do corpo, mais ou menos assim. Então queremos adicionar os braços, e durante a pose de passagem, o braço estará quase reto ao longo do corpo assim. Queremos ver o braço traseiro. Mas você pode desenhá-lo em insinuar também, se você quiser. Tudo bem. Então esse é o nosso processo de três chaves. Agora, podemos ir em frente e adicionar as poses entre aqui. Após a pose de contato, tivemos a pose para baixo. É quando o personagem se inclina em seu peso na perna. Vou em frente e colocar o pé aqui. É bom manter um espaçamento uniforme aqui, modo que você andar de bicicleta será mesmo quando você jogá-lo. Caso contrário, seu personagem estará deslizando se você colocar os pés de forma desigual. Este pé estaria aqui, e para o próximo quadro vai colocar o pé em algum lugar por aqui. Está bem. Então aqui eu vou desenhar a perna dobrada um pouco e colocar o corpo ainda mais aqui embaixo. Aqui o pé está começando a sair do chão, algo assim. Agora, para a cabeça, a cabeça estaria caindo com o corpo aqui, e os braços começarão a entrar em direção ao corpo algo assim. Tudo bem. Em seguida, queremos adicionar a posição entre a para baixo e a posição de passagem. Ligou sua derrapagem. Vemos o processo. Podemos ir em frente e copiar a cabeça. Aqui a cabeça está subindo, e mesmo com o corpo começando a subir em direção à pose de passagem. Este pé agora estará por aqui começando a endireitar e empurrando o corpo para cima e entre a perna aqui, assim. Então vamos adicionar armas, então os braços estarão entre aqui. Aqui temos meio passo. Agora, queremos fazer o mesmo para os dois últimos quadros aqui. Logo após a pose de passagem, teremos a pose de cima. Este é o lugar onde o personagem está indo o mais alto possível. Nós desenhamos o corpo aqui e aqui ele está começando a subir em seus dedos, então ele está empurrando o corpo para cima assim. A perna traseira está começando a sair. Podemos fazer com que os pés se arrastem um pouco para trás. Tudo bem. O braço está subindo, e o braço traseiro está vindo para cá agora. Tudo bem. Agora queremos adicionar o intermediário, então o personagem está caindo em pose de recontato aqui. Lá queremos adicionar o último quadro dos braços aqui. Tudo bem. Então aqui temos o nosso primeiro passo, e agora podemos jogar e ver se funciona. Isso está parecendo muito bom. Agora, vou em frente e fazer a mesma coisa. Mas com a outra perna, então terá uma caminhada completa de dois passos. Está bem. Então agora eu vou ir em frente e copiar a primeira pose de contato e colar no Quadro 25, e esse será o nosso loop. Nós não vamos ver este quadro, porque então nós teremos a mesma chama tocando duas vezes, mas nós vamos colá-lo aqui para que possamos entrá-lo mais fácil. Agora, vou prosseguir e fazer o próximo passo. Depois disso, vamos deslocar a cabeça e os braços. Eu fui em frente e animei o segundo passo. Copiei os quadros que fizemos e inverti o braço e a perna, então isto é o que conseguimos. Podemos ir em frente e apagar a última pose de contato aqui porque é a mesma que a primeira. Uma maneira fácil de tornar isso um pouco mais divertido é apenas para compensar os braços e as pernas com um quadro. Para fazer isso, queremos pegar este último quadro aqui e colocá-lo na frente. Eu vou em frente e mover este quadro sobre o mesmo com os braços. Agora podemos apagar esta cópia, temos uma cabeça deslocada para o corpo e o balanço é deslocado para o corpo também. Certo, é assim que fazemos um ciclo básico de caminhada. 15. Seu projeto: Para a tarefa final deste curso, quero que pegue tudo o que aprendeu e use-o para animar seu próprio ciclo de caminhada. As especificações para esta atribuição são 24 quadros por segundo animados em dois, e o g final deve ser 1080 por 1080 pixels. Quero que faça um ciclo completo de dois passos. Eu quero que você projetar um personagem de seu próprio, ou você pode usar um dos personagens que eu anexei na guia recurso se você não quiser fazer o seu próprio design. Quando começar a desbastar o seu ciclo de caminhada, lembre-se de usar as poses de teclas corretas. Você pode voltar para a parte teórica se precisar de ajuda para lembrar quais são essas poses. Primeiro quero que faça uma animação áspera do seu ciclo de caminhada, como fiz no último vídeo. Desenhe sobre sua pose de design e comece a desenhar as chaves a partir daí. Depois que você está entre o seu áspero e fez ambos os passos do ciclo de caminhada, eu quero que você faça uma nova camada e desenhe sobre o design final. Assim que seu ciclo de caminhada em loop estiver terminado e limpo, quero que você o exporte como um gif e publique na comunidade para que todos vejam. Como já disse antes, a cada duas semanas, escolho três das minhas animações favoritas da comunidade e partilho nas minhas histórias do Instagram. Boa sorte. 16. Conclusão: Parabéns, você fez isso através do básico da animação. Espero que você tenha achado este curso útil e que tenha aprendido muito sobre animação tradicional. Durante este curso, passamos por tudo desde os princípios da animação e como aplicá-los ao nosso próprio trabalho e fizemos nosso primeiro ciclo de caminhada animador. No futuro, eu adoraria ver como você aplica o que aprendeu aqui ao seu próprio trabalho e eu adoraria vê-lo para ser ativo na comunidade. Finalmente, gostaria de agradecer muito por fazer este curso e manter seus olhos espalhados para as próximas aulas.