Animação para ilustração: como animar texturas no Photoshop

1. Introdução: Oi, meu nome é Kay Leathers e sou ilustradora e designer de filmes de Londres, Inglaterra. Uma das coisas mais valiosas que aprendi como ilustrador é que há uma crescente demanda por ilustradores com o conhecimento de animação e suas postagens de mídia social, o que ganha maior envolvimento. Se você está querendo adicionar movimento às suas ilustrações, eu posso definitivamente dar-lhe algumas técnicas que eu aprendi na minha jornada que não só vai ajudá-lo a aprender animação, mas vai ser muito divertido também. Nesta aula, ensinarei como usar o Photoshop para ilustrar suas ideias. Em seguida, criaremos texturas animadas para aplicar às suas ilustrações. Aprenderemos como ilustrar e animar planos de fundo simples que podem ser aplicados a ilustrações existentes ou desencadear ideias para uma nova ilustração. Pegaremos essas ideias e aprenderemos a desenhar e colorir uma ilustração do zero, e então dividimos isso em camadas prontas para aplicar nossos fundos a ela. Também aprenderemos como criar padrões para têxteis, como roupas e agrupá-los em áreas do nosso trabalho. Então vamos aprender alguma animação aleatória controlada apenas por diversão. No final da aula, você terá uma ilustração incrível animada com três estilos diferentes usando a mesma técnica. Todos vocês têm uma grande compreensão de como usar isso em seu trabalho futuro. As possibilidades são infinitas. Se você é um animador, você pode levar esses padrões e texturas para o After Effects onde você pode usá-lo em seu trabalho e dar essa sensação real de desenho à mão. Quando comecei a vida como ilustradora, não gostei do Photoshop. Eu era estritamente um usuário do Illustrator e minha mente fica atolada sempre que eu entrava no Photoshop, era realmente frustrante. Agora, depois de trabalhar com ele em alguns projetos, aplicando técnicas quadro a quadro para ilustrações de personagens, bem como projetos de fundo abstrato e ativos para animação, eu simplesmente adorei. Se você já teve as mesmas lutas que eu ou você só quer mais algumas técnicas para animar, então eu posso ajudá-lo com este curso. Essa aula é ótima para quem quiser começar a ilustrar no Photoshop ou para usuários mais experientes. Vou explicar tudo passo a passo, incluindo todos os atalhos úteis para ajudar você a ficar mais confortável com a animação no Photoshop. Tudo o que você precisa para começar a animar texturas é o Photoshop aberto e o mouse do computador. No final desta aula, você terá sua própria ilustração animada como presente, um MP4 pronto para você fazer upload para as mídias sociais ou seu portfólio. Então, se você está pronto, vamos começar. 2. Projeto: Juntos, criaremos nossa própria ilustração com texturas e padrões animados. Vou mostrar-lhe todo o meu processo criativo ao fazer estes e como eu ilustro um personagem com estes em mente. Então eu vou mostrar-lhe como exportar isso como GIF, e tudo que você precisa fazer é seguir junto. Concluir esta tarefa também lhe dará um mp4 para compartilhar em suas mídias sociais e um GIF para seu portfólio também. Esta aula foi projetada para ser uma introdução prática à animação de texturas e padrões no Photoshop. Portanto, praticar irá ajudá-lo em sua jornada para a compreensão. Eu incluí algumas tarefas bônus que eu encorajo você a participar. Mostrarei quando e como enviá-los sempre que você vir o slide de tarefas bônus em nossas lições. Verifico cada projeto meus cursos e ofereço qualquer feedback e ajuda onde puder. Também é uma ótima oportunidade para receber feedback de nossa adorável comunidade aqui na Skillshare. Todos os meus arquivos de trabalho estão disponíveis para download. Perfeito para você usar como referência para seus próprios projetos, ou se você não quiser ilustrar o seu, você pode usar o meu. Se você estiver pronto, vamos abrir o Photoshop e mergulhar. 3. Como configurar o espaço de trabalho: Oi lá. Bem-vindo à primeira lição do nosso curso. Nesta lição, vamos configurar o Photoshop para que tenhamos o mesmo espaço de trabalho, ideal para animação. Se criarmos um novo arquivo e vamos configurar um arquivo para que você possa usá-lo em suas mídias sociais ou em seu portfólio, 1080 por 1080 é o tamanho perfeito para o Instagram, então vamos usar isso. Eu estou usando resolução 150 apenas para que eu possa obter um pouco mais de informação na minha ilustração, mas você poderia ter 72 aqui se você está apenas usando para a web. Em seguida, teremos a caixa Pranchetas marcada e fazer os fundos desse branco. A razão pela qual eu amo pranchetas é porque torna muito fácil de usar referências e eles são apenas realmente super útil para mais tarde. Vou demonstrar. Vamos criar isso. Agora, você verá aqui que eu tenho meu espaço de trabalho configurado. Se eu subir até esta seta, para Essentials. Se você não tiver o mesmo que eu no momento, basta definir para Essentials e redefinir. Mas o que realmente vamos fazer é definir um novo espaço de trabalho hoje. Você pode chamá-lo de seu nome e espaço de trabalho de animação. Bom. Vamos fazer alguns ajustes nesse espaço de trabalho. Eu vou manter Bibliotecas aqui porque este é o meu conjunto de cores de marca e eu vou também arrastar a guia de cores aqui. Agora, se você não tem cores de marca, tudo bem. Não se preocupe com isso. Você pode apenas selecionar a partir deste. Agora, não precisamos de Gradientes, Padrões ou Amostras, então vamos nos livrar deles. Propriedades, precisamos. Eu gosto de tê-lo logo abaixo das Cores e Bibliotecas aqui, então basta arrastá-lo até que haja uma linha azul e solte. Ajustes, podemos nos livrar porque todos os seus ajustes estão aqui também. Isso parece bom por aqui. O que também precisamos é de algumas ferramentas aqui em cima. Se formos para Janela e clicamos em Pincéis, tanto Pincéis quanto Configurações de Pincel se juntam. Se não fizerem por você, tudo bem. Basta clicar em “Configurações do pincel” aqui. Também precisaremos das predefinições de ferramentas aqui. Agora, se você estiver familiarizado com o Photoshop, você sabe que as Predefinições de ferramentas são incríveis porque se você entrar na ferramenta Pincel pressionando B, todos os seus pincéis favoritos podem ser salvos aqui. Vou mostrar-te como fazer isso mais tarde, se não tiveres a certeza. Finalmente, precisaremos da Linha do Tempo. Agora, isto é mais importante para a nossa turma de hoje. Esta é a Linha do Tempo do Vídeo. Se você pressionar “Criar linha do tempo de vídeo”, toda essa seção será alterada. Aqui, você tem a prancheta 1, que corresponde à prancheta 1. Se você for para o menu suspenso, verá a Camada 1 lá. Tudo o que você vê aqui também está aqui. Agora, automaticamente, você tem cinco segundos aqui. Se você olhar, você tem alguns quadros no meio. Agora, o que faremos para cada lição é definir as taxas de quadros da linha do tempo. Isto está definido para 30, o que é demasiado para mim. O habitual é 24 para, digamos, desenhos animados como a Disney. Mas eu quero aquela sensação agitada, então vamos usar 12 quadros por segundo. Além disso, isso significa que não temos que fazer tantos interruptores de desenho. Oh, é uma bênção. Clique em “Ok” e você verá que a linha do tempo aqui se ajusta. Ele ainda tem cinco segundos, mas dentro de cada um desses segundos, você tem 12 quadros em vez de 30. Agora, eu só vou fazer um ajuste. Só estou usando as montanhas aqui para ampliar e diminuir o zoom. Agora, esta Camada 1, no momento, tem cinco segundos de duração. Nós estamos indo apenas para usar este widget aqui clicando, e arrastando, e tornando-o 1 segundo de comprimento. Se eu ampliar, você pode ver 2, 4, 6, 8, 10 e 12 fazer um segundo. Foram os ajustes que fizemos. Agora que temos o espaço de trabalho configurado, estamos prontos para começar a animar algumas texturas de fundo. 4. Como brincar com padrões: Agora que temos o espaço de trabalho configurado, estamos prontos para começar a experimentar e criar nossas texturas de fundo. Eu queria colocar esta lição em primeiro lugar porque é um ótimo ponto de partida, especialmente se você está preso, você tem um bloqueio criativo. Ajudou a despertar a sua imaginação e faz com que as ideias fluam. Então, para cada textura, vamos fazer os mesmos cinco passos. Então, passo número um, criar novo. Isso deve ser 1.080 por 1.080, 150 resolução e devemos ter a caixa do quadro de arte marcada. Então vamos criar a linha do tempo do vídeo, Passo 2. Etapa 3, defina a taxa de quadros da linha do tempo como 12. Passo 4, abra uma camada e reduza isso para um segundo. Número 5, vamos duplicar essa camada por ALT e arrastar. Agora, se ampliarmos, podemos ver que temos todos os 12 quadros em nosso segundo aqui. Agora, precisamos tomar algumas decisões sobre quanto tempo cada ilustração em nosso passado vai durar. Deixe-me explicar, mostrando-lhe uma demonstração. Então aqui temos uma animação e é animada em dois. Agora o que isso significa, se eu abrir, podemos dar uma olhada no arquivo. Agora, a cada dois quadros, há uma ilustração diferente. Então 2, 4, 6, 8, 10 e 12, porque ele irá loop. Então, se eu clicar nele, ele percorrerá todas as seis ilustrações em um segundo. Então, se eu voltar ao original, você verá que é exatamente o mesmo arquivo, apenas mastro no círculo aqui. Agora posso verificar uma comparação. Este próximo é animado em três. Então, a cada três quadros 3, 6, 9, você tem uma ilustração diferente. Você pode ver como isso afeta o movimento e o sentimento da animação. Gosto de animar em três. Eu também gosto de animar em quatro patas. Veja, você pode comparar todos os três aqui. Se você tem seis, você só tem duas ilustrações em um segundo e você pode ver que é muito lento. Então, geralmente daqui, gosto de animar em três e quatro. Você pode adicionar quantos quiser, mas para a demonstração de hoje, eu vou me concentrar em quatro patas. Desculpe, deixe-me fechar isso. Então o que eu vou fazer é fazer com que a primeira camada quatro quadros longo. Você pode ver no widget que você terá um pouco de tempo e ao lado que diz 04. Só por facilidade, vou duplicar essa camada e arrastá-la até o próximo quadro porque queremos preencher esse segundo e novamente. Ótima. Então agora temos três camadas diferentes para três ilustrações diferentes. Há uma pequena rima que eu gosto de passar para cada um só para me ajudar e que é mover o jogador, selecionar a camada. Agora vou escolher um pincel porque precisamos começar a fazer esses fundos animados já. Então, vou dar uma olhada. Agora, eu tenho um mega pacote do Kyle. Se você ainda não tem isso, você pode clicar em obter mais pincéis e isso vai abrir para você. Se você tem o Adobe Suite, basta baixá-los e ele será instalado no Photoshop para você. Vou direto para alguns pincéis clássicos. Eu estou me sentindo como mão algumas, minhas aguarelas suaves dizem, vamos dar uma olhada neste aqui. Bastante agradável. Um pouco mais suave. Vamos ver, sim, esse é o que eu quero. Vou escolher uma cor para o meu paladar. Agora, eu vou fazer esse pincel realmente grande selecionando suportes abertos, grandes e pequenos suportes abertos. Só vou fazer um belo padrão. Então eu vou mover o jogador, selecionar a camada e fazer outro padrão. Muito rápido. Belo pincel grande neste. Se você não tiver certeza de como eles são comparados entre si, você sempre pode rolar para trás. Sinto que o primeiro é um pouco mais azul do que os outros, então eu vou apenas mover o jogador, selecionar a camada e adicionar um pouco mais de azul para os outros. Mova o jogador, selecione a camada e bom, agora eu posso esfregar através deles usando isso ou eu posso pressionar reproduzi-lo com a barra de espaço. Podemos ver que essas três ilustrações estão circulando. Esse é o nosso primeiro padrão. Então, vamos salvá-lo. Salve como e se eu for para a minha área de trabalho, eu tenho uma pasta pronta aqui para mim. Incluí isso no arquivo de recursos. Então, aproveite se quiser. Vou chamar isso de texturas animadas, ir para arquivos de projeto, Photoshop. Vou criar uma nova pasta. Vou chamar-lhe texturas. Este, eu gosto de chamá-lo de adjetivo e um substantivo. Então vou chamá-lo de nuvens macias. Isso é o que me lembra. Ótima. Então eu tenho alguns pincéis guardados aqui. Agora, se você quiser salvar um pincel, então esta agradável aguarela macia que eu tinha antes, você pode abrir suas predefinições de ferramentas e pressionar “Plus” e ele vai chegar com seu nome atual. Você pode chamá-lo de outra coisa, você pode chamá-lo de aquarela macia ou o que quer que signifique para você e é adicionado à sua biblioteca. Você precisará salvar estes em um bom lugar para que você possa carregá-lo quando você abrir o Photoshop novamente, Eu definitivamente recomendo fazer isso para que você possa ter todas as suas ferramentas favoritas em um só lugar. Então essa classe é feito então vamos fechar aquele, Command + W. Vamos passar por nossos cinco passos novamente. Então crie um novo. Criar linha do tempo de vídeo. Defina as taxas de quadros da linha do tempo. Número 4, altere o tamanho da camada. Número 5, duplique. Então eu vou chamar essa primeira camada de fundo e nós temos nossa camada lisa aqui. Vou reduzir isso para quatro quadros novamente. Vamos torná-lo um pouco maior para que possamos ver, duplicar e duplicar e arrastar isso para preencher lá. Então desta vez eu vou escolher uma cor diferente e eu vou preencher o fundo sobre este aqui só porque eu estou me sentindo um pouco louco. Então estamos na camada um, o jogador está no lugar certo e desta vez eu vou escolher um pincel de slattery agradável, pressione “B” para selecionar seu pincel. Eu vou para o respingos um. Agora, um espalhado é realmente bom porque ele tem multiplicar como uma de suas configurações de pincel. Então, se ele passar por si mesmo, ele vai escurecer a si mesmo. Eu também vou definir o modo de camada para multiplicar porque eu me sinto como, sim, que é melhor apenas bom, linha por lá e mover o jogador, selecione a camada. Isso também precisa ser uma multiplicação. Vamos fazer isso. Um pouco direto sobre isso. Mova o jogador, selecione a camada, faça isso se multiplicar e lá vamos nós. Pressione “Reproduzir”. uma bela tempestade de areia em algum lugar que você pode imaginar alguém parado aqui acenando ao vento. Esta é, novamente, uma ferramenta muito boa se você nunca ficar preso com o que você está fazendo e ter bloqueio criativo, basta jogar em algumas texturas, animá-los e isso vai te dar tantas idéias que eu prometo. Então vamos rapidamente salvar esse como “Sandstorm”. Bom e feche. Cinco passos de novo. Vamos ver se você os conhece agora. Passo 1, selecione novo. Passo 2, linha do tempo do vídeo. Passo 3, defina a taxa de quadros. Passo 4, ajuste o tamanho da camada. Passo 5, duplicar. Vamos chamar isso de fundo. Vou para a nossa primeira camada. Ajuste para o tamanho que quiser se quiser experimentar, talvez quem vá para três. Na verdade, vamos fazer três juntos. Duplicar aqueles e selecionar um azul desta vez e não havia pincel de fundo colorido, selecione a camada e eu vou arrastar isso através. Realmente legal. Então desta vez vamos ter quatro desenhos porque estamos em nossos três. Mova o jogador, selecione a camada. Continue recebendo. Bom. Agora, isso está trazendo todas as idéias para mim. Parece que quando você está sentado calmamente em uma piscina e no outro lado da piscina, há crianças cortando por todo o lugar mas você está relaxado porque você está do outro lado. Então vamos ver como essa animação em três parece. Então, neste, eu não quero ver a cor de fundo branco, então eu vou colocá-lo em transparente e eu vou salvá-lo. Então, vou chamá-lo de ondas suaves. Esta vai ser a inspiração perfeita para a minha ilustração na próxima lição. Agora, que terminamos três texturas de fundo diferentes, acho que seria ótimo mostrar nosso progresso na galeria do projeto. Então eu vou mostrar rapidamente como simplesmente exportar estes como um GIF. Então eu vou pegar minhas ondas suaves um e eu vou dar um pouco de fundo rápido para que fique claro que quando eu carregá-lo, ele vai parecer o mesmo. Então vamos para Arquivo, Exportação, Salvar para Web e seu GIF aparecerá no centro aqui. Eu não vou explicar a configuração por agora, pois eu vou entrar em muito mais detalhes na lição de exportação, mas por enquanto, basta confiar em mim e configurá-lo para um dither GIF 128 e salvá-lo. Se você entrar nas pastas Texturas animadas, Exportações, Fotografias, GIF, crie uma pasta de fundos e salve seu GIF. Vou substituir o meu, já que já tenho um lá dentro. Se eu tiver um olhar nessa pasta agora, Eu tenho minhas ondas gentis GIF. Eu posso apenas carregar isso clicando no ícone, lugar, fundos e lá está. Mantenha esta página aberta e continue adicionando imagens ao longo do curso. Espero que você tenha se divertido criando suas texturas de fundo animadas. Depois de terminar o curso, você terá uma biblioteca inteira de texturas e padrões para aplicar a quaisquer ilustrações futuras. Na próxima lição, vamos olhar para ilustrar ideias suscitadas por este processo criativo. 5. Esboçando sua ideia: Desde a última lição, eu estava realmente inspirado pela minha animação de maneiras gentis. Isso me lembra de estar na piscina, deitado em uma mentira sob o sol com um belo coquetel. Então, para minha ilustração, vou fazer um personagem. Eu vou ter minhas ondas animadas no fundo, eu posso pensar em têxteis. Digamos que você pode ter algumas texturas na roupa, então o maiô e talvez o cabelo balançando na água, entre outras coisas. Estes têm muitas oportunidades para animação. Na sua ilustração, você pode desenhar o que quiser. Você pode desenhar um personagem junto comigo, ou uma idéia desencadeada pela lição 2 ou qualquer coisa que você quiser. Desde que tenha essas três oportunidades em mente. Então a textura de fundo, um têxtil de algum tipo, e alguma oportunidade para alguma aleatoriedade. Se você está pronto, vamos começar. Então, o lugar que eu gostaria de obter referências do mais é o Pinterest, embora eu use o Google e outros lugares. Então eu vou procurar por um flutuador de piscina e ele vem com um monte de resultados para floaties piscina realmente legal você vê este abacate legal um. Então você pode adicionar isso aos seus quadros. Já tenho uma prancha para isto chamada flutuante. Mas se você não tem uma pasta, você pode ir para Criar pasta e você pode colocar seu nome lá e você pressionar “Criar”. Eu já tenho um, então vamos fixá-lo a isso e vamos olhar através e procurar outras coisas legais. Talvez ela possa tomar uma bebida na piscina. Então, uma vez que você salvou algumas referências, e eu literalmente apenas ir em uma divagação treinado através de cargas de diferentes pinos e coletar um monte de coisas interessantes que eu quero incluir. Óculos de sol, fantasias de natação , carros alegóricos, como as pessoas podem parecer nos carros alegóricos. Então o que eu vou fazer, é usá-los e colocá-los no meu arquivo. Então, se eu olhar para este em particular, eu posso tirar screenshot, Command Shift 4 no Mac. Você pode simplesmente arrastá-lo diretamente do canto, é um recurso bastante novo e colocá-lo em seu arquivo. Automaticamente ele vai dentro de seu quadro de arte, mas o que é incrível sobre placas de arte, como você pode colocá-lo fora e ele irá mostrar-lhe, que quando você trabalhar por conta própria mais tarde, você pode ter estes no lado para sua referência. Já tenho um bom programa de culinária. Está tudo pronto aqui. Então aqui estão todas as referências que eu reuni, tudo usando captura de tela e colocando-as no arquivo e agora estamos prontos para o nosso esboço. Hoje eu tenho meu iPad, que eu uso com asteróide pad studio, que só me permite trabalhar em casa. Eu me conecto a usar almofada de asteróides e ainda é 99 por mês, eu acho que é muito barato realmente. Eu sei que com as versões mais recentes do Mac, você pode se conectar automaticamente ao seu iPad então definitivamente olhar para isso se você ainda não fez isso. Então vamos começar o nosso esboço. Temos uma camada aqui e vamos começar muito, muito áspero. Vamos pegar um lápis de desenho, eu acho que isso é um HP. Assim como esta senhora aqui, eu vou esboçar uma mentira baixa e apenas vindo da esquina. Se você sabe alguma coisa sobre mim, eu gosto de encher minhas áreas, então minha senhora vai ser bem grande aqui e ela vai estar descansando, mas desta vez, ao contrário desta senhora, ela vai estar cruzando os braços. Vamos ter a cabeça dela, o foco principal do tiro. Como dissemos, o cabelo vai fluir para a água. Eu só vou colocar uma área áspera para o cabelo. Eu posso ver por esta senhora, ela tem um monte de testa mostrando, então vamos colocar um pouco de cabelo. Os óculos e tudo estão reunidos ao redor do fundo do rosto e vamos ter um nariz aqui, e uma boca aqui. Vamos ter algumas orelhas também. Está bem. Como você pode ver, é um esboço super áspero. Vamos passar para a próxima camada, fazendo com que a camada anterior reduza a opacidade aqui para cerca de 20. Agora vamos levar a sério o esboço. Vamos pegar nossa escova de novo, e desta vez, vou deixar essas lacunas. Eu só vou usar essas linhas fluindo muito suaves porque eu acho que ajuda levar o espectador pela página e estar confiante em qualquer erro que você comete, porque eles Eu só vou usar essas linhas fluindo muito suaves porque eu acho que ajuda levar o espectador pela página e estar confiante em qualquer erro que você comete, Provavelmente não são erros. Eles são provavelmente caráter em seu desenho. Vou dar ao meu personagem meus lábios distintivos do que costumo fazer às minhas personagens femininas, dar a ela um pouco de [inaudível], e vou continuar esboçando, dar uma velocidade melhor ao vídeo. Com esta parte, vou apenas laçar esta lente e apagá-la. Com esta parte, Vou laçar as outras lentes porque prefiro. Se eu clicar com o botão direito do mouse, eu posso colocar minha cópia e eu posso realmente transformá-la e movê-la para o outro lado. Eu também vou para o menu Editar, transformar, virar horizontal e, em seguida, girá-lo para o lugar certo. Agora posso ter um copo um pouco mais equilibrado. Só adicionando alguns toques finais agora. Eu vou ter algumas nuvens refletidas nos óculos e as riscas de cabelo dela e vamos adicionar uma lacuna dentária. Dê-nos alguma atitude real. Sim, estou muito feliz com isso. Eu acho que eu preciso fazer apenas alguns pequenos ajustes em pequenas áreas. Eu só vou salvar isso como, vamos encontrar nosso arquivo desktop. Coloque, Photoshop. Vamos fazer uma nova pasta agora, porque eu sei o que ela vai ser, uma nadadora. Vou ligar para esse Sketch. Salve-o e você terá seu Sketch File seguro. Bem feito, tenho certeza que você tem um esboço incrível para começar , bem como espero que mais algumas dicas sobre como usar o Photoshop. Na próxima lição, vamos olhar para colorir e dividir nossas camadas. [ Música] 6. Como colorir e dividir camadas: Nesta lição, aprenderemos cor da casa e dividiremos nossa ilustração em camadas, prontas para animação. No intervalo, eu fiz algumas mudanças sorrateiras minha ilustração, me livrando da pasta do gato e fazendo ajustes na cabeça. Por favor, sinta-se livre para fazer o mesmo, jeito nenhum vou ser atraído para as primeiras cabras. Como eles dizem, a chave para uma boa ilustração é sempre desenhar e redesenhar. Agora, está finalmente pronto para colorir. Eu fiz alguns testes de cor antes para decidir quais cores eu estou escolhendo. Eu sempre escolho a partir da minha paleta de cores aqui. Se você gostaria de saber como escolher uma paleta de cores, eu expliquei no meu curso anterior. Você pode ir para a lição número 4, fazendo camadas, e por volta das 6.30, eu explico como eu consegui minha paleta de cores, então definitivamente verifique se você ainda não fez isso. Eu peguei alguns testes de cor, como eu disse, e eu decidi que este no canto era o meu favorito. Eu só faço isso muito rápido, apenas cor rápida, rabisco rápido. Você pode ver que eu até coloquei aqui, só para decidir sobre o que eu mais gosto. Este eu escolhi porque eu acho que me lembra McDonald's, que eu só fui tratado quando era verão. Também me lembra de uma das minhas boas amigas que sempre tem que usar fator 50, quando ela está de férias por causa de seu lindo cabelo ruivo e pele gorda. Eu vou usar essa combinação de cores. O que ele fez foi estourar aqui de lado. Se eu esconder minhas referências, esta é apenas uma referência rápida para a minha coloração. Antes de seguirmos em frente, vamos salvar como ele pode ir para Arquivo, Salvar Como ou Comando Shift S. Vamos salvar isso como Cor. Pode soletrar sem o U, se for americano. Vamos nos livrar disso, porque já temos isso na nossa pilha de esboços. Este é o nosso esboço agora. Vamos manter isso em cima, então deixe-me arrastar minha camada aqui. Precisamos começar mais de trás. A maior parte de trás vai ser o nosso passado. Agora, obviamente eu estou mantendo em mente minha animação, que são feitas no azul escuro para as ondas. Eu só vou colocar um azul claro é o fundo. Minha camada animada vai acima disso, mas ainda não estamos prontos para isso. A próxima camada, que está mais de volta, é o anel. Adoro usar a ferramenta de tenda circular para festas para quaisquer círculos que eu precise para fazer o meu trabalho. Você só arrasta e solta quando é o tamanho certo. Vou segurar O a menos disso para fazer o círculo interno. Podemos segurar Shift para fazer um círculo igual, e então tentar colocar isso no lugar certo. Bom. Em seguida, selecionando Minha Cor, indo para o amarelo. Nós podemos simplesmente preenchê-lo, e então desmarcar para fugir disso. Vamos fazer os padrões das extremidades. Eu só sou bom quando eu estou realmente focado em cada parte enquanto eu trabalho meu caminho para cima. A próxima parte é o corpo. Podemos escolher a cor daqui, ou você pode selecionar a partir da sua paleta de cores. Eu vou pegar um dos meus pincéis favoritos, que é a nib incrível desenho animado, e este é um dos pincéis de cor. Só vou dimensionar isso um pouco e ampliar, e vamos começar a colorir. Vou reduzir um pouco a capacidade dela, sim. Eu posso realmente ver as bordas, porque eu não vou delinear como desta vez apenas usando esta cor bruta, porque eu acho que as texturas apenas ir muito bem neste tipo de olhar áspero, pincel. Fazemos a forma completa, pressionamos G, e preenchemos. Agora, com os pincéis de referência, você vai ficar um pouco onde ele não pode preenchê-lo completamente. Eu tentei e tentei mexer com a tolerância para superar isso, mas na verdade é muito mais rápido do que colorir. Eu não me importo muito. Estou me certificando de que não há lacunas. Bom. Essa é a nossa camada corporal. Agora, a próxima camada vai ser o nosso maiô. Vamos chamá-lo de maiô. Porque eu só quero que ele o mostre dentro do corpo, eu vou segurar Comando, e clicar no corpo, e isso vai fazer uma seleção. Então eu posso selecionar a cor que eu quero para o maiô, e fazer o pincel um pouco menor. Você pode ver que ele não vai colorir fora dessas peças. Agora, você não viu que eu estou fazendo tudo em forma completa. Isso é porque se ele se move em animação, nós sempre teremos algo embaixo que é realmente importante, especialmente se você vai enviá-lo para dizer, um animador, e eles estão indo para todo o trabalho de animação para você, certifique-se de que cada camada está completa. Se algo se mover, você tem essa informação embaixo. Vou desmarcar isso. Posso mostrar-lhe que se eu mover o corpo, ainda temos o anel de borracha por baixo. A próxima camada que eu gostaria de fazer é aquela cor traseira. Eu vou escolher pincel diferente para este chamado contornos oscilantes, Eu não me lembro muito bem qual deles era este. Eu tive isso há um tempo. Mas eu quero ver algo legal com este cabelo mais tarde, então eu vou apenas fazer rabiscos realmente ásperos. Se alguém costumava vigiar o Sr. Mann, isso me lembra se o Sr. Desarrumado, e apenas fazer aquele encontro no fundo. É muito legal, eu gosto. Mas eu vou remodelar isso um pouco confuso, porque eu só quero que ele saia pelos lados. Escale um pouco mais oscilante. Sim, legal. Definitivamente mais feliz com essa. Um loop aqui, ótimo. Vamos dar um nome a ele. Você pode continuar a trabalhar através das camadas. Toda vez que você faz uma nova camada, você nomeia. Eu só vou reduzir a opacidade nesse também, para que eu possa ver onde está o rosto. Preciso do meu outro pincel. Vou continuar a colorir. Você pode ver aqui que eu estou acidentalmente para colocar duas coisas em uma camada. Mais uma vez, basta usar a ferramenta de laço, se você fizer isso. Assim que você perceber, você pode corrigir seu erro. Agora, com os óculos, eu vou realmente fazer um grupo de camadas, porque todas elas combinam. Preencha as lentes e adicione uma nova camada para as nuvens. Agora, vamos colocar essas nuvens e lentes, e então ordenar G para agrupá-los, e vamos chamá-los de todos os óculos. Uma coisa importante a lembrar é ter sempre aqueles que você espera ser animado, as camadas são separadas. Quero animar este capricho, como dissemos, é um têxtil. Vou clicar com o botão direito e fazer essa laranja. Diga que quer animar o cabelo traseiro. Eu quero animar as nuvens aqui, então eu vou fazer essa laranja também. Só alguns retoques finais e acabamos. Eu posso ver que há mais alguns pedaços que eu preciso fazer. Por exemplo, eu quero adicionar algumas declarações de listras agradáveis ao anel. Se eu selecionar isso com o comando, eu abro uma nova camada, eu vou pegar meu branco, e só vou fazer meu pincel um pouco maior, e para fazer suas listras em uma bela linha reta, se você quiser listras, você pode simplesmente manter pressionada a tecla Shift e arrastar diretamente para o outro lado. Ele lhe dará uma linha horizontal, mas esteja avisado, se você segurá-la e, em seguida, arrastar, você terá esse tipo de linha cruzada que você pode não querer. Posso te mostrar isso melhor aqui, se eu continuar segurando isso te dá uma linha também. Eu só vou abrir o um. Opa, lá estava ele de novo. Isso lhe deu algumas listras. Vamos desmarcar isso. Sim, eu vou fazer o mesmo provavelmente para o cabelo, talvez para o maiô, embora eu saiba que eu quero uma textura animada lá dentro. Essa é a coloração, terminamos. Espero que você tenha algumas boas dicas sobre como colorir no Photoshop. O mais importante é que, se você quiser animar ou talvez mudar o layout no futuro, certifique-se de que está colorido em uma camada separada do resto. Na próxima lição, onde colocamos nosso fundo animado em nossa ilustração. 7. Fundos animados: Nesta lição, colocaremos nosso plano de fundo animado em nossa ilustração. Antes de poder continuar, tive de acrescentar mais detalhes às minhas ilustrações. Então vamos dar uma olhada. Aqui você pode ver meu personagem colorido final e nós temos o mosaico no fundo. Eu adicionei alguns pêlos nas axilas e adicionei algumas sardas. Então esta lição é sobre fundos animados. Já fizemos o trabalho duro. Você pode ver que eu amarrei minha ilustração em apenas dois grupos de caráter e fundo para esta lição. Então, dentro do personagem, eu tenho todas as peças do personagem, e dentro do fundo eu tenho telhas e o próprio fundo real. Para colocá-lo em um plano de fundo animado, precisamos do backup da linha do tempo, e precisamos ter certeza de que nossa cabeça de jogo está no início. Agora, se você se lembra corretamente, nosso fundo animado tinha um segundo de duração. Se colocarmos isso em um segundo para começar, e então vamos para Arquivo, “Lugar Ligado”. Isso é realmente importante porque um arquivo vinculado que você pode ajustar e ele será ajustado automaticamente dentro de sua ilustração. Em seguida, vá para o arquivo Texturas, ele deve estar com seus arquivos do Photoshop e coloque sua animação. Porque somos muito inteligentes e fizemos do mesmo tamanho, ele vai caber exatamente no lugar. Se tocarmos apenas um segundo, vai fazer um loop muito bem. Eu só vou colocar um multiplicador de modo de mesclagem sobre isso e vamos apenas jogar isso novamente para que possamos verificar se estamos felizes. Bom. Agora, se eu fizer os quatro segundos que eu quero, eu quero quatro segundos para que ele vai entrar no Instagram. Porque nossos quatro segundos, se você se lembra, é o mínimo para mp4. Eu posso tocá-lo e, obviamente, nós só fizemos isso um segundo de duração. Então eu preciso duplicar essa animação. Vá até a sua linha do tempo. Você pode fazer isso maior, se quiser. Você vai ver se você abrir o grupo de fundo, essa onda suave só dura um segundo. Se pararmos e duplicarmos, podemos arrastar isso para um grupo de vídeo. Vamos duplicá-lo novamente, ambos, e preenchê-lo até quatro segundos. Vamos jogar com a barra de espaço. Você pode ver que sua animação completa está preenchida. Agora isso está faltando ainda um pouco de pop para mim então eu vou apenas fazer uma camada de ajuste final. Você clica na pequena lua aqui e traz os níveis. Agora, os Níveis corrigem o intervalo de tons e o equilíbrio de cores de uma imagem ajustando a intensidade das sombras, tons médios e realces. Isto é o que eu tirei do site da Adobe. Eu só uso para fazer minha ilustração parecer legal. Eu vou levar algumas das cores mais escuras já, ela só parece ótimo, muito mais resumo. Vou tirar os tons médios um pouco também. Agora ela está pulando. Vamos ver essa jogada. Você pode apenas ver as ondas. A grande coisa sobre fazer isso com Níveis, é que você pode fazer ajustes nele em vez de voltar para o arquivo que você fez antes, como o arquivo animado e tentar ajustar a cor lá. Não, adicione alguns Níveis e ajuste as cores. Neste ponto, eu vou salvar isso como, Fundo Animado. Essa é a nossa primeira animação feita, não está orgulhosa? Estou tão orgulhoso e já acho que este é o Instagram digno, com certeza. Você já pode exportar isso como j para mp4 e ter uma ilustração animada super rápida pronta para o seu portfólio on-line ou suas mídias sociais. Você pode usar essas habilidades e colocar seus planos de fundo animados em qualquer ilustração usando a linha do tempo no Photoshop. Por exemplo, aqui está outro personagem que eu realmente criei no procreate. Eu o dividi em dois grupos e depois postá-lo no Photoshop, onde coloquei a animação de nuvens suaves vinculadas. Você pode ver que funciona perfeitamente. Uma técnica tão fácil para dar vida a qualquer uma de suas ilustrações. Na próxima lição, analisaremos os têxteis de animação. 8. Como criar e animar padrões: Demos uma boa olhada agora na criação de fundos animados. Agora estamos passando para os têxteis animados. Esta técnica pode ser aplicada a todos os têxteis, como roupas, móveis, cortinas, e até mesmo formas abstratas que você tem em seu trabalho, então eu estou realmente animado para ensiná-lo isso. Encorajo-o a usar o seu próprio esboço com o qual tem trabalhado. Embora eu tenha disponibilizado meus arquivos nos recursos. Você está pronto? Vamos fazer isso. Eu tenho meu pequeno personagem aqui, ele é um novo personagem. Ele está na piscina com a outra senhora e talvez esteja olhando para ela. Imagino que o nome dele seja Brad ou Chad e ele seja surfista. Ele parece ótimo, mas precisa desesperadamente de alguns padrões em suas roupas. Aqui, precisamos decorar seu mankini e sua banda de cabeça aqui. Eu vou mostrar a vocês que eu fiz exatamente a mesma animação para este personagem que eu fiz com a personagem menina e se eu apenas pressionar, jogar, você pode ver as ondas suaves. Como na outra ilustração, eu só vou aumentar o multiplayer em que um, só para dar um pouco mais pop. Sim, legal. Estamos prontos para ver padrões e têxteis. Eu costumo voltar para o Pinterest, você vai ver que eu tenho uma pasta aqui de padrões têxteis. Sempre que vejo um no Pinterest, eu apenas jogá-lo dentro e então eu tenho um banco inteiro de têxteis para olhar para quando eu preciso decorar algumas roupas. Você provavelmente decoraria normalmente com algo em mente, mas para este, eu acabei de decorá-lo de branco, e nós vamos colocar nossas referências. Às vezes as referências não aparecem nisso, você só tem que transformá-lo e então elas aparecerão. Coloquei alguns dos meus têxteis favoritos no meu quadro de arte aqui. Eu amo o estilo dos anos 80 e ele vai muito bem com sua atitude aqui então este sentimento retro coisas é muito legal. Mas é um pouco demais, eu acho que para este pequeno mankini, seu pequenino mankini. Eu gosto de cores grandes neste aqui, então eu vou manter essa fora e apenas me livrar desses dois. Então aqui temos algumas listras e alguns pontos, o que é muito mais fácil de gerenciar. Se eu trazer o meu playhead de volta, e eu vou usar este ponto um como minha primeira referência. Vamos colocar a parte de trás e vamos localizar a roupa de banho dele que está aqui. Eu tenho meu maiô selecionado aqui, e eu vou adicionar a uma nova camada, que eu vou mascarar nele usando ALT. Se eu aumentar o zoom, eu vou pegar meu pincel, apenas vou desligar os níveis para que isso não afete minhas cores e então eu vou deixar cair os olhos aquele amarelo. Vamos pegar nosso pincel porque está mascarado na camada, só devemos vê-lo lá. Vamos adicionar alguns pontos como este. Alguns pontos aqui e ali, eu também quero adicionar um pouco de rosa. Vamos olhar para isso. É muito bom, eu sinto que é um pouco palhaço em vez de legal, então talvez eu tente algumas listras em vez disso. Para as listras que eu vou fazer o meu clique e deslocamento, então clique em shift e arraste, clique em shift, arraste. Eu tenho que dizer isso na minha mente, então eu não consegui essas riscas na minha ilustração. Vamos fazer o mesmo com o clique amarelo, shift, drag. Sim, isso é um pouco mais legal, um pouco mais gravata tingida. Eu acho que as listras são realmente boas para esse cara e obviamente você pode experimentar muitos padrões e ver qual deles se encaixa. O que vamos fazer é levar essa ideia para um novo arquivo agora, então lembre-se dos cinco passos. Arquivo, novo. Crie uma linha do tempo de vídeo. Número três, defina taxas de quadros da linha do tempo. Número quatro, defina sua camada em um segundo e então vamos duplicar essa camada. É legal que um fundo, só para manter isso aí. Agora nesta nova camada, vamos começar a fazer esses padrões. Vamos ampliar. Desta vez, vou demonstrar o meu padrão. Quero que meu fundo seja branco, então deixarei assim. Eu já tenho o tamanho do meu pincel porque eu pratiquei no outro arquivo. Vou querer branco, amarelo, branco e rosa. Branco, amarelo, não era reto, branco e rosa. Vai continuar assim e se eu tentar fazer algumas contas agora, fazer essa linha amarela para a segunda linha amarela, porque eu quero que o padrão se mova para cima. Vai levar um, dois, três, quatro quadros. Sabemos que 12 dividido por 4 é 3 então eu vou fazer que três quadros longos. Vamos continuar fazendo nosso padrão aqui para velocidade, eu só vou adivinhar a distância. Agora veja isso é o que acontece se você não clicar, então mude. Agora, para este, porque é um padrão bastante específico e você pode usar essa técnica com muitos padrões diferentes, você pode usar peles de cebola. Você não verá nada ainda porque só temos um quadro mostrando. Mas eu vou usar essa moldura porque você pode ter pensado, “Oh, não, ela não duplicou os quadros”, mas eu vou mostrar exatamente o que precisamos fazer. Se duplicarmos isso agora, veremos, obviamente não muda. Se eu habilitar peles de cebola, isso me permite ver um quadro antes então eu vou chamar isso de normal. Este é o quadro antes, que é um quadro antes e este é o quadro depois. O que isso significa é que a pele de cebola irá mostrar-lhe o quadro antes do indicador de reprodução e um quadro após o indicador de reprodução. Agora não está mostrando nada no momento porque esses dois quadros estão exatamente no mesmo lugar, mas se eu mover isso para cima e pressionar enter, você pode ver que nosso primeiro quadro está lá. Está começando a mostrar nosso segundo quadro e neste, nossa primeira ilustração está mostrando um pouco transparente, enquanto nossa segunda ilustração é a cor mais escura. Podemos começar a ver onde estava o padrão anterior e construir sobre isso. Agora, neste, eu posso ver que eu estou faltando uma cor aqui, é nossa cor rosa e que agora está desenhada nesta camada. Se fizermos o mesmo novamente, vamos duplicar a camada e movê-la para cima. Vamos transformar isso e você começará a ver a camada anterior. Só vou preencher essa lacuna. Ótimo. Deixe-me apenas terminar a linha rosa lá, fazer com que pareça agradável e babado na parte inferior e mais uma vez duplicar essa camada, movê-la para o outro lado. Mova o indicador de reprodução e vamos transformar isso e movê-lo para cima. Eu posso ver que eu preciso de um amarelo novamente aqui e é isso, muito mais simples do que ter que desenhar todas as linhas novamente. Eu vou precisar desligar as peles de cebola, a fim de vê-lo de outra forma, ele vai olhar um pouco mesclado. Vai ficar assim, então se você conseguir algo assim, significa que você não desligou a pele de cebola. Vamos ver o nosso padrão. Lá vamos nós, são algumas listras em movimento. Vou guardar isto como um têxtil na nossa pasta de texturas. Em texturas, faça um novo comando de pasta shift n, e chamaremos isso de têxteis, isso é o que usaremos para nossas roupas e tudo, ou nosso sofá ou o que você escolheu para desenhar. Vamos chamá-lo, ele usava um pequenino pequenino pequenino, rosa e amarelo listrado mankini. Muito bom. Esse é o nosso padrão. Como eu disse, você pode realmente fazer qualquer padrão têxtil da mesma maneira, então, por favor, não tenha medo de experimentar com seus padrões. Depois de encontrar um padrão qual você está realmente orgulhoso e você quer compartilhá-lo com nossa comunidade, nossa pequena tarefa bônus é novamente exportar isso como um GIF. Apenas usando as configurações que temos em um 128 [inaudível], exportar isso. Podemos pegar esse GIF e podemos carregá-lo debaixo do nosso GIF de fundo. Agora escolhemos o nosso ficheiro padrão e está tudo guardado na pasta. Podemos nos livrar de nossos arquivos experimentais e ter isso aqui. Então vamos colocar nosso arquivo vinculado. Se eu colocar isso, e eu fizer qualquer alteração nesse arquivo aqui, ele aparecerá aqui porque está ligado. Vamos olhar no traje de natação de personagem, e você verá que meu arquivo colocado apareceu na parte inferior aqui, acima do traje de banho combinando aqui. Nosso quadro de trabalho atual tem quatro segundos de duração, então vamos precisar duplicar isso assim como fizemos na lição de fundos animados e colocar isso lá dentro e isso se torna um grupo de vídeo. Duplicar isso de novo, isso faz com que até nossos quatro quadros. Agora você pode ver que ele está cobrindo tudo no momento em sua posição, que não é o que nós queremos. O que queremos é mascará-lo, então usando o comando clique, que irá selecionar nosso maiô ou qualquer camada que você mascarar. Em seguida, você pode clicar no grupo de vídeo e mascará-lo, e ele irá colocá-lo lá dentro. Vamos jogar. Ótimo. Acho que vou virar um pouco essa camada, a camada de vídeo. Basta desvincular a cadeia porque caso contrário, isso irá mover a máscara, selecione o comando de grupo de vídeo T e vamos girar essas listras e movê-los para o lugar. Sim. Vamos jogar agora. Sim. Parece legal, Chad. Eu quero exatamente o mesmo padrão para a cabeça então, para isso, eu posso fazer um pouco de bochecha porque já foi feito. Basta ir para a camada de cabeça e eu vou duplicar esse grupo de vídeo, colocá-lo acima da banda principal. Basta clicar com o botão direito do mouse e excluir essa máscara de camada, comando clique na faixa de cabeça e criar nova máscara de camada. Novamente isso não é realmente como eu quero este grupo, então desvincule o comando T para transformar. Vamos verificar isso. Parecendo totalmente radical Chad. Lá temos, temos os nossos antecedentes animados e os nossos têxteis animados. Experimente, cometa erros, divirta-se e encorajo-o a fazer algumas texturas diferentes para adicionar às suas ilustrações. Se você quiser, você pode projetar um traje de natação para o maiô da minha personagem feminina, disponível para download a partir dos recursos. Vou mostrar-te o que fiz com o fato de banho dela na próxima aula. Além disso, estaremos aprendendo a animar alguns padrões aleatórios para um pouco de diversão em nossas ilustrações. Te vejo lá. 9. Como animar aleatoriamente!: Nesta lição, vamos animar algumas linhas aleatórias para trazer um pouco de diversão para nossas ilustrações. Espero que tenha se divertido construindo sua biblioteca de têxteis e experimentado alguns têxteis diferentes para o seu trabalho. Deixa-me mostrar-te o que fiz com o meu fato de banho de meninas nadadoras. Eu dei a ela algumas listras brancas, e na verdade foi muito fácil experimentar alguns padrões porque se você entrar em seu grupo de vídeo novamente, vamos ampliar isso para que você possa ver, aqui está meu videoclipe com minhas listras brancas em ele. Se eu quisesse apenas substituir o conteúdo, você clicar com o botão direito do mouse, encontrar “Substituir conteúdo” aqui e eu posso olhar todos os outros padrões têxteis que eu fiz para este e colocá-lo, e ele irá automaticamente dimensioná-lo e tudo para caber em seu ilustração. Tão simples, e acho que os pontos me levaram cinco minutos para fazer. Se você pensar cinco minutos para cada têxtil e você usá-lo muitos projetos, você pode economizar muito tempo e ter apenas animação em todas as suas ilustrações. Eu amo os balanços, mas eu vou voltar para as listras só porque eu gosto que ele combina. Nosso foco para esta lição é animar alguma aleatoriedade. Isso vai ser muito divertido porque podemos animar o cabelo do nosso personagem. Se eu ampliar e desligar as camadas desnecessárias, então vamos desligar o corpo e o fundo. Temos a cabeça isolada. Se você apenas encontrar a cópia de cabelo na linha do tempo, eu acho que eu vou animar desta vez em dois, então eu vou arrastar isso até que seja bem pequeno. Vamos reduzir nossa área de trabalho. Podemos ampliar também. Temos nosso cabelo atualmente em uma posição. Deixe-me selecionar esse contorno de pincel oscilante novamente, e eu vou selecionar essa cor. Vamos apenas desligar os níveis por enquanto porque é essa cor que eu quero, e vamos ativar nossas peles de cebola. Defina as peles de cebola para normal um quadro antes e um quadro depois. Vamos arrastá-lo para o nosso novo local, duplicar a camada e arrastá-la. Vamos apagar esse conteúdo, então isso está vazio agora e podemos começar nossa aleatoriedade controlada. A razão pela qual eu digo 'controlado' é porque geralmente queremos manter o mesmo volume de cabelo e, em seguida, começar e terminar nos mesmos lugares para que ela não pareça descontroladamente diferente, mas ainda temos essa sensação de Selvagem acontecendo. Podemos ver a mudança lá. Vamos fazer isso de novo. Desta vez, porque estamos animando em dois, vai levar a um pouco mais de trabalho. Mas como isso é apenas um rabisco, não é realmente assim. A próxima, duplique essa camada, deixe-a cruzada. Eu só vou fazer o suficiente para encher até os 12 quadros, então um segundo. Vamos dar uma olhada com os níveis e todas as outras camadas. - Legal. Sim, isso é fixe. Eu só vou ter um pequeno truque aqui. Com o cabelo que eu acabei de fazer, vamos colocar tudo em uma camada de vídeo para que eu possa selecionar todos eles assim e arrastá-los para baixo para este grupo de vídeo. Vamos chamar de animação capilar. Então o que eu posso fazer é um pouco de trapaça sorrateira. Vou abrir minha camada corporal, desligar minhas axilas, duplicar aquela animação capilar e transformar a coisa toda, redimensioná-la e colocá-la em pequenas axilas. Vamos fazer isso de novo. Transformá-lo e colocá-lo no outro na outra axila e jogar. Só estou tendo uma pequena falha. Se localizar onde está a falha, vamos desligar a última e ligá-la novamente. - Sim. Às vezes ele só tem um pouco de surto e então está tudo bem. Não se esqueça que precisaremos duplicar a coisa toda para preencher os quatro segundos. Portanto, certifique-se de selecionar as camadas e, em seguida, duplicá-las apenas até que estejam cheias. Faça isso quatro vezes para preenchê-lo. Você pode fazer isso para qualquer tipo de animação. Você poderia tê-lo lá fora como um pouco de grama ou um arbusto ou você poderia ter o topo de uma cauda de poodles ou você poderia ter um gato mexendo em alguma lã, e isso seria apenas uma técnica perfeita. As possibilidades são infinitas e espero que você se divirta com ele. Ótima. Seu cabelo e suas axilas estão dançando bem e eu estou muito feliz com minha animação. Aqui estão mais algumas experiências que fiz com o cabelo do meu nadador. Direto e encaracolado. A melhor coisa sobre isso é, não conte a ninguém, mas você acabou de aprender os princípios básicos e técnicas de animação quadro-a-quadro ou tradicional. Se alguma vez pensaste que era demasiado desafiador, acabaste de o fazer. Então eu acho que esta é apenas uma ótima técnica para adicionar ao seu kit de ferramentas de animação. Na próxima lição, veremos como exportar seu trabalho como GIF e MP4. 10. Como exportar sua ilustração: Parabéns. Agora você sabe como animar fundos, padrões para têxteis e alguma aleatoriedade boba para o seu trabalho também. Nesta lição, nós aprenderemos como exportar como GIF e MP4 e como carregá-los para o seu projeto. Podemos ver todos os três sendo postos em prática aqui. Agora, eu só fui em frente e fiz um pequeno trabalho nas nuvens também. Eu uso exatamente a mesma técnica usando as peles de cebola e apenas fazendo duas cópias das nuvens para se mover de forma linear. Se eu mostrar o resultado, mascarei na camada de lentes e esse é o meu pequeno toque final. Sinta-se à vontade para fazer os retoques finais em sua animação e quando estiver pronto, vamos exportar. Para exportar nossa ilustração animada, vamos primeiro exportar como um GIF. Agora, assim como eu mostrei anteriormente, para exportar como um GIF, você vai para exportar, salvar para web e ele vai chegar com a sua visualização do seu GIF. Agora, eu prometi que ia explicar um pouco mais sobre as configurações do GIF. Temos o nosso GIF 128 dithered, foi isso que nos levou a selecionar mais cedo. Agora o que isso significa é que este GIF está lendo um 128 cores, e isso é o que você pode ver aqui na tabela de cores. Agora, este é o tamanho do seu GIF. Você pode querer, por razões de trabalho, ou achando que é muito pesado, reduzir esse tamanho. Há várias maneiras de fazer isso. Primeiro de tudo, com essa configuração, vou pré-visualizar isso na web. Está ótimo e podemos ver por baixo, temos toda a informação do que selecionamos aqui. Agora, eu vou continuar com isso porque o que isso é realmente útil para é comparar suas configurações diferentes. Por exemplo, se eu quisesse economizar espaço aqui, eu poderia reduzir o número de cores para 64. Agora podemos ver que isso afetou minha ilustração. Bem, vamos dar uma olhada na visualização do exemplo em movimento. Só estamos perdendo um pouco de cor. Eu posso voltar e em vez de tentar e selecionar mais cores, porque eu quero reduzir o tamanho, eu posso ter um ir para mudar esses algoritmos de redução de cor. Eu poderia ir para perceptual e ele vai aparecer com uma prévia, mas vamos dar uma olhada. Novamente, ainda não temos, se eu comparar com o outro, nós não temos essa textura agradável em nosso GIF com essa configuração. Vamos voltar e tentar adaptável. Tenho um bom pressentimento sobre este. - Legal. Este realmente, realmente se parece com o original. Vamos procurar em outro lugar, ter certeza de que não há comparação. Ótima. O que fizemos apenas selecionando um algoritmo de redução de cor diferente, é reduzido nosso GIF em quase um meg. O que eu sugiro que você faça é não ter medo de que você possa brincar com essas configurações tanto quanto quiser e pré-visualizar cada vez. Quando você estiver feliz com seu tamanho e estiver feliz com a aparência do GIF, você pode salvá-lo. O que eu sugiro que você faça em seus arquivos GIF, faça uma nova pasta, e nós chamaremos isso de final. Vamos colocar o nosso GIF animado lá dentro. Você pode verificar novamente em nossa pasta final. Parece bom, e não se esqueça de enviá-lo por baixo de todo o seu outro conteúdo. Fácil e podemos ver o produto de todo o seu trabalho duro ali mesmo no projeto. Ela não está linda? Não se esqueça que você também pode carregá-lo ainda de sua imagem, nós podemos colocar o GIF lá dentro. Não vai tocar, mas ainda será bom para o nosso projeto. Lá está ela. Submeter. Finalmente, se você quiser fazer upload para as mídias sociais, você pode exportar seu arquivo. Exportar e para baixo na parte inferior temos renderizar vídeo. Eu vou animar, é onde meu MP4, isso é ótimo. Vou selecionar a pasta onde eu gostaria que ela fosse. Exportações, vídeos e desta vez eu vou chamá-lo entregue porque esse é o nosso arquivo final. O que você gostaria para o nosso MP4 padrão é essa configuração, H.264, e se ela ainda não estiver lá, você pode selecioná-la nesse menu suspenso. Você deve selecionar sua área de trabalho, porque isso só selecionará esses quatro segundos. Se você selecionar quadro inicial para quadro final, ele irá selecionar toda a coisa até cinco ou todos os quadros. Estou feliz com isso, 12 quadros, 1080 por 1080, vamos renderizar isso e vamos verificar nossa renderização. Como você pode ver, vai levar um momento para exportar então vamos apenas ser pacientes. Lá está ele. Vamos abrir isso. Estamos todos acabados. Agora você tem seu MP4 e seu GIF pronto para enviar para as mídias sociais, para o seu portfólio on-line e, claro, para a galeria do projeto. Você pode aplicar essas habilidades a centenas de ilustrações diferentes. Certifique-se de que você se diverte muito com ele. 11. Considerações finais: Trabalho incrível para todos! Espero que você conseguiu pegar algumas dicas valiosas que animar Photoshop e amá-lo ainda mais Assim como eu faço. Aprendemos como criar bibliotecas de diferentes padrões e texturas que adicionam animação atraente às suas ilustrações. Aprendemos como aplicar essas texturas em todos os lugares, os fundos, têxteis e até mesmo o cabelo no personagem. possibilidades são infinitas, e aprendemos como exportá-las e mal posso esperar para ver o que você inventa. Lembre-se de postar sua arte final na galeria do projeto, bem como quaisquer tarefas bônus que você decidiu participar para que possamos ver seu processo. Todos os meses, escolherei três dos meus projetos favoritos para compartilhar nas minhas mídias sociais e se você compartilhar algo no Instagram, certifique-se de me marcar para que eu possa compartilhar na minha história para meu público ver. Se você gosta da aula, não se esqueça de deixar uma boa crítica para incentivar mais pessoas a encontrá-la e aproveitá-la tanto quanto você fez. Espero que você tenha se divertido animando texturas e padrões no Photoshop. Mal posso esperar para te ver no meu próximo prato. Vejo-te em breve.