Aprenda animação com Procreate: crie letras animadas no iPad

1. Introdução do curso: Adoro ilustrações animadas. Os movimentos dos elementos estáticos contam histórias muito mais fortes para os espectadores. O uso criativo do tempo e do espaço convida os espectadores a se envolverem e apreciarem o impacto visual de uma forma mais profunda. Olá a todos, bem-vindos à aula. Meu nome é Esther e cada O'Shea, sou uma ilustradora baseada nos EUA e uma das melhores professoras aqui no Skillshare. Meu trabalho é visto em várias superfícies, bem como em revistas e blogs de design populares. Hoje criaremos animações elegantes no iPad. Sou fascinado pela animação tradicional quadro a quadro. E estou impressionado com a quantidade de resultados principais que podem ser alcançados usando apenas um único aplicativo no iPad. Esta aula foi criada para iniciantes que têm pouca ou nenhuma experiência em desenhar ou animar. Embora as habilidades que você aprende na aula possam ser aplicadas a ilustrações complexas. Vamos abordar apenas as letras desta classe, que são compostas por formas geométricas muito básicas. Se você tem mais de cinco anos, é provável que já esteja superqualificado para a classe. Ao final da aula, você poderá animar uma letra usando qualquer uma ou todas as técnicas que abordamos na aula. Você pode fazer o upload para a galeria do projeto nesta classe, bem como novas técnicas criativas posteriores nas mídias sociais. Ou se você é tímido, pode simplesmente enviar para sua mãe e deixá-la orgulhosa. Tenho o prazer de mostrar como podemos transformar nossas letras à mão em ilustrações animadas. vejo na aula. 2. Técnica 1 efeito de gramado: Quando você abriu o Procreate no iPad, sua tela provavelmente parece semelhante a esta. Você deve ir até o canto superior direito e clicar no ícone de adição para criar uma tela equivalente a um novo documento. Você pode escolher tamanhos diferentes se tiver uma dimensão específica em mente. Vou apenas escolher o tamanho da minha tela, que é a melhor escolha, a lista. Eu posso ir em frente e apenas tocar no tamanho da tela. Se você quiser criar um documento de um tamanho específico, clique neste ícone aqui. E então coloque no seu tamanho, a dimensão do seu Canvas a partir daqui. Vou apenas cancelar e tocar no tamanho da tela para criar minha tela. Por padrão, a tela é branca, então vou alterá-la para uma cor mais escura. Só por uma questão de gravação, é mais fácil para meus olhos. Vou tocar na camada Kong em um canto e tocar na cor de fundo. A partir daí, você pode selecionar a cor de fundo. Vou escolher algo como azul marinho, cor cinza, talvez menos saturado. Em seguida, vamos criar uma animação sobre essa camada de fundo. Como eu disse anteriormente na introdução, não vamos usar técnicas de ilustração muito específicas porque queremos manter nosso foco no lado da animação. Então, vamos usar formas geométricas muito simples. Nesse caso, para nossa primeira técnica, vamos animar uma letra 0. Vou usar um pincel bem limpo na borda. Eu criei esse pincel do zero, que também o disponibilizarei para você baixar na guia de recursos. Depois de selecionar meu pincel, vou tocar na minha tela para voltar à área principal do desenho e testar seu pincel. Você sempre pode simplesmente rabiscar na tela. Para esse pincel em particular, criei uma forma que suavizará automaticamente suas linhas. Então, eu vou desenhar uma letra 0. Então vá em frente e desenhe um círculo na tela, mas atrasou o levantamento da caneta. Dessa forma, você pode obter um círculo ou oval muito melhor. Com a ponta da caneta ainda está tocando a tela. Eu posso mudar o tamanho do meu oval. E eu vou simplesmente largar daqui. Para todos os designers de tipos que existem, você provavelmente está se encolhendo agora. Mas pela simplicidade da aula, vamos desenhar um OH, dessa forma. Como você pode ver, ainda há algumas coisas que precisam ser limpas. Vou usar minha borracha, talvez torná-la um pouco mais fina para suavizar o ponto de conexão. Estamos muito ampliados neste momento. Você não pode usar seus dois dedos. Aperte rapidamente a tela para ajustá-la de volta à tela. Esta é a nossa letra 0. Neste momento, vou ativar a assistência de animação, que está embaixo desse ícone de chave inglesa no canto superior esquerdo. Clique nele e clique em Canvas e ative esta assistência de animação. Apenas alterne. Imediatamente, você verá o painel de assistência de animação aparecendo na parte inferior da tela. Isso mostrará cada quadro da sua animação. Por uma questão de simplicidade, vamos criar apenas cinco molduras diferentes. Então, vou clicar no ícone da camada no canto superior direito e deslizar para a esquerda na camada para revelar algumas opções. Vamos clicar em Duplicar, à esquerda, deslizar, duplicar até termos cinco camadas com as quais trabalhar. Então, vou voltar para a primeira camada aqui. O que eu quero fazer é adicionar um efeito de falha. Essa letra 0, que é super simples de fazer. Você deseja clicar no painel de ajuste no canto superior esquerdo e, abaixo da lista, clicar na falha. A porcentagem do fato é zero. Provavelmente é por isso que nada muda quando você joga com os controles deslizantes na parte inferior. Então, o que você quer fazer é pegar seu lápis e deslizar na tela da esquerda para a direita. Dessa forma, você verá o efeito de falha. 100% é o mais forte. Eu costumo ficar em torno de 30 a 20% Também aqui existem quatro subcategorias do efeito de falha, e você pode simplesmente tocar nelas para alternar. Meu favorito para essa animação é o artefato. E, a propósito, não se preocupe muito com as cores. Podemos mudar completamente as cores mais tarde. Então, vou escolher o primeiro efeito, que é chamado de artefato, e depois brincar com os controles deslizantes até ficar satisfeito com o tamanho e a severidade do efeito. Talvez aqui seja meu lugar feliz. Quando estiver satisfeito com isso, basta tocar na tela e aplicar o efeito. Você também pode simplesmente tocar diretamente no painel de camadas e ir para a próxima camada. Nesse caso, ao clicar na próxima camada, você ainda pode ver que a sombra da primeira camada é chamada de casca de cebola. Isso é muito, muito útil porque você pode tomar decisões conscientes com base nas animações anteriores. Por padrão, o Procreate mostrará todos os quadros anteriores. Acho que isso é um pouco demais. Então, vou tocar em Configurações e depois alterar as molduras da casca de cebola para talvez uma ou duas. Nesse caso, como nossa animação é bem simples, vamos manter a contagem de quadros até um. Portanto, só podemos ver um quadro anterior em vez de todos os cinco quadros. E então você também pode alterar a opacidade. Acho que 50% é muito bom. Você também pode mudar as cores porque temos esse azul marinho. Vou mudar as cores para talvez um amarelo mais brilhante. Então, temos um pouco de contraste. Então, agora vamos trabalhar em nosso segundo quadro. O primeiro quadro é o quadro mais inferior e o segundo quadro é o que está acima dele. Então, vá em frente e clique no segundo quadro. Vamos fazer a mesma coisa clicando no painel de ajuste, descendo a lista e clicando no efeito de falha. Novamente, vamos deslizar nossa porcentagem de efeito de falha para talvez algo entre 20 e 30. E então você pode alterar o tamanho do bloco para algo semelhante, porque temos o, deixe-me ampliar porque temos a casca da cebola. Assim, você pode ver a diferença entre o quadro atual, que é totalmente colorido, e o quadro anterior. Assim, você pode dizer o quanto da diferença você está fazendo. Isso parece bom para mim. Então, vou tocar na tela e clicar em Aplicar e passar para a próxima camada. É bastante simples. Novamente, se as cores primárias estão deixando você louco, basta aguentar. Eu prometo que vamos lidar com isso no final. Então, no terceiro quadro, basta tocar no quadro e clicaremos no ajuste e na falha. Novamente, vamos deslizar nosso lápis da esquerda para a direita. Para alterar a gravidade do efeito de falha. Você pode ajustar com qualquer um dos controles deslizantes na parte inferior da tela. E passe para a próxima. Quando você clica no próximo quadro, que é a camada acima, ele transforma a camada anterior automaticamente em casca de cebola. Portanto, ajuste, falha e deslize na tela para alterar a gravidade. Depois de fazer o suficiente, tudo isso se tornará memória muscular. Um último quadro. Agora temos o efeito de falha aplicado a todos os cinco quadros. Para a próxima etapa, vamos mudar as cores. Quando você toca no painel de ajustes. Há quatro grupos de efeitos. Então, estamos examinando o último do primeiro agrupamento, que é chamado de mapa de gradiente. Isso é realmente brilhante para mudar as cores de uma só vez. Vou apenas tocar no mapa de gradiente. Ao selecionar o mapa de gradientes, você pode ver uma biblioteca de gradientes disponível para você. Você pode seguir em frente e alternar diferentes opções e tudo será recolorido automaticamente. Percebi que quando alterno a cor do mapa de gradiente, a cor da casca da cebola ainda é visível para mim. Então, vou tocar na tela para sair do mapa de gradientes por um segundo, para desligar minha casca de cebola. Então, basta tocar na tela e clicar em Cancelar. E volte para minha assistência de animação. Vou tocar em Configurações e deslizar as molduras da casca de cebola para zero. Dessa forma, só podemos ver o quadro atual. Então, vamos voltar ao nosso mapa de gradientes. Podemos ver todas as opções de cores sem interferência. Estou gostando muito dessa opção de cor, mas talvez eu queira fazer alguns ajustes para tornar o contraste um pouco melhor. Então, por exemplo você pode tocar em uma das cores. Em seguida, basta jogar com os controles deslizantes para alterar o valor. Se você quiser que determinada cor seja mais proeminente, você também pode tocar no quadrado e movê-lo para fazer com que determinada cor tenha mais porcentagem ou presença em seu quadro de animação atual . Quando estiver satisfeito com isso, você pode ir até o canto e clicar em Concluído, e ele atualizará e salvará automaticamente seu gradiente. Para a próxima guia, podemos examinar cada quadro. Basta tocar na camada e ir para o próximo quadro. Ajustes, gradiente, mapa e toque em qualquer gradiente que você escolheu. E vá em frente e pinte novamente o resto da moldura. Ajuste, mapa de gradiente. Feito. E faça a mesma coisa no último quadro. Agora temos todas as molduras recocoloridas. Vamos dar uma olhada em nossa animação e fazer uma prévia. Então, vamos clicar no botão Play. Parece que não parece realmente um botão, mas é clicável. Então vá em frente e toque no Play. E ele mostrará a animação. Você ainda tem a opção de ajustar sua animação acessando as configurações. E você pode mudar a forma como deseja que sua animação seja reproduzida. Ele pode passar do quadro um ao cinco e voltar para o primeiro. Ou você também pode escolher pingue-pongue, que funciona como um pingue-pongue, ou jogá-lo apenas uma vez. Por padrão, o quadro por segundo é 15 e você pode alterá-lo para um número mais lento, que tem uma aparência meio instável. Por exemplo, são oito quadros por segundo. Deixe-me voltar e clicar em play. E eu quero mudar minha opção de loop para talvez pingue-pongue. Vamos ver. Qualquer clique em jogar. São oito quadros por segundo, o que é muito legal. Então essa é a nossa letra 0. Tudo bem, esta é a nossa primeira animação. Espero que você reserve um tempo para comemorar e fazer uma pequena dança comemorativa. E passaremos para a próxima técnica. Te vejo em alguns minutos. 3. Técnica 2 caminhos em movimento: Na primeira lição, aprendemos como usar o efeito de falha básico para animar nossa letra 0. Nesta lição, aprenderemos como animar outra letra, mas usando uma técnica de animação um pouco complicada, vou clicar no ícone de adição para criar uma nova tela com o tamanho da tela. Em seguida, clique no ícone de camadas para mudar minha cor de fundo para algo um pouco mais escuro. Aqui está. Talvez um pouco mais feliz. Está um pouco escuro demais. Então, traga-o de volta um pouco. Parece cinza frio, talvez mais quente. Tudo bem, eu vou, vou usar este. Tudo bem, vamos fazer isso. Então, a primeira coisa que vou fazer é escrever minha letra e. Então eu quero ter certeza de ter a camada vazia selecionada. E usando a mesma caneta. Vou apenas escrever a letra E. Nada extravagante. Vá em frente e escreva um pequeno e. Então esse será o principal objeto de animação. Então, talvez eu apague um pouco a cauda. Isso parece ser um pouco alto demais. Tudo bem, aqui está minha letra E. A propósito, sempre que você quiser alterar a posição do conteúdo da camada, basta tocar neste pequeno ícone de cursor e depois mover as coisas. Quando quiser mover as coisas em incrementos menores, basta tocar em qualquer lado da caixa delimitadora. E ele se moverá talvez cerca de um pixel por vez. Então, há esse pequeno truque. E eu vou usar isso como minha base da animação. Como você pode ver, esta é a prévia da nossa animação com a letra E. Cada quadro tem apenas um pouquinho de borda e está se movendo ao longo dessa letra quadro a quadro. Então é isso que vamos fazer, é que você pode ver agora que ele está se movendo para dentro. E ao longo do balcão interno. Vamos voltar para nosso próprio arquivo. Para começar. Vamos fazer uma cópia primeiro, deslizar para a esquerda no ícone da letra E e clicar em Duplicar. E então podemos simplesmente desmarcar essa pequena caixa para ocultar essa camada. Essa camada é basicamente seguro caso percamos a cópia original. Qualquer camada oculta não será mostrada na animação, então eu nem me preocupo com isso. Vamos fazer quatro cópias da primeira camada. Deslize para a esquerda, duplicado. Faça o mesmo até que tenhamos cinco camadas visíveis aqui. Para tornar as coisas um pouco mais interessantes, vou tornar a borda mais antiga, a animação, parte de uma cor diferente. Então, digamos que eu queira usar esse amarelo, essa cor amarela brilhante como parte da animação. Nesse ponto, a estrutura da camada é muito semelhante à primeira. Mas para essa técnica específica, vamos criar várias camadas em um quadro. Novamente, vamos trabalhar da primeira camada, que é da segunda à última camada. Lembre-se de que a camada inferior é um seguro de vestimenta e eles não aparecerão porque temos essa caixa de seleção desmarcada. Talvez você possa até mesmo trancá-lo. Você pode fazer isso deslizando para a esquerda na camada inferior e bloqueando. Para a primeira etapa, vamos criar uma camada totalmente nova. Por uma questão de clareza, vou mudar meu pincel para uma cor diferente, que é esse amarelo brilhante. Também quero ter certeza de que a casca da cebola está de volta em uma. Então, clique nas configurações e use o controle deslizante para alterar a contagem de cascas de cebola. Então, eu só posso ver o quadro anterior. Para simplificar, vou apenas animar a borda externa porque temos apenas cinco quadros para esta lição em particular. Se você realmente quiser, você pode criar talvez 20 quadros para tornar sua animação mais matizada. Antes. Agora, deixe-me demonstrar como o efeito foi feito. Como dissemos anteriormente, já criamos uma nova camada. Vamos segurar essa camada e arrastá-la abaixo da primeira camada. Vou desenhar um novo traço. Essa camada em branco abaixo da primeira letra E, com o mesmo pincel selecionado. Vou apenas desenhar abaixo. Nesse ponto, cada camada existe de forma independente e procria, vê cada camada como um quadro de animação. Então, o que vamos fazer a seguir é agrupar nossa primeira letra E e nosso primeiro traço amarelo juntos em um grupo. Com o traço amarelo selecionado. Vou escrever deslizar na primeira letra E e clicar no canto para agrupá-la. Dessa forma, o procreate vê todo esse grupo, maior que seja, como um único quadro. Para que seja muito, muito útil. O que vou fazer agora é criar outra camada e adicionar outro traço amarelo na tela. E volte para minha camada para agrupá-la com o segundo E. Então selecione nosso novo traço amarelo, deslize com o botão direito e agrupe-o. Essa é basicamente a técnica principal. Novamente, vou clicar em Mais para criar uma nova camada abaixo da terceira, ou seja,. E desenhe esse traço amarelo um pouco mais ao redor da borda externa da letra E. E agrupe esse traço com a moldura acima. A mesma coisa para a carta acima. Vamos desenhar esse traço amarelo. Faça com que seja ainda mais longo. Queremos agrupar essa letra amarela com a largura do traçado acima. E esse é o nosso último. E desenhe um traçado nessa nova camada e agrupe a parte superior da largura do traçado, ou seja. Simples o suficiente. Agora temos uma animação quando você clica no botão Reproduzir e no painel de assistência de animação. E você pode ver como a animação é reproduzida. Você certamente pode torná-lo mais lento usando as Configurações. E você pode alterar os quadros por segundo para algo menor. Se quiser tornar as coisas ainda mais complicadas, você pode entrar em qualquer um desses grupos e adicionar um detalhe secundário, por exemplo, se eu quiser adicionar outro traçado, basta clicar no ícone de adição para criar uma nova camada. Digamos que eu queira adicionar talvez um traço rosa em cima da letra E. E você move essa nova camada em cima da letra E. E então desenhe um traço simples como esse. Até onde o Procreate vê, todo esse grupo conta como uma camada. Gosto muito porque também oferece a flexibilidade de manipular cada camada de forma independente. Portanto, você tem os benefícios das camadas sem precisar mesclá-las em uma única camada e depois redesenhá-la 1 milhão de vezes ao fazer uma pequena alteração. Resumindo, essa é a nossa segunda técnica. 4. Técnica 3 efeito de limpeza de líquidos: Na lição anterior, aprendemos como o Procreate vê um grupo como um único quadro em termos de animação. Então, isso é muito útil. Nesta lição, vamos criar um efeito mais orgânico e de liquidez com base nesse entendimento. Então, aqui está outra nova tela. Vou tocar na camada e alterar a cor do plano de fundo. Às vezes, quando faço ilustrações estáticas, posso simplesmente criar uma camada e pintá-la, por exemplo, desta forma, para usá-la como plano de fundo. Mas essa técnica não funciona tão bem para animação porque, às vezes, dependendo de como você organiza suas camadas, procreate pode ver essa camada específica como um quadro da animação que pode bagunçar o projeto. Vou usar apenas a camada de cor de fundo que está embutida no procreate para o meu plano de fundo. Embora eu queira mostrar se é certo elemento que permanece parado em sua tela. Você também pode definir essa ilustração secundária como plano de fundo. Por exemplo, digamos que eu queira adicionar algumas texturas ao meu plano de fundo. Eu posso usar um dos pincéis de textura, por exemplo, este. E vá em frente e apimente minha tela com essa linda textura. Parece meio que neve. Mas essa textura permanecerá a mesma em toda a minha animação. Então, o que eu quero fazer é criar uma nova camada e garantir que eu tenha mais do que apenas uma camada. E vá até o ícone da chave inglesa e clique na assistência de animação. Por padrão, há duas camadas. O primeiro tem toda a neve , o segundo é apenas uma camada vazia. O que vou fazer é tocar nessa camada de neve e ativar essa opção que diz plano de fundo. Isso transformará minha camada apimentada em plano de fundo, que significa que mesmo se eu adicionar 100 camadas depois disso, o fundo ainda estará presente em cada uma delas. O que é muito bom. E vou clicar em Configurações para garantir que minhas molduras de cebola voltem para uma. Portanto, não está muito confuso. Quando você faz animações muito rápidas, você pode querer definir sua casca de cebola para mais de uma, mas nossas animações nesta classe são bem simples. Então eu vou ficar com um. Então, eu posso seguir em frente e começar a animar de uma camada para outra. Nenhum efeito parece um pouco forte. Então, vou voltar para a camada um e tocar no N na minha camada para alterar a opacidade. Então, vamos voltar à nossa primeira camada. Se nossa animação real, o que vou fazer é desenhar um efeito líquido da letra I, como mostrei no início desta lição, vou começar com algo muito brilhante, verde energético, esverdeado, amarelo. Então, vou voltar ao meu pincel de desenho normal. Você pode usar um pincel que tenha mais textura. Isso torna tudo mais divertido. Mas, por enquanto, vou usar esse pincel em particular porque está bem claro. Este é meu primeiro quadro. Novamente, vou fazer com que seja apenas um pequeno começo da letra I. E vai acontecer, o líquido vai escorrer. Talvez um lado seja um pouco mais pesado que o outro lado. E eu vou criar outra camada e arrastá-la para baixo. Essa será a cor azul que está aparecendo sob o verde. Essas duas camadas serão vistas como um quadro de animação. Então, vou escrever swipe para agrupá-los, clicar em Grupo e, em seguida, trabalhar na segunda camada. Então eu vou dar um, deixe-me ampliar. Basta ter uma pequena, minúscula exibição dessa camada azul por baixo. Então esse é o nosso primeiro quadro de animação muito humilde. Então esse é o nosso grupo que tem o quadro um, e eu vou criar duas novas camadas para o próximo quadro. E então agrupe-os para dizer ao procreate, este é um único quadro. Novamente, vamos ter. O azul na parte inferior. Desta vez, o azul será um pouco maior. Na verdade. Vou começar com o verde porque essa é a principal cor de condução. Pinga um pouco mais. E eu vou deixar a cor aqui. E para alternar entre as cores, basta pressionar longamente o ícone de cor para voltar à cor anterior. Vou cultivar essa cor um pouco mais e depois deixá-la cair. Então, basicamente, o verde ou amarelo vai pingar principalmente para a direita e o azul vai pingar principalmente para a esquerda. Então esse é o nosso segundo quadro. E você pode clicar no primeiro quadro e no segundo quadro para comparar. Na próxima etapa, vamos tocar no ícone de adição para criar duas novas camadas. Novamente, vamos escrever swipe para agrupá-los. Então esse ícone azul vai ficar um pouco, essa cor azul vai ser um pouco mais longa. Vamos parecer um dente molar. Então, vou demorar um pouco e usar apenas a gota de cor. Percebi que coloquei azul na camada superior. Então, vou selecionar a camada inferior e arrastá-la de volta para o topo. E então crie minha camada amarela. Se você quiser ser super preciso sobre essa animação, pode pesquisar vídeos que tenham uma câmera muito, muito lenta, de como a água se move. Isso tornará sua animação mais realista. Antes de agora, optamos por produtos orgânicos e robustos. Talvez esteja até pingando um pouco aqui. E podemos clicar no play para visualizá-lo rapidamente. É muito rápido. Então, vou mudar o quadro por segundo para talvez cinco. Vamos ver. Ok, melhor. Novamente, vá para o grupo superior e crie duas novas camadas e agrupe-as. E continue fazendo nossa carta. Eu vou fazer com que isso pare, talvez por aqui. Então, talvez esse estivesse por aqui. Então pinte este. Sinta-se à vontade, você. Não precisa adicionar exatamente duas cores. Você pode. Quem eu perdi meu azul, mas eu sei que essa é a cor anterior que eu usei. Então, vou manter minha cor por muito tempo . Ela voltará para o azul. Você pode adicionar uma terceira, quarta ou quantas cores quiser adicionar. Você não precisa ficar com duas cores. Eu só quero te mostrar como isso funciona. Mas você pode totalmente, totalmente enlouquecer. Pinte meu azul. Então, vou adicionar meu último quadro. Aperte Plus algumas vezes. E agrupe as duas camadas superiores. Este é meu quadro final. Vou apenas criar esse eu robusto, o corpo do robusto I. Na verdade, esse é o penúltimo quadro, porque no último quadro, o amarelo alcançará completamente. Você não conseguirá ver o azul. Volte para a cor amarela. Só que quase chegou ao fim, exceto por um pouquinho. Qualquer cor para o último quadro. Vou apenas criar uma moldura. E vai ser esse amarelo cobrindo tudo. Aí está você. Vamos clicar em Play e ver como está. Muito fofo. Eu gosto que pareça mais um picolé do que a carta. Eu meio que quero consertar isso. Então, vou mover tudo um pouco para baixo e adicionar um ponto na parte superior. Então, parece uma pequena letra I. Então, o que eu vou fazer é escrever deslizar cada camada. Dessa forma, podemos mover todos juntos pela mesma distância. E vou abrir cada grupo individualmente para criar esse ponto. Então, quando você expande o primeiro grupo, que é o grupo inferior, e pressiona Mais para criar uma nova camada dentro desse grupo. E talvez essa cor rosa. E eu vou apenas desenhar um círculo e colori-lo. E abra outro grupo e adicione outra camada. E desenhe um ponto semelhante, mas não é idêntico. Portanto, continue até que cada quadro tenha um ponto. E você quer perder intencionalmente o ponto um pouco para poder ver a mudança de posição para ver o movimento. Temos mais três pontos pela frente. Na verdade, eles parecem super pequenos. Enfim. Eu vou deixar isso assim. E talvez esteja crescendo um pouco. Então, está ficando maior. E observe que nosso último quadro é apenas um único olho. Vamos criar outra camada e um grupo com isso, eu quero essa linha amarela. Então, temos esses dois como um grupo. Se você conhece um pouco do princípio de animação, pode até adicionar como a abóbora e o equilíbrio entre cada quadro. Mas, por enquanto, estou contente com apenas um pequeno deslocamento diferente. Eu vou voltar para jogar. Então, sim, essa é a nossa terceira técnica. E eu vou ver você na próxima lição. 5. Técnica 4 efeito de Morphing: Então, anteriormente, aprendemos a animar usando um único efeito. E também aprendemos como tornar cada quadro de animação mais envolvente usando camadas. Nesta lição, continuaremos a desenvolver nosso conhecimento anterior e a animar esta letra M. Eu só vou tocar na tela um pouco para que você possa se familiarizar com a aparência dela. animação. Então, vou parar em um quadro intermediário em algum lugar. Em termos dessa estrutura, temos esse traço médio laranja avermelhado circulando. E se você olhar para a ponta do traço, temos esse pequeno oval com esses dois fios parecendo algo saindo. O objetivo disso é indicar a direção da próxima etapa. Então você meio que cria um pouco de expectativa. Então, vou reproduzir essa animação mais uma vez. Nesta lição, vamos construir algo muito parecido. Então, em vez da letra M, que é bem complicada, vamos construir uma pequena letra I. Vou até uma nova tela e criar uma nova cor de fundo. Então essa é a nossa cor de fundo. Vou usar nosso primeiro pincel, o forro mono limpo, para mostrar a direção principal e o tamanho principal da nossa letra I. Então, basicamente será algo assim, talvez com um ponto. Então, vamos aumentar nossa carta do começo até o fim. E para a letra real, vou torná-la um pouco mais grossa. E eu vou criar esse ponto. E vou apagar um pouco da cauda e da cabeça, só para deixá-la um pouco mais limpa. Então esta é a nossa carta. Eu, talvez eu faça dele um pequeno Ted, menor. E vou criar uma cópia novamente para fins de seguro, apenas para mantê-la segura. Se errarmos, sempre podemos deletar todo o resto e começar de novo. Então duplique e oculte a primeira camada, que é a inferior. Você também pode se conectar, se quiser. Para essa animação em particular, vou fazer uma ordem inversa. Então, vamos basicamente trabalhar de trás para frente. Vamos receber uma carta completa. E então você aumenta pouco a pouco. Para o último quadro, teremos apenas o começo da carta. Dessa forma, não precisamos combinar todos os quadros para desenhar todos os quadros e criar esse deslocamento indesejado. Quando apagamos nossas letras quadro a quadro, podemos garantir que tudo o que resta sobreponha perfeitamente ao quadro anterior e ao quadro seguinte. Se isso confundir, você, basta seguir o que eu faço e fará sentido à medida que trabalharmos no processo. Então, vou continuar criando para outras cópias. Então, vou deslizar para duplicar quatro vezes até que tenhamos cinco quadros. Em seguida, vamos até a chave inglesa e abriremos nossa assistência de animação. Novamente, clicaremos nas configurações para transformar nossas molduras de casca de cebola em uma. E então vamos voltar às nossas camadas. O primeiro quadro da nossa animação é o penúltimo quadro, como anteriormente. Então, vamos deixar o primeiro quadro intacto e apenas apagar um pouco do nosso segundo quadro. Então, selecione sua borracha. E basta apagar um pouco da cauda do segundo quadro. E você aumenta ainda mais para o terceiro quadro. E então você pode continuar para o quadro depois. Parece que cinco quadros podem ser muito pequenos. Então, vou criar talvez algumas camadas extras. Então, em vez de cinco quadros, temos sete quadros. Então esse é o primeiro 1 s terceiro. Basicamente, cada quadro subsequente tem uma cauda mais curta. E o último quadro provavelmente só tem o ponto na parte superior. Parece que precisamos criar outro quadro. Oh, na verdade, isso é perfeito. Este é o nosso último quadro e vamos apagar o corpo do último quadro e ter apenas o ponto à esquerda. Parece que esquecemos um fragmento da letra I. Então eu vou voltar para, porque o desenho de molduras de cebola, eu vou voltar para o quadro anterior para consertá-lo. Quando clicamos em play. Neste momento, será. Oh cara, isso é muito rápido. Vou diminuir o quadro por segundo, talvez quatro quadros por segundo. Vou dar uma olhada no momento aproximado da letra I. E também mudarei a opção de loop para pingue-pongue. Dessa forma, o olho, o corpo do eu irão e voltarão. E uma vez preenchido todo o caminho, ele se recupera. E neste ponto, vou examinar cada quadro para ter certeza de que apaguei todas as partes que pretendo. Vamos ver. Ok, isso é bom o suficiente. Então, agora vou adicionar algumas camadas secundárias, a pequena ao redor da pequena tampa oval, bem como a difusa. Vou encontrar a primeira camada que tem sua parte elevada. Vou criar uma nova camada em cima dessa. E simplesmente agrupe essas duas novas camadas. Dessa forma, todo esse grupo será visto como uma camada. Essa nova camada que acabei de criar será a tampa da minha carta que eu escolher. Talvez um amarelo mais brilhante. Você pode ver o amarelo espreitando por trás. Essa é a casca da cebola. Isso nos mostra a aparência da camada anterior. Você também pode reduzi-lo para cerca de 25%. Portanto, não está interferindo com a, com a nova camada. Vou apenas selecionar a camada em branco que acabamos de criar em cima desse eu apagado e vou desenhar uma tampa oval ao redor dela. E se você quiser ser sofisticado, você pode criar outra camada para fazer um fusível. Talvez o fusível vermelho. Isso não contrasta muito bem com a parte inferior. Essa cor pêssego. Tecnicamente, você pode combinar todo o conteúdo em uma camada. Mas se você fez alguma das minhas aulas de ilustração digital, sabe que sou um grande fã de camadas porque elas permitem que você altere as propriedades individualmente. Isso oferece muito mais flexibilidade quando você tem várias camadas. Então, vou fechar esse grupo e passar para o próximo. E crie duas novas camadas na parte superior. E deslize com o botão direito para agrupar essas três camadas em um quadro. Então, para cada moldura, temos uma tampa e um fusível ou uma pequena cauda, se você quiser. Então eu quero voltar para o meu amarelo. Eu perdi meu amarelo neste momento. Então, quero abrir esse amarelo e pressionar longamente para obter uma amostra da cor novamente. E pressione e segure para provar a cor pêssego. Dessa forma, tenho as 22 cores como minhas cores mais recentes. Então, voltando à minha camada em cima do olho para desenhar a tampa. Arraste e solte para colorir. Então esse é esse grupo. Então, cada grupo Temos alguma forma de letra I. Temos a tampa e o fusível ou cauda. E você pode passar para a próxima letra. I. Crie duas novas camadas. E agrupe essas duas novas camadas com a parte do olho na parte inferior. E basta desenhar a tampa. E você pode usar dois dedos para girar a tela. No entanto, isso torna mais fácil desenhar e depois pular para a camada superior para desenhar o fusível. Quer mudar para uma cor diferente? Praticamente. É assim que acontece. Duas novas camadas. E agrupe essas três camadas. Esta aula se concentra nas técnicas de animação. Mas se você estiver interessado em aprender mais ilustração, como as técnicas tradicionais de ilustração estática, você pode conferir minhas outras aulas no Skillshare, onde ensino uma variedade de usando principalmente o Procreate e o Adobe Illustrator. Você pode visualizar a animação pressionando o play. Como você pode ver , está indo muito bem. Então, vamos até cada letra I para adicionar os outros dois elementos. O boné amarelo e os grupos da cauda. Toque duas vezes, toque duas vezes com o dedo na tela para desfazer. Eu provavelmente deveria ter explicado isso antes. E este é o nosso último quadro e temos apenas uma letra I. Parece que há uma parte que precisa ser apagada. Você pode clicar em cada grupo para visualizar. Por exemplo, este parece que você precisa ser apagado, então eu vou entrar e apagar essa parte rosa. A propósito, quando eu toco na tela, ela me mostra o grupo. Isso ocorre porque eu tenho o grupo selecionado no meu painel de camadas em vez de camadas individuais. Procreate está perguntando qual camada do grupo você deseja invocar? Então eu quero chamar isso de olho rosa. Há um pouco de mancha que eu preciso apagar. Esse é outro benefício de usar camadas diferentes porque todos os meus elementos não estão ao longo de uma única camada. Eu posso ser mais generoso quando eu apago. Eu sei que o rosa está no PINKO e a cauda do pêssego está apenas no pH. Então, por que você não aumenta isso? Não preciso dançar para ter muito cuidado. Eu posso simplesmente ir com ousadia e somente o rosa será apagado. O resto do quadro parece ótimo, então podemos clicar em play e ver se você gosta. Sim, esta é a nossa quarta técnica. Sempre que quiser adicionar algo adicional, você sempre pode simplesmente expandir seu grupo e adicionar camadas adicionais. Por exemplo, se eu quiser adicionar um destaque à minha carta, eu posso simplesmente criar uma nova camada. Você expande o grupo, cria uma nova camada na parte superior e finge que a luz passa pelo canto superior direito. Basta adicionar um pouco de destaque. E você pode fazer a mesma coisa nessa camada de destaque em todo esse grupo, em cada quadro. E isso adicionará mais personalidade à sua animação. E você não pode propositalmente adicionar o destaque exatamente na mesma posição. Então, quando você visualiza a animação, há uma pequena mudança nessa provavelmente não terá destaque porque é muito curta. Eu só vou clicar em play. Então isso é muito fofo. Essa é a nossa quarta técnica. 6. Técnica 5 efeito de fragmentação: Tudo bem, esse é o último fato ou técnica da nossa aula de animação. Se olharmos para essa letra S, quando estou deslizando a linha do tempo da animação, ela começa como uma letra S completa e lentamente ela está se separando e está sendo quebrada e as peças estão voando para fora da tela. Então esse é o fato de que vamos construir em nossa última lição. Novamente, vamos criar telas. E vamos dar a ele uma cor de fundo. Eu vou fazer, talvez você a deixe na fonte do script. Vou apagar um pouco o começo e a cauda. Na verdade, vou mudar a cor do fundo porque está produzindo um pouco de brilho. Só pelo bem dos seus olhos, vou voltar a ficar com uma cor mais escura. Talvez eu seja esse verde azulado, essa cor P Cauchy, como fizemos antes. Vamos criar uma cópia da nossa letra n apenas por segurança. Duplique e desmarque a visibilidade. Bloqueie isso. E vamos fazer essa animação e talvez cinco quadros. Vai se despedaçar bem rápido em comparação com o exemplo que temos. Então, agora temos cinco camadas de animação. Também ativaremos a assistência de animação clicando no ícone da chave inglesa, na tela e no Animation Assist. E também queremos clicar nas configurações para alterar as molduras da capa da animação para talvez três. Nesse caso, podemos ver dois quadros anteriores, para que possamos ver a rapidez com que as peças estão viajando. Agora vamos voltar à nossa primeira camada de animação, que é a camada inferior. Essa técnica usa praticamente a função de seleção sozinha. Então. Esse é este pequeno ícone de fita no canto esquerdo das quatro subcategorias na ferramenta de seleção, você deve ter certeza de ter a mão livre selecionada e adicionar destaque, mas o preenchimento de cor não está selecionado. Caso contrário, ele recolorirá sua seleção com a cor atual. Não queremos fazer isso. Só queremos selecionar ou pedaços quebrados. Então, vamos voltar à nossa letra N. Para o primeiro quadro, teremos a letra N como uma letra inteira. Nada precisa ser alterado. Quando passamos para a camada acima. Para esse quadro, queremos usar a ferramenta de seleção e talvez apenas desenhar um triângulo. Basta fazê-lo à mão livre. Depois de fechar uma forma e clicar neste pequeno ícone de cursor para selecioná-la e apenas movê-la um pouco. Alguém quer fazer isso para diferentes partes da carta? Então, selecionei a faixa e desenho outra peça maior e clico no cursor para movê-la ainda mais. E você pode pegar a alça verde para girá-la conforme necessário. Vou dar uma volta e selecionar meus pequenos pedaços de estilhaço. Então esse é o primeiro movimento. Você não quer ser muito severo. Então, ele se move um pouco. Talvez eu escolha outro. No topo. Aí está você. E esta é a nossa segunda peça. Quando criei nosso documento pela primeira vez, cometi o erro de fazer muitas duplicatas do n perfeito. Não é isso que queremos para essa técnica. O que queremos é construir uma peça estilhaçada e, em seguida, construir sobre esta a partir daí, em vez do n perfeito. Então, vou excluir minhas três pontas perfeitas principais e fazer uma cópia da camada que acabamos de terminar criado, aquele com pequenos pedaços de estilhaço. Deslize para a esquerda para duplicar. O que vamos fazer agora é mover ainda mais nossas peças e criar mais peças quebradas. Portanto, use essa ferramenta de seleção, a faixa de opções. Queremos selecionar nossas peças estilhaçadas existentes e movê-las um pouco mais longe. E talvez mude o ângulo usando o ponto verde e a mão livre. Para usar a ferramenta Laço e um ícone de cursor para movê-lo ainda mais. E queremos que cada peça tenha pelo menos um pouco de movimento. Caso contrário, ele parecerá estagnado na animação. Depois de avançarmos com cada peça, podemos criar novas peças quebráveis. Então, queremos selecioná-lo e movê-lo ainda mais. Basta contornar nossa letra n. Talvez mova-a para baixo assim. Então, vamos mover as peças do centro ou fingir que há um centro no centro da letra N. E todas as peças estão se afastando dela. E então temos nossa segunda camada. Queremos criar uma cópia da nossa segunda camada e continuar a partir daí. Agora parece um pouco confuso, vou clicar nas configurações, na assistência de animação para transformar as molduras de casca de cebola uma e laçar, ou usar a ferramenta de seleção para mova as coisas. Então, as peças que estão mais adiante se movem um pouco mais rápido. Assim, você pode laçar para selecionar um grupo de coisas e , em seguida, mover individualmente o retábulo um pouco mais longe. Parece que o retábulo vai um pouco mais rápido. Eu vou mudar isso para cima. Mova isso para baixo. Eu vou pegar esse, movido como um grande pedaço. Essa é a nossa nova camada. E queremos fazer uma cópia para continuar movendo nossas peças. Então, basicamente, selecione e mova. Como anteriormente, neste momento, para as peças na borda, não há problema em retirá-las da moldura. Você não precisa mantê-los lá porque eles já deveriam estar viajando mais longe da tela. Você pode dividir ainda mais peças que parecem muito grandes. E então não se esqueça de usar a ferramenta de rotação. Então, parece que eles estão voando. Na tela. Aí está você. Tudo bem. Vamos criar mais uma moldura tudo mais afastado e praticamente tudo quase fora do limite , exceto alguns. E nosso último quadro estará vazio porque tudo já está voando para porque tudo já fora da tela. Ok. E para o último quadro, vamos apenas criar um quadro em branco. E agora podemos clicar em Play para ver, na verdade, antes de fazer isso, eu quero diminuir os quadros por segundo para talvez cinco ou seis e depois clicar em play. Agora você pode ver o efeito de sombra. Isso será mais divertido se transformarmos o cenário em pingue-pongue. Parece que vamos juntar as peças para seguir em frente e clicar em play e ver se podemos ir um pouco mais rápido, talvez oito quadros por segundo. Ali. Esse é o nosso último efeito. 7. Considerações finais: Ei pessoal, parabéns, vocês chegaram. Você assistiu a todas as aulas desta aula e talvez tenha praticado um pouco ao longo do caminho. Estou super orgulhoso de você, se você gosta do meu estilo de ensino. Eu tenho muitas outras aulas no Skillshare. Não se esqueça de me seguir no Skillshare dessa forma, você será notificado na próxima vez que eu publicar uma nova aula, até a próxima. Criação feliz.