Animação no Photoshop para iniciantes

1. Introdução: Olá. Eu vou te mostrar como eu fiz essa bola saltitante aqui. Vou mostrar a diferença entre camadas de vídeo, que são essas azuis, e grupos de vídeo, que são essas roxas. Também vai mostrar como usar ações do Photoshop para tornar a animação no Photoshop mais fácil. Você não precisa baixar nenhum plug-ins. Eu usei um tablet de desenho para eles, mas você poderia fazer isso sem um tablet de desenho se você quisesse seguir junto. Então, sim. 2. Como configurar grupos de vídeo / camisas vídeo: Estou no Photoshop, cliquei ou criando uma nova tela. Cabe a você. Vou fazer com 1000 por 1000 pixels. Deixe a resolução 300 novamente, é com você livre. Agora. Para exibir a linha do tempo para a animação. Vá até a janela. Desculpe, você não pode ver isso na minha tela, mas estou clicando na janela. E eu estou indo para baixo na linha do tempo. Então, conhecemos a linha do tempo. Arraste-o um pouco para cima. Clique em, Criar vídeo, Linha do tempo. Esta é a coisa mais importante porque se você não fizer isso, não faça isso no começo e você tentar fazê-lo no final, pode estragar todo o seu projeto. Então a primeira coisa que precisamos fazer é definir uma taxa de quadros. Você pode ver aqui em baixo, está a 30 quadros por segundo. Isso significa 30 quadros ou 30 desenhos em 1 segundo. Isso é muito. Então eu costumo fazer 24. Nós vamos vir aqui. É menu online, este menu aqui. E nós vamos clicar nele e ir para Linha do Tempo. E nós vamos fazer 24. Amplie um pouco. Então temos duas opções para animar. A primeira opção é uma coisa chamada grupo de vídeo. Então o que é isso, e eu acabei de fazer uma nova camada. E eu estou trazendo essa camada para baixo. Então, tem dois quadros de comprimento. Se eu fizer isso de novo, eu tenho dois quadros que têm dois quadros de comprimento, mas eles estão bem em cima um do outro. Então, se eu arrastar este quadro para ele, ele cria um grupo de vídeo. E então eu posso apenas fazer novos quadros. Pode ter tantos quadros quanto eu quiser. Continua a adicioná-los ao grupo de vídeos. E podemos fazer isso. Isso é um grupo de vídeo. Só vou apagar isso por enquanto, só o básico. Agora, o próximo que podemos fazer é uma camada de vídeo. Então, se você subir para camadas de vídeo de camada, nova camada de vídeo em branco. E o que isso faz, cria um todo. Um todo é sequência de vídeo, por exemplo, e assim por diante. E a maneira como você pode ver isso em talvez um novo. E então vamos à frente do quadro dois. E essa é a matriz. E lá vamos nós. Essa é a nossa animação. Gosto de usar o teclado para mover quadros. Então, para ativar isso, você pode ir, voltar para esta pequena opção de menu ativado teclas de atalho da linha do tempo. E isso me permite usar as teclas de seta do meu teclado para alternar entre quadros. Então essas são as duas maneiras que você pode. Vamos usar os dois. Mas primeiro, vamos usar os grupos de vídeo. Eu prefiro isso. É uma coisa de preferência. Explicarei por que, no final, quando tivermos os dois juntos, para que possas ver a diferença, mas vamos fazer assim. 3. Primeira ação no Photoshop e desenho em grupos de vídeo: Então, nós renomeamos essa camada. Este é o nosso passado. Esse é o nosso passado. Agora, eu vou fazer um novo quadro e eu vou fazer o que eu fiz antes. E arrasto isto para baixo. Então tem dois quadros de comprimento. E eu vou fazer a mesma coisa. Novamente. Vou arrastá-lo. Agora é um grupo de vídeo. Agora. Se fizéssemos isso toda vez, seria terrível. Vamos fazer ação do Photoshop. Isso cria um para frame, um quadro, dois quadros de comprimento. Então vamos colocar isso em uma tecla de atalho. Então podemos apertar a tecla de atalho. Podemos fazer quantas vezes quisermos, então não precisamos fazer isso. Não preciso fazer manualmente. Então ou uma ação do Photoshop. Vamos para o Window de novo. Vamos para Ações. Ação da janela. Se você nunca usou isso antes, eles são, eles são incríveis. É basicamente qualquer ser de várias etapas que você deseja repetir no Photoshop. Você pode gravá-lo, torná-lo uma ação e, em seguida, repeti-lo com uma tecla de atalho. Então, ações. E, em seguida, clique neste botão aqui para fazer um novo. Vamos chamá-lo de adicionar duas teclas de função de framer. Tudo bem, vamos fazer um F2, então vamos fazer mudar a cor F2. Eu não sei. Não sei o que isso faz. Vamos fazer laranja. Tudo bem. Então, quando eu apertar Record, eu vou gravar a ação e então eu vou apertar Stop. E depois disso, ele será mapeado para a tecla de atalho Shift F2. E aqui temos um novo quadro para baixo. Para parar. Lá vamos nós. E então quando eu apertei Shift F2, você pode ver bem ali, ele adiciona dois quadros ao quadro, dois quadros. E isso torna a vida muito, muito mais fácil para a animação no Photoshop. Sim, então a tela, é tudo, está tudo pronto agora. Está tudo pronto para ir. Antes de começar a desenhar, vou mudar o nome do grupo de vídeo um. Posso nomeá-lo. Bola saltitante, bem no fundo. Se você quiser ampliar e reduzir, mantenha a tecla Alt pressionada e usar a roda do mouse. E então eu estou fazendo isso. E no fundo, eu quero o nível do solo escondido ser para pegar meu pincel. Vou desenhar outro terreno. A bola vai equilibrar. E como meu passado é o que quer que seja, cinco segundos de duração, ele vai estar em cada quadro, então eu posso vê-lo em cada quadro. Ok. Deixe-me pegar meu lápis ou um lápis tipo, “ Ei, ligue a pressão da caneta”. 4. As de cebola / desenho / looping: Ok, então eu estou no quadro número 1. E você pode ver que está destacado. Se eu fosse, digamos que eu tivesse quadro para destacá-lo, mas meu indicador de reprodução estava no Quadro 1. Você pode ver que não está me deixando. Você tem que estar em anatomia destacada. E você tem que clicar. Você vai clicar nele para realçá-lo. Faz todo o sentido. Tudo bem. Molduras destacadas. Um pouco grande demais. O Controle Z é o seu melhor amigo. Comando Z em um Mac. Eu vou me transformar em alguns anos suaves desde que eu não sei desenhar. Ele foi embora. Eu queria fazer peles de cebola. Para fazer isso. Voltamos a este menu atrás da minha cabeça. Clique nele e habilite peles de cebola. Se você quiser alterar as configurações, você pode alterar como, quantos quadros ele vai e volta e alterar a opacidade. Mas vou deixá-la. Agora. Quero ver este bar, e quero ver este último quadro. Então eu quero levar esta moldura até o fim. Agora pequeno truque de atalho para fazer isso. Realce o quadro e arraste-o. E eu copiei bordas, copiei, arrastei até o fim. Quero que isto faça o loop. Então arraste este. Vou acabar aqui. Obrigado ao fim dos meus quadros. E vamos dar uma olhada. Oh, não é enrolar isso. Então eu vou clicar nesta pequena engrenagem e aqui, Loop playback. E esta é uma resolução. Se você tiver desenhos mais complexos e, ou um Canvas maior, você pode querer diminuir isso porque a reprodução pode ser lenta às vezes. Como um loop. É agora. 5. Timing/tinta/colorir: Então, uma das vantagens é usar os grupos de vídeo em vez das camadas de vídeo que mostrei anteriormente. Então, neste momento, estes são todos em dois. Existem dois quadros, um desenho para dois quadros. Podemos fazer estes. Então, basicamente, quando há movimento mais rápido , um faria sentido. Então, quando a bola acelerar, eu vou fazer essas. Só estou arrastando os quadros para um em vez de dois. E vamos ver como fica. Você pode ver a diferença. Vamos colocar quase todos, exceto o de cima. Abranda. Talvez possamos apagar este último porque é um duplo. Oh, sim. Parece menos rígido, um pouco mais de movimento. Então é por isso que eu prefiro os grupos de vídeo. E digamos que eu não gostei disso. Eu poderia fazer todos esses dois. Novamente, eu posso fazer esses três e você pode arrastar o quadro o tempo que quiser. Eu só uso a outra opção, as camadas de vídeo. Uma vez que a animação é basicamente definido em pedra. E eu quero, e então eu quero desenhar algo em cima dele. Mas se você não tem certeza, acho que grupos de vídeo é o caminho certo. Eu quero desenhar como uma linha de trabalho, linhas de tinta em cima disso. Isso é só um lápis. Vou fazer uma nova camada. Vou usar o meu Shift F2. Então ele cria uma camada que é dois quadros agora, não está em um grupo de vídeo. E faça de novo e depois arraste-os juntos. Agora é um novo grupo de vídeo. Eu vou pegar aquele. Não consigo ligar a suavização porque não consigo tirar a pressão da caneta de inverno. E vídeo colorido do grupo um. Você está alinhado. Nós vamos, e eu vou fazer o mesmo turno F2 para adicionar um novo. Ainda vou usar grupos de vídeo. Então nós temos para um grupo de linha, e eu vou chamar este cólon e adicionar a cor rosa. Então, outro tipo de viajante AS escolherá como você usa o programa. Mas um truque é, eu tenho minha ferramenta de varinha mágica. Na minha ferramenta varinha mágica e eu destacar as linhas. Agora, vou até a seção de cores. Eu bati em G para trazer minha ferramenta de balde de tinta. Eu tenho o meu rosa pronto em um, preenchê-lo. Mas agora você vai notar que há tipo de um branco que não está cheio. Não completou totalmente. Então, outra maneira de usar ações do Photoshop. E deixa-me mostrar-te. Então eu vou desfazer isso. Desfaça isso. Então nós temos estes pequenos, este pequeno contorno, estas pequenas formigas marchando. Há uma maneira de expandi-los. Então, se formos para Selecionar, Modificar, Expandir. Sim, no topo. Sinto muito, você não pode ver. Vamos para Selecionar, Modificar, Expandir, e vamos expandi-lo. Vamos apenas dizer que vamos fazer, Vamos fazer quatro pixels porque a linha é fixa. Então, moveu-se para baixo. Agora, quando pintamos, ele preenche completamente. Novamente, se fôssemos fazer isso toda vez, se fôssemos fazer o Select, Modificar, Expandir, toda vez, seria demais. Então vamos transformá-lo em um Photoshop na verdade em mim cancelar esse 1 segundo. Vou destacar. Quero destacar isso antes de gravar. Agora eu vou fazer isso. Expandir. Ou pixels. Trocado três, cor, o que seja. Gravar, Selecionar, Modificar, Expandir. Ok. E essa é uma. Vamos ver se o trabalho. Vamos para o próximo. Ok. Não seja você. Ferramenta Varinha Mágica selecione. Esqueci o quê? F3? Sim. Ok. Mudança F3. Lá vamos nós. Desça para o preenchimento de cores. Gosto desta cor rosa. Provavelmente não é a melhor idéia para fazer isso. Mas se olhar de perto, não é bom. Mas vou fazê-lo de qualquer maneira. 6. Como adicionar detalhes / pensões finais e renderização: Então eu vou entrar em colapso linhas e cores. E eu vou adicionar outra, apenas outra base de mudança de quadro F2 que eu quero. Então eu vou usar um vídeo lá. Então minha animação está muito bem definida. Bolas saltando. Eu sei. Não vou mudar mais nada. Talvez uma cor, talvez algo, mas a base da animação está definida. Então agora eu vou usar uma camada de vídeo após camada. Camadas de vídeo alinhadas vídeo. E isso é basicamente em um agora vai começar com apenas o, o como a parte branca para obter a rotação do rosto do porco. Então ele vai vir, ele vai girar para baixo bem e fácil e eu volto. Oi. Então, sob bom, vou fazer outra camada de vídeo. Camada de vídeo em branco. Coloque-o por baixo, pode dar ajuste. Cor da orelha. É isso. Então é isso. Isso é animação no Photoshop. Eu acho que foi um tutorial muito bom meio misturando os dois estilos. Agora o nosso Lambda, esta é uma preferência sobre se você usa a camada de vídeo ou um grupo de vídeo. Agora, se você sabe a diferença, se você sabe uma pose para fazer animação ou animação em frente. Se você sabe a diferença, eu diria. Os grupos de vídeo são bons para pose para pose. E as camadas de vídeo são boas para frente. Se você não sabe o que são, então use qualquer um. Faça grupos de vídeo. Acho que são melhores. - Sim. E eu gosto do jeito que eles ficam na linha do tempo. Bem ali você pode ver você pode ver o quanto tempo cada quadro dura e você pode comê-lo fora. Você pode mudar o tempo. Sim, então eu prefiro os grupos de vídeo. Se você quiser exportar isso, o que você pode fazer é exportá-lo. Você pode renderizar o vídeo que você pode exportá-lo como um MP4. Se você quiser fazer um GIF ou GIF, então vá para Salvar para Web. E isso traz à tona este fim. Você tem todos os tipos de todos os tipos de propriedades, todos os tipos de coisas. Você pode, todo o tipo de coisas que você pode fazer com ele. E então você o salva. E é isso. Normalmente pego isso e coloco no After Effects e depois faço algumas coisas com ele. Acabei de colocar todo o documento do Photoshop no After Effects. - Sim. É isso.