Introdução à animação: aprenda os conceitos básicos no Toonboom Harmony | Diane Shaher | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Introdução à animação: aprenda os conceitos básicos no Toonboom Harmony

teacher avatar Diane Shaher, 2D Animator & Digital Designer

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.

      Introduza!

      0:45

    • 2.

      Sincronismo e espaçamento

      2:38

    • 3.

      Configurar: a bola no alte

      4:04

    • 4.

      Bouncing Bouncing parte 1 de 3

      9:15

    • 5.

      Bouncing Bouncing parte 2 de 3

      8:33

    • 6.

      Bouncing de Bouncing de 3

      4:48

    • 7.

      Como exportar sua animação

      1:36

    • 8.

      Conclusão!

      0:16

  • --
  • 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.

1.258

Estudantes

8

Projetos

Sobre este curso

Neste curso Skillshare, os estudantes aprenderá os fundamentos da animação, o que passa no processo da animação e como fazer as coisas dar vida! Com os 12 princípios de animação básicos, incluindo escotismo, timing e espaçamento, que ajudarão você no projeto do curso "O Bouncing Ball" e alguns exercícios simples mas cruciais Além disso, você vai começar uma simples de baixo no programa de animação Toonboom Harmony. Vamos focar em animação tradicional 2D, então recomendamos que você tenha uma caneta e tablet para este curso. Este curso é exclusivo voltado para iniciantes e não é necessário conhecimento anterior.

Conheça seu professor

Teacher Profile Image

Diane Shaher

2D Animator & Digital Designer

Professor

Diane is a freelance animator specializing in hand-drawn cel animation. She grew up in Toronto and Ottawa, Ontario, and graduated from the renowned Sheridan College in 2017 with a Bachelor's in Animation and an Advanced Diploma in Arts & Design. Over the past seven years, she has worked in various industries, including TV shows, commercials, campaign and explainer videos, tech, and more. Diane has had the privilege of working with esteemed clients such as GIPHY, The American Red Cross, Google, PBS Kids, and Netflix, among others.

Check out more of her work here!

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. Introduza!: Olá, sou a Diane Chair. Sou um animador que trabalha na indústria da animação. Eu sou de Toronto, Canadá. Atualmente, estou em Kelowna, BC. Tive a sorte de ir para Sheridan College, que é uma escola conhecida por seu programa de animação. É um programa de animação de bacharel de quatro anos. Fui lá, fiz quatro anos, fui contratado logo depois da escola, comecei a trabalhar em Vancouver, e agora estou aqui em Kelowna. Estou aqui para ensiná-los a bola saltitante, que é um dos exercícios mais importantes que os animadores aprendem primeiro quando começam. É importante porque ensina tempo e espaçamento, squash e alongamento, e especialmente arcos. Estes são cruciais porque estes princípios estão basicamente em tudo o que é animado. Ele traz vida animacional, por isso definitivamente ajudará sua bola saltitante a ganhar vida. Vamos começar. 2. Sincronismo e espaçamento: Ei, caras. Eu criei uma pequena lição aqui para você sobre tempo e espaçamento. O tempo e o espaçamento são os dois princípios mais importantes da animação. As pessoas sempre pensam que são parecidas ou iguais, mas não são. Eles são totalmente diferentes. O tempo é o quão rápido algo vai do ponto A ao ponto B, enquanto o espaçamento é a distância entre cada desenho. Isso eu sinto que dá caráter a qualquer coisa que você está animando. Vou mostrar-lhe este círculo aqui à esquerda. Este, ele está indo 12 quadros para baixo 12 quadros para cima, então são 24 quadros. Está indo muito devagar, o espaçamento nele é muito uniforme como você pode ver aqui. Muito uniforme, bastante mecânico, muito chato. O segundo aqui, esse também está indo na mesma velocidade, mas seu espaçamento é muito diferente. Este se assemelha a um ioiô. Está indo rápido para lento e depois lento rápido. Este tem muito mais caráter do que o da esquerda, o que é um pouco mais emocionante de se olhar. Vou te mostrar como é o espaço nele. Isso é o que parece. Muito diferente. Quanto ao terceiro, este se assemelha a uma bola saltando. Seu espaçamento é muito diferente dos outros dois, e tem caráter também. O do meio e o da direita, estes têm muito mais caráter do que o da esquerda e são muito mais atraentes de olhar. É isso que o tempo e o espaçamento são. 3. Configurar: a bola no alte: Ei, pessoal. Diane aqui. Estou aqui para ensiná-los a animar a bola saltitante em uma nova harmonia. Uma vez que você abrir, você vai ter esta janela aqui e nós vamos querer rotulá-la como bola saltitante. Em seguida, para o local, você pode salvá-lo onde quiser e, em seguida, clicar em “Criar cena”. Quando você abre uma propriedade pela primeira vez, você vai querer fazer algumas coisas antes de começar. Você vai querer ir para Editar, para Preferências. Normalmente, quando você abre a harmonia pela primeira vez, esses dois são normalmente desmarcados; foco no mouse enter e no atalho amplia no mouse. Você vai querer verificá-los, apenas tornar sua vida mais fácil. Lá vamos nós. Um par de noções básicas para quando se trata de animar em harmonia, você vai querer saber algumas das teclas de atalho para ampliar se você pressionar “Dois” você vai ampliar e apertar “Um” você vai diminuir o zoom. Isso será bastante útil para quando você ficar animado. Para que essa bola pulando, vamos precisar deles primeiro, só para aterrar a bola. Você pode usar a ferramenta lápis ou você pode usar a ferramenta de linha escondida dentro deste pequeno retângulo aqui. Você segura, olha para a ferramenta de linha. Faremos uma linha do horizonte. Isso parece bem. Isso é isso. Você vai até a linha do tempo apenas na parte inferior da sua janela e nós vamos estender, enviar exposição para frame, talvez 50. Isso deve ser bom. Caso contrário, só seria deixado em um quadro. Agora tenho o avião terrestre. Vamos trancar isso, para que não se mova quando estamos animando. Além disso, nós vamos realmente rotulá-lo como plano terrestre. Vamos criar outra camada de desenho que passará a animação. Se você descer para este pequeno sinal de mais e, em seguida, em sua linha de tempo, segure-o e, em seguida, pressione “Desenho” e rotule-o como caminho de ação. Adicionar em Fechar. Você vai fazer um caminho de ação, que exatamente o que parece. Vai ser o caminho ou para onde vai a animação. Ele ajuda a manter sua animação alinhada e com aparência limpa. Isto é o que vai parecer para a bola saltando, será bastante simples. É assim que o caminho das ações vai parecer. A bola vai ao longo de cada linha aqui e esse é o seu caminho de ação. Vamos estender até o fim da linha do tempo. Lá nós o temos conosco durante toda a animação e vamos bloqueá-lo também. Se você descer para a linha do tempo com ele vai bloquear, está lá, basta clicar nele. Vai estar trancada. Agora vamos adicionar outra camada, que será a nossa camada de animação. Vá para o sinal de mais e, em seguida, mantenha pressionado e vá para a secagem. Vamos rotular isso como animação. 4. Bouncing Bouncing parte 1 de 3: Muito bem. Vamos começar com o nosso primeiro quadro de animação. Para este exercício, vou usar a ferramenta Elipse apenas para economizar tempo. Se você tem um tablet ou uma tomografia computadorizada como o que estou usando, você pode usar a ferramenta lápis para desenhar nos círculos. Mas para este exercício, vou usar a ferramenta Elipse. O primeiro desenho vai bem ali. Temos o nosso primeiro desenho aqui. Vamos criar o próximo desenho. Tudo bem, então no próximo desenho, eu vou copiar e colar o círculo do último quadro. Então eu vou colá-lo. Quando se trata em animação, diga uma bola no topo de cada arco, chame-o tempo de espera. Isso é quando todos os desenhos estão mais próximos e parece que eles vão mais devagar porque quanto mais desenhos é igual a mais lenta a animação, enquanto quanto menos desenhos é igual a mais rápida a animação. Esse é o segundo quadro. Vou copiar isso. Cole e Controle V. Ótimo, então agora está exatamente no mesmo lugar de antes. Para este, eu vou movê-lo um pouco mais. Está saindo do tempo de espera, então o que isso significa é que os desenhos serão ligeiramente espaçados mais distantes. Vai parecer que está acelerando. Eu vou fazer a mesma coisa, copiá-lo e colá-lo. Vamos estender a exposição deste desenho um quadro para que seja em dois quadros. Para estender a exposição na linha do tempo, se você for para o espaço na frente do quadro e pressionar F5, ele irá estender. Oops. Lá vamos nós. Mas não precisamos dele em três. Vamos apagar isso. Muito bem, aí está a nossa bola. Vou movê-lo porque no mesmo lugar está o último desenho. O que eu gosto de fazer quando estou animando, eu gosto de esfregar na linha do tempo para ver como as coisas estão se movendo. É bom fazer isso. Você pode ver se algo está se movendo, como você gostaria. Defina o primeiro arco. Vai estar se movendo bem rápido. Agora ele vai começar a acelerar e uma vez que ele acelera, ele vai começar a mudar de forma. Vai começar a esticar. Vamos copiar isto, colá-lo, e movê-lo um pouco para baixo. Como eu disse, vai começar a mudar de forma. O que estou fazendo agora, estou segurando Controle e ALT e isso me permite girar um pouco a tela. Eu vou girá-lo para que eu possa obter um bom alongamento nesta bola. Se eu quisesse dizer, volte para o que era a tela antes, se eu acertar este pequeno cabelo cruzado aqui com a seta indo no sentido anti-horário. Irá reverter a tela para o que normalmente é. Aqui está esse recurso chamado pele de cebola em harmonia e está localizado bem aqui. Lá vamos nós. Na linha do tempo, você pode estender o quanto deseja ver. Isso é o que parece agora. Parece que está tudo bem. Vamos copiar este e colá-lo no próximo quadro e estendê-lo. Lá vamos nós. Agora vamos movê-lo um pouco mais longe, já que está acelerando, F8. Envie a exposição e vamos copiar de novo. Eu gosto de fazer a cópia inteira e colar a última linha porque me ajuda a ver onde foi o último desenho. Porque quando você colá-lo, ele colará exatamente no mesmo local que estava no último quadro. Isso é o que eu gosto de fazer. Algumas pessoas fariam de forma diferente, mas é assim que eu gosto de fazer. Certo, já que está indo mais rápido, você vai esticar um pouco mais. Agora este pequeno círculo que está no meio aqui, se você movê-lo para uma certa parte de onde o desenho está que não foi selecionado, é basicamente como uma âncora. Vou ancorá-lo ali e depois puxar para baixo. Então você pode obter um bom estiramento específico sobre ele. Além disso, você pode incliná-lo também se você apenas ir das linhas da praça. Tudo na animação se move em arcos para a maior parte. Bola saltitante obviamente está entrando em um arco, que é o nosso caminho de ação. Há três arcos aqui e há algumas exceções para os arcos, mas por enquanto, tudo se move em arcos. Ótima. Foi onde o último desenho foi. Nós vamos movê-lo para baixo para a direita sobre lá e nós vamos girá-lo. Vai ser apenas tocar onde vai esmagar e onde se estende. Vamos criar o desenho de squash. desenho de squash é o desenho que mostra onde ele impactou com o chão. No último desenho, não o impactou. É mesmo antes de acontecer. Este desenho vai mostrar como ele se parece quando ele impacta o chão e você tem que esmagá-lo. Os 12 princípios de animação são squash e stretch. Isto é basicamente o que, esta lição é sobre. Squash e stretch são ambos muito importantes porque é o que dá animação sua diversão e é o que torna a animação mais atraente e divertido olhando porque o que parece agora. Eu gosto de esfregar a linha do tempo para ter certeza de que todos os volumes estão olhando sobre o mesmo porque você não quer que ele cresça ou encolha de tamanho, especialmente depois que você esticá-lo ou esmagá-lo. É muito fácil perder o volume. É bom ter certeza de que tudo está olhando para a escala. 5. Bouncing Bouncing parte 2 de 3: Vamos para o próximo desenho. Este desenho é muito crucial porque depois de impactar o chão, ele vai esticar, mas também vai dar mais vida a ele. Este desenho, é sempre bom colocar a bola saltitante após o impacto apenas um pouco fora do chão, porque ele estava bem fora do chão, ele faria a animação estática, enquanto que se ele está bem ali, do chão, porque ele estava bem fora do chão, ele faria a animação estática, enquanto que se ele está bem ali, dá-lhe um pouco mais de vida. Está parecendo bom. Já que está saindo do salto, logo estará se aproximando do tempo de suspensão , já que após o primeiro salto, ele vai perder alguma velocidade. Então neste arco, ele vai ser um pouco mais lento do que o primeiro arco aqui. O que isso significa é que os desenhos devem ser colocados perto, mais perto do que estavam, digamos, o arco por aqui. Quando a bola atingir seu tempo de espera, que é o pico de seu arco, ela vai recuar de volta ao seu estado original. Neste momento, este desenho está a fazer a transição para o que seria se estivesse aqui em cima. Vai parecer assim. É assim que deve parecer. Não é um círculo perfeito, mas está chegando lá. Vamos movê-lo, mas não muito longe, nem muito perto. Isso parece ótimo agora e como podem ver, está tudo seguindo o caminho da ação. O próximo desenho será colocado provavelmente por aqui. Outra maneira de passar pela linha do tempo em vez de usar o mouse e arrastá-lo ao longo da linha do tempo, você pode usar as teclas, não as teclas de seta, mas as teclas maiores e menores do que no teclado ao lado da pergunta Assim, se você está tentando assistir um movimento entre dois quadros, é mais fácil virar entre eles para ter certeza de que tudo está bem. É quase como a versão moderna dos jornais. Quando a animação ainda estava no papel, eles teriam que virar entre diferentes papéis, que eram basicamente apenas quadros. Você tem o hábito de virar, o que é uma coisa boa. Ajuda a treinar seu olho para rastrear o movimento em oposição a apenas confiar na pele de cebola. Quero dizer, ambos são ótimos, mas às vezes é bom ver as coisas sem os desenhos anteriores e os próximos desenhos. De qualquer forma, para o próximo desenho. Vamos copiar isso e colá-lo e colocá-lo sobre, deve ser bom. Está indo uma velocidade consistente no topo do arco, que é o que você quer. Isso parece muito certo. Uma vez que está saindo do tempo de espera, ele vai começar a ir um pouco mais rápido e vamos copiá-lo, e como ele está saindo do tempo de espera e indo mais rápido, nós temos que esticá-lo um pouco e ele vai ser espaçado um pouco mais longe do que os últimos desenhos foram apenas para mostrar que ele está indo mais rápido. Como não está indo tão rápido quanto estava no primeiro arco, não vai ser esticado tanto quanto estava saindo do primeiro arco. Como você pode ver, está bem esticado e esmagado lá, mas por aqui, não precisa ser tanto porque não está indo tão rápido. Vamos copiar isso e colar. Para este desenho, ele vai ser obviamente espaçado um pouco mais longe do que o último e vai ser esticado um pouco, e quando você está esticando e certifique-se de que ele está seguindo o desenho de antes, na mesma direção. É bom distorcê-lo um pouco, você não quer tê-lo distorcido assim porque ele vai sair do arco. É bom alinhá-lo. Veja o caminho da ação, vá direto para o meio, e essa é uma boa maneira rastreá-lo e certificando-se de que tudo está se movendo em belos arcos. Isso será como o último desenho de squash, mas não será tão esmagado. Agora vamos jogar e ver como isso parece. Na verdade, isso parece muito bom. Agora, vamos passar para a próxima. Vamos mover isso para lá. É o fim da linha do tempo no quadro 50. O próximo, ele vai sair do desenho de squash. 6. Bouncing de Bouncing de 3: Então vamos incliná-lo na direção em que ele vai entrar e então levantá-lo acima do solo um pouco. Lá vamos nós. Tudo bem. Na verdade, parece um pouco pequeno saindo. Então vamos aumentar o tamanho. Então, pressionamos Shift e vamos para o canto da caixa delimitadora aqui e tornamos um pouco maior. Sim, lá vamos nós. Isso é mais parecido com ele. Tudo bem. Então, quase terminei. Agora temos que fazer o próximo desenho. Então nós vamos estar indo para pendurar tempo. Para este desenho, uma vez que ele apenas saltou para fora do chão, ele vai estar indo rápido. É como tentativa e erro. Você tem que passar por ele algumas vezes para ter certeza que ele está olhando certo em termos de espaçamento, e isso. Na verdade, vou rodar um pouco. Também vou mudar a forma dele porque é exatamente o mesmo que o último desenho e ele precisa mudar de forma. Cada desenho tem que ser um pouco diferente. A menos que você esteja no tempo de espera, então será basicamente o mesmo, mas entrando nisso, há muita mudança. Então, sim, se parecer exatamente o mesmo, vai olhar para fora. Vai parecer estática. Mesmo que esteja se movendo, vai parecer estranho. Tudo bem. Isso parece muito bom. Tudo bem. Na verdade, estamos quase terminando. Precisamos de mais três desenhos e acabamos. Então, uma vez que é basicamente quase no topo de seu arco, ele vai estar de volta ao seu tamanho e forma normais. Tudo bem. Então deve ser isso. Na verdade, eu vou estender a linha do tempo por um par de quadros já que o último desenho está passando pela metade do quadro. Então você pode ver que é bom ter um pouco de espaço. Não espaço, mas é bom ter uma pausa e resolve o desenho da animação mostrando que não saiu da tela. Então vamos dar uma jogada e ver. Mesmo se você estender mais dois quadros, então é em quatro quadros, e nós realmente estender o plano de terra porque você precisa dele assim. Então essa é a bola saltitante. 7. Como exportar sua animação: Ei! Tenho um último vídeo para vocês. Para exportar sua animação, você precisará de um plano de fundo. Atualmente, ele não tem um fundo. Se você fosse exportar esta animação, seria tudo preto. Você vai querer ir até o pequeno sinal de mais aqui , segurá-lo e apertar “Color Card”. Agora você tem um fundo branco. Mas se você quiser alterar a cor, você vai querer ir para a exibição de nó. Se não estiver aberto, se for assim, basta pressionar a pequena seta no lado direito da tela. Você vai querer bater aquele pequeno quadrado amarelo onde diz corrente de cor no nó do cartão de cor. Para alterar a cor, toque duas vezes no retângulo branco longo. Você tem todas as cores que você pode escolher. Se não se parecer com isso, vai ficar assim quando você abri-lo pela primeira vez. Para obter as outras cores, clique em “Modo Multiple Wheel”, aí está. Agora nós vamos para Arquivo, para Exportar para Filme, em seguida, no menu suspenso superior onde ele diz QuickTime filme, você vai querer apertar “H.264", em seguida, para o “Arquivo de Saída”, salve-o onde você Precisa. Nós vamos bater “Ok”. 8. Conclusão!: Então, obrigado por assistir, e certifique-se de fazer upload de sua animação bola saltitante para a galeria de estudantes e eu espero que você tenha gostado desta classe. Fique ligado para a próxima lição.