Animação desenhada à mão – Guia de animação com o Procreate para iniciantes

1. Introdução: Aprender animação desenhada à mão pode ser assustador. Tentando entender quadros, como eles funcionam, e mesmo se o que você imaginou vai funcionar no final. Gosto de criar animações simples e em loop de objetos, ou de adicionar outra dimensão às minhas ilustrações. Sou um Smitesh Mistry, designer gráfico, ilustrador e animador autodidata. Na aula de hoje, vamos cobrir o básico da animação desenhada à mão através da criação de uma bola saltitante. Vou dizer que esta aula é perfeita para iniciantes. Talvez você esteja começando com animação ou talvez você esteja animando por um tempo, ou mesmo se você é um designer gráfico ou um ilustrador que quer começar a adicionar movimento em seu trabalho, eu diria que é uma classe perfeita para começar com isso . Aprender animação desenhada à mão é sempre uma habilidade útil para ter em sua caixa de ferramentas, quer você crie uma animação autônoma ou se você vai adicionar movimento a uma ilustração para provocar uma certa emoção no mudo. Um benefício de usar o Procreate para aprender animação é que é simples e fácil de começar. Ele tem um monte de ferramentas e recursos que eu achei muito útil, especialmente quando começar com animação. Mas também porque eu uso o Procreate como minha principal ferramenta ao criar ilustrações, é super simples para mim adicionar animação a ilustrações existentes. As principais seções deste projeto incluirão: dar a você um passo a passo do recurso de assistência de animação dentro do Procreate, passando por alguns dos princípios da animação, incluindo tempo e espaçamento, squash e alongamento, lentidão, desaceleração e encenação e, finalmente, terminando explorando nosso projeto. Estou animado para dar essa aula não porque eu sou um profissional, mas porque eu estava em uma situação semelhante onde eu não sabia nada sobre animação. Mas através da experiência e assistindo a vários tutoriais e experimentando, eu dividi-o em etapas que me ajudaram, a fim de fazer você se animar. No final da aula, você estará bem no seu caminho, criando suas próprias animações desenhadas à mão, dando-lhe a confiança para iniciar projetos desde uma ideia até sua conclusão. Então vamos pegar seus iPads e lápis, e vamos lá. 2. Projeto: O projeto de hoje será criar uma animação saltando de uma bola saltando dentro de um ambiente de sua escolha. A razão pela qual eu escolhi este projeto é porque este foi o primeiro projeto que eu aprendi quando eu comecei com animação. Eu realmente tenho que agarrar e entender os fundamentos de criar uma bola para saltar, e eu sinto que isso me preparou muito bem para criar projetos muito mais complexos e muito mais difíceis. Então, dentro desta classe, eu dividi-o em passos simples e fáceis de seguir, especialmente se você está apenas começando com animação. Inicialmente, vou começar guiando vocês pelos recursos de assistência de animação dentro do Procreate. Em seguida, passando para o tempo e o espaçamento, seguido de facilidade e facilidade para fora e squash e alongamento, o que dará à sua animação uma sensação de realismo e , finalmente, terminamos com a estilização da sua animação através da adição sombreamento e textura e, em seguida, adicionar um plano de fundo à animação. Então, finalmente, terminaremos com a exportação de sua animação para que você possa compartilhá-la no painel do projeto abaixo ou nas mídias sociais. Para se preparar para esta aula, eu recomendo depois de cada aula, realmente tomar algum tempo para praticar o que a lição cobre para lhe dar uma base melhor e qual, no geral, lhe dará um bom resultado no final. Então você quer pegar seus lápis de Apple e os iPads e vamos começar a fazer essas bolas de bola. 3. Passo a passo: Nesta primeira lição, eu vou dar a vocês uma rápida caminhada através dos recursos da série de animação dentro do Procreate começando por como dois ativá-lo, como acessar uma nova certas opções, como cebola skinning e os quadros por segundo e, em seguida, apenas mostrando todas as ferramentas que estaremos usando dentro desta classe. No final desta aula, você terá uma boa compreensão do recurso de assistência de animação e onde determinadas ferramentas estão. Vamos abrir o procriar. Quando o abre pela primeira vez, esta é a tela que lhe é apresentada. Obviamente, eu criei projetos antes é por isso que você pode ver outros projetos aqui. Mas para esta classe, vamos criar um novo projeto clicando no ícone de adição no canto superior direito e, em seguida, selecionando o tamanho da tela, independentemente do iPad que você tem, tamanho da tela estará lá. Vamos tocar isso. Para começar, vou dar a vocês uma breve visão geral de onde tudo está. No lado esquerdo aqui, aqui é onde temos nossos controles de pincel, onde o superior é onde você controla o tamanho do pincel e, em seguida, o inferior é onde você controla a opacidade do pincel, então como ver através do pincel é. Aqui no topo estão as suas configurações. Aqui é onde vamos ligar o nosso assistente de animação e, em seguida, aqui à direita, é onde você seleciona sua ferramenta de pincel, sua ferramenta de apagar, suas camadas e suas cores. Para entrar nisso, vamos ligar o nosso assistente de animação primeiro. Então veja isso, nós vamos estar clicando na chave inglesa no canto superior esquerdo, certificando-se na tela e, em seguida, aqui na assistência de animação vamos estar ligando isso e, em seguida, como você ligar isso, você vai ver esta barra aparece na parte inferior. Então, alguns desses recursos dentro da assistência de animação que estaremos usando durante esta classe são as configurações e adicionar quadro. Quando estamos fazendo a animação, eu vou te guiar por isso, mas apenas uma breve visão geral. Para adicionar um quadro, há duas maneiras pelas quais você pode fazê-lo. Um deles é clicar em Adicionar quadro aqui e, conforme você faz isso, você vê outro quadro aparece, ou a segunda maneira de fazê-lo é em suas camadas; se você adicionar uma nova camada, um novo quadro será criado. Camada três lá e, em seguida, como você viu em outro apareceu e quanto mais você fizer, você pode ver que camadas pop-up. Então aqui embaixo nas configurações, aqui é onde podemos controlar a animação, a forma como ela é reproduzida. Se queremos que a animação salte, se quiséssemos jogar ping-pong, ou se queremos isso em um tiro e, em seguida, aqui em baixo, você tem os quadros por segundo para isso determina quão rápido você quer que a animação seja reproduzida. Então, quantos quadros você deseja reproduzi-lo por segundo. Aqui em baixo está esfolando. Aqui é onde você pode controlar todas as camadas que você tem. Quantos dos anteriores ou os quadros para vir que você quer ver. Então aqui está a opacidade dos sindicatos podem tinta. Então, dependendo de quantas camadas você quer ser visto vai depender da opacidade dessas camadas e, em seguida, para os provérbios, nós não estaremos usando isso nesta classe, mas isso é soma para agora omega em mais tarde. Antes de começarmos a próxima aula, eu recomendo familiarizar-se com a interface, especialmente se esta for a primeira vez que usá-lo. Na próxima lição, ensinarei a vocês o tempo, espaçamento e o caminho da animação. Dê a você uma compreensão mais profunda de como o espaçamento e o tempo de seus quadros afetarão a velocidade de movimento e , em seguida, o caminho de animação que guiará os objetos que foram destinados a se mover. 4. Sincronismo e espaçamento: Nesta lição, vou explicar o tempo, espaçamento e o caminho da animação. Explicando para você como o caminho da animação é como esqueleto para sua animação e mostrando como configurá-lo como um fundo para que ele fique visível em cada quadro, tinta anime riqueza. Em segundo lugar, o tempo e o espaçamento explicando para você isso afeta a velocidade de sua animação, quer você queira que o objeto se mova rapidamente ou que o objeto se mova devagar. Vou dar-lhes demonstrações e mostrar-vos exemplos do que quero dizer nesta lição. Primeiro vou mostrar a vocês alguns puffs de animação simples que podem ser usados antes de começarmos a criar o que vamos usar. Aqui temos esta linha reta, um ondulado, e o caminho em ziguezague. Como você pode ver, cada bola está se movendo de forma diferente, mas está tudo seguindo o caminho que nós aplicamos, que eu vou mostrar a vocês em breve. Para começar a traçar nosso caminho de animação, vamos começar indo para a ferramenta Pincel e, em seguida, selecionando um pincel rígido. Eu criei uma pasta separada, mas para esta lição, vamos querer caligrafia e, em seguida, selecionar monolina. Em seguida, para mudar a cor, eu vou usar uma cor mais escura, então eu vou tocar no ícone de cor no canto superior direito, e então eu vou arrastar todo o caminho para o preto. Vou me certificar de que meu passado Ceilão cheio e, em seguida, meu tamanho de pincel é um pouco menor. Para começar, vou segurar a caneta na tela, arrastá-la para baixo. Enquanto eu colocar minha caneta nesta tela e como você pode ver, é encaixado em uma linha reta. Vou segurar meu dedo para baixo, para que ele se encaixe verticalmente. Então vou largar a minha caneta. Isso vai ser em uma camada. Ainda não ativei o meu assistente de animação. Então eu vou começar colocando um indicador na parte superior, um indicador na parte inferior. Então eu vou passar pela metade de cada seção, então eu vou fazer um aqui, um aqui, aqui, e eu vou apenas para metade de novo. Cada seção eu vou apenas para metade. Agora que planejamos isso, então o que eu vou fazer é ligar meu assistente de animação, assim como fizemos antes. Agora que criamos isso, vou adicionar um novo quadro para que possamos começar na bola. Na camada que acabamos de criar, vou tocar nela, configurá-la como um plano de fundo. O que isso nos permite fazer é desenhar quadros acima dele enquanto isso está em segundo plano ininterrupto. Agora eu vou tocar na camada novamente que acabamos de criar. Vou começar a usar cada indicador como ponto central de um círculo. Vamos desenhar um círculo para cada indicador que desenhamos, certificando-se de que a forma está fechada, prendendo o ponto na forma que acabamos de desenhar. Vou repetir isso para cada um, então vou adicionar outro quadro. Como você pode ver, é mostrado onde nosso quadro anterior está, isso será útil mais tarde. Mas, por enquanto, vamos apenas desenhar um círculo, tentar manter o círculo do mesmo tamanho para cada indicador. Vou fazer isso rapidamente a todos eles, e depois que terminarmos, mostrarei o resultado final. Terminamos isso, então, para ver o que criamos antes de pressionar play, eu vou para as configurações, certificando-se de que está em loop, então eu vou tocar em play. Como você pode ver, eu tenho uma bola se movendo na tela. Se você quiser voltar para cima novamente, eu vou para as configurações e selecionar ping-pong. Como você pode ver, é como a bola de pingue-pongue entre os dois pontos, o fundo e o topo. Uma dica que eu recomendaria com esta parte da animação é realmente começar a lidar com a compreensão de como a velocidade funciona, se você quer que um objeto seja rápido ou se você quer que um objeto se mova devagar. Eu recomendo realmente fazer brincar com isso antes de passar para a próxima lição. Basta começar a lidar com se você quer que um objeto se mova rápido, o que você precisa fazer, e se você quiser que um objeto se mova devagar, o que você precisa fazer. Só uma breve recapitulação desta lição. Mostrei a você como criar um guia e configurá-lo como um plano de fundo, para que você possa usá-lo em toda a sua animação. Em segundo lugar, mostrei como o tempo e o espaçamento funcionam para criar velocidade dentro de sua animação. Na próxima lição, vou te ensinar devagar e devagar. Combine o que aprendemos nesta lição juntos, tendo um objeto se movendo de uma velocidade rápida para uma velocidade lenta. Vemo-nos na próxima aula. 5. Facilidade de entrada e saída: Nesta lição, vou ensinar-vos devagar e abrandar. Aqui é onde vamos alterar o espaçamento entre certas seções do caminho da animação para dar a ilusão de que a bola está acelerando ou diminuindo em comparação com o movimento linear que criamos na lição anterior. Vou mostrar-vos diferentes demonstrações de como diferentes tipos de espaçamento podem dar-vos movimentos diferentes, onde isso é bastante cartoony ou bastante realista. Estarei guiando você através dos passos de como criar isso e no final desta lição, teremos a bola saltando em um movimento realista. Aqui tenho dois exemplos. Um com lentidão e lentidão aplicado e depois outro com intervalos lineares, como fizemos na lição anterior. Vou tocar isto só para te mostrar a diferença. Ambas as bolas, ambas têm a mesma quantidade de quadros chave e a mesma quantidade de intervalos. Mas tudo o que fiz foi alterar o espaço entre eles. Como você pode ver com o da direita com o lado lento, ele vai muito mais rápido do que o centro de um movimento e desacelera em direção às extremidades onde muda de direção. Enquanto linear um, parecia muito robótico na forma como se move. Estes são os dois caminhos de animação criados. Como você pode ver aqui, o espaçamento entre estes tem linha bastante uniforme, enquanto estes aqui, este é muito menor em comparação com este. Como queremos que a bola esteja se movendo rápido aqui e a bola esteja se movendo devagar aqui. Isso pode ser aplicado em outras partes da animação, mas para esta classe, isso se tornaria um passo importante quando estamos produzindo nossa bola saltitante. Antes de mais uma vez para mostrar como eu traço isso, deixe-me mostrar-lhe outro exemplo como mudar as proporções pode adicionar um pouco de caráter e exagero à animação. Como você pode ver aqui nestes dois exemplos, um é bastante moderado, mas então o outro é muito mais exagerado, onde a bola está se movendo extremamente rápido no centro e, em seguida, muito mais lento em direção à borda. Eu fiz isso agrupando os quadros-chave em direção às bordas do caminho onde a bola está mudando de direção. Isso pode ser usado para ajudar bom personagem para sua animação e exagerar certos recursos. Se é como uma bola abrandar como vamos fazer, ou dependendo de onde mais você quer fazer. Para começar o nosso projeto, vamos começar por desenhar o caminho de animação com a indicação mais lenta e mais lenta está marcada em. Para começar, deixe-me desenhar uma linha central, mantendo a caneta na tela, digitando com um dedo para encaixá-la e depois solte. Vou começar com os dois pontos finais como este onde queremos que a bola pare, e é aqui que queremos que a nossa bola salte. A maneira que eu vou fazer isso é que queremos que a bola esteja diminuindo um pouco na parte superior e, em seguida, ligeiramente na parte inferior quando ela muda de direção uma vez que atinge a superfície. Eu vou estar fazendo três pontos para a bola estar se movendo, tendo estes bastante espaço fora, e porque queremos que a bola esteja se movendo muito mais devagar em direção ao topo, eu vou estar adicionando muito mais quadros-chave. Entre esses dois pontos, eu vou estar fazendo um no meio. Mais uma vez, quanto mais perto eu chegar a este ponto, eu vou estar adicionando mais quadros em. Vou chegar um pouco mais perto. Então um pouco mais perto de novo, e depois outro e logo no topo. Poderia ampliar para isso. Vou fazer mais uma. Estes estão muito juntos. Quando estiver no fundo, vou explicar isso mais tarde, mas só vou ter um quadro chave lá. Quando chegarmos à próxima lição, vamos adicionar algo chamado squash e stretch, que irá adicionar todos os quadros-chave, mas vamos fazer isso através do movimento. Eu estava marcando beliscar para encaixá-lo em tela cheia novamente. Agora que jogamos fora nosso caminho de animação, vamos começar desenhando nossa bola agora. Vou criar uma nova camada. Então só o caminho de animação que criamos, queremos trazer isso para a frente. Vou desmarcar fundo, quero arrastá-lo na frente da nova camada que acabamos de criar. Vou tocar nisso e, em seguida, selecionar primeiro plano. Em seguida, clique novamente na camada que criamos. Agora eu vou selecionar a cor na bola que eu quero para este projeto. Eu criei um poste aqui, que eu vou colocar na descrição abaixo com os códigos que você pode digitar aqui. Eu vou selecionar o verde, e então eu vou ter certeza de que o pincel está na linha mono um que entra em caligrafia. Então eu vou entrar e começar a desenhar a bola. Quero uma bola de tamanho decente para podermos vê-la. Desenhei o círculo, fechei a forma, e então mantive minha caneta na tela. Vou tocar com um dedo para torná-lo um círculo e, em seguida, soltar a caneta, vou editar a minha forma, e então vou trazê-la mais ou menos para o centro da marca superior que criamos. Estou feliz com isso. Vou arrastar o ponto para a forma e depois preenchê-lo. Vou fazer o mesmo a cada um destes. Para duplicar isso, para ter certeza de que a bola permanece do mesmo tamanho, eu vou para o meu painel de LED aqui no canto superior direito, deslize para a esquerda na camada e, em seguida, toque em “duplicar”. Você pode ver que ele duplica essa camada, e se eu adicionei outro quadro aqui, clicando na minha função de sono, e eu vou arrastá-la para baixo um pouco, apenas para combinar com o próximo quadro. Como você pode ver, há uma sombra atrás, mas apenas para aumentar nossa sombra, vamos reduzir [inaudível] skinning para três, e então aumentar a opacidade apenas para que possamos ver o quadro anterior. Agora vou fazer isso para cada quadro. Novamente, camada, deslize, duplique, clique na seleção, arraste-a para baixo um pouco e, novamente, duplique. Vou fazer isso rapidamente e te alcanço em breve. Se nos certificarmos de ir em configurações e, em seguida, tocar este dois ping-pong e, em seguida, pressione play. Devemos ter uma bola quicando onde vai devagar o topo, ele salta e depois folhas de backup, como você pode ver. Na próxima lição, nós vamos estar construindo sobre este squash e estiramento livre, onde nós estaremos mudando a forma desta bola um pouco, apenas para adicionar ao movimento. Quantificado recomendar com lento em sua lei é realmente entender como o espaçamento funciona, onde você tê-lo apertado juntos no topo são bastante espaçados para baixo. A parte mais rápida em movimento, como esta parte é o que dá um realismo à sua animação como objetos em sua vida não se movem linearmente, eles geralmente se movem lentamente em movimento rápido e depois diminuem, ou eles iriam começar desligue devagar e depois termine rápido. Compreender esta parte da animação vai realmente adicionar uma sensação de realismo aos seus projetos. Isto foi lento e lento para fora. Realmente começar a entender como o espaçamento pode afetar o humor da animação se você quer ser bastante dramático e exagerado, ou você quer ser bastante realista. Na próxima lição estaremos cobrindo abóbora e alongamento. É aqui que vamos atribuir um material à bola, quer queiramos que a nossa bola seja bastante rígida ou se queremos que a nossa bola seja bastante duradoura. Vejo-te na próxima lição. 6. Encolher e esticar: Nesta lição, vamos estar cobrindo abóbora e alongamento. É aqui que alteramos a forma da bola durante certas partes do movimento. Mas também fazendo isso. Vai dar à bola um material de algum tipo. Se dependendo de quão rígida ou quão elástica queremos, a bola dependerá de quanto alteramos a forma da bola. Vamos chegar a ele. Antes de eu começar a mostrar a vocês como adicionar squash e stretch à animação que estamos fazendo, aqui estão dois exemplos onde você pode ver que uma bola é extremamente mole, parece que é feita de borracha ou outros materiais macios. Então, do outro lado, você pode ver que é muito mais difícil, onde a bola não está mudando de forma muito só porque dá o efeito que, essa bola é feita de um material mais duro, mais sólido ou rígido. Talvez uma bola de pingue-pongue ou algo parecido. A razão pela qual fazemos o squash e o alongamento é porque ele adiciona outro senso de realismo à animação, dando o efeito de imagens estáticas que a bola está se movendo, quer queiramos que o movimento seja rápido, lento, ou material para ser duro ou macio. No entanto, uma dica importante é que precisamos ter certeza de que o volume da forma permanece o mesmo, pois isso será o que o torna convincente. Se tivermos uma bola caindo através do ar, ela não vai aumentar de volume ou diminuir de volume à medida que está passando pelos movimentos. Então, antes de começarmos a adicionar squash e stretch à nossa animação, vou mostrar-lhe um exemplo rápido de como você pode ter certeza de que você está mantendo o mesmo volume. Digamos que temos uma bola ou temos um círculo. É quando a bola está parada. Digamos que, enquanto está esticado, permite o seu movimento através dos movimentos. Temos de ter a certeza de que mantém o mesmo volume. Aqui está um exemplo do que você não deve fazer. Então, enquanto o alonga, você não quer esticar a bola assim e depois deixá-la. Como você pode ver, isso aumentou massivamente porque manteve a mesma largura. Mas, em vez disso, o que devíamos fazer é duplicar isso e colocá-lo ao lado deste. Deveríamos, sim, estar esticando, mas então também deveríamos fazer a bola um pouco mais estreita só para que ela corresponda ao volume dessa forma. Agora vamos aplicar o squash e esticar em nossa animação. Então, no topo aqui, queremos manter os quadros como eles estão, a bola não está se movendo rápido ou saltando de uma superfície. Então, arrastando isso, podemos escolher os quadros que queremos esmagar e esticar. Então, vai começar indo para o quarto quadro junto. Eu tenho minha ferramenta de seleção, certificando-se de que Formulário Livre está selecionado, e eu arrasto isso sempre um pouco para baixo e para dentro, sempre tão ligeiramente, assim. Então eu vou para a minha próxima camada, para baixo e, em seguida, fazer o mesmo. Então, esticá-lo um pouco mais, e então um pouquinho mais, assim. Então eu vou repetir isso para os outros dois. Eu vou esticar este um pouco mais, e novamente arrastá-lo ligeiramente para dentro Então, para este, queremos esticá-lo muito mais, pois esta será a parte mais rápida do movimento da bola, mas certificando-se de que estamos mantendo o volume igual. Então, finalmente, para este fundo, queremos fazer a bola esmagar. Então vamos esmagar a bola. Mova isto para cima para que possa ver. Então eu vou esmagar a bola, mas porque nós a esmagamos assim, agora precisamos ampliar a bola, assim. Agora uma última coisa que eu vou fazer é, eu vou duplicar esta camada, e então eu vou esmagar ainda mais, fazendo parecer que a bola está realmente saltando para fora da superfície. Então, agora que fizemos isso, se voltarmos e jogarmos, você verá o que fizemos. Como você pode ver, parece que a bola é feita de um material mole e está usando essa energia para saltar para cima e para baixo, chegando a uma parada no topo e depois passando por seus movimentos. Uma dica que eu recomendaria com squash e stretch. Se você está lutando para esmagar e esticar a bola imediatamente, talvez experimente com quadrados ou retângulos onde você pode obter uma melhor compreensão de como tornar a bola mais estreita e mais longa, mantendo o mesmo volume. Como manter o mesmo volume do objeto é o que tornará a animação mais convincente. Como uma recapitulação rápida, cobrimos abóbora e alongamento. Eu mostrei onde e como esmagar ou alterar a forma da bola, dependendo de qual parte do caminho a bola está. Além disso, como a velocidade da bola determinaria se você esmagar ou esticar o objeto. Então, na próxima lição, vamos estar cobrindo texturização. Vou mostrar-lhe como adicionar uma textura em movimento à animação, dando à bola outra sensação de realismo fazendo com que a bola pareça 3D. Está bem, vemo-nos na próxima lição. 7. Texturização: Nesta lição, vamos estar cobrindo texturização. Vou mostrar a vocês como adicionar textura e sombras à bola, quadro a quadro, dando a ilusão de uma textura de encontro enquanto a bola está saltando. Vamos começar removendo o caminho da animação para que você possa ver o que estamos fazendo primeiro. Eu vou tocar aqui no primeiro plano, desligar o primeiro plano, e então eu vou subir aqui para as minhas camadas, e então deslizar e excluir. Então agora temos a nossa bola tal como está. Vamos adicionar uma sombra texturizada à bola, camada por camada, apenas para dar outra forma de movimento à animação. Para fazer isso, há duas maneiras de você fazer isso,. Há uma maneira de usar um [inaudível], ou há outra maneira de usarmos uma máscara de recorte. Para esta lição, vamos usar uma máscara de recorte. Então vamos começar na camada superior primeiro, vamos adicionar uma nova camada logo acima deles, e depois tocar em “Máscara de recorte”. Então o que eu vou fazer depois disso é que eu vou selecioná-los ambos trocando direito sobre ele desta vez e, em seguida, agrupá-lo, e então nós minimizamos isso. Vou fazer isso para cada camada. Vou tocar em “Nova camada”, “Máscara de recorte” e, em seguida, deslizar para a direita e agrupar. Eu só vou passar e fazer o mesmo para todo o resto. Agora, nós estamos aqui, nós agrupamos todos os nossos quadros, como você pode ver, e na parte inferior, você pode ver que apenas os quadros que você pode ver ainda é a bola. A razão para isso é porque nós criamos é como um grupo, cada grupo agora atua como um quadro. Então, se fizermos isso, ainda parece que temos os quadros em que jogamos a bola. Então agora o que vamos fazer é passar e em cada grupo, vamos adicionar sombreamento a cada camada, um de cada vez. Eu vou começar para o topo, abrir o grupo, clicar na máscara de recorte que criamos, e eu vou entrar e começar a adicionar um pouco de sombreamento. Para isso, eu vou estar usando um dos meus pincéis pessoais que eu criei, que serão vinculados para baixo na descrição. Então selecionamos meu pincel Grunge. Mas para isso, para ser honesto, você pode usar qualquer escova. Você poderia usar uma escova macia que pode ser encontrada aqui em cima em escovas de ar, apenas no topo, a escova macia. Mas para a textura, precisamos de um pouco de textura pf. Então agora para a coluna, eu vou usar é um azul escuro, que, novamente, será feito na descrição. Verifique se o pincel está selecionado. Vou ajustar o tamanho do pincel, só para que ele seja grande o suficiente, e depois certificar-me de que a opacidade está em torno da metade, e agora vou entrar neste quadro e começar a adicionar sombreamento. Para isso, queremos que a luz venha do topo da bola, então isso significará que a seção inferior da bola será mais escura. Queremos que a sombra esteja em um arco, quase como um rosto sorridente. Entre e adicione o sombreamento. Vamos passar pelo painel de camadas, fechar isso, abrir o próximo grupo, clicar sobre isso e, em seguida, fazer o mesmo. Novamente, abra o grupo, toque na camada e adicione o sombreamento. Quando você adiciona o sombreamento, eu não diria se preocupar muito em ter certeza que está exatamente no mesmo lugar. Contanto que seja aproximadamente na parte inferior na mesma forma, ele vai ficar bem, e eu acho que mesmo que seja um pouco fora, ele vai adicionar muito mais casaco à sua animação. Então, uma coisa que você precisa notar aqui é que como a bola está mudando de forma, esta sombra terá que seguir a bola. Como você pode ver, eu não fui aqui, eu fui para a seção inferior da bola, como queremos ter certeza de que a ilusão do alongamento da bola permanece a mesma, certificando-se de que estamos mantendo a sombra aproximadamente no mesmo lugar. Mais importante, eu diria ter certeza de que o raso se deforma com a bola. Agora, novamente, porque a bola tinha sido esmagada, precisamos fazer a sombra de acordo com a forma da bola. Então, finalmente, este de baixo, extremamente esmagado, assim. Agora vamos ver o que criamos. Então vamos jogar de volta, e se você olhar para isso, parece a bola ou o sombreamento dentro da bola está se movendo junto com ela. Então agora, vamos voltar e fazer o mesmo, mas vamos adicionar um destaque ao topo da bola. Então vamos começar com a bola, para baixo. Vamos tocar na bola, nova camada, e você pode ver que já adicionou uma máscara de recorte acima da bola. Vou selecionar um tom mais claro. Eu vou para o verde. Vou adicionar um tom mais claro que eu já criei, certificando-se de que a opacidade é todo o caminho até o topo desta vez. Então eu vou apenas adicionar um pequeno círculo aqui no topo. Então o que eu vou fazer é remover a pele de cebola só para que você possa ver a sombra mais claramente. Então eu vou em minhas configurações, removo a pele de cebola, e lá vamos nós. Então, no próximo quadro, abra essa nova camada, e depois adicione um pouco de brilho. Aqui está. Feche isso, abra a próxima, nova moldura, e uma pequena sombra. Então eu só vou passar e adicionar isso a todos os quadros, e então nos vemos no final. Vamos jogar isso de volta. Temos uma bela bola saltando, com um leve efeito 3D agora, com um destaque sob a sombra na parte inferior. Uma dica que eu recomendaria é não se preocupar muito tentar obter a textura e as sombras no mesmo lugar cada vez. Contanto que aproximadamente no mesmo lugar, ele dará um efeito adicional da textura se movendo enquanto a bola está saltando. Então, como uma breve recapitulação para esta lição, eu mostrei como texturizar a bola usando máscara de recorte e transformando cada quadro em um grupo onde adicionamos a textura. Na próxima lição, estaremos cobrindo encenação. Aqui é onde vou adicionar um fundo à animação atual e adicionar uma sombra ao chão para o qual a bola vai saltar. Vejo-te na próxima lição. 8. Encenação: Nesta lição, vamos cobrir encenação. É aqui que queremos direcionar a atenção do público enquanto assistimos à animação. No nosso caso, vamos usá-lo através de luz e sombra criando uma sombra em uma superfície e adicionando um fundo à nossa animação, focando a atenção do público na bola. No final desta lição, teremos adicionado uma sombra ao chão e ao fundo, dada a ilusão de que a bola está agora saltando sobre uma superfície. Vamos adicionar uma sombra à superfície ou ao chão onde a bola está saltando. Então, já que vamos usar uma estrutura semelhante ao que fizemos na lição anterior, onde criamos uma nova camada e, em seguida, vamos adicionar uma sombra na camada dentro do grupo desse quadro. Para começar com isso, vamos começar com o quadro na parte inferior, então eu vou minimizar todos os grupos e então eu vou selecionar a bola quando ela está no chão para dar um ponto para nós referirmos. Aqui é onde a bola estaria no chão. Nesse grupo, eu vou abri-lo, certificando-se de que você está no topo adicione um novo quadro e então eu arrasto isso para baixo da bola. Agora temos uma camada debaixo da bola. Vou passar por isso e adicionar uma nova camada debaixo da bola primeiro. Agora que passamos e adicionamos uma camada abaixo da bola, eu vou rolar de volta para a camada inferior onde a bola salta do chão e na camada que acabamos de criar, eu vou abri-la, toque na nova camada e, em seguida, eu vou selecionar outra cor que pode ser encontrada na descrição certificando-se que meu pincel está de volta para o pincel contorno ou o pincel monolina, que pode ser encontrado na caligrafia. Só vou ajustar o pincel. Agora, o que vamos fazer é adicionar a sombra por trás dela. Mas como já criamos a camada por trás dessa camada, ela aparecerá atrás. Então vamos desenhar a sombra agora, certificando-se de que a sombra é uma forma fechada, segurando a caneta na tela, tocando com um dedo e ajustando-a. Então vamos adicionar a Editar Forma. Eu só vou trazer isso para dentro É a mesma largura que a bola. Vamos preencher isso arrastando. Agora tem uma sombra. Vamos camada por camada para o anterior. Mas para isso vamos ligar nossa triagem de cebola de volta para que possamos ver onde estava a sombra anterior. Agora, na próxima camada, eu vou fechar esse grupo, abrir o próximo, clicar na camada abaixo da bola que criamos. Então, novamente, eu só vou desenhar a forma, mas desta vez vai ser um pouco menor. Apenas ajustando a forma. Nós vamos preencher isso novamente e nós vamos passar e fazer o mesmo para o resto folga no quadro inferior. Mas como a bola é muito maior agora, a sombra vai ser muito menor. Então, certificando-se de que ainda estamos na mesma área. Basta mover a forma para cima certificando-se de que está na linha central também, você não quer que as sombras se movam para a direita e para a esquerda. Como você pode ver, quanto maior a bola está ficando, menor a sombra está ficando. Mas precisamos ter certeza de que a quantidade que estamos reduzindo o superficial precisa ser proporcional ao movimento que a bola fez. Então, se houver um movimento maior, haverá uma redução maior na sombra, enquanto se houver menos movimento, haverá uma redução menor na sombra. Pode ampliar para este para ver o que estou desenhando. Então, agora que adicionamos todas as sombras, vamos dar uma olhada no que fizemos, então toque isso. Como você pode ver, a sombra está se movendo com a bola. Agora parece que a bola está saltando de uma superfície. O que vamos fazer agora é adicionar um fundo e algum outro, como um elemento de iluminação apenas para dar um pouco mais de realismo e adicionar mais foco à bola lá porque agora a bola está saltando mas nem realmente saltando em qualquer coisa ou perto de qualquer coisa. Então podemos adicionar um fundo, um pouco de textura. Para fazer isso, vamos para o topo, adicionando uma nova camada, e então com esta camada vamos arrastá-la todo o caminho para a esquerda assim. Então, como fizemos no início quando estávamos tocando nele e selecionando-o como um plano de fundo, então quaisquer alterações que fizermos nesta camada não afetarão nossa animação. Então, aqui na paleta de cores, vou selecionar uma cor creme clara. Eu só vou preencher o fundo com isso e agora o que eu vou fazer é, eu vou mudar o meu pincel. Então lá no pincel eu estou indo para baixo para pintar e, em seguida, eu estou selecionando este um áudio vem construído em com pro mania que é chamado papel Nico. Agora vou selecionar uma cor mais escura. Eu só vou ajustar o tamanho do pincel, torná-lo silencioso grande. Então eu vou apenas fazer alguns traços ásperos ao redor da página e ficar um pouco mais escuro no topo, em seguida, um pouco mais leve na parte inferior. Tendo essas linhas realmente direto na luz, eu só vou adicionar alguns pincelados. Tem um pouco mais para acrescentar. Então o que eu vou fazer é mudar a cor do pincel de volta para a cor mais clara novamente e reduzir a opacidade um pouco. Então eu vou apenas adicionar algumas linhas da cor clara para torná-lo um pouco mais leve. Então, neste laço lá porque a luz está brilhando aqui, queremos tornar a superfície da ligação muito mais brilhante. Vou adicionar um pouco mais de brilho a esta superfície inferior. Como assim. Agora toca isso de volta. Agora parece que há uma luz brilhando na superfície. Esta superfície é muito mais leve. Então tudo isso aqui em cima é muito mais sombrio. Agora também com a sombra que adicionamos, dá essa sensação de realismo e pausa isso. Vamos terminar isso, então eu vou adicionar um pouco mais de escuridão a esta parte de cima aqui. Então, apenas a cor novamente, certificando-se que o pincel está na textura um e eu vou apenas adicionar mais alguns traços apenas para misturá-lo sempre tão ligeiramente. Então isso foi encenação. Adicionamos o fundo e demos a ilusão de uma superfície adicionando uma sombra debaixo da bola enquanto a bola está saltando. Na próxima lição, vou mostrar a vocês como exportar a animação que criamos e como você pode compartilhá-la em diferentes plataformas. 9. Como exportar: Deixe-me mostrar-lhe como exportar. Quando se trata do fim de animar a bola saltando, adicionamos a sombra, adicionamos sombreamento. Agora você quer compartilhar. Deixe-me mostrar-lhe diferentes formatos nos quais você pode exportar do Procreate. Agora que criamos esta animação final, temos um fundo lá e temos nossa bola saltando, nós adicionamos a sombra. Adicionamos todos os outros recursos, como lentidão e lentidão, squash e alongamento. Agora você quer compartilhar. Vou mostrar-lhe a melhor maneira de exportar a animação que você fez. Só vou pausar isso. Agora, para exportar sua animação, vamos voltar aqui para sua chave inglesa que usamos no início. Vou tocar nisso. Então vou selecionar “Compartilhar”. Então aqui, temos um monte de opções que queremos. Estamos interessados nestes quatro aqui em baixo. Temos GIF, PNG ou MP4. Para isso, vamos fazer dois separados. Então eu sei que meu GIF é usado como uma imagem. Então você pode usá-lo como uma imagem em vamos dizer suas histórias do Instagram onde você é o adesivo, isso é um GIF. Então MP4, é um arquivo de vídeo. Digamos, por exemplo, que você deseja compartilhar no Instagram. Instagram só permite que você carregue outras imagens ou MP4's. Então MP4 é o tipo de arquivo. Digamos que se você selecionar o Instagram, você gostaria de exportar como um MP4. Ou se você for o próximo fosse GIF, você selecionaria GIF. Certifique-se de começar com seu GIF. Quando você começa com GIF, ele vem com um exemplo do que estaremos exportando, e ele vai aparecer com as opções de exportação. Ou você tem alta resolução ou web pronto. Pronto para a Web reduzirá a qualidade da animação que você fez. Para isso, vamos em alta resolução e queremos manter os quadros por segundo iguais. Caso contrário, se você aumentá-lo, a animação pode aumentar a velocidade. Ou se diminuirmos, a animação vai diminuir a velocidade. Queremos manter os 15 quadros por segundo que fizemos inicialmente. Este psiquiatra. Você quer continuar. Atualize determinada paleta de cores, você vai deixar de fora. Para exportar, basta tocar no botão “Exportar”, ele exporta o arquivo para você. Isso pode levar algum tempo dependendo da versão do aplicativo que você tem. Uma vez exportado, você pode salvá-lo em qualquer pessoa. Você pode compartilhá-lo. Primeiro, vou salvar em imagens. Em seguida, para ver. Vai para as minhas fotos. Temos uma versão GIF da animação que fizemos. Agora, para exportar o vídeo. Vamos fazer o mesmo. Então, a chave inglesa, compartilhar e, em seguida, animar no MP4 desta vez. Você pode ver que há muito poucas opções com esta. É apenas a velocidade da qual você deseja exportar as animações. Novamente, vou deixá-lo em 15 quadros por segundo e, em seguida, tocar em exportar e enviá-los. Eu vou salvá-lo. Desta vez, é salvar vídeo porque é um arquivo de vídeo. Se eu voltar e ver, aqui está um vídeo. Como você viu, ele só é reproduzido uma vez porque é um vídeo. Isso nos leva ao fim desta lição. Mostrei como exportar seu projeto, seja um GIF ou um MP4, dependendo da plataforma em que você vai compartilhá-lo. É sempre bom conhecer esses diferentes formatos, pois quando você vai mais longe e faz seus próprios projetos pessoais, você saberá quais formatos serão exportados. 10. Conclusão: Isso nos leva ao fim desta aula. Muito bem, na criação deste projeto, na animação da bola saltitante. Nesta classe, cobrimos alguns dos princípios da animação, incluindo temporização e espaçamento, que podem ser combinados com lento-in, lento, que determinou a velocidade do objeto, squash e estiramento, que dão ao objeto e material, e então finalmente trazê-lo para viver, através de sombras e textura. Se você fosse tirar uma coisa desta classe, eu espero que seja que você obtenha uma melhor compreensão dos conceitos básicos da animação desenhada à mão e como aprender esses passos básicos irá configurá-lo para projetos futuros. Não se esqueça, depois de exportar seu projeto, compartilhá-lo abaixo no painel do projeto, eu possa ver o que você criou, mas também dar feedback. Mas isso nos leva ao fim da aula. Espero que tenha achado útil. Mas não se preocupe muito, se você ainda não tem controle disso. Levei um tempo que vale a pena praticar, vou recomendar o mesmo para você, mas principalmente, se divertir com o processo de aprender a animar à mão. Antes de eu partir, não se esqueça de me seguir no meu canal social, design com-smit, é aqui que vou postar todas as minhas animações e ilustrações que eu criar. Se gostas do que vês ali, não te esqueças de me seguir.