Criando animações de storyboard no Photoshop

1. Introdução: Você já se perguntou como as animações têm sua história visualizar antes de ir para a produção final. Se você adivinhar storyboards, você está correto. Meu nome é Michelle e sou designer gráfico, ilustrador e animador do Canadá. Comecei a desenhar e tocar piano aos quatro anos. Por toda a minha vida, sempre fui apaixonada por arte, música e cinema. É por isso que estou tão animado para mostrar como criar sua primeira animação de storyboard no Photoshop. Tudo o que você precisa é do Photoshop, um tablet e de uma história que você quer trazer à vida. storyboards são essenciais para animações e filmes, pois pré-visualizam como toda a história e a produção fluirão. Estúdios de animação como a Pixar dependem muito das animações de storyboard antes que os animadores 3D estejam envolvidos na produção final. Projetei esta aula para guiá-lo na sua primeira animação de storyboard. Vamos fazer isso, mapeando sua história, configurando um documento do Photoshop com um fundo branco, conectando seus tablets para que você possa se preparar para desenhar, criando uma animação de quadro usando camadas, adicionando música e efeitos sonoros e, finalmente, exportando o arquivo para um vídeo HD. Quando terminar, lembre-se de compartilhar seu projeto na galeria de projetos da classe para que todos possam ver sua criação incrível. Ter conhecimento básico do Photoshop seria útil, mas não se preocupe. Vou guiar-te tudo o que precisas de saber nesta aula. Agora, vamos dar vida à sua ideia de história e te vejo na primeira lição. 2. Seu projeto do curso: Bem-vindo ao seu projeto da turma. Nesta classe, vamos analisar como criar uma animação de quadros no Photoshop, sobrepondo desenhos em camadas em sua linha do tempo, refinando as expressões dos personagens e quaisquer planos de fundo e superando-a com efeitos sonoros e música. Esta aula é adequada para qualquer um, mas é um ótimo começo para iniciantes que são novos no Photoshop, querem contar uma história e querem saber o básico e os fundamentos da animação. Seu objetivo é deixar o mais claro possível para o espectador o que está acontecendo na animação storyboard, que todas as habilidades de desenho sejam bem-vindas. Lembre-se de postar seus projetos ou até mesmo seu progresso na galeria de projetos para que outros alunos da comunidade Skillshare possam verificar todo o seu trabalho incrível ao longo do caminho e fornecer feedback. Tudo o que vamos fazer é exibir uma história, mergulhar no Photoshop e começar a desenhar com seu tablet. Vamos começar. 3. Criando sua história: Antes de começar a desenhar o storyboard, certifique-se de estabelecer a configuração, os personagens e o início ao fim da história. Se você está preso em uma idéia para uma história, pense em algo que aconteceu em sua vida que você acha realmente memorável. Por exemplo, essa ideia de história foi inspirada pelo meu colega de trabalho, trancando outro colega de trabalho em nosso escritório depois de colocar o alarme nele. Este storyboard é sobre um motorista de ônibus que simplesmente se apaixona pelo passageiro, que foi escrito por minha irmã. Pode até ser sobre algo realmente mundano, como colocar suas roupas na máquina de lavar e tentar encontrar a meia perdida. Pode ser sobre tomar o primeiro gole de café pela manhã e ser sacudido de volta à vida. Pode ser sobre o seu cão se tornar um super-herói. Lembre-se, não precisa ser nada complicado. O objetivo desta classe é trabalhar em uma animação de storyboard realmente simples. Desde que o storyboard seja claro e eficaz, as possibilidades são infinitas, então seja tão criativo quanto quiser. Mal posso esperar para ver o que você inventou. Quando você terminar de criar sua história, configuraremos seu documento do Photoshop. Vejo você lá. 4. Configurando seu storyboard: Vamos criar seu storyboard criando um novo arquivo. Vamos selecionar as configurações de filme e vídeo para que seu storyboard seja definido automaticamente em formato de vídeo HD, que é 1920 por resolução 1080p a 72 pixels e um modo de cor de RGB. Vamos dar o nome a este arquivo de “Meu Primeiro Storyboard” e clicar em “Criar”. Crie uma nova camada, que essencialmente é uma camada na qual você estará desenhando. Abra sua linha do tempo clicando em “Janela” e, em seguida, em “Linha do tempo” e crie uma linha do tempo de vídeo. Certifique-se de que o tablet está conectado e prepare-se para desenhar. Agora que terminamos de configurar seu storyboard, vamos desenhar e adicionar quadros. Vejo você lá. 5. Desenhando e adicionando quadros: Nesta lição, vou mostrar a vocês como uma linha do tempo de vídeo normalmente se parece quando você cria camadas em sua linha do tempo e as empilha para que elas sejam reproduzidas em uma sequência. Vamos chamar esta camada 1 e clicar e arrastar o tempo da camada para um segundo. Vamos criar a camada 2, encurtar o clipe na linha do tempo para um segundo e arrastá-lo para que ele seja reproduzido após a camada 1. Certifique-se de clicar e selecionar a camada na linha do tempo em que deseja desenhar, que pode ser indicada por onde está a linha vertical vermelha. Crie outra camada chamada camada 3, clique e arraste os clipes da camada 3 para vir após a camada 2 e desenhe a camada 3. Agora vamos para o início da linha do tempo, reproduzir o clipe de vídeo e visualizar a sequência de camadas na animação. Agora, nesta parte da lição, vou animar um rosto triste, indo para um rosto feliz. Vamos aplicar o mesmo conhecimento desde o início da lição, exceto que desta vez estamos realmente desenhando, vamos clicar e arrastar a segunda camada e ajustar o comprimento da primeira camada. Mas, desta vez vamos sobrepor ligeiramente as duas camadas, o que nos permitirá ver a camada anterior enquanto desenhamos a camada atual, como um efeito de papel de traço. Vamos mudar a opacidade da camada 1 para 50%. Selecione a camada 2, que automaticamente tem uma opacidade de 100 por cento e comece a desenhar. Crie outra camada, alinhe-a. Encurte a segunda camada. Sobreponha ligeiramente a camada 3 com a camada 2 para que você possa desenhar na camada 3 sabendo qual a camada 2 se parece por baixo. Novamente, como o efeito de papel de rastreamento, altere a opacidade da camada 2 para 50%. Selecione a camada 3 para desenhar e desenhe seu quadro final que tem um rosto feliz. Agora que terminamos, vamos mudar a opacidade de todas as camadas para 100 por cento. Reproduza sua linha do tempo pressionando o botão play e vire essa carranca de cabeça para baixo. Certifique-se de postar este exercício de prática como uma etapa de progresso na galeria do projeto para certificar-se de que você está concluindo esta etapa antes de trabalhar em seu projeto principal. Isso irá ajudá-lo a se familiarizar com o processo antes de mergulharmos ainda mais na animação. Agora que terminamos de desenhar e adicionar quadros, vamos adicionar expressões faciais e fundos na próxima lição. Vejo você lá. 6. Expressões faciais e planos de fundo: Agora que vamos começar a sua animação, considere o início, o meio e o fim da sua história antes de começar a animar. Para esta animação storyboard, Eu fui inspirado por minha amiga Jennifer reunindo-se com seu cão, e sempre imaginei, assim que a reunião aconteceu. Eu já desenhei o primeiro quadro, mas eu vou desenhar os próximos dois quadros e mostrar o quão animado Jane fica quando o cão aparece, e com os dois se reunindo um com o outro. Com o seu storyboard. Você pode jogar com a sequência de eventos de sua animação de quadros. Por exemplo, com a progressão de beber uma xícara de café e acordar instantaneamente. O primeiro quadro pode ser a pessoa que está realmente exausta. O segundo quadro pode ser eles bebendo o café, e o terceiro quadro pode mostrá-los sendo sacudidos acordados. Vou começar a desenhar meus próximos dois quadros. Primeiro, vou criar uma nova camada, sobrepor ligeiramente as duas camadas na minha linha do tempo, para criar um efeito de camada de traçado e encurtar meus clipes à medida que eu avançar, já que eu quero que cada quadro seja de cerca de um segundo. Como aprendemos na última lição, vou mudar a opacidade da camada anterior para 25-50%, e manter minha camada de trabalho como 100 por cento. Se você quiser utilizar o máximo de espaço possível para desenhar, você pode ocultar a linha do tempo clicando aqui. Sinta-se à vontade para ajustar a opacidade da ferramenta de pincel à medida que trabalha junto. Não há regra para isso. Então é tudo sobre sua preferência de desenho. Para mim, eu gosto de trabalhar com uma opacidade muito leve primeiro, depois ficar mais escuro enquanto eu refino o detalhe. Enquanto desenhei o rosto da Jen, vou exagerar ligeiramente para a expressão, dando-lhe olhos maiores, uma boca maior, lágrimas saindo dos olhos dela, e uma postura mais ampla. Quando terminar de desenhar sua camada, faça com que sua linha de tempo reapareça. Mova o clipe para que dois clipes não se sobreponham e altere a opacidade da camada de rastreamento para 100%. Uma das minhas coisas favoritas a fazer é alternar entre os dois quadros, para que você possa ter uma idéia de onde sua animação está indo. Crie uma nova camada que seja a camada três e ajuste a opacidade da camada anterior em sua linha de tempo para fazer o efeito da camada de rastreamento. Esta é a camada onde desenhei a Jan a reunir-se com o cão dela. Estou claramente a deixá-los muito felizes por se verem. Quando terminar de desenhar a terceira camada, gire a opacidade de todas as camadas de volta para 100%. Agora você pode reproduzir sua animação. Nesta parte da lição, vou ilustrar um fundo muito simples. Quero que o foco principal seja nos personagens. Então eu não vou entrar em muitos detalhes, mas eu quero ilustrar a reunião acontecendo em um parque ou uma floresta. Então, nesse caso, eu vou criar uma camada logo acima da minha camada de fundo chamada floresta. Dependendo da história que você decidiu desenhar, fundos são completamente opcionais. Desde que você possa deixar claro para o espectador, o que está acontecendo na história, você já está no caminho certo para criar uma animação bem-sucedida. Se os caracteres aparecerem transparentes depois de desenhar o plano de fundo, você poderá criar uma camada branca abaixo da camada de desenho, para que seus caracteres não apareçam transparentes na frente do plano de fundo. Ajuste o tamanho e a opacidade da ferramenta de pincel que lhe convier e comece a pintar de branco debaixo da camada de desenho. Volte para sua linha do tempo e certifique-se de que o comprimento da camada branca, corresponde com a camada de desenho correspondente. Em seguida, proceda para aplicar as mesmas camadas brancas, abaixo das camadas de desenho restantes. Agora você pode reproduzir sua animação com seus personagens aparecendo com sucesso na frente do plano de fundo. Essas próximas etapas são completamente opcionais, mas são recomendadas, se você quiser simplificar sua linha de tempo, em vez de ter um monte de camadas em sua linha de tempo. Para simplificar sua linha de tempo, selecione a camada com a camada branca correspondente e agrupe-a ao fazê-lo. Dessa forma, você poderá agrupar a camada de desenho e a camada branca, para que ambas sejam editáveis. Outra maneira de fazer isso é mesclando as camadas juntas, que simplesmente mesclará a camada de desenho com a camada branca, que não torna a camada branca editável. Esta opção é ótima se você tiver certeza de que não precisa tocar na camada branca embaixo da camada de desenho novamente, um bom atalho para mesclar camadas é selecionando as duas camadas que deseja mesclar e pressionando Ctrl “E” ou Command “E' 'em um Mac. Agora que você terminou de polir sua animação storyboard com expressões faciais e quaisquer fundos. Vamos adicionar efeitos sonoros e música. Na próxima lição. Você pode consultar nossos sites como esta página do YouTube chamada biblioteca de áudio de criadores de música para começar. Vejo você lá. 7. Adicionando música e efeitos sonoros: Para adicionar áudio ao seu storyboard, vá para a parte inferior esquerda da linha do tempo, certifique-se de que o áudio está sem som, clique no ícone “Nota de música” e “Adicionar áudio”. Selecione o clipe de áudio que deseja inserir. Vou inserir um clipe de som de um cachorro latindo. Quero alinhá-lo com a camada onde o cão aparece. Vou clicar e arrastar o clipe de áudio para começar nesse ponto. Reproduza sua linha do tempo para visualizar seu clipe de som para garantir que você esteja satisfeito com o posicionamento do áudio. Para adicionar outra faixa de áudio, clique novamente no ícone “Music Note” e clique em “New Audio Track”. Outra camada de faixa de áudio aparecerá na sua linha do tempo. Clique em “Adicionar áudio” e adicione sua segunda faixa de áudio. Neste caso, vou lançar um clipe de música que começa no início do meu storyboard. Reproduza sua linha do tempo para visualizar ambas as faixas de áudio. Se a faixa de áudio for muito longa, você poderá diminuir o zoom da linha do tempo e clicar e arrastar a faixa de áudio para ajustar o comprimento. Como toque final, você pode desvanecer a faixa de áudio clicando na borda da faixa de áudio e ajustando o áudio para desaparecer por um segundo. Quando terminar, aperte “Enter”. Agora, quando você reproduzir a animação, você terá seu efeito sonoro e música, que muito bem desaparece no final. Agora que terminamos de adicionar música e efeitos sonoros, vamos exportar o arquivo final. Vejo você lá. 8. Exportando o arquivo final: Para exportar o arquivo final, vá para Arquivo, Exportar e clique em Renderizar vídeo. Suas configurações já devem estar em um formato de vídeo HD, que é 1920 por 1080 e 30 quadros por segundo. Quando estiver satisfeito com o nome do arquivo e onde deseja salvar o arquivo, clique em Renderizar. Quando terminar a renderização, reproduza toda a animação do storyboard. Se você não detectou nenhum erro e sua animação é exatamente da maneira que você queria que acontecesse, você está pronto. 9. Você conseguiu!: Parabéns, você conseguiu. Você aprendeu com sucesso a criar uma animação de storyboard simples no Photoshop. Espero que tenham gostado desta aula e possam transformar algumas ideias divertidas ou memórias em storyboards. Se há uma coisa que eu quero que você tire desta classe é que você é capaz de criar uma animação simples independentemente de suas habilidades de desenho ou sua experiência no Photoshop, porque acredite, qualquer um pode fazer isso. Lembre-se de postar seu projeto de classe na galeria do projeto, deixar um comentário ou seguir-me na minha jornada do Skillshare. Muito obrigado de novo, e te vejo na próxima vez.