Fundamentos de animação: squash e estiramento

1. Introdução de salto: Olá pessoal, é o professor Nick novamente com outro ótimo curso. Esta é uma animação, animação de quadro no Procreate, aprenderemos a habilidade chamada squish and stretch. E é uma técnica simples que maioria dos animadores precisa conhecer como um curso fundamental. Já que é animação de quadro, isso vai ser muito, muito simples de fazer hoje. E então eu estou ansioso para ver seus projetos hoje, que estarão imitando tudo o que você aprender hoje em sala de aula. Usaremos técnicas de sombreamento para dar a ele um campo tridimensional e adicionar emoção também. Para dar um campo de desenho animado à bola quicando, esta será uma bola quicando perpétua, o que significa que nunca vai parar. Vamos continuar subindo e descendo e subindo e descendo. Você aprenderá ótimas habilidades hoje. Você aprenderá sobre animação de quadros, esfolamento de cebola. Você aprenderá sobre antecedentes e primeiro plano. Então, ao fazer suas próprias animações, você pode ver como isso afetará todas as suas animações. E então você também aprenderá que alguns usarão a função warp, a função distorcer, e eu acho que é basicamente isso. Mas também aprenderemos sobre atrasos e prazos. Portanto, é um ótimo curso. Estou ansioso para ver seus projetos. Mal posso esperar para te conhecer. E te vejo na aula. 3. Produção de animação: E agora essa é a nossa caixa delimitadora. Este, o que isso significa, vai ficar em cada página que fizermos, cada quadro que fizermos. E ele estará lá apenas como um guia. No final, removeremos esse quadro e também a grade. Agora, aqui você pode ver que diz Adicionar um quadro. E se eu fizer isso, esse é o primeiro quadro em que vou desenhar. O fundo de novo, aí está. Ele permanece em todas as páginas, então isso aparecerá. Então é muito bom quando você está fazendo animações mais longas, você terá, se você quiser ter um fundo e a cor da bola, eu vou escolher vermelho. E então eu não vou usar um traço, é apenas uma cor pura. E há duas maneiras de fazer isso. Um está desenhando cada círculo à mão, descendo a linha. O único problema com isso, e não é que isso seja um problema tanto. Mas se você quiser manter uma aparência consistente da bola, você não gostaria de fazer isso. Agora, não estou dizendo que todas as bolas devem ser perfeitamente redondas. Pode ser uma pedra ou algo assim. Mas, para esse propósito, vamos mantê-lo simples e agradável. E assim, quando abrimos nossas camadas, você pode ver que o quadro um está lá e também está amarrado a este aqui. Então, quando eu desenhar meu círculo, vou voltar para o meu pincel. E a linha mono novamente é selecionada. Vou desenhar um círculo bem pequeno aqui. E ao segurar, ele vai se fechar. E então, usando meu outro dedo, vai me dar um círculo perfeito. Agora você pode ver que está um pouco fora do centro. Eu vou até o botão de seta, me certifico de que está selecionado e você vê que está offline um pouco. Eu só quero tocar aqui um pouco e depois voltaremos para o centro. Aí está. Agora eu poderia fazer um snapping magnetics e snapping e, dessa forma, ele sempre se encaixaria. E agora eu vou fazer algo diferente. Vou seguir em frente e duplicar essa linha ou esse quadro. Agora você pode ver na parte inferior que há dois quadros lá, e há dois quadros aqui. Então agora eu vou ter que fazer é voltar para a tecla de seta. Agora eu tenho esse círculo perfeito e tudo o que tenho que fazer aqui é que agora você pode ver que é snap e magnetismo. E agora eu posso manter tudo bem e arrumado ali mesmo, e ele fica junto. Uma dica rápida é que, se você quiser que sua animação fique mais lenta, você quer manter seus círculos juntos mais próximos. E se você quiser que eles vão um pouco mais rápido, você os colocaria mais afastados. Agora não vamos conseguir ver isso aqui porque é uma curta distância. Mas eu tenho outro vídeo que vou mostrar no final. Imita uma montanha-russa de quando o clima vai ficar lento, fica lá em cima por um tempo e depois desce. E é uma coisa simples ter muitos e muitos círculos muito próximos. E então aqui embaixo, é um grande espaço ou lacuna. E veremos isso um pouco mais tarde nesse vídeo. Agora, vou fazer isso mais uma vez. Vamos duplicá-lo. E então vá para a minha tecla de seta, novamente, minha flecha. E então eu vou derrubá-lo um pouco assim. Então, agora temos esses três. Você veria a cebola descascando e o que ela está fazendo é representá-la com um vermelho sólido. A tela atual sempre será vermelha ou a cor de sua escolha. Meu próximo quadro ainda o duplicará, mas não será circular. Vamos voltar para a nossa seta e selecionar, certifique-se de que você está selecionando aqui, você pode acidentalmente torná-la maior ou o que quer que seja. Então não queremos fazer isso, ter certeza de que não está se mexendo. E normalmente estaria sob o uniforme aqui em baixo. Mas para esse propósito deste terceiro, acho que é o terceiro ou quarto agora, já é o quarto quadro. Vamos mudar um pouco, voltar para a seta, verificar se está selecionada e vamos clicar em distorcer. Distort vai nos permitir, pode transformá-lo em um pouco como uma bola de futebol? Agora o único problema com isso e ver o que está acontecendo. O que você acha que está acontecendo lá? Bem, porque está se encaixando e magnetismo não vai me deixar fazer isso. Então eu preciso desligar os dois e voltar para o meu círculo e transformá-lo em um oval. Agora, eu não quero ir muito longe e talvez quase bem ali. Mas quando estamos falando de um círculo, um círculo tem uma certa massa. E quando a esmagamos, se esmagarmos uma bola, mudaremos a forma dela. Então, geralmente quando você esmaga algo, ele entra e fica um pouco mais fino. Então, temos que nos ajustar para isso. Temos que nos certificar de que não mudamos a massa da bola. Então, vamos nos aproximar. Sabemos que não pode ser tão largo quanto o círculo porque então a massa seria igual. Você pode ver que eu desci um pouco lá dentro? Então agora podemos pegar isso e arrastá-lo até aqui. Claro que vou, vou perder minhas fotos. Mas agora você vê que está realmente se alongando. E então vamos duplicar esse novamente. Vamos voltar para a seta e talvez fazer isso descer um pouco mais. E fazemos isso mais uma vez. E desta vez queremos ter certeza de clicar na seta, ter certeza de que ela está selecionada. Vamos tocar na parte inferior. E você pode simplesmente fazer isso aí mesmo. Porque essa é a nossa caixa delimitadora que, senhor, pense nela talvez como uma parede ou o chão. Você não pode ir além disso, não faria nenhum sentido. Então, temos que ter algumas regras no jogo. Então, agora vamos entrar e fazer isso mais uma vez. Vamos fazer mais algumas vezes. Vamos fazer outra duplicata. Mas desta vez, vamos nos certificar de que é a taxa reduzida. Então, temos que ter certeza de que essa é a única parte difícil. Temos que garantir que isso permaneça nesse ponto. Nós podemos derrubar isso. E agora temos que sair de lado. Certo? Agora vai sair dessa maneira. E, novamente, isso não precisa ser perfeito. É apenas uma aproximação de como vai ser. Mas a força da bola está se movendo em um ritmo rápido, um ritmo rápido. Então, isso agora tem que mudar de vertical para horizontal. E agora vamos fazer isso de novo. Duplique isso. E você pode ver que toda vez que estou duplicando quadros, isso também fica mais longo. Mas agora temos que deixar isso um pouco mais plano e ter muita força e fazer com que isso desça até o fundo. E aquele que eu posso usar Warp pode fazer com que isso desça assim e diminua um pouco mais. Então, isso tem um impacto maior na parte inferior. Então, parece quase um achatado quase como um Stonewall achatado. E então, se você quiser, você pode ir mais um. Se você quiser ir mais um, você pode fazer isso. Duplique de novo e vamos apertá-lo, voltar para distorcer e fazer apertar um pouco mais assim. Agora, vamos voltar a clicar no botão de seta e vamos apenas para o inferno, vá para as configurações e eu vou mostrar a vocês o que aconteceria se eu estourasse os quadros de casca de cebola, o que isso pareceria? Você pode ver agora onde tudo está correto e é isso que queremos. Queremos escrever no meio. Se você quiser, você pode jogar, mas está muito perto de terminar. Então, agora que vamos voltar às minhas configurações e voltar para cerca de quatro quadros. Eu quero voltar para o último quadro. Não fique onde eu estava. Claro que eu conhecia o último lá e você pode conferir aqui. Sabemos que esses são os últimos quadros que escolhemos. Agora, aqui, vamos duplicar novamente. Está bem? Ou você pode simplesmente copiar um de um que você já fez. Mas, neste caso, vamos apenas clicar na seta novamente e trazê-la de volta. E eu gostaria de fazer um pouco diferente. Então, há isso duplicado novamente. Clique no botão de seta. E você pode começar a ver que isso vai começar agora que está começando a entrar em forma. Então, não queremos isso de jeito nenhum. Então, vamos entrar aqui e vamos deletar isso. Vamos voltar para este seria bom. Ou até mesmo voltar para este. Vamos duplicar isso e depois arrastá-lo até o topo. Agora esse é o nosso último quadro. E podemos simplesmente subir um pouco assim. E depois duplique-o novamente. Então, novamente, depois disso, voltaremos para o círculo. E você pode fazer pequenos ajustes. Este está um pouco fora de lá. E você pode fazer isso ir, ter certeza de que está distorcido e apenas empurrá-lo um pouco mais se quiser. É claro que aquele não seria gordo ou seria o anterior. Então tinha que ser esse. E então você pode distorcê-lo um pouco mais, se quiser . Depende muito de você. Então, vamos voltar seta. Verifique se você está no seu último quadro. Agora podemos simplesmente entrar e copiar o círculo novamente. Então, o círculo está aqui atrás. E nós duplicaríamos isso. E depois copie-o, copie-o até o até topo e depois duplique-o. Mova-o com a flecha novamente. Peça desculpas pela minha mão grande. E depois mais uma vez. E traga isso de volta ao início. Agora vamos executar isso. Você vai ver como isso foi simples. Tudo bem, então clicamos nisso , certifique-se de clicar de volta na seta. E nós apenas fazemos uma jogada simples. Então você vê que algo está errado. E eu posso ter feito isso muito rápido. Vamos dar uma olhada nisso. Sim, parece que este está fora do centro. Acho que é esse último. Mas, na verdade, não muito. Vamos EMS, quando você tem algo que sobe, ele não volta imediatamente para baixo novamente. Ele sobe, combate a gravidade, fica lá por um segundo quando volta para baixo novamente. E é isso que vamos fazer com essa animação. Vamos clicar neles no último quadro e vamos ver onde diz Duração da espera. Nós vamos mudar isso. Vamos tentar ver como fica e depois jogar. Agora parece que está segurando demais. Então, vamos voltar ao último quadro e vamos mudar isso de volta para um. Você pode nem precisar disso, mas pode ver que é um pouco melhor. 4. Colorir, rosto, sombra, sombras: Agora, para o próximo vídeo que vamos fazer, eu sei que muitos de vocês provavelmente já sabem como usar recolorir. Infelizmente, não poderemos usar recolorir aqui porque não temos todos os círculos na tela ao mesmo tempo. Mas eu vou voltar para um e então podemos apenas clicar e segurar e o próximo, segurá-lo até que esteja cheio. O próximo quadro. E infelizmente eles fazem isso umas 20 vezes, mas poderíamos ter feito isso logo no começo. Essa é uma opção. Mas eu escolhi não fazer isso. E isso é só girar. Demore alguns segundos, então vou acelerar isso. Então você quer entrar nisso, ok, estamos de volta e depois todos coloridos e vamos voltar e fazer um teste aqui. Parece muito divertido, não é? Está indo lá embaixo. Você pode fazer pequenos ajustes aqui e ali, se quiser. Está perfeitamente nessa linha. E isso é o que é chamado de salto perpétuo. Agora, se você quiser, se quiser parar com isso, faça uma pausa por um minuto. Se você quiser, você pode entrar e fazer disso um bloqueio alfa. Podemos pegar uma cor um pouco mais escura aqui, porém, vermelho mais escuro, e colocar uma bela sombra. Eu faria isso. Eu entrava em aerografia, escova macia, e então poderíamos colocar um pouco de sombra, talvez sobre ela assim para dar alguma dimensão. E se você pode ver isso, eu não tenho certeza se você pode ver isso. Então, dá um pouco mais de dimensão. Então também podemos entrar, e agora é aqui que podemos voltar ao preto. E podemos colocar uma cara engraçada. Certo? Então, aqui vou eu um pouco. Quero dizer, eu trago isso um pouco mais perto e eu volto para a linha mono, que é onde você, se você quiser obter uma melhor quando você pode fazer isso também. Mas caligrafia, linha mono garante que provavelmente seja de tamanho 2%, talvez menor. Então podemos colocar uma cara engraçada. Na verdade. Volte aqui. Coloque um pequeno ponto. É um duto horrível. E então voltamos aqui e podemos ficar com o branco puro. E podemos preencher isso com branco. E agora temos um rosto. Tudo bem? Então você pode fazer isso por todos os seus, seus personagens, suas bolas. E quando você vai para aqui no fundo, vamos ser reais. Muito divertido para você é quando está realmente batendo no, quando está batendo na parede ou no chão aqui embaixo, você pode talvez fazer um pouco, Vamos voltar ao preto. E talvez mostrando um pouco de careta. E depois alise-os ainda mais. Então você pode se divertir muito criando seus próprios personagens pequenos nele. Novamente, uma vez que você desça isso, esse processo de fazer isso, você pode, você não precisa usar círculos. Você pode usar talvez uma cabeça ou qualquer outra coisa que você queira fazer. A próxima animação que maioria dos animadores usará é um saco de farinha. E a razão pela qual eles usam uma segunda flor em uma segunda flor pode ser algo tão simples quanto isso. A razão pela qual eles fazem um saco de farinha é porque é uma forma de mostrar emoção por meio da postura. E ao dobrar isso está diminuindo. Você pode parecer que ele está desleixado, triste ou levantado e ele pode ser feliz. E isso traz muito. Sem nem mesmo desenhar um rosto, você pode dar um pouco de emoção, o que é bom. Isso geralmente é o que os mentores fazem depois disso. Eu tenho um vídeo sobre isso. Tudo bem, então é isso. E depois de tudo feito, o que você quer fazer é voltar ao início e ter certeza de desligar a chave inglesa, desligar o Guia de Desenho. Você não quer mais isso. E então, aqui na primeira tela, você quer clicar nela para sempre tê-la lá. Ok, então é isso. Você também pode desativar a casca da cebola, voltar às configurações. E você pode desligar a casca de cebola e a pequena animação do jogador. Agora, a única coisa que eu não fiz nessa animação foram sombras. E assim, se você quiser desenhar uma sombra de longe, ela se lembraria, seria difusa, muito difusa e leve. E quanto mais perto chegasse do fundo, você colocaria, digamos, por exemplo, este. Você teria. E depois é só desenhar. Deixe-me ter certeza de que está ligado novamente para que eu saiba onde estou indo. E eu estava desenhando um oval simples aqui embaixo. Isso está fora de controle. E então eu poderia preenchê-lo com preto. E então vá para o próximo à chave inglesa e faça um Gaussian Blur. Algo parecido com isso. Lembre-se de que, mais longe, a sombra ficará mais confusa. E então aqui tudo o que eu faria é simplesmente me fundir. E agora está lá. Então você faz isso para cada quadro. Quanto mais perto chegava, mais escuro e menos um desfoque gaussiano. Haveria? 5. Como definir sua velocidade: Então, aqui está a ideia da montanha-russa. Você pode ver como o que eu fiz foi tê-los aqui e eles estão muito próximos dessa maneira de jogar. Então, há um pouco mais de velocidade lá. Você pode ver que onde isso acontece, ele sobe, fica lá um pouco, desce bem rápido. E isso é algo que você pode fazer. Novamente. Bem, como faríamos isso? E voltamos para o nosso, traçaríamos nossa linha e seguiríamos essa linha. Então essa é a minha linha, esse é o plano de fundo que apareceria em cada página. E então eu tenho algo a seguir. E isso é muito divertido. Você pode fazer muitas coisas divertidas com isso. Espero que você tenha gostado da aula e estou ansioso para ver seu trabalho para o projeto, um vídeo separado. E muito obrigado por ter participado da minha aula. Eu agradeço. 6. Projeto de salto: Ok pessoal, esse é o projeto da turma. Você pode fazer um loop de bola quicando, se possível, e pode ser de qualquer cor, qualquer design que você possa ter rostos sem faces, não importa. Eu quero ver o que você inventou. A animação à direita foi algo que eu tentei. Obviamente, não é uma bola, mas é algo divertido que podemos tentar. Vamos ver o que acontece aqui porque tem uma forma diferente. Na verdade, eu girei ao redor. E você pode ver que agora isso não está configurado para repetir. Infelizmente aqui, você pode ver como fica. E assim você pode se divertir com esse projeto de aula. Espero que você goste. Espero que seja algo que você esteja obtendo um valor com isso. Falamos sobre casca de cebola, falamos sobre distorcer e deformar um pouco, só um pouco lá. Assistência de quadro, ajustando seus parâmetros. E falamos sobre guia de desenho e configuração disso, a grade e tudo mais. Portanto, é uma ótima base para você e espero que você obtenha muito valor desse projeto e continue fazendo tantos. Você sabe, você pode postar mais de um. Está tudo bem para mim. Eu quero ver o que você é capaz de inventar. Quanto mais criativo. Eu não sei, muitos estudantes criativos por aí e realmente apreciam você ter participado da minha aula. Mal posso esperar para ver seu trabalho. 7. Projeto alternativo: Ok, eu queria compartilhar algo com você. Tipo adicional de animação. E isso é apenas 11 vezes. Não vai ser perpétuo, só vai pousar e ter uma coisinha bem no fundo. E uma das três maneiras de salvá-lo é: uma é a gravação com lapso de tempo. Você pode, se você for fazer algo em seu arquivo procreate, vai levar do ponto em que você iniciou seu novo arquivo até o final. Ele registrará tudo o que aconteceu nesse período de tempo. Então essa é uma maneira de fazer isso. E outra maneira de salvá-lo, claro, é meu GIF animado. GIF animado, você pode fazer resolução máxima ou também pode fazer pronto para a web. Acho que o salvei de todas essas quatro maneiras. Eu fiz resolução máxima, rádio, Geoff, e então eu também fiz lapso de tempo. E então o último, claro, seria fazer em um mp4. Então, o que é divertido nisso é que você pode criar o quanto quiser. Há tantas maneiras diferentes de criar objetos diferentes. Você poderia fazer “Friends head”. Você pode fazer várias partes do corpo, é claro. E então, claro, o MP4 animado. E, mas é um gráfico simples. É um arquivo ping, então não há plano de fundo. E tudo o que fiz foi pegar o arquivo e depois mantê-los duplicando e mudando sua posição para que parecesse que estava sendo jogado do céu. E então há o diferente, Este é Max, casca de cebola. Assim, você pode ver cada movimento. Se você não quiser mostrar isso. Você não quer mostrar isso, mas você pode ver cada termo subsequente que eu fiz. Eu faço isso manualmente, a propósito, que vira manual oral. Há uma configuração que você pode fazer em um ângulo de 45 graus. Mas se você quer uma transição mais suave, eu estava fazendo isso sozinho. E se eu quiser, posso torná-lo ainda mais suave colocando mais camadas adicionais. Então, essa é apenas outra opção. Então você tem opções diferentes, algumas diferentes. Você tem a bola e também tem qualquer tipo de objeto que quiser.