Harmonia Toon Boom para iniciantes: crie sua primeira animação de personagem em 2D

1. Apresentação: Você sempre quis criar sua própria animação Toti, mas não sabia como passar de um desenho para algo que realmente se move Bem-vindo ao curso Toon Boom Harmony para iniciantes. Meu nome é Lydia Rogers e sou artista de animação há mais de oito anos Tenho experiência em trabalhar com arte digital e animação. Eu trabalho com os mesmos princípios de cronometragem, desenho e animação que aprendemos ao longo do curso. Vou guiá-lo pelo processo, passo a passo você possa entender não apenas quais botões pressionar, mas por que tomamos certas decisões em animação. Vamos começar logo do início, então você não precisa de nenhuma experiência anterior com Boom Harmony para seguir. Vamos configurar nosso projeto e nos familiarizar com a interface do Harmony. Em seguida, abordaremos os fundamentos da animação em si. Você aprenderá como os quadros, a exposição e os quadros-chave funcionam e veremos os dois conceitos mais importantes de animação, tempo e espaçamento Colocará esses fundamentos em prática imediatamente, criando uma animação uma A partir daí, seguiremos para o nosso projeto principal, criando uma animação de personagem desenhada à mão. Você criará um personagem simples que seja prático de animar, planejar uma ação, desenhar seus quadros-chave e, em seguida, usar detalhamentos e intermediários para transformar essas poses e suavizar Também limparemos os desenhos, adicionaremos cores e refinaremos a animação até que tudo fique consistente Por fim, adicionaremos alguns acabamentos. Aprenda a usar movimentos simples da câmera, importar e sincronizar áudio e exportar sua animação finalizada. Até o final do curso. Você não vai apenas conhecer o Toon Boom Harmony. Você entende o fluxo de trabalho básico por trás da criação de uma animação desenhada à mão, abra o Harmony e vamos começar 2. Boas-vindas e o que você vai criar: Hoje, vamos falar sobre o que vamos aprender neste curso. Vamos fazer duas animações, uma bola quicando e uma ação simples para Você poderá navegar pelo Toon Boom Harmony, animar, usar câmeras, cores e ferramentas básicas seguir, aqui estão as prévias da animação que aprenderemos, nossa simples bola quicando e nossa animação simples O que é Toon Boom Harmony? É um software profissional de animação em dois D que você pode usar para desenhos animados, TV, animação, shows, filmes e jogos Ele combina desenho e animação, além de ferramentas de manipulação e composição que oferecem várias maneiras de animar e criar É usado para programas de TV, iniciantes, jogos, estúdios de animação, projetos escolares É um padrão da indústria, mas também pode ser usado para se divertir. Neste curso, examinaremos o fluxo de trabalho de animação. Vamos começar primeiro com o conceito de animação, bola quicando ou personagem Vamos fazer os quadros-chave entre a limpeza, a arte linear a cor, e depois exportaremos alguns movimentos de áudio e câmera. Vamos começar. 3. Criando seu primeiro projeto de harmonia: Olá, bem-vindo à criação de seu primeiro projeto Harmony. Primeiro, vou abrir nossa caixa de diálogo Harmony aqui. Clique duas vezes nele. Incrível. Depois de abrir isso, primeiro vou chamá-lo de meu primeiro Harmony. E onde quer que você queira salvá-lo, vá em frente e navegue em suas pastas de arquivos. Onde quer que você selecione, será onde você salvará. Tudo bem, agora que tenho a caixa de diálogo aberta, vou chamá-la de meu primeiro Harmony Clique em Procurar para ver suas pastas de arquivos e ver onde você as salva. Teremos todo o resto padrão, o tamanho da câmera, a largura, a altura e a taxa de quadros. Depois de terminar tudo isso, vou criar uma cena, vai demorar um pouco para mim, então avance até isso. Tudo bem, agora que tenho o Harmony aberto, vou começar a montar um projeto Vá até o botão de adição e pressione o cartão colorido. O cartão colorido será sua cor de fundo. Se não houver um cartão colorido, ele será transparente. Se você quiser mudar a cor, clique duas vezes no player. E pressione o botão colorido, vá para várias rodas de cores. Eu gostaria de defini-lo como cinza para facilitar os olhos e depois fechá-lo. Agora temos nosso cartão colorido. Agora que tenho minha camada de cores, vou passar a desenhar, clicar duas vezes na palavra desenho e renomeá-la para linha para referência futura Você pode chamá-lo do que quiser. Agora que tenho tudo configurado para um projeto, vou economizar. Se você ver aqui ao lado do nome do seu projeto, há um asterisco, o que significa que ele não foi salvo Quando eu pressiono o botão Salvar aqui, salve, o asterisco desaparece. É assim que eu sei que você trabalha. Obrigado por se juntar a mim na lição número dois. Lição número três, vamos entender como usar barras de ferramentas, cronogramas e como se preparar para um projeto. Eu vejo você então. 4. Como entender a Harmony Interface: Tudo bem, entendendo a interface do Harmony. Eu tenho nosso arquivo Harmony configurado aqui. Eu vou te dar um tour de onde tudo está. Primeiro, temos nossa vista de desenho, que é qualquer coisa que você desenha na vista quadrada do desenho. A tela inteira é grande, aumenta e diminui o zoom indefinidamente, e você pode desenhar como se nossa câmera visse a animação Então eu vou apertar este botão aqui que é um quadrado ou retângulo, e isso bloqueia onde a câmera vê Então, aquela linha que eu desenhei aqui, você não a vê porque a câmera não a vê. E clique nele. Eu estarei lá. Aqui embaixo está nossa linha do tempo para onde vão nossas camadas , nossos quadros de animação e exposições, bem como algumas ferramentas acima para essa seguir, aqui está nossa barra de ferramentas, onde temos todas as ferramentas necessárias para configurar a animação ou fazer a animação à direita, temos nossa visualização de nós, que é uma pequena ferramenta de navegação rápida que você pode usar para organizar nossas camadas e inserir efeitos especiais para animação. Principalmente, eu o uso para ajudar a organizar camadas quando as coisas estão muito loucas. Vamos inserir outra camada, outra camada de animação chamada cor. Tudo bem. Agora eu tenho uma linha colorida e um cartão de cores, e eles estão todos aqui no nó aqui para navegar, segurar o espaço para se movimentar. E você pode ver que a camada de cores está acima de tudo. Se eu segurar e arrastar isso, eu movo a camada de cima para baixo, e ela se moverá de cima para baixo aqui na sua linha do tempo Clique nele e eu posso segurá-lo. Eu posso colocar a cor na frente da linha e posso colocar a linha a partir da cor. Quando você tem muitas camadas, isso ajuda a visualizar onde está tudo Obrigado por se juntar a mim. E a próxima lição aprenderá sobre desenho e coloração. 5. Desenhando e colorindo em harmonia: Desenhar e colorir em harmonia. Primeiro, vamos começar com nossa ferramenta de pincel. Essa ferramenta vermelha aqui com o pincel é a ferramenta pincel, e a que está abaixo é a ferramenta lápis. Há uma diferença entre os dois. Tudo bem. Primeiro, vamos começar com nossa ferramenta de pincel. Aqui está a ferramenta de pincel versus a ferramenta de lápis. Há uma diferença. Lápis. Ambos têm configurações muito semelhantes. Então, aqui, configurações da ferramenta, temos o tamanho. Podemos arrastar e soltar desse tamanho ou podemos usar as predefinições, pincel sólido, você também pode usar diferentes texturas, como um lápis fino É mais leve que um pincel, ou podemos usar um marcador de cinzel Qualquer uma dessas opções realmente funcionou. Sombreamento rígido. Todas essas são opções de pincéis. O mesmo com o lápis. Você também pode usar o lápis padrão ou usar bolhas, ou pode usar o Taper, há vários pincéis diferentes O próximo é o nosso EraserTol. Na linha do tempo, clicamos neste botão de borracha aqui e você terá suas ferramentas aqui Eu escolho a borracha grande para me livrar de grandes áreas e vou começar a apagar essa linha Se você tiver uma caneta sintética como essa com uma ponta de borracha, você sempre pode virar ferramenta e apagar com a parte de trás você sempre pode virar a ferramenta e apagar com a parte de trás. Será automático. Então, ele já o configurou para você. Caso contrário, você acessa a ferramenta aqui e depois apaga manualmente A seguir, nossa ferramenta de seleção. A seta preta aqui, eu clico duas vezes nela e uso o Select. Selecionamos por cortador de cores. Todas essas configurações são diferentes. O primeiro é o curso selecionado. Se eu circular aqui, seleciono a linha inteira. Eu posso girá-lo, posso esticá-lo, esmagá-lo, posso torná-lo maior, menor, todo tipo de coisas O próximo é o cortador. Use isso para cortar parte da linha. Eu pego isso e posso separá-lo disso. Agora é uma coisa separada. Não pega a coisa toda, ela seleciona partes dela. Abaixo está nosso editor de contorno. Este edita as linhas que você desenha. Vou ampliar, pressionar meu editor de contorno e arrastar uma linha sobre ele Você vê todos esses pontos diferentes, eu posso arrastar contornar a linha ou posso ajustar a linha se for algo mais fino ou mais grosso Você também pode fazer isso com este, ele será muito pequeno, então você terá que ampliar todo o zoom. Mas eu posso engrossar essa linha. Semelhante para este. Muito útil para animação. Em seguida, temos o editor da linha central. Este edita o centro da linha. seguir está a ferramenta de contorno, e é aí que o pincel e o lápis são mais diferentes O pincel, quando eu uso o contorno, tem todos os pontos. Eu posso editar do lado de fora da linha. No lápis, eu arrasto isso e é o centro da linha. Então, o que isso significa é que, quando edito essa linha, posso editar a parte externa. Tentei alguns ângulos. Para este, posso editar a linha em si, não a espessura ou a espessura. Vou selecionar tudo isso e excluí-lo, para eu possa mostrar um exemplo de como podemos usar edição de contorno e a coloração no final Vou pegar um pincel sólido, um pincel liso, vou fazer um círculo e depois vou pegar outro pincel e fazer outro círculo. Este tem uma linha muito mais texturizada. O mesmo com o lápis. Ao trabalhar com a ferramenta Bush and Pencil, recebemos um lembrete de que elas são vetoriais, então eu amplio pressiono a letra K, o que significa que posso ver o contorno da linha da ferramenta Pincel e posso ver o contorno da Na ferramenta Pincel, as linhas azuis estão totalmente conectadas, o que significa que é um círculo totalmente fechado. No lápis, você tem esses pontos amarelos aqui, o que significa que o círculo não está conectado Há uma grande lacuna. Eu posso consertar isso pegando isso, arrastando-o para que as linhas cruzem de forma que seja um Isso é muito útil ao colorir caso contrário, a cor se espalharia e não haveria para onde ir Agora que você sabe como usar sua ferramenta de pincel e lápis, vamos ver como colorir. Vou até minha guia de cores e você pode ver todas essas cores padrão aqui, entre vermelho e verde. Se você quiser alterar as cores, clique duas vezes no ícone de cor. E eu vou mudar para amarelo ou algo assim, amarelo laranja. Agora seu vermelho, vermelho, você pode renomeá-lo para amarelo é amarelo Eu pego a cor e uso a ferramenta de balde de tinta. O problema da ferramenta de balde de tinta é que ela funciona em uma camada. Se eu entrar em uma camada diferente, não há nada para a ferramenta do balde de tinta usar ou colorir. Então, ele vai funcionar na mesma camada da linha. Vou clicar no pincel bem no meio aqui. Vou clicar nisso e nós clicaremos nisso e nisso. Agora, eles estão todos preenchidos com amarelo. Se você ver aqui, ampliando isso aqui, você pode ver que a cor não preencheu até a textura Algo importante quando você pensa em usar uma ferramenta de pincel e lápis é que, para animação, a ferramenta pincel usa as linhas de contorno Então, a cor vai para essa linha aqui, que está além da textura, o que significa que você pode ver a textura e a cor está totalmente colorida. Aqui, eu olho para o meu contorno e a cor vai para essa linha Eu posso expandir isso um pouco, mas ele também editará a linha. Portanto, não é ideal para animação. Mas se você o estiver usando para qualquer outra coisa, lembre-se de que a textura não funcionará tão bem quanto com um lápis. Agora que sabemos como usar as ferramentas básicas, vemos no Capítulo dois, onde aprendemos a usar as ferramentas de animação. Te vejo então. 6. Noções sobre quadros, exposições e quadros-chave: Tudo bem, entendendo quadros, exposições e quadros-chave. Em primeiro lugar, vamos falar sobre molduras. Bem-vindo à lição número cinco. Compreender exposições e quadros-chave. Agora, em harmonia, criar molduras é algo importante que você precisa lembrar. Se eu estiver desenhando esse círculo, copiarei e colarei esse quadro para fazer uma duplicata. Eu pressiono Control C, Control V. Esse círculo estará neste local aqui. Então, se eu pegar essa moldura e movê-la para o outro lado da tela, a primeira moldura também se moverá. Eu volto ao meu primeiro quadro. Eles estão no mesmo lugar. Então isso não vai funcionar. Para mover seu segundo quadro, sem mover o primeiro, você precisará criar uma duplicata dessa camada Para fazer uma duplicata desse quadro sem mover o primeiro, você vai usar esse botão aqui Para este, vou pressionar cinco para estender esse quadro. Vou clicar no segundo aqui, pressione aqui. Essa linha significa que esse quadro aqui agora está separado do quadro que você acabou de duplicar Eu vou me livrar desse. Agora eu tenho dois quadros separados. Se eu mover o segundo para cá, agora ele se moverá do ponto A para o ponto B. Sempre que você estiver animando, se você copiar e colar o mesmo quadro, certifique-se de fazer uma duplicata dele para que ele não mova o primeiro quadro inicialmente Agora que você criou um quadro para estendê-lo, você pressionará o botão F cinco, que estenderá esse quadro para dez na sua linha do tempo Vamos falar sobre quadros-chave. Os quadros-chave são as posições em que a animação ou o assunto da animação se moverá nas partes mais importantes Digamos que eu queira que esse círculo viaje do ponto A ao ponto B. Vou copiar essa cópia e colar essa moldura. E eu vou pressionar o botão de adição e estender a exposição, pressionar este botão para duplicá-la, pressionar o botão de menos para subtrair isso, e agora eu tenho um novo quadro que é diferente do primeiro Vou selecionar o segundo quadro e movê-lo até aqui. Agora, o primeiro vai do ponto A ao ponto B. Esses são os pontos-chave em que ele terminará. Para que a animação faça mais sentido, vamos colocar mais um círculo no meio. Vou fazer a mesma técnica e vou pegar isso e movê-lo para o meio. Agora você tem três círculos se movendo do ponto A para o ponto B. Agora, para ver todas essas imagens em ação, você vai querer ativar as camadas de cebola. Camadas de cebola, certifique-se de ver as versões antes e depois da animação para saber o que está indo do ponto A ao ponto B. Tudo bem. Agora, vamos expor esses primeiros quadros. Então, agora que é, eles estão todos estendidos às coisas. Então, vamos ver os controles de reprodução, os botões de reprodução aqui Se quiser repetir a animação, certifique-se de selecionar esse botão que a repete Este primeiro botão de reprodução é para reproduzi-lo na tela. O segundo botão de reprodução renderizará sua animação. Isso ajuda quando você aplica um efeito ou algo que não consegue ver sem renderizar toda a animação Mas para uma reprodução rápida, usamos o primeiro botão, apenas uma reprodução Obrigado por se juntar a mim para aprender a usar quadros-chave e fazer exposições de quadros Nos vemos na próxima lição, onde aprenderemos sobre os princípios da animação. 7. Como obter o tempo e o espaçamento: Tudo bem. Bem-vindo à lição número seis. Vamos examinar os 12 princípios da animação. Eu tenho um guia rápido prático de como todos eles se parecem e agem Em primeiro lugar, temos squash e stretch. Quando você estica e estica um objeto, dá a ilusão de peso Tempo e movimento ocorrem quando menos desenhos fazem a ação parecer rápida e mais desenhos tornam a ação mais lenta e mais suave Antecipação é o fim antes de uma ação. encenação é onde o objeto está, tornando-o apresentável de uma forma clara para o público Em seguida, seguimos uma ação completa e sobreposta. As partes mais soltas do corpo continuarão se movendo até que o personagem pare e, eventualmente, se atualize. Pense como cabelo, cauda, assim como na animação. seguir em frente e postar para posar ação de seguir em frente e postar para posar é quando você anima em linha reta, vai quadro a quadro um, dois, três, quatro, cinco e, quando insere o quadro-chave, planeja todo o movimento antes que ele aconteça Entrada e saída lenta é quando a entrada e saída lentas é quando mais desenhos no início e no final da sequência mostram aceleração ou desaceleração na ação Os arcos dão à animação um melhor fluxo e mais movimento orgânico Por fim, temos o exagero que torna as ações mais extremas e aumenta Ação secundária é outra ação que está acontecendo na cena que completa a ação principal O desenho vendido serve para garantir que você entenda a forma tridimensional ao criar objetos ou personagens. Um apelo é dar a eles a personalidade do personagem para que se sintam reais e interessantes. Agora que examinamos os 12 princípios da animação, os que usaremos em nosso próximo projeto são squash and stretch, timing and motion, ação pose a pose, desaceleração e desaceleração Nos vemos na próxima aula onde planejaremos nosso primeiro projeto. 8. Projeto 1: como animar uma bola quicando: Mamãe. Olá. planejar nosso primeiro projeto, uma bola quicando Então, primeiro para configurar tudo, eu tenho três camadas. Eu tenho uma camada que chamei de chão, camada da linha do tempo e, em seguida, a animação da bola quicando Primeiro, faça uma camada chamada piso. Pegue sua ferramenta de lápis, segure a tecla Shift e arraste a linha. A mudança torna a linha reta. Então, queremos o chão reto para que saibamos que nossas bolas estão quicando em uma superfície plana Em seguida, crie uma camada chamada linha do tempo. É assim que vamos planejar nossos quadros-chave e os intermediários quando animamos Tudo bem, na camada da linha do tempo, vou desenhar uma linha reta descendo até aqui Vou desenhar recuos daqui aqui no final até T dessa linha. Este é o nosso ponto A e este é o nosso ponto B, onde nossas bolas vão quicar Desenhe mais uma linha bem no meio entre as duas, cortando pela metade, e é aí que nosso segundo quadro-chave vai ficar Vamos até nossa camada de bolas saltitantes e usaremos a ferramenta circular para simplificar as coisas . Tudo bem Vou clicar e arrastar para fazer um círculo, mantenha pressionada a tecla Shift para que permaneça o mesmo círculo, um círculo arredondado perfeito. Vou selecionar esse círculo e colocar esse marcador no meio, onde está a linha. Essa é a nossa primeira bola. Primeiro quadro-chave. Vou duplicar essa camada e, em seguida, garantir que moldura seja um desenho diferente do primeiro, selecione esse círculo, clique em Mantenha a tecla Shift pressionada e arraste-a até a parte inferior da linha Então, agora temos esse quadro-chave e esse quadro-chave. Vou até o primeiro quadro-chave e duplicá-lo também, depois vou selecioná-lo e arrastá-lo para o meio Então, agora temos três quadros-chave para navegar facilmente pelos quadros-chave pelo teclado Você vai até os botões de seta que se parecem com este e este no teclado e pressiona aqueles e ele navegará e percorrerá seus quadros-chave com bastante Eu já tenho minha casca de cebola para poder ver todos os meus três quadros-chave No momento, todos os três estão em uma sequência que vai até o final. Vou usar o botão de adição para estender esses quadros para quatro. Este, todos esses três quadros se estendem para quatro. Vou pressionar o botão de adição para estender todos esses quadros para quatro quadros. Agora vamos entrar em nossa abóbora e nos alongar. Vou para o terceiro quadro e vou pressionar esse botão aqui para duplicá-lo Então, agora está exposto a dois quadros. Pegue o último quadro, selecione esse círculo e vamos esmagá-lo e esticá-lo um pouco para que ele permaneça onde deveria estar, meio que estimado. Então, esse último quadro é quando ele se comprime. Você quer esticar essa moldura intermediária. Eu sei como isso funciona. Então agora você tem um círculo de abóbora Vou para o quadro central, duplicando novamente e pegando o penúltimo, selecionando Shift, arrastando-o para baixo no meio e, em seguida, vou esticar esse círculo para fazer parecer que está indo rápido Ok, vamos ficar entre isso. Ok, agora, quando eu reproduzo a animação, sua bola vai se esticar e se esticar Para nossa animação, vamos fazer algumas intermediárias. Vamos voltar ao nosso gráfico de tempo e adicionar uma linha aqui, aqui mesmo. Vamos desacelerar essa descida e depois vamos fazer o mesmo do outro lado Metade, metade disso, vamos diminuir nosso sotaque a partir do salto da bola Então, ele cairá lentamente, saltará, voltará lentamente para cima e saltará Vamos voltar à nossa animação de bola. E vamos até o final da nossa linha do tempo. Vamos dar uma olhada nessa linha aqui. Então, agora que temos nossos quadros-chave, vamos fazer nossos intermediários Vamos pegar esse quadro atual aqui, que está nesta linha, vamos duplicar essa ferramenta selecionada e arrastá-la para a próxima linha no gráfico de tempo aqui Agora nossa bola ainda está caindo e ela vai cair no chão, esmagar e depois voltar para cima Quando a bola atingir o chão, vamos fazer a mesma bola de alongamento, copiar e colar isso aqui, duplicar para ter certeza de que é uma nova imagem, e vamos movê-la e vamos movê-la até a linha média aqui É aqui que a bola está se estendendo de volta para o céu. E então duplique isso também e mova o próximo quadro para o próximo a ele Em seguida, encontre um círculo de sal perfeito, copie-o e cole-o ao lado dele, um novo quadro, pegue-o e arraste-o até essa linha. Agora, esse é o último quadro para nossa intermediação. Para o primeiro quadro, vou subtraí-lo em dois quadros Vamos reproduzir e ver como nos saímos. As bolas se esticam e se esticam. Desligue nossa linha do tempo para que possamos ver melhor a bola. Ótimo. Então, agora temos nossa bola no topo, caindo, esticando, esmagando e depois saltando para cima, e depois voltando ao Agora temos quadros-chave aproximados entre eles. Se quisermos tornar essa animação mais suave, adicionaríamos mais quadros nas entradas e saídas lentas Vamos voltar ao nosso gráfico de tempo e adicionar mais uma linha na parte superior e mais uma linha na parte inferior aqui. Até mesmo reduza esse incentivo para a descida. Vamos voltar à nossa animação e adicionar esses quadros. Vamos adicionar um no topo aqui a esta linha e, em seguida, vamos fazer o mesmo no final. E certifique-se de que é essa moldura antes da última. Agora que temos nossas pontas lentas , é um pouco mais lento. Vamos ver como ficou. Agora vamos voltar à animação, adicionar esses quadros-chave Vou fazer outro quadro logo após o primeiro, movê-lo para essa linha e depois fazer o mesmo na outra extremidade. E mova isso para a mesma linha. Agora, veja como nos saímos na peça. Agora a bola paira um pouco mais sobre o salto. Vejo que é uma bola quicando muito boa. Tudo bem, agora que temos nossa bola quicando, se você quiser dar um passo adiante, podemos colorir essa podemos colorir Você vai pegar nossa ferramenta de pintura e pintar a bola quadro por quadro Lá vamos nós. Em seguida, desligue a parte inferior da capa e toque novamente. Há uma boa bola quicando, eu diria. Obrigado por se juntar a mim na lição número sete. Eu teria que configurar seu projeto para quicar uma bola. Vá em frente e faça o seu. Te vejo na próxima vez. 9. criando um personagem simples para animação!: Olá, bem-vindo ao design de um personagem simples para animação. Aqui, tenho exemplos de animação do Sul. Temos Winnie the Pooh e Homer dos Simpsons. Esses são exemplos clássicos de personagens simplistas que você usou para animação E quando eu for mais simples, vamos detalhar. Eu tenho dois personagens aqui. Este é Jake the Dog de Adventure Time e Humongosurs A diferença entre esses dois é que Jake tem muitas formas circulares simples Bem, esse cara tem muitos detalhes diferentes que você não gostaria de animar. Uma e outra vez. A questão é que queremos manter as coisas simples para que possamos desenhar essas molduras repetidamente sem gastar muito tempo em uma. Eu divido as formas aqui, muitos círculos aqui e depois muitas coisas para acompanhar aqui. Então, não queremos fazer isso. Queremos manter as coisas simples. Tudo o que eu trouxe é Jake, o cachorro, que é nossa foto de referência para hoje Ele é composto principalmente de círculos, círculo grande, círculo pequeno. Então, essa forma de feijão que podemos manipular em qualquer pose que quisermos Agora, ele está de pé. Esses dois olhos com seus braços assim Se eu quisesse fazê-lo posar de forma diferente, eu seguiria o mesmo princípio. Os dois feijões, dois círculos para fazer aquela forma de feijão. G Eu digo que quero que ele pose assim. Ele está acenando para você Ele pode fazer muitas coisas com a posição. Vamos ver, ele está deitado. E queremos ter certeza de que queremos manter essas proporções muito consistentes. Então, como isso é igual ao tamanho aqui. Se eu fosse desenhá-lo mais alto, isso estragaria suas São mais longos do que isso. Eles são bem equidistantes. Quero ter certeza de que mantemos essas proporções corretas para que, quando animamos, ele tenha a mesma forma, não mude muito. Agora que temos um esboço de Jake, o cachorro, posso criar outra camada para fazer uma arte de linha limpa Eu nomeei essa linha de camada com esse esboço. Agora, pego meu lápis e faço uma nova linha em camadas, e começo a delinear Se você precisar que a camada abaixo dela tenha uma opacidade mais clara, clique nesse botão aqui e depois arraste-o É muito mais claro para que eu possa ver as linhas muito melhor quando eu as delineio OK. A linha R é difícil, por isso é importante manter um ritmo baixo e constante. Eu só sorrio. E se precisar alterar um pouco algumas linhas, você pode usar seu editor de contorno para tornar as coisas mais arredondadas e um pouco mais limpas Lá vamos nós. Eles são dele Ok, então eu tenho um esboço bem básico do meu esboço abaixo. Então eu desligo essa camada de esboço, obtive essa arte em linha limpa Há algumas coisas que você provavelmente pode corrigir, como lacunas e talvez algumas linhas, se eu quiser. Mas esses são detalhes de quando. Portanto, aí está seu esboço limpo. Você pode ajustá-lo com a ferramenta de contorno ou refazer e reajustar as coisas Mas, por enquanto, agora você sabe como usar a ferramenta de lápis e desenhar e, sobre esse esboço, arte em linha limpa Obrigado por se juntar a mim na criação desse personagem simples. Nos vemos na próxima vez em que planejarmos nossa animação. 10. Planejando a animação de personagens.: Olá. Então, eu estou fazendo uma animação de arremesso hoje, e vamos ver nosso diagrama aqui que anima ou ilustra uma ação de arremesso Temos nosso primeiro quadro-chave e nosso último quadro-chave, que é a conclusão e a continuação Então, do início ao fim, o meio é onde vai a ação intermediária. Então eu vou começar a jogar a bola, jogar a bola e depois soltá-la Tudo bem, vamos começar desenhando o quadro-chave c. Ok, um quadro-chave e, em seguida, pressione o botão Avançar, ative a camada de unskin e desenhe a última pose aqui Tudo bem, você pode usar sua ferramenta de seleção para ajustar e mover para onde quiser. Então, agora temos dois quadros-chave. Enrole, lance. Enrole, lance. Agora, vamos desenhar mais um no meio, pois será a ação real de arremesso Então, lembre-se de nossos arcos. Queremos que essa animação se mova sem problemas. Então, vamos fazer com que essa cabeça um pouco para cima, porque está no auge de sua ação Quando estamos conectando o pé, é aqui que o pé vai pousar Então, ele ficará na mesma área e o outro pé será solto do chão. Tudo bem, agora temos quadros-chave aproximados do final para o início, aceleração de lançamento para lançamento, ajuste o tamanho, se necessário , então agora temos esse movimento básico do quadro-chave Mas quando a reproduzirmos, ela será rápida , assim como as poses principais Depois de reproduzi-la, ela ficará aqui, nítida e irregular Mas quando adicionamos intermediárias, como essas ações entre as ações principais, é aí que você começa a entender o aspecto de animação Então, vou adicionar uma moldura entre as duas primeiras e desenhar essa pose aqui, cabeça aproximadamente no centro e o corpo também. Corpo aproximadamente no centro e depois nas pernas. É aí que pisamos em nossos braços. Eu Então entramos no meio e depois o arremesso. Então, agora vou fazer o intervalo logo após o lançamento, logo no meio, e depois colocar o braço Cascade bem no meio Faça com que essa perna seja plantada no chão. Então, com isso, essa perna se move para cima, é uma sensação de equilíbrio e não está deslizando por toda Tudo bem, então esses são quadros-chave rápidos e sujos para nossa Nos vemos no próximo vídeo, onde realmente detalhamos o personagem em seu movimento. Te vejo então. 11. Animando as poses principais: Olá, bem-vindo à Lesson animando os quadros-chave. Bem, vamos desenhar. Nossos quadros-chave, vou usar Jake e arremessar. Sim, vou começar com a primeira pose. Tudo bem, agora eu tenho a primeira moldura esboçada. Tudo bem, agora eu tenho a primeira moldura esboçada. Vou para a próxima foto, ligando minha casca de cebola. Vou fazer com que ele acabe com esta primeira mangueira de chave. Vai jogar a caneca. Agora Jake está acabando. Provavelmente posso exagerar um pouco mais, me curvar um pouco mais Então essa é a nossa expectativa, nosso fim de sermos expulsos Acabe. E então eu vou desenhar a parte do arremesso. Ok, agora temos a pose final. M só um pouco. Mantemos as proporções bem parecidas. Você pode se sobrepor a eles, a cabeça dele combina com o corpo dele. Eu realmente exagero. No momento, temos três poses principais: começar, ficar em pé, enrolar e jogar Agora vamos fazer nosso quadro intermediário para isso. Ok, agora eu tenho o quadro intermediário. Eu ajusto um pouco as coisas. Ok, então parece que ele está jogando. Ok, agora temos nossos quadros-chave. Então, agora que temos nossos quadros-chave. Vamos fazer um último quadro em que ele segue depois de jogá-lo e se acomoda Então ele vai se acomodar um pouco nessa pose. Depois que ele fizer isso, coloque o outro braço de volta aqui, para que fique claro onde está o outro braço. E então, quando seu braço se estabilizar, Sarms passará por sua cauda Tudo bem. Vamos passar todas essas exposições em três para que possamos reproduzir Se precisar de mais devagar, você sempre pode estendê-lo para Estenda para, digamos, sete. Precisamos da lentidão para ver todos os seus pequenos detalhes. Apenas se livre disso, para que distraia menos. Tudo bem, agora temos Jake jogando a caneca. E depois se acomodando. Obrigado por se juntar a mim onde criamos nossos quadros-chave. Nos vemos na próxima vez na Lição 11 onde fazemos análises e intermediárias 12. Adicionando divisões e intermediários: Bem-vindo de volta. Vamos fazer nossos intermediários e nossos detalhamentos Eu tenho nossos quadros-chave que criamos na lição anterior aqui Jake está jogando sua caneca. Vamos começar com todos esses quadros expostos a quatro, então é um número par. Vou pressionar este botão aqui para criar um novo quadro logo após o primeiro quadro, e isso ficará entre o primeiro e o segundo quadro. Se você é como eu e gosta cebola com um pouco mais de transparência, acesse a casca de cebola do Windows e uma janela aparecerá, talvez fora da tela, aqui mesmo, e eu mostrarei que esse é o controle deslizante acesse a casca de cebola do Windows e uma janela aparecerá, talvez fora tela, aqui mesmo, e de opacidade Você desliza para cima para obter mais opacidade e desliza para baixo para obter menos Eu posso vê-los quando eu desligo e simplesmente clico para fora dele. Lá vamos nós. Agora vamos fazer nossos intermediários. Estamos prestes a fazer essa ação de flexão. Vamos desenhar a cabeça de Jake bem no meio de onde essa ação está acontecendo E veja se vamos vamos desenhar essa perna bem no meio daqui, bem no meio da flexão Levante essa perna. Potencialmente, mova-o um pouco mais dessa maneira. Curve esse braço na direção em que as outras armaduras estão indo. E minha moldura anterior é vermelha, e minha próxima moldura é verde, então eu quero do vermelho para o verde. O espaço precisa ser um pouco maior. Então, vamos folhear os quadros para ver se isso parece correto Eu diria que potencialmente esse braço precisa ser um pouco mais longo porque vamos seguir esse arco daqui até aqui, e o braço dele precisa ser um pouco mais longo para que se conecte melhor ao arco. Vamos estendê-lo ali mesmo. Então, agora seu braço balança um pouco melhor. Sinto que preciso arrumar a caneca. Está um pouco descentrado. Lá vamos nós. Então eu posso até mesmo, honestamente, pegar isso e incliná-lo Então, é mais como se ele estivesse sacudindo o pulso. Corrija esse também. Lá vamos nós. Agora, temos nossa sorte e a próxima no meio. Tudo bem, nosso próximo intervalo vai se referir ao caractere aqui entre este e este Vai ser essa posição aqui. O vento para cima. É um empate no meio. Nossa caneca vai estar aqui. O rosto vai ficar bem no meio. Ele está transformando todo o seu corpo. Vou inclinar um pouco suas papadas ele está torcendo seu corpo muito rápido, o que significa que suas papadas soltas vão ficar um pouco para trás E a orelha dele vai se soltar. Eu quero que sua perna quase entre em contato com o chão que ele está prestes a pisar nesta área de pés E depois seu outro pé. Veja, é aqui que eu preciso corrigir um pouco o espaçamento, porque é um pouco difícil de encaixar no meio Então, é meio que ele está pulando um pouco. Vamos dar um pulinho para ele, ver como fica. Às vezes eu reproduzo para ver se funciona. Eu sei. Parece um pouco estranho porque ele está meio que escorregando com o próprio pé aqui Talvez eu precise manter pé dele no chão um pouco, ou é uma pose um pouco estranha. Aqui vamos nós. Ok, então, quando você está fazendo ações, manter os pés no chão faz com que o movimento pareça muito mais fundamentado o movimento pareça muito mais fundamentado Então, se os pés escorregarem em todos os lugares, o movimento está um pouco errado porque, tipo, você está escorregando no gelo Então, agora que eu tenho essa posição, seu pé ainda está plantado no chão, e ele está pulando de 1 pé para o outro e pousando Lá vamos nós. Ok, agora temos um pouco. Então, entre esses dois quadros, também faremos quadro-chave entre essa posição e essa posição Então, é onde ele está mais , onde está no auge. Então ele é o mais exagerado. A perna dele vai ficar no ar bem no meio de tudo isso. Cauda dois. OK. A orelha vai voar na mesma direção. Se você quiser dar a ele mais ação de chicote porque seus braços se dobram para trás Você pode simplificar porque ele é assim para isso, ou você pode ir assim e depois ver o que funcionará melhor. Acho que vamos direto para a frente. Ok, e então vamos ver onde está o outro braço do Jake. Pode obter uma silhueta melhor. Tudo bem, agora que temos isso no meio. Vamos ver como fica. Lá vamos nós. Em seguida, criaremos um novo quadro aqui e ativaremos nossos quadros-chave Ele está acabando e vomitando. Este é o ponto mais distante dele, mas vamos empurrá-lo um pouco mais para que seja como se ele estivesse se inclinando para frente enquanto joga Então, vamos fazer uma moldura aqui. E em vez de ficar entre o verde e o vermelho, vamos ir mais longe do vermelho. Ele está inclinado para frente depois jogá-lo até agora, incluindo a perna Pode dobrar a perna um pouco mais abaixo para mostrar que ele ainda está se movendo. Eu me conectei um pouco aqui. Ele está dobrando o joelho em vez de mover a perna inteira. Então o braço dele vai ficar até aqui. Apenas solte o filhote. E seus braços aqui atrás também vão subir um pouco. Veja que o rosto dele está meio que escondido atrás do braço. Vamos garantir que coloquemos a caneca lá também. OK. Lembrete para salvar seu trabalho. Ok, e por último , quando estivermos resolvendo a ação. Portanto, é uma disposição muito semelhante. Só vou mantê-lo acordado um pouco mais. Ele finalmente se acomodou depois de jogar sua caneca. Aqui também tem sido hepatite. Eu Mas, ok, temos nossas chaves e detalhes intermediários. Agora temos uma animação aproximada. Certifique-se de que todos os volumes e tudo o que ele tem são ouvidos, olhos, boca , tudo aqui, as pernas na frente. Só estou verificando essas coisas antes da prévia final. Tudo é meio tímido. Esse olho é um pouco maior que os outros olhos. Vamos reduzi-lo um pouco. Se você quiser prolongar o lançamento para poder realmente ver como tudo está começando e terminando, você pode estender o início e fim para que a animação realmente pare quando for lançada Você realmente vê como fica. R Tudo bem, então isso faz parte do tempo e do espaçamento Então, agora tudo está em pares. Portanto, é uma exposição consistente. Se você quiser exagerar alguns bits sem adicionar nenhum quadro extra no meio, você pode prolongar esse quadro, por exemplo, enrolando, e então você pode fazer um, expor um E então, quando ele joga e se inclina, você pode expandir em um quadro, e isso muda um pouco o tempo Então, agora é um pouco mais de peso e expectativas. Portanto, é algo que você pode fazer potencialmente para melhorar o tempo e o espaçamento para que tudo seja super rápido Talvez queira torná-los mais curtos para que os movimentos intermediários sejam mais rápidos e mais rápidos possível subtrair alguns quadros Então, agora o vento está um pouco mais rápido. E, potencialmente, se você também quiser fazer os lances mais rápidos, podemos subtrair esses quadros intermediários Brinque com o tempo, no entanto, sua animação parece a melhor, você acha. Eu vou fazer isso, por exemplo. Tudo bem, obrigado por se juntar a mim nos intervalos e nas exposições. A seguir, aprenderemos como limpar essa animação e depois terminar de colorí-la. E então eu vou te ver então. 13. Limpando e refinando a animação: Olá. Vou limpar e refinar nossa animação Então, eu tenho aqui os quadros-chave vazios. Vou pegar minha ferramenta de caneta. Eu vou usar você pode usar qualquer linha que quiser. Você pode usar uma caneta de carvão, se quiser. Vou usar apenas a caneta padrão. Entedioso. Então, em primeiro lugar, para a arte de linha, você quer ter certeza de que está na camada linear. Essa é a camada de cores. Usaremos isso mais tarde. A camada de arte de linha. Vamos fazer uma linha e depois pressionar K. Você tem os traços disponíveis Aqui embaixo está um botão útil que você pode ativar. Você quer ter certeza de que esse botão está ativado, pois isso ajuda a fechar as lacunas Este círculo não tem as lacunas fechadas. Você pode ver pelos pontos amarelos, mas se eu chegar perto o suficiente, você pode ver que há uma lacuna, mas ela se fecha automaticamente para mim Portanto, é uma certa distância em que isso é útil. Tudo bem Vamos começar Vou começar com o nariz. Você pode ver que minhas linhas estão conectadas. Vou desligá-lo porque é um pouco depreciativo. Vou usar minha ferramenta de seleção. Angule as coisas. Vou preencher isso porque é um nariz sólido. Linha D e eu vou usar minhas ferramentas de contorno para ajudar a guiar essas linhas onde eu quero que elas estejam O útil é que, quando você tem linhas vetoriais, pode apagá-las usando o T e a ferramenta de corte Então eu faço um grande círculo para o olho aqui , ajusto com o meu. Minha ferramenta de contorno. E eu posso cortar essas linhas. Faça o mesmo com o outro olho. Use minha ferramenta de seleção, mova as coisas quando eu precisar dedicar seu tempo à etapa dois. Não precisa apressar nada, especialmente para parecer claro, mas você também não precisa gastar muito tempo em um quadro porque se você imaginar que um durará 0,5 segundos. Então você nem vai ver todos os detalhes ou erros que você já cometeu. Tudo bem, agora que tenho um esboço básico do meu quadro-chave. Tudo bem, agora que tenho um esboço básico do meu quadro-chave Eu vou em frente e o conecto à animação enferrujada. Agora que tenho meu quadro-chave básico, vou conectá-lo à animação enferrujada Eu fui em frente e fiz os outros quadros-chave também, limpei tudo. Mas você vai querer focar na consistência, consistência , tamanho e no círculo dos olhos. Quero ter certeza de que está correto. Quero ter certeza de que os pés estão plantados. Certifique-se de que tudo esteja limpo e colado de forma consistente. Tudo bem Agora, para colorir. Para colorir, estamos em nossa camada de linha. Queremos escolher a ferramenta de seleção, pressione este botão. Vou aplicar em todas as molduras. Quero destacar tudo, o que destacará toda a animação, e queremos pressionar este botão aqui, converter em camada de arte colorida. O que isso faz é linha que temos aqui. E converte em camada de cor, o que significa que agora podemos ver os traços de linha da cor para que agora possamos colorir em uma camada separada sem nos preocupar em usar a Outra coisa, a mesma coisa, destaque toda a animação. Vá desenhar, limpar, fechar lacunas. Queremos fazer com que essas sejam as lacunas que impedem que a ferramenta do balde de tinta seja preenchida porque são vetores Então, qualquer coisa que perdemos, vamos fechar as lacunas dessa animação. Então, agora, em nossa camada de cores, podemos começar a colorir. Desative a aplicação e desativação de molduras. Você pode escolher a ferramenta do balde de tinta. Vamos começar com a cor normal de Jake. Vou pintar o balde de todas as manchas amarelas, passar para a próxima moldura e pintar todas essas manchas também. Próximo quadro. Nessa camada, há algo que perdemos. Vou pressionar o botão K para ver onde erramos. Acho que está aqui embaixo. Sim. Agora podemos voltar a arrastar uma linha até lá, fechar essa lacuna e depois pintar o balde de amarelo novamente. É por isso que fechamos as lacunas, caso haja algo que perdemos . É assim que você conserta isso. Vou continuar colorindo cada quadro. Tudo bem, agora temos a cor base de Jake Vou voltar e escolher a cor branca para os olhos dele. Che seleciona tinta sem pintura, o que significa que se eu pintar sobre esse personagem, ele não substituirá o amarelo pelo branco Então pinte o que não está pintado. E, finalmente, vou pintar a caneca. Ok, agora temos nossa animação totalmente colorida e limpa. Vamos reproduzi-lo. Muito bom. Obrigado por se juntar a mim na limpeza e coloração. Nos vemos na próxima vez, quando adicionarmos alguns retoques finais. Tudo bem. Tchau tchau. 14. Adicionando movimento simples de câmera: Tudo bem. Bem-vindo à lição número 13. Vamos adicionar alguns movimentos simples de câmera em nossa animação. Primeiro, vamos criar uma camada de câmera. Então clique na camada, pressione a camada da câmera com o botão de adição. E agora você tem uma câmera aqui embaixo. Depois de criar minha camada de câmera, vou encontrá-la na visualização do meu nó. Vou inserir um pino principal. Parent Peg é um controle remoto que o conecta diretamente à câmera. Então, quando tudo que você edita nessa camada, ela edita a câmera Então, vamos para a camada da câmera. Vamos criar um quadro-chave, um quadro-chave para a câmera, esse botão aqui. Agora temos um quadro-chave A linha vermelha é a visão da câmera. Vamos querer ter certeza de que esse pequeno boneco seja amarelo e que as câmeras sejam amarelas para que, quando movermos a câmera, ela realmente se mova. Então, do ponto A ao ponto B, esses são os pontos A e B, depois que a animação terminar, eu quero que a câmera seja, digamos, eu quero que a câmera deslize um pouquinho para esse lado. Então, o que isso faz é rolar automaticamente para mim. E quando eu reproduzo, a câmera se move. Então, provavelmente vou querer mover esse quadro-chave um pouco mais alto para que ele se mova quando os movimentos começarem quando o personagem começar a jogar, mas não queremos que seja muito rápido. Então, quanto menor a distância entre a câmera, Pegs There we go Então, vamos a uma curta distância. Vamos voltar um pouco desse jeito. Então, isso distrai menos da animação. Agora temos um simples movimento de câmera. Se quiséssemos adicionar mais alguma coisa ou ampliar, poderíamos, por exemplo, criar outro quadro-chave aqui, pegar isso e depois aumentar o zoom desse jeito Isso automaticamente fará coisas malucas. Uau. Zoom, arco. Então isso vai fazer com que seja meio louco. Vou clicar neste botão, que apresenta a câmera, então Assista. Então isso é divertido. Você também pode fazer isso, se quiser. Por enquanto, vou desfazer isso porque isso é um pouco demais para essa animação Mas você pode fazer um lozoom assim. Esse é o básico do movimento da câmera, e nos vemos na próxima vez Vamos adicionar um pouco de áudio a ele. 15. Adicionando e sincronizando áudio: Olá, e bem-vindo de volta à sincronização de áudio. Para inserir um áudio em uma animação, vamos arquivar, importar, soar, navegar em seu sistema de arquivos para encontrar onde quer que esteja, Minds in Download agora mesmo. Vou adicionar o efeito sonoro para arremessar. Abra isso. Ele será aberto logo acima do topo da linha do tempo Se ainda não estiver marcado, verifique se esses dois botões estão ativados para que você possa realmente ouvir o som. Se você não consegue ouvir, provavelmente é por isso. Eu vou tocar o som. No momento, não é onde eu quero que esteja, mas agora que temos o áudio, vou clicar e arrastar, destacar a seção e arrastá-la para onde eu quero que esteja. Quando ele a jogar, provavelmente estará um pouco mais abaixo. Vamos tentar isso. Lá vamos nós. Você pode adicionar mais áudio se quiser. Se você adicionar outro áudio, ele estará em uma camada diferente. Então, vamos importar que o segundo áudio seja o mesmo. Você terá outra camada de áudio. Então, será uma camada diferente. Você pode adicionar uma camada se quiser ou música. Mas, por enquanto, é assim que você importa um som. Obrigado por se juntar a mim na importação de sons de áudio para sua animação Em seguida, vamos exportar tudo. Te vejo então. 16. Como exportar sua animação finalizada: Olá, bem-vindo à lição número 15. Vamos exportar nossa animação finalizada. Primeiro, crie sua animação. Eu vou para File Export Movie. Aqui, temos formatos de vídeo, QuickTime, MP quatro, Windows Media, estamos fazendo MP quatro Vamos navegar onde eu quero salvar isso. Vou apenas salvá-lo em meus downloads. E você também pode nomeá-lo ou nomeá-lo adequadamente, salve-o em meus downloads Aqui, você pode exportar todos os quadros disponíveis ou exportar determinados quadros. Então, minha animação tem apenas 34 quadros, então vou de um a 34. A resolução pode ser alterada. Vamos fazer o padrão com e para o espaço de cores, também faremos o padrão. Vamos pressionar Ok e ele vai exportar. Tudo bem. E vou até meu arquivo e pego a animação final, para ver se funcionou. Parece que sim. Lá vamos nós. Tudo bem, agora que você exportou sua animação, agora é hora de começar seu projeto Mal posso esperar para ver como tudo acabar. Obrigado por se juntar a mim. 17. Projeto do curso: crie sua própria animação de personagem!: Agora é hora de pegar tudo o que você aprendeu e criar sua própria animação curta de personagem. Você não precisa criar um personagem complicado ou uma cena longa. Na verdade, manter as coisas mais simples lhe dará mais tempo para se concentrar no movimento em si. Comece criando personagens da forma mais prática possível de animar. Em seguida, escolha uma ação clara para seu personagem. Essa ação não precisa ser complexa. O importante é que isso lhe dê a chance de praticar o processo de animação que usamos ao longo do curso. Antes de desenhar cada quadro, planeje seu movimento. Comece com as posturas principais que comunicam a ação com clareza. Em seguida, adicione seus detalhamentos e intermediários. Use casca de cebola para ajudar a manter proporções consistentes de movimentos mais suaves Preste atenção ao tempo e ao espaçamento enquanto trabalha. Quando estiver satisfeito com o movimento, limpe seus desenhos e adicione cores. Você também pode adicionar um simples movimento de câmera ou efeito sonoro, se for adequado à sua animação. Por fim, explore sua animação finalizada e compartilhe na galeria do projeto Não se preocupe em tornar cada desenho perfeito. A animação consiste em criar movimentos verossímeis em uma sequência de A melhor maneira de melhorar é simplesmente continuar animando. Divirta-se com seu personagem e estou ansioso para ver o que você cria. 18. Parabéns! O que vem a seguir?: Parabéns. Você chegou ao final do curso e criou suas primeiras animações no Toon Boom Se há uma coisa que eu gostaria de encorajar você a fazer depois deste curso, é manter suas próximas animações simples Amarrar uma bola quicando com um peso diferente. Personagem animado reagindo a alguma coisa. Crie uma caminhada, um salto ou um simples gesto. Cada exercício curto oferece a oportunidade de melhorar o tempo, o espaçamento, a consistência do desenho e a compreensão do movimento Se ainda não o fez, certifique-se de concluir seu projeto de classe e compartilhar a animação finalizada do personagem na galeria de projetos. Adoraria ver como você tirou o fluxo de trabalho do curso e o aplicou ao seu próprio personagem e movimento. Se você gostou do curso, considere deixar um comentário. Seu feedback nos ajuda a melhorar e criar cursos melhores para futuros alunos. Muito obrigado por se juntar e animar comigo. Feliz animação.