Texturas de animação no Procreate | Dicas e truques para adicionar movimento à textura

1. Boas-vindas ao curso!: [MÚSICA] Meu amor pela textura é profundo e real. Quando usada com intenção, a textura pode levar ilustrações planas a novas profundidades, adicionando uma bela dimensão. Agora, com recursos de animação e aplicativos como o Procreate, você pode levar essas texturas ainda mais longe com o movimento diretamente no seu iPad. Olá a todos. Sou Tracey Capone. Sou ilustrador, fotógrafo e excelente professor aqui no Skillshare. Juntos na aula, vamos animar a textura no Procreate. Todos os conceitos básicos da animação quadro a quadro no Procreate são os mesmos independentemente do que você está animando. Nesta aula, abordaremos algumas abordagens para nossas animações que literalmente ultrapassam nossas animações que literalmente os limites do Procreate e exigem um pouco de planejamento e consideração ao configurar o animações. Vamos percorrer passo a passo todas as pessoas juntas na sala de aula. Eu criei milhares de texturas ao longo da minha carreira e, embora eu não seja designer de movimento profissional, ser capaz de animar essas texturas me permitiu criar adesivos divertidos para presentes texturizados, bem como animações texturizadas para minhas aulas , mídias sociais e ilustrações. Vou compartilhar todas as minhas dicas e truques sobre como criar suas próprias texturas animadas usando o Procreate. Começaremos examinando as várias maneiras de adicionar textura, bem como usar as ferramentas de ajuste do Procreate quando elas precisarem de um pouco de impulso. Em seguida, criaremos uma animação simples usando uma única textura em uma única forma, que é o alicerce de todas as outras animações. Em seguida, levaremos essa animação um pouco mais longe criando um plano de fundo animado, que é um daqueles cenários que ultrapassam limites que mencionei anteriormente. Vamos continuar animando várias texturas e combinando-as perfeitamente usando máscaras. Por fim, mostrarei uma animação multicamada mais complexa e mostrarei como planejo e configuro minhas animações usando todos os princípios que abordamos em sala de aula. A melhor parte? O que você aprende em sala de aula pode ser aplicado a praticamente qualquer objeto que você anima e Procreate, não apenas a texturas. Ao participar desta aula, você receberá um conjunto de texturas feitas à mão que eu criei, bem como as ilustrações planas que vou animar. Você está convidado a acompanhá-los usando ou criar os seus próprios. Agora, essa aula é adequada para iniciantes, mas pressupõe alguma familiaridade com o Procreate. Se você é novato no aplicativo, recomendo começar com qualquer uma das incríveis aulas de Procreate para iniciantes que você encontrará aqui no Skillshare. Você está pronto para ultrapassar os limites do recurso de animação do Procreate? Você quer adicionar um pouco de movimento às suas texturas favoritas? Se sim, pegue seu iPad, venha se juntar a mim na aula e vamos começar. 2. O projeto do curso: [MÚSICA] O projeto desta aula é criar suas próprias ilustrações de texturas animadas usando os métodos que abordamos na aula. Salve suas animações no formato GIF e faça o upload delas na página de projetos e recursos na versão de navegador da classe. Eu adoraria ver o que você cria além de compartilhar seu projeto e deixar uma avaliação, além de ajudar outras pessoas a ver o que aprenderão quando participarem da aula, mas também ajudar mais alunos a encontrarem a aula. Em seguida, acessaremos os downloads para a aula. Te vejo lá [MÚSICA] 3. Downloads e recursos: [MÚSICA] Os downloads desta aula incluem um conjunto de texturas de papel feitas à mão sem costura que eu criei apenas para a aula. Também incluí os arquivos de ilustração plana que vou animar nas próximas aulas. Você está convidado a usá-los ou os seus. Finalmente, incluí um link para um guia interativo que criei, que mostra os detalhes dos recursos de animação no Procreate. Você encontrará uma descrição de todas as ferramentas e de como elas funcionam, bem como tutoriais resumidos por toda parte. O link para os downloads pode ser encontrado na seção de projetos e recursos da turma. Apenas certifique-se de acessar Skillshare por meio de um navegador, e não pelo aplicativo. Você precisará de uma senha para acessar os downloads, que colocarei na tela agora. [MÚSICA] Em seguida, veremos maneiras de inserir, criar e ajustar texturas para animação no Procreate. Te vejo lá. [MÚSICA] 4. Como criar e ajustar texturas no Procreate: [MÚSICA] Nesta lição, veremos maneiras de adicionar textura à sua animação, como arquivos de imagem de textura, pincéis e camadas de ajuste. Também veremos maneiras de você ajustar as texturas sozinhas, se elas não lerem exatamente da maneira que você deseja. Vamos dar uma olhada mais de perto. Há algumas maneiras diferentes de inserir ou criar camadas de textura para suas animações. A primeira e mais simples é inserir um arquivo de imagem no menu Ações. Vou até o ícone da chave inglesa e me certifico de que Adicionar esteja selecionado. Agora minhas texturas estão em meus arquivos, mas você também pode retirá-las do seu aplicativo de fotos no iPad ou tirar uma fotografia. Vou selecionar “Inserir um arquivo” e escolher uma das minhas texturas. Agora, quando você a insere, a ferramenta Transform estará ativa e você poderá dimensioná-la para cima e para baixo da maneira que precisar. Falaremos mais sobre isso na próxima lição, mas, por enquanto, certifique-se de que sua textura seja maior do que a forma à qual você a está adicionando, mas não maior do que sua tela, caso contrário O Procreate excluirá automaticamente qualquer coisa que se estenda fora dos limites. Agora vou até meu painel de camada, selecione “Minha camada”, toque nela e escolha a máscara de recorte. Essa é uma adição não destrutiva, o que significa que eu posso pegar minha ferramenta Transform e movê-la livremente dentro da forma, e esse é o início da animação quadro a quadro da textura. Agora, uma última coisa que vou fazer é mudar meu modo de mesclagem para algo como queima de cor. Acho que vou deixar a opacidade onde está. Outra forma de adicionar textura é criar a sua própria em uma camada em branco usando um pincel texturizado. Vou adicionar uma camada em branco acima minha camada de forma e ainda não vou colocá-la no lugar certo. Eu escolhi o preto puro como minha cor, mas você pode selecionar a cor que quiser. Vou escolher a escova de decaimento enferrujada que está embutida na categoria industrial da Procreate. Vou começar a adicionar textura em toda a camada. Vou variar minhas configurações de pressão para um pouco mais de contraste em relação ao que o pincel em si fornece. Agora, não se preocupe em ir até as bordas da tela, porque agora que terminamos, vamos pegar a ferramenta Transform e eu vou dimensioná-la. Novamente, quero que seja maior do que a forma à qual estou adicionando, mas não maior do que a própria tela. Vou dimensioná-lo até ter espaço suficiente para me mover dentro da minha tela. Vou voltar ao meu painel Layers, colocá-lo no lugar certo e, enquanto estiver aqui, mudarei meu modo de mesclagem para sobreposição. Mais uma vez, tenho uma textura não destrutiva que posso mover livremente dentro da minha forma e animar facilmente. Uma terceira forma de adicionar textura é usar alguns dos ajustes criativos incorporados ao Procreate. Novamente, vou adicionar uma camada em branco acima da minha camada de forma, mas ainda não vou colocá-la no lugar certo. Vou colocar branco nessa camada, mas você pode escolher a cor que quiser. Vou até o painel Ajustes e escolho a falha. Eu quero arrastar isso até 100 por cento. Vou reduzir o zoom para algo entre 50 e 60. Agora, essas são as configurações que eu gosto. No entanto, experimente as diferentes configurações na parte inferior aqui e veja o que funciona melhor para você. Eu vou em frente e aceito isso. Agora eu poderia usar isso como está. Posso encaixá-lo no lugar certo, alterar o modo de mesclagem e animá-lo como qualquer outra textura. Mas o que vou fazer em vez disso é empilhar outro ajuste em cima disso. Com essa mesma camada selecionada, vou voltar aos meus ajustes e, desta vez, vou escolher o meio-tom. Agora, eu sei que gosto da configuração de impressão de tela, mas, novamente, experimente combinações diferentes para ver o que funciona melhor para sua criação. Vou apenas arrastar isso para cima. Deixe-me ampliar aqui para que você possa ver o que está acontecendo. Agora, onde quer que haja artefatos de falha, o meio-tom está se concentrando nessas áreas e eu estou obtendo essa textura irregular e pontilhada. Agora, novamente, quero usar minha ferramenta Transform e vou dimensioná-la para que seja maior que a forma, mas não maior que a tela. Vou voltar ao meu painel Layer, clicar nele no lugar certo e vou alterá-lo para sobrepor para obter esse lindo rosa escuro. Agora, mais uma vez, adicionei uma textura não destrutiva à minha forma que posso facilmente mover e animar. Se você adicionou sua textura e jogou com os modos de mesclagem e opacidades e ela ainda não está lendo da maneira desejada, tente usar um ajuste na camada. Os 4 principais ajustes aqui, matiz, saturação e brilho, equilíbrio de cores, curvas e mapa de gradiente, ajudarão você a ajustar a força ou a cor da sua textura. Vamos dar uma olhada em alguns exemplos. Eu coloquei essa imagem de uma textura de placa de gel que criei e gosto muito da textura, mas a cor é um pouco intensa. Lembre-se de que, se você extrair uma textura com cor, dependendo do modo de mesclagem que você usa, isso potencialmente afetará a cor da forma à qual você a está adicionando. Por exemplo, se eu entrar nessa camada e alterá-la para sobrepor, você pode ver que estou recebendo algumas dessas laranjas e amarelos além do rosa. Se você quiser a textura sem a possível mudança de cor, tente usar um ajuste de matiz, saturação e brilho nela. Vou tocar nela e vou arrastar minha saturação até o fim. Agora eu tenho a textura, mas não tenho nenhuma mudança de cor. O único problema é que ele perdeu um pouco do contraste. Com essa textura selecionada novamente, vou voltar aos meus ajustes e desta vez, escolher um ajuste de curvas, e vou arrastá-lo um pouco para baixo aqui e aqui para cima, então estou dando. uma leve curva S. Isso vai me dar um bom contraste na minha textura, mas, novamente, não está afetando a cor da forma abaixo dela. Vamos ver o ajuste das curvas em outro exemplo. Vou colocar a textura do papel kraft que forneci com a classe e vou simplesmente colocá-la no lugar. Não vou me preocupar em reduzi-lo para esse exercício específico. Quero mudar o modo de mesclagem para queima de cores porque gostei que ele me desse aquela textura vermelha escura. O problema é que ele eliminou muitos desses detalhes mais finos e a textura assim que mudei o modo de mesclagem. Posso recuperar um pouco dessa intensidade adicionando um ajuste de curvas. Então, com essa camada selecionada, vou voltar aos meus ajustes, escolher curvas e, no canal Gamma, vou arrastar para baixo no lado esquerdo aqui. Ao fazer isso, você pode ver que está trazendo mais detalhes. Uma última coisa a observar, se você for fazer algum dos ajustes sobre os quais acabamos de falar, certifique-se de fazer isso antes duplicar sua textura para a animação quadro a quadro. Dessa forma, você se certifica de capturar exatamente o mesmo ajuste em cada quadro. Caso contrário, você precisará percorrer todo o painel de camadas e garantir que cada textura seja ajustada exatamente. Caso contrário, ao percorrer a animação, você verá uma aparência muito diferente em cada quadro, e isso é ótimo se for isso que você está buscando. Mas se não, é uma boa ideia fazer tudo isso de antemão. Esse é um dos motivos pelos quais eu acho muito útil configurar suas camadas antes de iniciar o processo de animação. Isso permite que você reflita sobre o processo e verifique se tudo está correto antes de inserir o cronograma e começar a criar seus quadros adicionais. textura pode ser adicionada puxando um arquivo de imagem por meio do menu Ações ou criando sua própria camada de textura usando pincéis e ajustes incorporados no Procreate. Independentemente de como você adiciona sua textura, certifique-se de que a camada seja maior do que a forma que você adicionou , mas não maior do que a tela real. Sempre use máscaras de recorte não destrutivas para anexar sua camada de textura à sua camada de forma, para que você possa mover sua textura livremente a cada nova moldura. Ao usar os efeitos criativos no painel Ajustes, como meio-tom, não tenha medo de experimentar e adicionar mais de um, pois você nunca sabe o que vai criar. Lembre-se de que a textura com cor pode potencialmente mudar a cor da sua forma. Se você quiser a textura sem a mudança de cor, dessature sua camada com um ajuste de matiz, saturação e brilho. Por fim, se sua textura precisar de uma bomba de contraste, tente adicionar um ajuste de curvas para dar mais profundidade. Em seguida, começaremos com uma animação de textura simples. Te vejo lá. [MÚSICA] 5. Uma animação com textura simples: [MÚSICA] Nesta lição, criaremos uma animação simples quadro a quadro em que animamos uma única textura dentro de uma única forma. Esse é o alicerce de todas as nossas próximas animações nesta classe. Vamos começar. Eu tenho uma configuração de tela do tamanho de uma tela aqui. Não é necessário começar com uma tela muito grande. Vamos compartilhar isso on-line e não imprimi-lo. Sempre que crio uma animação no Procreate, eu sempre começo configurando minhas camadas antes mesmo de ativar a assistência de animação. Isso me permite mapear tudo e garantir que minha hierarquia e agrupamentos de camadas estejam corretos para que tudo corra sem problemas depois de ativar a animação. Agora, como a linha do tempo está diretamente vinculada ao painel de camadas, qualquer coisa que eu adicionar aqui, seja uma camada ou grupo duplicado ou até mesmo um novo, ela aparecerá automaticamente no a linha do tempo quando eu ativo a assistência de animação. Na lição anterior, falamos sobre as várias maneiras adicionar textura à sua forma, seja adicionando uma camada vazia e usando um ajuste ou um pincel texturizado ou puxando um violino de imagem por meio do menu Ações. Independentemente do método escolhido, apenas alguns lembretes, certifique-se de que sua textura seja maior do que a forma à qual você a está adicionando. Isso lhe dará bastante espaço para se mover pela forma quadro a quadro seja arrastando sua textura manualmente ou usando as funções de inversão na ferramenta Transformar. Isso também ajudará você a evitar qualquer padronização. Porque quanto mais espaço você tem para mover sua textura, mais aleatórios seus movimentos podem ser. Por fim, embora a textura precise ser maior do que a forma à qual você a está adicionando, certifique-se de ter espaço suficiente para se mover dentro da tela. Porque se você mover sua camada de textura para fora da tela, assim que você liberar a ferramenta Transform, tudo fora dos limites será automaticamente excluído, e isso vai seja uma peça importante a ser lembrada na próxima lição, onde criaremos um fundo de textura animado. Para os fins desta lição, vou usar um arquivo de imagem. Vou até Ações, adiciono e insero um arquivo, e vou usar a textura do papel kraft. Vou seguir em frente e dimensionar isso. Mas, novamente, quero ter certeza que é maior do que a forma. Vou recortá-lo dentro da minha forma e vou mudar o modo de mesclagem para queima de cores, e isso eliminou grande parte dessa textura. Novamente, posso simplesmente adicionar um ajuste de curvas. Agora, mencionei anteriormente que normalmente não ativo minha assistência de animação até que minhas camadas estejam totalmente configuradas. No entanto, para esta lição, eu queria configurá-la com antecedência para que você pudesse ver o que acontece quando começamos a duplicar nossas camadas. A primeira coisa a observar é que os quadros são adicionados à linha do tempo duplicando uma camada ou um grupo de camadas, com exceção. Vamos até o painel Layers. Vou selecionar e duplicar minha camada principal. Agora, ele criou uma nova moldura na parte inferior, que é ótimo, mas não duplicou a textura recortada. Vou ampliar. Veja o que acontece quando eu corrijo a linha do tempo. Se eu esfregar para frente e para trás, ela não está se movendo, está piscando porque não há textura nesta moldura, mas há textura nesta. Vamos em frente e recuar. Dessa vez, vou duplicar a textura. Novamente, fique de olho na linha do tempo. Eu dupliquei a textura e, embora ela tenha intensificado a textura, ela não me deu uma nova moldura porque a camada principal que está sendo duplicada adicionará uma nova moldura, mas uma camada recortada não. Vamos seguir em frente e voltar novamente. Preciso agrupar essas duas camadas e duplicar o grupo inteiro para que a textura siga a forma. Vou continuar e duplicar esse grupo. Agora, você pode ver que a textura não se intensificou porque está dentro de um grupo. Vou pegar essa textura e, com minha ferramenta Transform, basta movê-la levemente. Agora, se eu esfregar a linha do tempo, você pode ver que eu tenho movimento porque há textura nos dois quadros e o segundo quadro foi ligeiramente movido. Nesse ponto, o resto da animação funciona exatamente da mesma forma. Vamos duplicar nosso grupo, selecionar a textura e movê-la levemente. Agora, antes de fazer isso, quero observar uma coisa, mudei o nome do meu grupo para quadro 1, quadro 2, e vou mudar esse para quadro 3. Eu recomendo fortemente, especialmente quando você estiver trabalhando com animações mais complexas como faremos mais tarde na aula, que você acompanhe suas camadas e grupos e os renomeie em qualquer lugar possível. Dessa forma, você sabe exatamente quais camadas precisam de animação e com quais você está trabalhando. Ainda não animei esse terceiro quadro, e posso ver isso porque, se eu esfregar minha linha do tempo, ela se mantém. Vou entrar, selecionar minha camada, pegar minha ferramenta Transform e vou tornar a tela um pouco menor aqui. Quero mover isso da forma mais aleatória possível porque, novamente, estamos tentando evitar qualquer padronização. Eu desci para a direita na última vez. Vou me mover talvez para a esquerda e para cima um pouco, e acho que vou virar essa vertical. Você pode usar qualquer combinação que quiser. Na verdade, quanto mais combinações você usar, mais aleatórios serão seus movimentos. Vou divulgar isso, e agora, quando percorro a linha do tempo, tenho três quadros de movimento. Eu vou adicionar mais um, eu acho. Fui e subi e depois virei, então acho que desta vez vou virar na horizontal e talvez descer para a esquerda. Quero ter certeza de que não vou além desse círculo, ele está aqui e agora posso folhear minha linha do tempo. Agora você pode adicionar entre três e seis, funciona muito bem com esse tipo de animação simples. Na verdade, acho que vou acelerar isso e adicionar mais dois quadros de movimento aleatório. [MÚSICA] Tenho um total de seis quadros aqui e posso percorrer minha linha do tempo. Vou clicar em “Jogar” e ver como está funcionando. Eu gosto disso, no entanto, a maneira como eu mudei as coisas não foi tão aleatória quanto eu pensava que era. Você pode ver um padrão circular se formando aqui, e onde você vai ver isso é com os pedaços maiores em sua textura. Há algumas maneiras de eu lidar com isso. Posso entrar em minhas camadas e arrastar minha textura um pouco mais. Ou com uma animação simples como essa, a maneira mais fácil é pegar alguns de seus quadros e movê-los aleatoriamente. Agora, uma coisa sobre fazer isso dessa maneira é eliminar a ordem dos quadros em seu painel de camadas , então você precisará renumerá-los. Mas é uma maneira muito rápida e fácil de se livrar de alguns desses padrões sem precisar fazer muitos retrabalhos. Agora, há mais algumas coisas que eu queria te mostrar. A primeira é que se você duplicar uma moldura, eu vou duplicar aleatoriamente uma moldura, e você esquece de mover sua textura, quando você esfrega sua linha do tempo, você vai vê-la segurar, e se você fizer isso devagar, é muito mais fácil ver. Você pode ver que está segurando essas duas molduras, o que significa que eu não movi minha textura. Eu só preciso encontrar essa moldura, entrar no meu grupo de camadas, pegar aquela textura e movê-la. Na verdade, vou deletar isso porque não preciso dele nesse caso. A segunda coisa que eu queria mostrar é o que mencionei na lição anterior. Se você for fazer ajustes em sua textura, certifique-se de ajustar a textura antes de criar suas molduras. Porque se eu entrar, por exemplo, no quadro 6 aqui e adicionar um ajuste de curvas e clicar em “Play”, você pode ver que ele não fará automaticamente o ajuste em cada quadro, apenas o quadro 6, então vai ser muito óbvio. Novamente, é muito importante que se você quiser ajustar a textura, faça isso de antemão. Eu tenho todos os seis quadros configurados aqui e acho que eles estão funcionando muito bem. Gostei dos quadros por segundo, mas se não gostasse, poderia acessar minhas configurações e mudar isso. Eu também poderia mudar meu modo de reprodução, mas estou muito feliz com a forma como os dois estão funcionando. Eu vou continuar e finalizar isso. Configurar suas camadas antes de ativar assistência de animação permite que você mapeie sua animação e garanta que a hierarquia e os agrupamentos de camadas estejam corretos antes que sua linha do tempo esteja presente. Sua linha do tempo e o painel de camadas estão diretamente vinculados. Portanto, na maioria das vezes, tudo o que você adicionar no painel de camadas aparecerá automaticamente na linha do tempo quando a assistência de animação estiver ativada. As molduras são adicionadas pela duplicação de uma camada principal ou grupo de camadas, mas não de um único objeto recortado, portanto, não se esqueça de agrupar sua textura com a camada principal antes de duplicá-la. Para uma animação quadro a quadro mais eficaz, certifique-se de que sua camada de textura seja maior do que a forma à qual você a está adicionando. Isso lhe dará bastante espaço para se movimentar com mais liberdade. Apenas certifique-se de que sua camada de textura permaneça dentro dos limites da tela, pois o Procreate excluirá permanentemente qualquer coisa que vá além dela. Ao mover sua textura por uma série de molduras, quanto mais aleatórias forem as mudanças, menos padronização ocorrerá, então use uma combinação de vertical e horizontal bem como arrastar manualmente sua camada. Se você vê padrões durante a reprodução, tente ajustar a ordem dos quadros na linha do tempo. Um simples reordenamento pode fazer uma grande diferença. Em seguida, vamos pegar nossa animação simples de um nível animando em um plano de fundo inteiro. Te vejo lá. [MÚSICA] 6. Animando um fundo texturizado: [MÚSICA] Nesta lição, vamos levar a textura animada em uma forma um passo adiante e animar a textura em um plano de fundo inteiro. Mas, devido à forma como o procreate é configurado, isso não é tão simples quanto animar a textura em uma forma normal. Vamos dar uma olhada mais de perto. Para esta lição, vou criar um plano de fundo que eu possa usar em uma postagem de história no Instagram. Preciso de um retângulo alto e estreito e vou animar a textura quadro a quadro como fizemos no exercício anterior. Agora, a diferença com essa animação é que precisamos que a textura se estenda por toda a tela. Mas lembre-se de que, para uma animação eficaz, a textura precisa ser maior do que a forma em que está sendo recortada. Mas a procriação corta qualquer coisa que saia dos limites da tela. Precisaremos nos dar espaço para trabalhar. Agora eu já configurei uma tela aqui de 3500 por 3500 pixels a 72 dpi. Isso vai ser mais do que eu preciso, mas me dará espaço suficiente para mover minha textura de forma eficaz. O que eu vou fazer é criar um modelo dentro da minha tela, para que eu saiba exatamente onde minha textura vai ficar. Claro que tenho uma camada separada aqui. Vou pegar minha ferramenta de seleção e tenho um retângulo e um preenchimento de cores. Vou apenas arrastar um retângulo alto e estreito. Agora não vou me preocupar com as dimensões exatas porque, em vez disso, vou pegar minha ferramenta de transformação, tocar em um dos cantos e liberar o link entre esses dois e digitar 1080 por 1920. Isso vai me dar o tamanho exato que eu preciso para saber exatamente onde vou animar minha textura. Eu vou em frente e liberar isso. Nesse ponto, adicionar textura funciona exatamente como no exercício anterior. Você pode adicioná-lo com uma camada vazia e um pincel ou ajuste embutido. Ou você pode puxar um arquivo de imagem e, através do menu de opções, vou criar um usando um dos pincéis artísticos em uma camada vazia. Vou adicionar uma camada e, novamente, ainda não vou colocá-la no lugar certo. Vou usar branco, preto e cinza para adicionar uma variedade de áreas escuras e claras em toda a minha camada. Vou selecionar meu pincel de guache e vou começar com o branco, e vou apenas passá-lo pela tela novamente, variando minha pressão e aumentando em certos pontos, só para me dar um pouco variedade. Vou pegar meu cinza, e vou colocar isso em camadas. Você não precisa atingir todos os pontos da tela porque até mesmo as áreas vazias fornecem sua própria textura. O preto, vou usar com moderação porque pode ser realmente chocante, não gostar de nenhum deles. Vamos tentar isso de novo. Em seguida, você faz uma camada final de branco apenas para iluminar algumas áreas. Depois, pegarei minha ferramenta de transformação e vou dimensioná-la novamente para que seja maior que a forma, mas não maior que a tela. Vou colocá-lo no lugar certo e vou mudar meu modo sem graça para sobreposição. Tudo bem, eu gosto da aparência, mas acho que poderia ter um pouco mais de intensidade. Vou adicionar um ajuste de curvas e vou arrastá-lo para baixo. Acho que vou apenas, talvez, criar uma pequena curva em S aqui. Nesse ponto, o processo de animação funciona exatamente da mesma forma que na lição anterior. Vou duplicar meus grupos e, ao duplicá-los, moverei minha textura quadro a quadro para me dar um bom movimento aleatório. Eu vou acelerar, já que você já me viu fazer isso uma vez, e eu vou te ver do outro lado. [MÚSICA] Eu tenho meus seis quadros no lugar e eu limpei manualmente. Na verdade, vou ativar o jogo aqui e reduzir meus quadros por segundo para cerca de, acho que três tendem a funcionar melhor para esse em particular. Não estou vendo nenhum padrão estranho, mas sinto que está se movendo , então talvez haja. Vou mover aleatoriamente algumas das minhas molduras. Agora você deve ter visto que adicionei todos os meus grupos primeiro antes de renomeá-los. Movi minha textura, depois voltei e renomeei meus grupos e, em seguida, ligo minha assistência de animação quando tudo estava no lugar. Vamos seguir em frente e clicar em Play novamente. Tudo bem, eu gosto muito mais disso. Agora, neste momento, a animação em si está pronta. Eu poderia exportar isso como está, mas se eu exportar agora com o site de tela no tamanho desse, mesmo se eu desligar o plano de fundo, o que eu farei, eu tenho esse preenchimento transparente ao redor do meu retângulo. Embora isso não seja um problema com o Instagram, posso simplesmente ampliar se quiser usar essa forma em outro lugar, como no meu perfil do Skillshare, eu ficaria com uma tonelada de espaço inutilizável ao redor minha forma. Antes de exportá-lo, vou recortar a forma em si e remover qualquer excesso de fundo. Vou até meu menu de ações na tela e escolho recortar e redimensionar. Vou até minhas configurações e alterarei minhas configurações para 1080 até 1920. Meu dpi está bom e vou ativar o encaixe e clicar em concluído. Agora você pode ver que a caixa de recorte foi movida para cá , então vou arrastá-la até minha forma, e eu tinha centralizado minhas formas, então eu sabia exatamente para onde estava indo. Preciso recortar um pouco mais porque posso ver um pouco do meu histórico surgindo de lá. Não é uma foto perfeita. Vou clicar em Configurações e quero colocá-las no lugar certo, e vou refazer uma amostra da minha tela, para que, quando eu puxar meus cantos um pouco, ela a mantenha em 1080 por 1920. Se eu não tivesse feito uma nova amostra da minha tela, enquanto eu amassava, ela mudaria o tamanho, mas manteria a proporção, então eu queria ficar em um bom 1080 por 1920. Agora eu posso ir em frente e clicar em concluído. Eu fico apenas com o plano de fundo, sem tela extra. Como você pode ver, a animação funciona exatamente da maneira que deveria. [MÚSICA] Como essa animação empurra a textura para fora dos limites da tela, o tamanho da tela original deve ser definido como maior do que o que você pretende exportar. Depois de colocar sua tela no lugar, crie um modelo do tamanho exato que você planeja exportar, que você tenha limites para trabalhar. Esse modelo acabará se tornando sua tela final. O processo de animação quadro a quadro funciona da mesma forma que qualquer outra animação, uma vez que a tela esteja configurada corretamente. Você não precisa cortar o excesso de tela da que planeja exportar, mas se não fizer isso, ficará com um preenchimento transparente permanente ao redor da animação. Para evitar esse preenchimento, depois de criar todos os seus quadros, acesse as configurações do Canvas e o menu de ações e escolha Cortar e redimensionar. Defina seu limite para o tamanho exato que você planeja exportar e ajuste sua animação para que fique dentro desses limites. Em seguida, vamos animar várias texturas em uma única forma sem problemas usando máscaras. Te vejo lá. [MÚSICA] 7. Textura de animação com máscaras: [MÚSICA] Nesta lição, vamos criar uma animação com várias texturas e mesclar essas texturas perfeitamente usando máscaras. Vamos começar. Essa é a animação final que vamos criar. Ao usar máscaras para animar nossa textura, podemos adicionar duas ou mais texturas ao que parece ter a mesma forma e animá-las separadamente. Embora estejamos animando essas texturas separadamente, também criaremos uma boa transição perfeita entre as duas com máscaras. Eu forneci o arquivo de ilustração simples que vou animar nesta aula com os downloads. Você está convidado a usar isso e acompanhar ou criar o seu próprio. Eu tenho isso dividido em duas camadas, um primeiro plano e um plano de fundo. Um elemento de primeiro plano, o rosto, será um primeiro plano estático, que significa que ele não precisa ser animado e, portanto, não tira nossas camadas que estão disponíveis para nós. Vamos usar uma cópia da camada do sol como plano de fundo. Novamente, ele será estático, o que significa que não precisa ser animado e , portanto, não se afasta de nossas camadas. Mas vou duplicar isso duas vezes porque vamos usar duas duplicatas para criar a seção intermediária e depois os raios externos. Desativei minhas camadas de primeiro plano e de fundo porque não precisamos delas para o processo de animação e renomeei minhas outras duas camadas, média e raios. Essa camada será o centro onde o rosto ficará e esses serão os raios. Cada um deles terá sua própria textura, que vou acrescentar agora. Para os raios, vou selecioná-lo e subir para adicionar e inserir um arquivo, e vou usar a textura do que sobrou para trás que forneci com a classe. Eu quero tornar isso um pouco mais alto. Novamente, preciso ter certeza de que é maior do que a forma repentina e depois vou colocá-la no lugar. Então eu quero usar a textura do líquen para a seção intermediária. Vou tornar isso muito menor porque, na verdade, quero que essas pequenas partes pontilhadas sejam muito menores. Só preciso que seja maior do que o centro. Vou fazer isso um pouco mais alto e colocá-lo no lugar certo. Agora, neste momento, isso parece um pouco engraçado porque temos uma textura em cima da outra, e é aqui que as máscaras entrarão em ação. Quero adicionar máscaras vazias às minhas duas camadas. Com a camada intermediária selecionada, tocarei na máscara e selecionarei minha camada de raios e farei isso também. Agora você pode ver que as texturas que adicionamos permaneceram texturas de clipes, que é perfeito porque vamos o que é perfeito porque vamos animá-las. O que eu preciso fazer agora é criar uma forma que eu possa usar para adicionar a essas máscaras para que eu possa cortar qualquer coisa fora do centro dessa camada e cortar qualquer coisa dentro do centro para os raios. Tecnicamente, posso desenhar diretamente nas minhas máscaras de camada, mas quero um pouco mais de controle sobre o que estou criando. Então, em vez disso, vou adicionar uma camada. Quero criar uma forma circular nessa camada que depois copiarei e colarei em cada uma dessas máscaras de camada. Eu criei meu pincel monoline. Se você quiser criar algo com textura, você pode. No entanto, vamos desfocá-los para que você perca isso. Eu só estou usando algo bem suave. Eu selecionei o preto e vou criar um círculo perfeito. Crie o círculo, segure e toque com meu dedo para baixo. Vou preencher isso com preto. Agora, como isso está em sua própria camada, vou centralizar isso um pouco, só para facilitar. Quero deslizar três dedos para baixo e copiar e, neste momento, posso excluir essa camada. Eu não preciso mais dele. Vou tocar minha máscara de camada na parte central. Deslize três dedos para baixo e cole, e você pode ver que ela criou uma máscara lá, e eu farei a mesma coisa com as tarifas. Neste ponto, acabou com coisas que eu não quero porque preciso inverter pelo menos uma dessas camadas. Vou até minha máscara de camada pelo meio, tocar na própria máscara de camada e clicar em “Inverter”. Isso vai me dar aquele belo centro com essa textura e vai tirar tudo que está dentro do círculo dos meus raios. Temos nossas máscaras no lugar, mas elas são um pouco perfeitas demais para ficarem nítidas. Então, assim que eu os animar, haverá uma linha de demarcação muito distinta entre os dois. Quero corrigir isso desfocando um pouco minhas máscaras com um borrão gaussiano. Também quero ajustar o nível da minha textura com modos de mesclagem e possivelmente um ajuste de curvas. Mas lembre-se do que falamos nas lições anteriores. Se você vai fazer algum ajuste em suas camadas, certifique-se de fazer isso no grupo inicial de camadas antes de começar a duplicá-las. Caso contrário, você potencialmente verá uma diferença à medida que a animação for concluída. Vamos começar com os modos de mesclagem. Vou mudar a do meio para luz suave e adicionarei um ajuste de curvas. Só vou deixar isso um pouco abaixo. Eu quero mudar isso também. Acho que vou usar a sobreposição para esta e talvez reduzir a opacidade com apenas um toque, mas também adicionar um ajuste de curvas apenas para realçar um pouco algumas dessas áreas mais escuras. Gosto dos modos de mesclagem e da opacidade, mas, novamente, ainda tenho aquelas máscaras muito nítidas. Vou até minha máscara de camada do meu meio, vou até meus ajustes e escolho o desfoque gaussiano. Vou elevar isso para cerca de nove ou 10. Você verá essa pequena coisa do tipo sombra interna se formar quando fizer isso. Eu farei a mesma coisa com minha máscara de camada. Você quer ter certeza de que escolheu a máscara de camada e não qualquer outra coisa. Novamente, adicionarei um desfoque gaussiano. Agora eu tenho aquela boa transição entre os dois, mas o que também foi adicionado é essa leve marca cinza nas bordas, e é aí que os borrões estão ocorrendo. É para isso que serve o plano de fundo. Então, se eu ativar isso, você pode ver que desaparece e eu tenho boa transição perfeita entre os dois, e estou pronto para começar a agrupá-los e animá-los. Sempre que você estiver trabalhando com várias camadas de textura ou camadas regulares, é uma ótima ideia ser o mais organizado possível. Renomeamos nossas camadas, mas também queremos agrupá-las para que possamos acompanhá-las. O que vou fazer é selecionar todas as minhas camadas de raios, agrupá-las e renomear esses raios. Então eu vou fazer a mesma coisa com meu meio. Em seguida, quero fazer um agrupamento final para criar o quadro real. Vou selecionar esses dois grupos e agrupá-los. Dupliquei meu grupo de quadros original três vezes e os renomeei de uma a quatro. Neste momento, estou pronto para começar a animá-los. Agora, como isso é um pouco mais complicado, na verdade vou ativar a assistência de animação neste momento. Quero que você veja o que vai acontecer com os elementos do primeiro plano e do segundo plano. Então, se eu ativar a assistência de animação, você pode ver que um monte de coisas são eliminadas e cinza volta novamente. A razão para isso é que o plano de fundo e o primeiro plano não são designados assim. Vou tocar neste quadro e virá-lo para o primeiro plano e agora esse rosto volta, e então eu toco na camada inferior e clico fundo, e agora a marca cinza desapareceu. é muito importante observar No entanto, é muito importante observar que seu primeiro plano e seu plano de fundo precisam ser a camada superior ou a inferior. Não pode ser incluído no meio. Nesse ponto, o processo de animação é executado exatamente da mesma forma que os outros. A única diferença é que eu tenho duas texturas com cada moldura em vez de uma. Vamos começar com esse primeiro. Vou entrar no Quadro 2, vou virar isso e talvez movê-lo para cima e para cima, e então vou para textura dos meus raios e vou virar na horizontal e talvez para baixo e para o lado. Vou acelerar passando por três e quatro, e te vejo do outro lado. [MÚSICA] Eu ajustei minhas texturas para todos os quatro grupos, e se eu passar por isso, eu gosto da aparência. Acho que não preciso adicionar mais grupos. Se eu precisasse, certamente poderia continuar duplicando e fazendo isso. Vamos clicar em “Jogar” e ver como fica. Acho que está lendo muito bem, então deixe-me ampliar aqui. Tem uma boa transição. Não estou vendo nenhum ponto engraçado em que a transição seja diferente porque, novamente, fizemos esses borrões com o primeiro grupo e não os fizemos depois de duplicarmos tudo. A parte da animação está pronta e estou quase pronto para exportar. Mas uma última coisa que decidi fazer é colocar um blush em cada lado de suas bochechas e preciso adicioná-lo ao primeiro plano, mas veja o que acontece quando eu adiciono uma nova camada. Isso vai acabar com tudo porque isso está definido como meu primeiro plano, mas não está vinculado a isso. Preciso selecionar os dois e agrupá-los , e vou renomear esse primeiro plano. Assim que eu os agrupo, tudo embaixo dela volta porque essa nova camada se tornou parte do elemento de primeiro plano que está marcado aqui. Vou selecionar essa camada. Acabei de selecionar um aerógrafo e uma bela cor rosa. Vou desenhar um pouco de blush aqui. Agora, uma última coisa, minha tela é muito grande e eu realmente não preciso que ela seja tão grande. Eu só tinha isso no lugar ter espaço para mover minhas texturas. Eu quero me aprofundar um pouco sobre isso. Isso vai ser um pouco diferente do anterior. Vou até o menu Ações, recorto e redimensiono. Nas minhas configurações, eu já tenho meu DPI em 72. Quando você ativa o encaixe, quero digitar 1.000 por 1.000 e vou clicar em “Concluído”. Não vou reamostrar isso porque não vou mais puxar isso para dentro. Vou mover isso para o meio e clicar em “Concluído”. Com a textura de fundo anterior, precisei mexer um pouco mais para ter certeza de que todo o plano de fundo fosse cortado, mas eu queria manter a proporção exata. Nesse caso, como não precisei fazer isso, não reamostrei. Deixe-me desativar minha cor de fundo. Vamos clicar em “Jogar”. Eu realmente gosto de como isso está parecendo. Está tudo pronto para exportar como GIF e posso carregá-lo no Giphy. Ao animar com máscaras, é melhor planejar suas camadas com antecedência independentemente da complexidade. Isso permitirá que você determine quantas máscaras você precisará, onde elas precisam ser colocadas e se algum ajuste é necessário com antecedência. Durante a fase de planejamento, determine também quantas formas duplicadas serão necessárias e duplique-as antes de fazer qualquer outra coisa. Duplicar antes de adicionar qualquer coisa significa que você terá uma camada limpa, sem máscaras e ajustes desnecessários para remover. Ao criar suas máscaras, mantenha as coisas simples. Se você puder criar sua transição usando uma cópia duplicada e invertida de uma máscara existente, você economizará tempo a longo prazo. Se você vir lacunas criadas pelo desfoque em suas máscaras, adicione uma duplicata da forma principal como camada de fundo para preenchê-las. Por fim, determine com antecedência quais camadas serão seu plano de fundo e primeiro plano e desative-as ao criar sua animação para que elas não interfiram em suas máscaras. Lembre-se de defini-los como primeiro e segundo plano em sua linha do tempo depois de ativar a assistência de animação. Em seguida, vamos dar uma olhada em uma animação de textura mais complexa. Te vejo lá. [MÚSICA] 8. Animações complexas Pt 1: como configurar o Canvas: [MÚSICA] Nas próximas aulas, falaremos sobre animações de textura complexas, nas quais animamos várias texturas em várias camadas. Começaremos discutindo a configuração da tela e a disponibilidade da camada, o que pode ajudar a direcionar o curso de nossa animação. Em seguida, criaremos um plano de textura e animação, para que possamos equilibrar a disponibilidade da camada com nossa visão final. Finalmente, adicionaremos nossas texturas, agruparemos nossas camadas e criaremos nossa animação. Vamos começar. Eu forneci a ilustração plana que usarei nas próximas lições com os downloads. Você é mais do que bem-vindo para usar isso e acompanhar ou criar sua própria animação complexa. Essa é a animação final que criaremos nas próximas aulas. É uma ilustração em várias camadas e adicionaremos várias texturas, algumas serão animadas e outras permanecerão estáticas. Nesta lição, vamos nos concentrar em configurar nossa tela para prepará-la para adicionar e animar nossas texturas. Algumas notas importantes quando se trata sua tela e dessas animações mais complexas. A primeira é que eu sempre trabalho em uma cópia da minha ilustração plana original. Dessa forma, ao adicionar minhas camadas, se eu descobrir que estou tendo problemas ou preciso mudar de marcha, não preciso retroceder muito e remover texturas ou me preocupar com camadas perdidas para consolidação, Tenho um ponto de partida ao qual posso voltar facilmente. A segunda é que o número de camadas Procreate fornece depende do iPad em que você está trabalhando, bem como do tamanho do documento em que você está trabalhando. Quando se trata dessas animações complexas de várias camadas, você pode descobrir que, se o Procreate não fornecer camadas suficientes, você precisará renunciar a algumas de suas abordagens planejadas ou consolidar camadas sempre que possível. Vamos criar vários grupos de camadas com várias texturas dentro desses grupos. Lembre-se de que cada um desses grupos precisa ser duplicado para criar a animação e isso destruirá suas camadas disponíveis. É por isso que planejar e configurar suas camadas iniciais antes de começar o processo de animação real é extremamente útil. Dessa forma, você saberá logo no início do processo antes de chegar ao terceiro ou quarto grupo de camadas duplicadas, que não terá camadas suficientes disponíveis e precisará ajustar sua abordagem. Uma observação final, como nossos iPads podem ser diferentes, podemos ter um número diferente de camadas para começar, independentemente de o tamanho da tela ser o mesmo. Ao longo das próximas lições, consolidarei camadas sempre que possível e também direcionarei o máximo possível para os elementos de primeiro e segundo plano, que eles não tenham para ser duplicado. Vamos começar alterando o tamanho da tela para ter mais espaço para trabalhar. No momento, minha tela termina bem ali, e isso não vai me dar espaço suficiente para animar minhas texturas de fundo. Vou até o menu Ações e, em Tela, clique em Cortar e redimensionar. Agora, se eu entrar em Configurações, tenho uma tela de 1.000 por 1.000 pixels a 300 DPI. A primeira coisa que vou mudar é meu DPI para 72. Eu criei isso aos 300, mas não vou imprimi-lo, vou compartilhá-lo online, então 72 está bem. Agora, isso não vai mudar o número de camadas disponíveis para mim. No entanto, isso afetará o tamanho final do arquivo. A próxima coisa que eu quero fazer é me dar esse preenchimento, então vou mudar isso para 1.500 por 1.500. Isso me dará espaço suficiente para mover minhas texturas sem remover muitas camadas disponíveis, então vou ativar o Snapping. Quero colocar minha tela no lugar acima do centro, e vou em frente e clicar em Concluído. Deixe-me ativar meu plano de fundo. Vou mudar minha cor de fundo para algo que não estou usando na minha animação, só para que eu possa ver facilmente minhas texturas. É isso mesmo. Minha tela está toda configurada e pronta para começar a adicionar minhas texturas. Em seguida, criaremos um plano de jogo de textura e animação. Te vejo lá. [MÚSICA] 9. Animações complexas Pt 2: plano de textura: [MÚSICA] Agora que meu Canvas está pronto e foi ampliado para que eu possa começar a adicionar minhas texturas, quero planejar minha animação e configurar todas as minhas camadas antes de ativar a assistência de animação. Vamos começar falando sobre quais camadas serão elementos de primeiro e segundo plano, pois são elementos de primeiro e segundo plano, pois são estáticas e não precisam ser animadas. Sei que vou adicionar textura à minha camada do céu e, na verdade, vou usar o método de mascaramento que abordamos na última lição. Onde eu animo duas texturas diferentes no fundo apenas para dar um pouco mais de profundidade e isso significa que vou precisar de um total de três camadas do céu, e uma dessas camadas vai se torne o plano de fundo que preencherá todas as lacunas deixadas ao desfocar minhas máscaras. Agora que o plano de fundo não precisa ser animado na linha do tempo, posso realmente definir essa camada inferior como plano de fundo e, em posso realmente definir essa camada inferior como plano de fundo seguida, essas duas camadas do céu serão adicionadas ao grupo de animação. Vamos dar uma olhada em nossos elementos de primeiro plano a seguir. Eu sei que vou animar a textura nas minhas três camadas de quadro, então elas precisam permanecer como estão. Minhas estrelas e minha lua terão um ajuste de floração adicionado a elas para iluminá-las, mas não vou animar nenhuma textura nelas. Esses dois podem se tornar parte do meu grupo em primeiro plano. Vou selecionar os dois e retirá-los, e vou colocá-los logo abaixo da minha moldura. Agora, a moldura também terá uma textura estática adicionada, o que significa que também posso designá-la o que significa que também posso designá-la como parte da minha camada de primeiro plano. Essa é outra camada que não precisa ser duplicada e, portanto, não será removida das minhas camadas disponíveis. Finalmente, vou adicionar textura à minha nave foguete, mas enquanto estou animando as chamas abaixo dela, não vou animar a nave em si, então posso pegar todas essas quatro camadas e agrupá-las e eu vou renomear esse grupo em primeiro plano. Isso deixa tudo, desde a chama amarela até essa segunda camada do céu. Isso vai se tornar parte do meu grupo de animação. Vou acrescentar algo à minha ilustração. Além das animações e texturas, quero criar um efeito de corte de papel. Agora, isso significa que precisarei criar duplicatas de todas as camadas, exceto minhas camadas do céu, para uma forma que a sombra projetada e as sombras projetadas que são adicionadas às minhas camadas de chama irão torne-se parte desse grupo de animação. Agora, embora as duplicatas não precisem de textura e não precisem ser animadas, elas precisarão permanecer com suas camadas originais para que o efeito de sombra projetada funcione. Portanto, não posso designar nenhum desses planos de fundo. Esse é um daqueles cenários em que configurar, se decidir adicionar algo, você precisa dar uma olhada nas camadas disponíveis e decidir se será capaz acomodar a ideia. Caso contrário, talvez seja necessário mudar de marcha. Você pode encontrar o número de camadas disponíveis no menu Ações no Canvas e, em seguida, as informações da Tela em camadas. Agora, eu sei que, no meu caso, tenho muitas camadas disponíveis para mim. Mas se eu estivesse preocupado com isso, o que ele faria seria dar uma olhada em quantas camadas eu já tenho. Determine quantas camadas mais eu preciso adicionar e não se esqueça de que adicionaremos sombras projetadas mais textura e, em seguida, considere quantas camadas se tornarão parte dessa camada de moldura original . Digamos que eu tenha um total de 10 camadas na minha moldura original e sei que quero criar três molduras. Isso será um total de 30 camadas. Preciso decidir se tenho camadas suficientes disponíveis para criar isso. Se não, talvez eu precise mudar de marcha. Vou seguir em frente e criar minhas duplicatas aqui. Sei que posso acomodar a sombra projetada e vou duplicar tudo novamente, exceto as camadas do céu. Em seguida, com o preto selecionado, basta deslizar com dois dedos para ativar o bloqueio Alpha para preencher a camada, certifique-se de desfazer isso. [MÚSICA] No momento, tenho todas as minhas camadas de fundo atrás das camadas originais, só preciso criar sombras projetadas a partir delas. Na verdade, vou fazer isso fora da câmera, mas tudo o que vou fazer é, por exemplo, pegar o foguete. Vou apenas mover isso para baixo e, para a direita, quero determinar para que lado quero que minhas sombras corram, e então vou até meus ajustes e usarei um desfoque gaussiano sobre elas. Vou apenas aumentar para cerca de, acho que seis ou sete e depois mudar meu modo de mesclagem para multiplicar. Vou fazer o resto das camadas fora da câmera no interesse do tempo e voltarei logo que isso estiver pronto. Todas as minhas sombras projetadas estão configuradas para o efeito de corte de papel e, claro , foram adicionadas algumas camadas, algumas das quais precisarão ser duplicadas, mas eu deveria ser capaz acomode isso sem nenhum problema. Antes de concluirmos esta lição, vamos dar uma olhada nas camadas fora do elemento de primeiro plano e plano de fundo e falar sobre um plano de textura para elas. Para minhas chamas, mencionei que vou adicionar uma textura a elas e animá-las. Vou acabar recortando texturas nessas três camadas e, em seguida, para a camada do céu, quero fazer o que fizemos na última lição, em que adicionamos máscaras e criamos texturas perfeitas. Deixe-me seguir em frente e criar uma máscara que eu possa usar. Eu tenho meu pincel monolino selecionado em preto e estou usando um bem grande. Vou seguir em frente e criar um redemoinho aqui e talvez aqui. Tente isso de novo. Eu só vou fazer um do outro lado desse lado. Tudo isso em uma camada. Vou deslizar três dedos para baixo e copiar e posso desligar isso. Eu não preciso disso. Vou adicionar uma máscara aos dois. Vou seguir em frente e deslizar três dedos para baixo e colar. Agora, você não verá nenhuma alteração porque ainda não adicionamos textura a ela, e eu vou deixá-la como está e não desfocá-la até que a textura esteja no lugar. Deixe-me adicionar a esta e eu preciso inverter essa. Todas as minhas camadas agora estão configuradas para começar a adicionar textura a elas, agrupá-las e animá-las. Na próxima lição, continuaremos com essa ilustração e adicionaremos nossas texturas. Te vejo lá. 10. Animações complexas Pt 3 Adicionando textura (textura animada no Procreate): Nesta lição, vamos nos concentrar em adicionar nossas texturas, tanto estáticas quanto animadas, às nossas camadas. Vou começar de cima para baixo, começando com meus elementos em primeiro plano. Mencionei anteriormente que vou adicionar uma textura estática à minha moldura, que significa que posso encaixá-la no lugar, definir meu modo de mesclagem e opacidade, fazer os ajustes necessários e, em seguida, posso mescle as duas camadas, o que vai me salvar de uma camada. Vou puxar minha textura para dentro e vou usar o papel feito à mão 28. Agora, não preciso dimensionar isso porque, novamente, será estático e não animado. Eu, no entanto, preciso encaixá-lo no lugar. É muito importante que, se você for mesclar camadas, especialmente se tiver algo como um recorte aqui, você queira recortá-lo primeiro e depois mesclá-lo. Caso contrário, se eu tivesse apenas pinçado como está, a textura permaneceria exatamente como estava. Vou mudar meu modo de mesclagem. Acho que vou mudar para multiplicar. Não vou fazer mais ajustes nisso, mas vou seguir em frente e juntar esses dois. Com minhas estrelas e minha lua, vou adicionar ajustes de floração. Não vou adicionar texturas, mas vou até a flor das minhas camadas de ajuste e vou simplesmente arrastar isso para cima. Quero que estejam iluminados o suficiente para que você possa vê-los, mas não tanto que desviem toda a atenção. Vou apenas ajustar minhas configurações e tamanho de gravação. Então eu farei a mesma coisa com minha camada lunar. Então, finalmente, para o meu foguete, assim como com a moldura, vou adicionar uma textura estática a ele. Desta vez, vou usar a textura do papel artesanal. Diminua o tamanho. Vou encaixá-lo no lugar certo e mudar o modo de mesclagem para, eu acho, escurecer. Eu não quero uma tonelada de textura. Todos os meus elementos em primeiro plano estão prontos. Agora que meus elementos em primeiro plano estão prontos, preciso adicionar as texturas àquelas que pretendo animar. Vou começar com minhas camadas de chama. Para as chamas, assim como antes, vou extrair texturas. Mas, nesse caso, vou simplesmente recortá-los e não mesclá-los. Vou começar com minha chama amarela. Eu posso subir e adicionar e inserir um arquivo. Eu vou usar esses arranhões grunge. Estou tentando mensurar isso. É uma camada bem pequena. Mas, novamente, ainda preciso que seja maior do que a forma em si para que eu possa animá-la. Vou colocar isso no lugar certo e mudar o modo de mesclagem para queima de cores. Acho que vou aumentar isso com um ajuste de curvas. Com minha chama laranja, vou usar a textura do papel artesanal novamente. Desta vez, vou adicionar um ajuste de curvas para torná-lo um pouco mais arenoso do que no foguete. Vou colocá-lo no lugar certo. Novamente, vou mudar isso para queimar cores. Então, finalmente, vou escolher minha chama azul. Vou usar o papel de jornal e a textura leve. Quero ter certeza de que é maior do que a forma. Vou fazer um ajuste de curvas novamente. Finalmente, vou mudar meu modo de mesclagem para queima de cores. Agora que temos nossas camadas de chama no lugar, vamos dar uma olhada em nossas duas camadas do céu. Na lição anterior, adicionamos máscaras às nossas camadas. Nesta lição, vamos adicionar nossas texturas e colocá-las no lugar certo. Para a parte inferior, vou adicionar a textura de meio-tom. Eu quero criar um efeito estrelado a disso. O seio está abaixado. Ela precisa ser maior que essa tela, mas, novamente, menor que a principal. Vou colocá-lo no lugar certo. Quero inverter isso porque quero que todos esses bits fiquem um pouco mais brilhantes quando eu altero isso para adicionar. Então, vou aumentá-lo ainda mais com um ajuste de curvas. Mas desta vez, em vez de arrastar para baixo, eu vou arrastar para cima. Para minha outra camada, vou adicionar uma camada vazia. Vou usar o branco e o pincel aurora da categoria artística. Eu vou criar nuvens. Vou usar pressão em certos pontos só para aumentar. É como aquela lição de fundo. Então eu vou arrastar isso para dentro e colocá-lo no lugar certo. Vou mudar meu modo de mesclagem para sobreposição. Nossas texturas estão prontas, mas nossas máscaras são muito perfeitas para ficarem nítidas. Precisamos usar um desfoque gaussiano novamente para misturar nossas texturas. Vou começar com essa máscara. Vou fazer ajustes e desfoque gaussiano. Vou apenas arrastá-lo até cerca de oito ou nove. Então eu vou fazer a mesma coisa com o outro. Novamente, temos aquela camada de fundo que permanecerá uma camada estática que também preenche todas as lacunas por trás delas. Todas as nossas texturas estão prontas e estamos prontos para começar a agrupar nossas camadas e finalizar nossa animação, o que faremos a seguir. Te vejo lá. 11. Ilustração complexa Pt 4 Camadas de agrupamento e animação (textura animada no Procreate): Estamos quase lá com essa animação. Nesta lição, vamos nos concentrar em agrupar e animar nossas texturas. Vamos começar com o grupo em primeiro plano. Agora, isso praticamente já está definido. Nós o agrupamos. Novamente, essa é uma camada estática, então não precisamos fazer nada para animá-la. Se quiser, você pode agrupar suas camadas originais com suas sombras projetadas. Mas como tudo já está definido nesse grupo, vou deixar isso como está. Nossa camada de fundo também está pronta, então não preciso fazer nada com elas. O que queremos focar, no entanto, são nossas camadas de chama e céu. Vamos começar com nossas camadas do céu. Acabei de mencionar que a camada de fundo será designada como uma assim que ativarmos a assistência de animação. Mas o que queremos fazer é pegar as outras camadas do céu e agrupá-las com sua máscara e sua textura. Vou agrupar isso e renomear como estrelas. Vou fazer isso e agrupá-lo e vou renomeá-lo como aurora, e então farei a mesma coisa com minhas chamas. Tecnicamente, você não precisa fazer isso porque vamos agrupar tudo no final. Mas, novamente, se você está lidando com algo realmente complexo como isso, é uma ótima ideia se manter organizado possível, porque você terá que entrar em cada um desses grupos. e ajustam suas texturas. Se você já os agrupou, isso só facilita muito. Este é o último e estou pronto. Só preciso pegar esses cinco grupos, agrupá-los e renomear esse Quadro 1. Agora, neste momento, funcionará exatamente como nas aulas anteriores. Vou pegar essa camada do Quadro 1 e vou duplicá-la três vezes. Vou mudar os nomes de cada um para 2, 3 e 4. Neste momento, vou ativar minha assistência de animação para que possamos começar a animar nossas camadas. Agora, a primeira coisa que quero fazer, é claro, é designar meu plano de fundo e minhas camadas de primeiro plano apenas para trazer tudo de volta. Vou tocar e ativar o primeiro plano e, em seguida, tocar e ativar o plano de fundo. Agora, uma coisa que você notará agora que eu virei o fundo é que tenho essa mudança de cor vermelha aqui. Isso não é um problema com as camadas. O que isso realmente é, é que se eu for para minhas configurações, minhas cascas de cebola estão vestidas. O Procreate designa cores para qualquer camada antes e depois da atual, e é isso que aparece lá. Agora eu não preciso de cascas de cebola para essa animação em particular, então vou desligá-las e você verá que ela desaparece completamente. Agora que tudo está agrupado e designado, vou entrar e, começando com o Quadro 2, vou começar a mudar minha textura. Vou começar com minha chama amarela, indo trabalhar de cima para baixo. Vou selecionar minha ferramenta Transform. Novamente, quero ser o mais aleatório possível. Vou fechar isso e entrar no laranja. Gosto de fechar os grupos que criei só para saber que terminei. Então, finalmente, preciso fazer as duas camadas do céu também. Se eu me deslocar para frente e para trás, tenho uma boa animação começando por aí. Agora, vou acelerar isso para três e quatro porque será exatamente o mesmo processo, então eu vou ver você do outro lado. [MÚSICA] Agora que nossos turnos terminaram, vamos clicar em play e ver como fica. Agora, primeiro de tudo, isso é um pouco rápido demais. Vou reduzir isso para cerca de cinco, talvez quatro. Não estou vendo nenhum padrão. Mas se eu precisasse, é claro, eu poderia parar com isso e arrastar minhas camadas de moldura. Ou se eu quisesse, eu poderia esfregar lentamente e ver se consigo encontrar um ponto problemático e depois entrar em minhas camadas e fazer uma alteração. Agora que tenho tudo no lugar, quero ajustar o tamanho da tela para o tamanho menor. Vou até minha tela, recorto e redimensiono e, nas configurações, vou mudar isso para 1.000 por 1.000 pixels. Não preciso fazer nada com o DPI. Vou ativar o encaixe e só quero arrastar isso para o meio e clicar em Concluído. Estou tudo pronto. Só preciso desativar minha camada de fundo porque não quero exportar isso. Vamos prosseguir e clicar em Play. Tudo está funcionando exatamente como esperado e pronto. Temos uma ilustração em várias camadas com várias texturas animadas que está pronta para exportação. Sempre trabalhe em uma cópia da sua ilustração plana original. Dessa forma, se você tiver dificuldades, em vez de remover muitas texturas ou se preocupar com camadas consolidadas, terá um novo ponto de partida para o qual voltar. O número de camadas que o Procreate fornece depende do seu iPad e do tamanho do seu documento. É importante levar isso em consideração ao planejar e executar suas animações complexas. Se você descobrir que não tem camadas suficientes disponíveis, precisará mudar seus planos ou consolidar camadas sempre que possível. designação de elementos de primeiro e segundo plano ajudará muito a conservar suas camadas disponíveis. Se você não precisar animá-las ou duplicá-las e elas puderem ficar acima ou abaixo de todas as outras camadas, inclua-as no primeiro plano e no plano de fundo. Mesclar suas camadas é outra forma de salvar camadas. Se for estático, coloque-o no lugar, faça seus ajustes e mescle suas camadas. Apenas certifique-se de clicar na camada antes de mesclá-la para que ela assuma a forma à qual está sendo adicionada. Por fim, a organização é fundamental quando se trata animar várias texturas em várias camadas. Você não precisa criar subgrupos dentro de seus grupos de quadros animados, mas eles ajudam muito a mantê-lo no caminho certo durante a animação. seguir, veremos as opções de exportação para exportar suas animações texturizadas. Te vejo lá. [MÚSICA] 12. Opções de exportação: [MÚSICA] Nesta lição, daremos uma olhada rápida nas opções de exportação animadas no Procreate e quais funcionarão melhor para suas ilustrações de texturas animadas. Vamos começar. Para esta aula, vou dar uma visão geral das duas melhores opções para exportar suas animações texturizadas especificamente. No entanto, se você quiser uma análise detalhada de todas as opções de exportação, você pode encontrá-la em minha outra aula, Noções básicas de animação no Procreate, que eu vinculei na seção sobre. Você também encontrará um resumo completo no guia interativo que forneci com a turma. A opção de exportação mais versátil e, portanto, comum é o formato GIF. Agora, esse formato permitirá que você envie sua animação para sites como o Giphy e as use em suas histórias do Instagram, mensagens ou até mesmo em alguns sites como Skillshare, que aceitam GIFs como imagem carregamentos. Esse é um formato mais arcaico e de baixa qualidade. No entanto, na maioria dos casos, você usará GIFs em um tamanho tão pequeno que não cria problemas. Para exportar um GIF, vou até o menu de ações e me certifico de que o compartilhamento esteja selecionado. Vou rolar para baixo até as opções de exportação animadas. Vou selecionar GIF animado e tenho algumas opções para alterar. Você pode escolher entre resolução máxima e pronta para a web, o que afetará o tamanho do seu arquivo. Você verá o tamanho aqui no canto superior direito. Se eu tocar na web pronto, você pode ver que ela é significativamente menor. Agora, pessoalmente, eu só uso o Web Ready se eu souber que preciso de um arquivo muito pequeno. Caso contrário, continuo com a resolução máxima, desde que ela não crie um arquivo muito grande e pesado. Você também pode alterar seus quadros por segundo aqui em vez de voltar às configurações da sua tela. pontilhamento e a paleta de cores por quadro afetarão as cores da sua animação. Se você achar que eles não estão lendo corretamente, tente ativá-los. Agora, pessoalmente, eu raramente uso um deles, pois acho que eles ajustam demais as cores ou não têm nenhum impacto. Ao exportar um GIF que não vai até as bordas da tela, como esse adesivo, você terá a opção de ativar ou desativar seu plano de fundo transparente. Se eu desligar isso, você pode ver que a cor de fundo que eu escolhi na minha tela agora está aparecendo. Isso é o que vai ser exportado. Agora, se você estiver trabalhando com uma tela do tamanho exato do que você está sendo exportado, como nossas texturas de fundo, essa opção nem será fornecida. Finalmente, o limite alfa definirá o preenchimento nas bordas da ilustração. Os GIFs não lidam bem com transparências e não acomodam transparências parciais, como sombras projetadas. Um preenchimento é adicionado ao redor da animação para que a ilustração real não seja degradada pelo que é chamado de suavização de borda. Se você já viu um GIF no Instagram ou em mensagens que tem uma fina linha branca ao redor ou parece irregular nas bordas. Isso é o que o limite alfa está ajustando. Agora, embora isso seja importante quando você está criando um adesivo GIF como fizemos aqui, não importa quando se trata exportar um plano de fundo completo. Novamente, não há necessidade de transparência pois toda a tela está sendo exportada. Agora, pessoalmente, acho que o Procreate lida com transparências até mesmo em adesivos como esse de forma muito limpa, então mantenho meu limite alfa relativamente baixo. Se eu aumentar até 100 por cento, você pode ver que isso está criando alguns problemas com minha ilustração real. Eu vou trazer isso de volta. Se eu precisar, sempre posso voltar e ajustá-lo e reexportar. A outra opção de exportação comum é o MP4. Agora, essa é a opção de exportação necessária para postagens do Instagram, não histórias ou bobinas, mas para a postagem em seu feed e para o Facebook, porque seus tamanhos de arquivo tendem a ser bem pequenos. Você não tem muitas opções de ajuste quando se trata de MP4s, você pode alterar sua resolução máxima para pronta para a web e, claro , ajustar seus quadros por segundo, mas é isso. Você não verá nenhuma opção de transparência com MP4s porque eles usam o que é chamado de codificação JPEG e, portanto, não acomodam transparências de nenhum tipo, total ou parcial. Agora, essa não é uma opção que eu usaria como adesivo porque a menos que a animação vá até as bordas da tela, ela será exportada com um fundo branco, mesmo que você não o vejo aqui na janela de pré-visualização. No final do dia, a melhor opção será aquela que funcione para seu cenário específico. Em outras palavras, onde você planeja publicá-lo? O que o site aceita? Você precisa de transparência ou não? Em seguida, encerraremos a aula com algumas reflexões finais. Te vejo lá. [MÚSICA] 13. Considerações finais: [MÚSICA] Chegamos ao final da aula e eu gostaria de agradecer por confiar em mim seu tempo e criatividade. Espero que você goste de criar suas próprias texturas animadas no Procreate. Eu adoraria ver o que você cria, então não deixe de compartilhar seu projeto na página de projetos e recursos da turma. Lembre-se de compartilhar seu projeto e deixar uma avaliação ajudar futuros alunos a ver o que aprendem quando frequentam a aula, mas também ajuda mais alunos a encontrarem a aula. Se você compartilhar seu projeto nas redes sociais, marque-me na alça da minha tela, pois eu adoraria compartilhá-lo em meu próprio feed. Tenho muitas aulas novas em andamento, então acesse meu perfil e clique em seguir, para que você sempre seja notificado sempre que eu publicar uma aula. Você também encontrará toda a minha linha de aulas existentes de ilustração digital em fotografia, informações sobre meu grupo no Facebook dedicado a todas as coisas sobre textura digital , onde você pode compartilhar seu trabalho, faça perguntas, aprenda dicas e truques ou compartilhe os seus, tudo em um ambiente amigável e sem julgamentos. Você encontrará um link para meu canal no YouTube , onde compartilho muitos tutoriais curtos que complementam minha linha de Skillshare. Finalmente, você encontrará um link para meu boletim informativo. Ao se inscrever, você receberá meu grande pacote de texturas sujas e brindes regulares. Se você tiver alguma dúvida sobre o que aprendeu em sala de aula ou quiser feedback sobre sua abordagem, informe-me na seção de discussão abaixo ou enviando um e-mail para mim. Você encontrará o e-mail na página sobre a turma. Muito obrigado por se juntar a mim e feliz em criar [MÚSICA]