Como animar o efeito de brilho no Photoshop

1. Introdução — boas-vindas!: Bem-vindos estudantes. O efeito de falha é um estilo de animação fácil e criativo que qualquer um pode criar. Aprenda a desenhar com uma ferramenta de pincel, use filtros para aplicar o efeito de falha e navegue pela linha do tempo para criar um GIF animado. O professor desta aula é concreto de areia e diz: “Oi, sou Sam. Olá a todos. Meu nome é Sam England e estou feliz em trazê-los para esta aula aqui em Skillshare. Eu sou um animador com mais de seis anos de experiência em arte digital e criar falhas é um dos meus truques favoritos. É fácil de fazer e você pode acompanhar comigo como um passo a passo em cada passo. Você pode usar um tablet de desenho se tiver um, mas tudo que você precisa para completar a aula é Photoshop. O projeto de classe é acompanhar e criar um gif animado. Presentes são incríveis porque você pode compartilhá-los em todos os tipos de mídia social. Vamos começar. Isso está criando o efeito de falha no Photoshop. 2. Esboço e arte-final: Como você pode ver, nós já temos Photoshop aberto no meu documento atual está em 1200 por 1200 pixels, mas você pode verificar, verificando este cara bem aqui em baixo. Você pode clicar nisso. Vai dizer a largura e a altura, tanto em pixels como em centímetros que tenho aqui. Polegadas são úteis se você estiver imprimindo, mas como isso é arte digital, estamos interessados apenas em pixels. 1200 está perfeitamente bem. É um tamanho muito grande, então é bom trabalhar com isso. O primeiro passo que eu vou dar aqui é eu realmente vou esboçar minha arte. Agora eu tenho algumas opções diferentes em termos de pincéis. Este é apenas um pincel que eu tinha usado pela última vez em um projeto aqui, mas eu vou entrar aqui e encontrar um pincel que eu gostaria de usar. Eu tenho meu próprio pincel aqui chamado esboço de ilustração, então você pode ver que é um pouco mais leve. Então, se eu fizer este vermelho brilhante, é na verdade um pouco transparente, o que é bom para mim usar quando estou desenhando. Então, vou fazer um esboço da minha obra de arte. Tudo bem, então isso foi bem rápido e fácil. Meu esboço aqui está feito. O próximo passo aqui é eu vou usar a ferramenta de pincel novamente, mas em vez desta, eu vou alterá-la para uma que tem menos transparência. Vamos selecionar uma cor mais escura aqui. Eu vou fazer, eu vou desenhar isso para fora da mesma coisa, mas eu vou desenhá-lo para fora em preto. E é claro que vamos desenhá-lo em uma nova camada. Finalmente, vou seguir em frente e colorir a minha arte. Então você pode ver todos os meus, Eu tenho tudo desenhado em uma camada aqui em preto. Vamos desligar a camada com o esboço, e vamos seguir em frente e colorir isso. Agora, para colorir isso, vamos criar uma nova camada logo abaixo. Vamos com quando ir com uma espécie de turquesa ver cinza azulado para este computador. Agora normalmente o que eu poderia fazer é ir em frente e colorir tudo isso. May, demore um pouco, então eu vou em frente e fazer uma escova maior. A questão é que isto nem sempre é preciso. Você pode ver que eu desenhei sobre a linha bem aqui em cima um pouquinho. Do jeito que gosto de fazer isso. E é super rápido como eu vou ir em frente e selecionar a camada com toda a tinta, indo para bater W para a ferramenta Varinha, selecionar toda a obra de arte. E então eu vou entrar um pouco expandindo minha seleção e, em seguida, inverter a seleção, pressione G para colorir e, em seguida, certifique-se de que eu estou na camada vazia aqui. E use a ferramenta caçamba de forma rápida e fácil. Temos isso colorido. Está bem. 3. Colorindo e sombreamento: Então eu tenho tudo isso colorido. E a última coisa que vou fazer é cor na tela. último passo que vou fazer aqui é sombrear a coisa toda. Vamos criar outra camada que está em cima de todas as camadas coloridas exceto para a tinta, o, os contornos aqui. E eu vou selecionar algum tipo de tom azul porque eu vou principalmente, principalmente um tema azul aqui. Tornar o meu pincel muito maior. E então vamos transformar isso em uma sobreposição em cerca de 50%. Muito bem, esta obra de arte está muito boa. Vamos desligar a camada de esboço aqui. E eu vou dar um toque final que eu gosto de fazer com meu estilo de arte pessoal, que está adicionando um pouco de grão aqui, um pouco de textura. Então eu vou para um pincel dissolvido assim. Veja como fica esfumaçado e nublado assim. Se virarmos esta camada para dissolver, teremos esse efeito muito legal. Então eu vou ir em frente e utilizar isso para adicionar alguma textura à minha imagem aqui. Neste momento esta obra de arte está parecendo muito boa para mim agora é hora de passar para o próximo passo onde vamos pegar esta obra de arte e prepará-la para o efeito de falha e depois ir em frente e aplicar esse efeito de falha. 4. O efeito de glitch: Para seguir em frente com esse processo, vou pegar todas as camadas que acabei de desenhar e combiná-las em uma pasta aqui embaixo e chamar isso de original. Eu não quero tocar nisso. Só quero que este seja o meu ponto de referência inicial. Se eu acabar estragando minha obra de arte de um jeito que não gosto, sempre posso voltar ao original e trabalhar com ele. Então vamos pegar essa pasta inteira e duplicá-la, desligar o original. E vamos pegar isso e clicar com o botão direito do mouse. E nós vamos fundir este grupo em uma bela camada aqui. Agora esta coisa toda está em uma camada e parece que perdi um pouco. Então vamos em frente e apagar isso. Perfeito, isso está bom. Então, temos uma taxa original aqui. Vou deixar isto aqui e duplicá-lo mais uma vez só por segurança. E vamos criar nossa primeira falha. Vou colocar isso em uma pasta e chamá-lo de “falha um”. Então vamos em frente e pegar esta camada e criar nossa primeira falha com esta camada selecionada. Vamos subir aqui para filtrar pixelate e mezzotint. Espero que eu esteja pronunciando isso direito. Se eu não estiver, tudo bem. Vamos para linhas médias e ver como isso vai ficar. Há PRPs de arte seria parecido com este se aplicarmos este filtro a ele. Então eu vou em frente, isso parece muito bom para mim. Nós também podemos tentar diferentes, como traços médios. Essa parece mesmo uma falha aqui. Então eu vou realmente ir com essa. Diga, Ok, e agora está distorcido de uma forma muito divertida e legal. O próximo passo é deixá-lo assim, mas vamos torná-lo ainda mais defeituoso. Vamos para a ferramenta de letreiro retangular e certifique-se de que temos esta segunda parte aqui selecionada ou você pode manter a tecla Shift pressionada. Só queremos ter certeza de que podemos. Queremos ter certeza de que podemos selecionar vários retângulos desta obra de arte ao mesmo tempo. Então vamos em frente assim. Aperte V e mova-os ligeiramente para cima para movê-los para cima. Você pode manter a tecla Shift pressionada, caso contrário, não importa muito. Você também pode movê-los para qualquer lugar que você quiser, realmente, minha regra de ouro é eu tentar movê-los não muito longe. Então vamos movê-los por aqui. E outro efeito que eu vou fazer enquanto isso é selecionado é Comando I para inverter as cores. Agora isso é um pouco difícil de ver porque partes disso são brancas e o fundo de toda a imagem é branco. Então, apenas para nossos propósitos avançando, eu vou colorir no fundo uma cor só para ver como ele fica. Legal, estou amando isso. Legal. Vamos em frente e fazer mais algumas falhas. Vamos chamar isso de falha 2. E lembre-se primeiro, vamos começar filtrando. Então Filtro pixelate mezzotint com traços médios, Isso é perfeitamente bom. Agora posso comparar com o primeiro. Você verá que o meio que os traços que são usados entre eles, cada vez que você fizer esse efeito, ele parece um pouco diferente. Então, mesmo que eu alterne entre esses dois, vai parecer bem legal. Tudo bem, vamos selecionar com a ferramenta de seleção retangular. Vamos selecionar mais algumas peças aqui e mexer um pouco mais. Muito bem, estou a gostar da forma como estes estão todos a olhar. O próximo passo é juntá-los na linha do tempo. 5. Trabalhe com a linha de tempo: fim de puxar para cima a linha do tempo, se você ainda não vê-lo, vamos para a janela até a linha do tempo. Agora temos este ano, vamos clicar em Create Frame Animation se isso não aparecer lá. Mas este rapazinho e tu podem escolher entre um destes dois. Mas nós vamos com para este projeto, criar frame animation. Clique nisso. E aqui vamos nós. Nós ainda não começamos. Primeiro de tudo, eu gosto de começar com o original apenas para tê-lo lá e ver como ele se parece. Vamos ter que continuar por um segundo. Esse cara poderia criar um novo quadro? Vamos fazer com que seja 0,2 segundos e desligue a visibilidade do original e ligue-o para a primeira falha. E vamos ver como isso se parece. Então pode ser muito legal. Vamos criar mais alguns quadros e lançar alguns de nossos outros efeitos de falha. Isso é ótimo. A maneira como eu peguei todas as peças aqui. Eu realmente gosto do jeito que eles fluem juntos, exceto que o ritmo parece um pouco estranho. Parece que a parte da falha deve ir um pouco mais rápido. Vamos clicar neste primeiro. Mantenha pressionado, Shift selecione todos os quatro desses ir para baixo aqui, mas o atraso 0,1 segundos. Vamos ver como se sente. Incrível. Estou amando o jeito que isso parece. Estou me sentindo muito satisfeito com meu projeto aqui. Tudo o que resta a fazer é que quero trabalhar no fundo. Sim, eu gosto do jeito que isso parece. Isso é incrível. Agora, para a parte final opcional, você pode assinar sua arte se quiser, o que eu estou sentindo como eu gostaria de fazer com a versão completa aqui. O que vamos fazer é assinar isto e depois exportá-lo. Vou guardá-lo de um par de maneiras diferentes. E eu vou mostrar a vocês como fazer isso na próxima lição aqui. Mas primeiro, vamos assinar este menino mau. Incrível. Agora é hora de você ir em frente e exportar e salvar nosso projeto aqui de algumas maneiras diferentes. 6. Salve com um fundo: Para exportar e salvar isso como um presente, vamos para Exportar arquivo, Salvar para Web Legacy. Certifique-se de que esta opção aqui é um GIF. O meu está marcado como tendo 32 cores. Podemos ter mais se você quiser, se você tiver alguma arte complexa e quiser que ela pareça realmente boa. Mas isso significa que o GIF será um tamanho de arquivo maior e será mais lento para carregar e baixar e tudo isso. Então vamos fazer o meu por volta dos 32 está bem. Pressione Salvar. Vamos salvar isso no nosso computador em qualquer lugar do seu computador que você gostaria. Salve-o em algum lugar onde você saberá que será capaz de encontrá-lo e compartilhá-lo. 7. Salvo com transparência: Incrível. Agora vamos em frente e salvar uma versão disso com transparência. Vamos desligar o fundo. Agora você pode dizer que vai haver transparência. Se o fundo é xadrez como este antes de eu tê-lo assim, apenas branco, mas isso significa que o fundo será branco. Então eu desativei o fundo neste primeiro quadro, mas para o resto dos quadros, o fundo ainda está ativado aqui. Vamos clicar neste pequeno cadeado e destacar todos estes para garantir que muitas vezes é todas as camadas bonitas, que parece perfeito. Ou oito Exportação de arquivos, Salvar para Web Legacy. Reduza o zoom. Tudo bem, isso parece bom. Vamos em frente e salvar isso. Tudo bem, e nós fomos em frente e nós acabamos de criar nosso próprio efeito glitchy, GIF no Photoshop e exportá-lo um par de versões diferentes, uma com um fundo e outra sem em ambos são úteis dependendo de onde você quer Compartilhe o presente. E se você quiser compartilhar seu GIF no Skillshare na seção do projeto, isso seria ótimo. Eu adoraria ver o que você faz. 8. Revisão e projeto de curso: Nesta aula, aprendemos como desenhar arte no Photoshop, colorir, aplicar o efeito de falha, animar na linha do tempo e exportar o projeto como um GIF. Agora é a sua vez. Aqui estão os passos para encerrar esta aula. Primeiro, reveja as lições desta classe e crie seu próprio GIF animado. Em seguida, volte e compartilhe seu GIF aqui no Skillshare na seção do projeto. Finalmente, antes de tirar a revisão da alavanca. Obrigado por se juntar à turma. Estou ansioso para ver seus dons. Animação pesada.