Magia de movimento: noções básicas da animação

1. Apresentação: A animação não precisa ser difícil. Há milhares de tutoriais e centenas de truques confusos Sinceramente, é avassalador. Essa classe resolve isso com o poder da magia do movimento. Meu nome é Smith e adoro todas as coisas relacionadas à animação. Talvez você me conheça do YouTube, criando conteúdo tolo, como comerciais completos, em 24 horas Aqui eu sou seu professor. Mostrando como dar vida a objetos sem esforço. Nesta aula, orientarei você conceitos básicos de animação, na definição de quadros-chave, na compreensão do editor gráfico e no uso do poder do movimento para criar animações lindamente simples, e no uso do poder do movimento para criar mas complexas Usaremos o Blender, um software gratuito e poderoso. Mas se você preferir Maya ou Minahori, não se preocupe. Esses princípios funcionam em todos os lugares. Para o projeto da classe, criaremos uma animação simples usando magia de movimento e essa parte inferior. Aviso rápido. Este não é um credor introvertido Você deve saber o básico, mas não se preocupe. Mesmo que você não o guie em todas as aulas. Ao final desta aula, você saberá como criar animações incríveis, tornar objetos simples interessantes e estar pronto para pressionar a renderização em seu primeiro projeto. Te vejo em Seth. 2. Primeiras faíscas: como começar sua jornada de animação: Primeiras faíscas. Antes de começarmos, precisaremos baixar o Blender Você pode acessar toblender.org slash Download ou, abaixo deste vídeo nos recursos da aula, há links Você também notará que há dois projetos do Blender, um projeto básico e um projeto final Faça o download dos dois agora mesmo , pois os usaremos durante esta aula. Enquanto isso é baixado, vamos dar uma olhada no que essa aula aborda. Primeiro, exploraremos algumas teclas de atalho universais essenciais. Depois disso, examinaremos alguns princípios fundamentais de animação que podem elevar animações simples do iniciante Em seguida, mergulharemos no editor gráfico, entendendo sua funcionalidade e por que ela é crucial para criar animações impressionantes Por fim, juntaremos tudo isso no Blender, guiando você pelo projeto da aula do início ao fim 3. Como navegar pela magia: interface do usuário essencial e teclas de atalho: Navegando pela magia. Se você estiver animando no ponto de vista ou ajustando no editor gráfico, dominar essas teclas de atalho universais tornará tudo dez vezes Aqui eu tenho o arquivo Base aberto com três janelas principais, meu visor 3D, minha câmera e minha linha do tempo de animação Para realmente interagir com qualquer um desses espaços de trabalho, precisamos conhecer as teclas de atalho universais básicas e há três categorias: movimento, seleção e transformação Como eu disse na introdução, você já deve conhecer a maioria delas, mas se não, vamos fazer uma recapitulação super rápida Movimento. Tudo relacionado ao movimento é feito com o botão do meio do mouse. Por exemplo, para orbitar seu objeto, basta clicar no botão central e arrastar o mouse. Para deslocar sua exibição, mude a tecla Shift e clique em arrastar. E para ampliar, basta rolar a roda do mouse. Seleção. Ao animar, precisamos selecionar vários objetos diferentes a qualquer momento Para selecionar um objeto, tudo o que você precisa fazer é clicar com o botão esquerdo. Ele será contornado com uma cor laranja e isso permitirá que você saiba que é o objeto atualmente selecionado Para selecionar vários objetos, você pode manter pressionada a tecla etclick e selecioná-los em uma caixa Como alternativa, você pode segurar tecla Shift e clicar com o botão esquerdo em cada uma. Transformação. Agora que sabemos como nos mover na cena em três D e selecionar nossos objetos, vamos transformar. Para mover um objeto, basta selecioná-lo e pressionar G. Para rotação, pressione R. E para escalar, pressione S. Você provavelmente notou todas essas transformações que fiz são relativas ao ângulo da janela de visualização Se eu mudar minha janela de visualização e girar novamente, o resultado será completamente diferente Isso torna muito difícil transformar com precisão. Então, como podemos corrigir isso? Bem, é bem simples. Na verdade, você pode bloquear o movimento no eixo X, Y ou Z. Para fazer isso, tudo o que você precisa fazer é mover, dimensionar ou girar o objeto e, em seguida, pressionar o eixo no qual deseja bloquear o objeto X está à esquerda ou à direita. Y está da frente para trás e Z está para cima e para baixo. Então, por exemplo, selecione o objeto, pressione G para mover e, em seguida, bloqueie-o no eixo X pressionando X. Agora, tudo o que acabei de mostrar é universal, que significa que eles funcionam em praticamente todos os espaços de trabalho combinados Portanto, mover-se na janela de visualização em três D é o mesmo que se mover na linha do tempo Agora que entendemos o básico, vamos ver por que a animação funciona e o segredo para transformar objetos simples em animações impressionantes 4. O molho secreto: por que a magia do movimento funciona: Zuls secretos. Quando você vê uma animação como essa, o que você vê? Agora, que tal esse? A diferença é enorme, certo? Um se sente chato e sem vida, enquanto o outro é cheio de caráter enquanto o outro é cheio de caráter e personalidade. Aqui está o segredo. A única diferença entre essas duas animações está nas regras, especificamente nos 12 princípios da animação Todas essas são diretrizes abrangentes nas quais praticamente todos os estúdios, artistas e estudantes confiam, e podem levar uma vida inteira para dominá-las Felizmente, este livro ensina tudo o que você precisa saber sobre eles é a coisa mais próxima Honestamente, é a coisa mais próxima de um código chiet para animadores, e quero mostrar alguns desses princípios para que possamos entendê-los e aplicá-los em nosso projeto de classe, começando com o princípio 1 tempo é exatamente É a quantidade de tempo que a animação leva para ir do quadro-chave um para o quadro-chave dois Por exemplo, esta xícara Frank Green, é animada aqui aparecendo em 24 quadros, o que é 1 segundo de animação O primeiro quadro-chave está aqui com o pop inicial, e o último quadro-chave está aqui onde ele cai Um bom senso de tempo é fundamental para criar uma animação excelente. Mas este ainda parece chato, e é por isso que precisamos de princípios de espaçamento espaçamento é o oposto do tempo, mas eles funcionam muito bem juntos Observe como o copo é linear. Não há mudança na forma como ele se move. Isso porque não distribuímos nem espaçamos nenhum dos 24 quadros. Eles são todos. Digamos que eu queira que o copo suba super rápido, demore um pouco antes de cair e pousar Para fazer isso, precisamos alterar o espaçamento desses quadros entre os dois quadros-chave principais Isso é literalmente chamado de intermediários ou avarias. Então, para este exemplo, adicionarei alguns pontos intermediários aqui, onde a xícara está no auge Isso o desacelerará, dando a ilusão de que está flutuando e ficará mais ou menos assim Se esse princípio ainda não combina com você, você pode pensar assim. Quanto mais próximos estiverem os quadros, mais lento será o objeto E quanto mais longe as molduras estiverem, mais rápido será. Lembre-se de que esse não é o momento certo. A animação ainda levará um segundo inteiro, mas o movimento dentro desse segundo depende inteiramente de como a espaçamos. Agora, essa animação parece boa, mas eu posso sentir que algo está faltando. Há mais um princípio que eu quero mostrar a você que vai elevar isso para o próximo nível Siga a ação sobreposta. Esse princípio agrega credibilidade ao seu objeto. Na vida real, nada pára imediatamente. Sempre há algum tipo de sobreposição ou acompanhamento. Por exemplo, essa xícara. Não tem como ficar assim na vida real. preciso que haja alguma forma de ação de acompanhamento ou sobreposição Aqui está com o princípio aplicado, e aqui está sem. Você pode ver a diferença que isso faz imediatamente porque agora essa xícara parece real. Há um peso nisso. O impulso faz sentido e, no geral, é crível Esses são apenas alguns dos princípios básicos da animação, mas não significam nada se não soubermos como aplicá-los aos objetos, é por isso que você vai querer assistir à próxima lição, na qual mostrarei exatamente como fazer isso com uma das exatamente como fazer isso com uma das ferramentas mais poderosas do Blender 5. Controle do curve: como dominar o editor de gráficos: Controle de curvas. Agora que entendemos os fundamentos da animação, vamos realmente colocá-la em prática Aqui estou no liquidificador e tenho o arquivo base aberto. Vamos começar criando uma animação simples e depois aplicar os princípios que acabamos de aprender usando a extremidade do gráfico. Então, primeiro, vou selecionar esse objeto de caixa. Isso é chamado de vazio ou controlador, e todos os objetos do copo aqui são associados a isso Então, seja qual for a transformação que eu fizer, a taça seguirá. Agora vamos definir três quadros-chave. Com a caixa selecionada, vou pressionar K para abrir o menu do quadro-chave Você pode ver que há muitas opções aqui, mas só queremos brincar com a localização por enquanto. Então clique nele e , em seguida, vamos criar exatamente o mesmo quadro-chave no quadro 23 Para o terceiro e último quadro-chave, vou colocá-lo no meio do quadro 12, e tudo o que vou fazer é mover o copo para cima Então, lembrando as teclas de atalho, G para mover Z para travá-lo no eixo Z, e eu vou movê-lo aqui Agora, se eu clicar em Play, você verá que é meio chato. É chato. Mas podemos torná-lo muito mais interessante usando os princípios que acabamos de aprender e o editor gráfico. Primeiro, queremos mudar o espaço de trabalho da linha do tempo para o editor gráfico Você pode fazer isso clicando nesse botão e selecionando Animation Graph Editor. Agora, nos deparamos com uma tela bem selvagem, e isso pode ficar imensamente confuso em projetos maiores, especialmente se você não sabe o que está vendo Então, vamos detalhá-lo. À esquerda, temos nossos canais. Você pode pensar nisso como um mini delineador. Isso nos mostra o objeto e , em seguida, todos os eixos que animamos Em seguida, está o próprio editor gráfico. É como uma linha do tempo expandida com muito mais controle e imagens claras Você pode ver os três quadros-chave que definimos no eixo Z, o tempo ou os quadros na parte superior e o valor de cada quadro no lado esquerdo. Essas linhas indicam a interpolação da animação, que agora está definida como linear, o que quero dizer, isso é É uma linha reta. Como animamos apenas o eixo Z, há vários quadros-chave aqui nos eixos X e Y dos quais realmente não precisamos Uma maneira rápida de ocultá-los é clicar no ícone do globo ocular de cada canal, ou ainda melhor é isolar um canal específico selecionando-o e pressionando Shift. Se, a qualquer momento, eu quiser trazer os outros canais de volta, basta pressionar Alt H ou clicar nos olhos Agora, essa visualização está boa, mas eu gosto de usar a visualização normalizada Isso faz com que tudo tenha um valor de menos um a positivo. E eu acho que é muito mais fácil de ler. Agora que sabemos o que é o editor gráfico, vamos realmente brincar com ele e usar os princípios da animação. Queremos implementar tempo, espaçamento e movimento sobreposto Já reduzimos o tempo. É uma animação de 1 segundo. Agora vamos adicionar espaçamento. Para fazer isso, selecionarei todos esses três quadros-chave pressionando oito e quero alterar a interpolação Então, vamos pressionar T e selecionar Bezier. Você pode ver agora que temos essas curvas de aparência super suave. E se clicarmos em play, é uma animação totalmente diferente. Mas agora podemos selecionar qualquer um desses quadros-chave e alterar toda a animação com apenas alguns movimentos Por exemplo, vamos dar esse salto. Vou selecionar o primeiro quadro-chave e girá-lo para fazer uma inclinação acentuada Também farei isso no outro quadro-chave. E assim, temos uma taça de pular Se quisermos que seja ainda mais extremo, podemos aumentar um pouco cada quadro-chave para realmente exagerar a curva e esticar o espaçamento quase inteiramente no Quer dizer, é uma animação bem rápida. Agora, se quiséssemos, também poderíamos fazer o oposto e simplesmente inverter as curvas para ficarem assim Embora, quero dizer, seja muito irreal. Outra coisa que você pode fazer é alterar o tipo de alça. No momento, essas alças são gratuitas, o que significa que você pode transformá-las da maneira que quiser. Se você pressionar V, ele fornecerá uma lista de diferentes tipos de alças e cada uma fará algo um pouco diferente. Agora, o que dizer desse último princípio? Ação contínua e sobreposta. Este, novamente, é realmente muito simples de fazer. Como nossa xícara está flutuando , realmente não faz sentido que ela esteja pulando Deve haver algum tipo de ação sobreposta na parte inferior da tela, em que o impulso a empurra para baixo antes que ela Então, em vez de realmente mostrar exatamente como fazer isso, quero ver se você está prestando atenção. Aqui estão três gráficos diferentes. Vou te dar 30 segundos para escolher qual deles você acha que funcionará para criar ações sobrepostas E qualquer um que você escolher, eu quero que você replique Começando agora. Se você escolheu B, parabéns, essa foi a correta A curva literalmente se sobrepõe a um valor negativo, que cria a ação sobreposta ou o Agora, essa é uma animação super simples e ainda não foi polida A curva definitivamente poderia ser ajustada um pouco para criar um movimento mais suave Mas, no final das contas, cabe a você decidir quando quer jogar a toalha e encerrar sua animação. Leva algum tempo para se acostumar com esse espaço de trabalho. Para muitos de vocês, provavelmente é a primeira vez que animam, e é muito difícil entender Na próxima lição, vamos juntar tudo isso e criar uma animação impressionante, utilizando todas as técnicas que acabei de mostrar 6. Magia do movimento: o projeto do curso: Magia do movimento. Agora que temos todas essas ferramentas e princípios em nosso currículo, vamos usá-los e criar algo incrível. Para o projeto da classe, recriaremos essa animação em loop do início Vou guiá-lo pelo meu fluxo de trabalho, mostrando como eu o criei e compartilhando dicas e truques para cada estágio da animação. Para simplificar, dividiremos isso em três lições: bloqueio, estriamento e polimento. Como bônus, se você quiser ver todo o fluxo de trabalho não editado, criei duas aulas extras Eles mostram literalmente tudo o que eu fiz para criar esse resultado exato para a gravação completa de 1 hora. Você também pode abrir o arquivo final do projeto para estudar essa animação, entender como tudo funciona e ter algumas ideias para seu próprio projeto. 7. Animação: bloqueio: Bloqueio. Aqui eu tenho o arquivo base aberto e vamos começar essa animação com bloqueio O bloqueio consiste essencialmente em colocar os quadros-chave principais de toda a animação Então, para começar, quero que seja uma animação em loop, ou seja, o primeiro e o último quadros-chave são idênticos, que cria uma ilusão de loop muito divertida Vou definir minha linha do tempo para ter 60 molduras e começar a bloquear cada peça da xícara Tudo o que estou fazendo aqui é definir quadros-chave para a localização e rotação de todas as peças do copo Isso não será imutável. Só queremos uma ideia aproximada para depois desenvolver. Agora, como esse copo está em um ângulo estranho, quero transformá-lo para que ele siga os eixos locais do objeto, não o eixo mundial usual. Atualmente, está fazendo isso. Para corrigir isso, posso bloqueá-lo no eixo Z local pressionando Z duas vezes. Agora ele ignora o eixo Z do mundo e o coloca no eixo Z dos copos, o que facilita a animação , isso funciona para qualquer coisa propósito, isso funciona para qualquer coisa, como mover, girar, escalar Você pode fazer com que ele siga o eixo local pressionando o X, Y ou Z relativo duas vezes. Essa será uma animação de visualização explodida. Então, colocarei cada pedaço do copo para ficar assim no quadro-chave central É importante observar que todas as peças dessa xícara estão ligadas a esse controlador vazio, que usaremos para criar uma rotação rápida Então, vamos agora bloquear isso. Vou colocar alguns quadros-chave de rotação e localização em torno dessas áreas, e tudo o que estou realmente fazendo aqui é girar a garrafa em 360 graus no eixo x. Novamente, quero usar o eixo X local aqui. Então, pressiono R para girar, depois X duas vezes para bloqueá-lo no lugar e, em seguida, arrasto o mouse até ver 360 aparecer aqui Ou eu posso literalmente digitar no meu teclado 360. Você verá agora que se eu apertar play, parece que está tudo errado. Isso porque o último quadro-chave ainda tem os dados de rotação inicial Então, vou apenas duplicar esse quadro-chave do meio e colocá-lo no final Se clicarmos em play agora, ainda parece muito ruim. Mas isso é apenas um bloqueio aproximado. Ainda precisamos descobrir o tempo, o espaçamento e a ação de sobreposição, o que será feito na próxima lição 8. Animação: divisão: Espinhando. Agora que temos a animação aproximada bloqueada, queremos começar a girar. Essa é apenas uma maneira elegante de dizer, use o editor gráfico Vamos abrir o editor gráfico clicando nesse botão e selecionando Animation Graph Editor. Agora vou selecionar todos os objetos, depois selecionar todos os quadros-chave e pressionar T. Isso abre o menu de interpolação, e agora vou alterá-los de lineares Você pode ver que agora temos curvas super suaves e a animação em si é totalmente diferente Animar com a rotação ativa, no entanto, distrai um pouco Eu quero mostrar apenas a animação da taça. Então, selecionarei o objeto vazio e clicarei nessa caixa de seleção. Isso oculta visualmente a animação do objeto vazio, para que eu possa focar apenas na xícara Vamos agora aplicar um pouco de espaçamento ao copo alterando essas curvas Eu quero que isso abra e feche rapidamente, mas lentamente flutue no ar Então, assim como praticamos, farei com que todas as curvas tenham uma inclinação acentuada neste primeiro e último quadro-chave e colocarei praticamente todo o espaçamento no quadro-chave central aqui aumentando a escala Agora parece muito melhor. Vamos ver também como fica a rotação. Nada mal, mas posso dizer que o tempo e o espaçamento estão errados. Vou tentar cronometrar de forma diferente pressionando esse quadro-chave para o quadro 40 quando o copo fechar Agora, quanto ao espaçamento, quero que ele gire lentamente antes de se encaixar nessa enorme rotação de 360 graus Então, vou escalar o primeiro quadro-chave como esse para obter um longo acúmulo Agora, vou apenas girar esse quadro-chave para criar uma inclinação acentuada, que proporcionará Isso já está muito parecido com a animação final, o que é muito louco, porque tudo o que fizemos foi mudar o tempo e o espaçamento de algumas curvas Está em um ponto muito bom, mas acho que o momento para alguns desses objetos ainda está errado. Se você ainda não percebeu, provavelmente é um bom momento para dizer que a animação não é linear. Não é uma linha reta do início ao fim. Na verdade, é mais assim. Você terá vários momentos que mudará seu tempo, experimentará ideias diferentes ou até mesmo excluirá algumas seções de toda a animação. Tudo faz parte do processo e, na verdade, é por isso que eu adoro isso. Com isso em mente, vamos brincar um pouco com o tempo e o espaçamento, porque atualmente, todas as peças da taça estão abrindo e fechando exatamente ao mesmo tempo Tudo o que estou fazendo aqui é compensar os objetos. Quero que a tampa se solte primeiro do corpo, seguida pelo plástico interno e depois pelo botão na parte superior da tampa. Isso parece muito melhor. Tudo o que fizemos até agora é bem básico. A animação parece boa, mas eu quero acrescentar peso e credibilidade a Agora vamos fazer isso e ir ainda mais longe , adicionando algumas ações de sobreposição e ajustando muito bem algumas dessas 9. Animação: polonês: polonês. Com nossa animação praticamente completa, agora estamos prontos para aperfeiçoá-la. Quero adicionar um pouco de peso e ação sobreposta, e começaremos usando o controlador vazio Como o copo está retirando os componentes, é necessário que haja algum tipo de força por trás dele para motivar essa ação Aqui, estou adicionando alguns quadros-chave de localização e intermediários no eixo Z para o Estou puxando o copo inteiro para baixo antes de puxá-lo de volta algumas molduras depois Isso dá o efeito do copo estourar ou recuperar da força inicial para baixo Depois de remover alguns quadros-chave de localização desnecessários, você pode ver a ação sobreposta entrando em ação Parece bom, mas definitivamente pode ser melhor. Agora vamos polir a curva e torná-la ainda mais atraente Tudo o que estou fazendo aqui é escalar e girar as alças para encontrar o que acho que parece bom Um truque muito pesado para ajudar no dimensionamento é alterar o ponto de articulação dos quadros-chave Você pode fazer isso clicando neste botão, e eu gosto de usar centros individuais. Isso permite escalar vários quadros-chave sem alterar seu valor inicial Isso parece ótimo, mas agora eu quero continuar adicionando ações de sobreposição O próximo ponto crucial é a rotação aqui. Todas as peças caem, então também deve haver algum tipo de força empurrando todo o corte para baixo Ah. Novamente, estou apenas adicionando quadros-chave de localização simples aqui e ajustando as alças da curva Para esse movimento específico, alterar o tipo de alça para vetor para esse quadro-chave é realmente muito útil Você pode ver que isso automaticamente torna a curva íngreme e espaça perfeitamente a moldura para fazer esse movimento de salto Agora, a última grande animação que preciso aperfeiçoar é esse quadro final, onde ela volta ao início Vou duplicar os primeiros quadros-chave e colocá-los no quadro 60 Com alguns ajustes rápidos no último quadro-chave, o loop agora está incrível. A última coisa que precisamos polir é a rotação de 360 graus do copo. No momento, há muita ação sobreposta. Toda a moção disso parece errada. Tudo o que estou fazendo aqui é encontrar a quantidade correta de rotação para colocar na estrutura de divisão e, em seguida, usar o movimento de sobreposição para chegar facilmente à estrutura final Isso agora parece incrível, mas há um grande problema. O loop de animação não está funcionando porque o quadro um e o quadro 60 são exatamente o mesmo quadro. Está criando um quadro duplicado que quebra essa ilusão do loop A maneira mais fácil de corrigir isso é simplesmente remover um quadro da linha do tempo Então, no editor da linha do tempo, alterarei meu intervalo de quadros de 60 E agora temos uma animação em loop perfeita. Como eu disse, todo esse processo de animação envolve muitas idas e vindas, experimentando novas ideias até que algo grude. Esse é o estágio da animação que pode levar o tempo que você quiser. Há uma citação famosa. A arte nunca está terminada, apenas abandonada. Portanto, dedique o tempo necessário nesta lição para ajustar sua animação. Quando estiver satisfeito com isso, a última coisa a fazer é pressionar render. Na próxima lição, mostrarei exatamente como fazer isso e também criaremos esse efeito de transição de troca de cores 10. Animação: renderização: Renderização. Com sua animação final concluída, é hora de renderizar. Todas as configurações de iluminação e câmera estão bloqueadas. Então, tudo o que você precisa fazer é escolher onde deseja salvar sua renderização. No painel de propriedades, clique nesse ícone. Essa é a guia de saída e permite que você escolha o local de saída. Clicar nesse botão permite que você navegue até uma pasta na qual deseja salvar essas renderizações Depois de encontrar um local, dê a ele um nome de arquivo e use essa formatação. Cor do sublinhado da animação. Vamos renderizar isso como um arquivo de vídeo por conveniência, mas normalmente usaríamos uma sequência de imagens no caso de uma falha no liquidificador Agora, tudo o que resta a fazer é pressionar Renderizar. No canto superior esquerdo, você pode clicar em Renderizar, Render Animação. Ou você pode simplesmente usar a tecla de atalho Control F 12. Agora, e aquela transição de cores? Para conseguir esse efeito, tudo o que você precisa fazer é renderizar quantas xícaras coloridas quiser e juntá-las em qualquer software de edição O Blender tem um editor de vídeo. O DaVinci Resolve é gratuito. Até mesmo o Capcut pode ser usado para isso. Uma vez feito isso, você terá uma animação completa. E agora é hora de finalmente publicar seu primeiro projeto. 11. Considerações finais: Considerações finais. Se você chegou até aqui, quero agradecer por fazer este curso. Agora você conhece os fundamentos absolutos da animação. Abordamos alguns princípios básicos de animação, aprendemos uma das ferramentas mais poderosas do Blender e fizemos uma incrível animação em e fizemos uma incrível Eu adoraria ver como sua animação ficou. Então, por favor, me mande o que você fez, seja nos projetos de aula Bow ou diretamente no Instagram com o identificador na Smefabo Espero que você tenha se divertido e mal posso esperar para ver o que você fez. Obrigado por assistir.