Transcrições
1. Olá!: Oi, meu nome é Johannes Fast e bem-vindo à minha aula sobre como dar vida às suas fotos no Photoshop. Nesta aula, vamos aprender como animar no Photoshop e como tirar nossas fotos disso para isso. Ao contrário de classes maternas, mais avançadas, esta classe seria um curso intensivo que lhe dará as ferramentas básicas necessárias para começar a animar em um
tempo recorde . This classe é como um ótimo lugar para começar se você nunca animou antes, mas quer tentar trazer suas fotos ou seus próprios projetos para a vida. Nesta classe, você tem uma tarefa para animar seu próprio vídeo do Instagram. Assim que terminar, envie o vídeo para a comunidade que eu e seus colegas possamos vê-lo e dar feedback sobre ele. cada duas semanas, vou escolher um punhado do meu projeto favorito para ser destaque no meu Instagram. Se você quiser uma chance de se destacar,
por favor, marque seu Instagram em seu post. Se você achar esta aula útil, deixe um comentário e siga-me no Skillshare para que você não perca nenhuma das minhas próximas aulas.
2. Coisas para manter mente: Antes de começarmos a animar, eu só quero cobrir dois dos 12 princípios básicos da animação. A primeira coisa que quero cobrir são arcos. Quase todas as ações seguem arcos, com poucas exceções. Arcs ajuda a sua animação a parecer suave e natural. Portanto, certifique-se de que sua animação tem um arco claro se estiver se movendo na cena. A segunda e última coisa que quero cobrir é aliviar. Facilitar é o que transmite a aceleração de seus objetos. Se você não tem nenhuma flexibilização, suas animações ficarão muito rígidas. Para transmitir aceleração, você precisa espaçar seus desenhos. O espaçamento dos desenhos determinará a velocidade ou a lentidão da aceleração. Quando você espaça seus desenhos uniformemente, você obtém essa animação muito rígida. Mas se você, em vez disso, espaçar seus quadros forma diferente e tornar mais apertado no início e no final assim, sua animação parecerá que está acelerando e diminuindo. Porque quanto mais distantes você espaça seus desenhos, mais rápido ele se moverá e quanto mais perto você espaço seus desenhos, mais lento ele se moverá. Agora vamos ver como tornar mais fácil para nós animar no Photoshop.
3. Antes de começar: Antes de começar a animar no Photoshop, precisamos instalar um plugin chamado AnimdesSin. AnimdesSin adiciona alguns recursos ao Photoshop que o Photoshop não possui nativamente. Isso tornará muito mais fácil para nós animar quando iniciarmos o Photoshop. Para instalar o AnimdesSin, você pode rolar para baixo
na página do produto e ir para projetos e recursos. Na guia Recurso, você pode encontrar um programa chamado ZXPInstaller e AnimdesSin. Vá em frente e baixe o arquivo AnimdesSin e o instalador correto para o seu computador. Depois de baixar os arquivos, comece instalando o ZXPInstaller. Assim que o ZXPInstaller estiver instalado, abra-o. Agora que está aberto, você pode ir em frente e descompactar a pasta AnimdessIn. Em seguida, entre aqui e pegue este arquivo AnimdessIn2 ZXP, e arraste e solte. Agora AnimdessIn2 está instalado no seu computador. Agora você pode ir em frente e iniciar o Photoshop.
4. Animação no Photoshop: Agora vou mostrar-lhe como dobrar o Photoshop à sua vontade usando AnimdesSin. Aqui tenho meu projeto vazio. Vamos começar indo até Janela e clicando em “Linha do tempo”. Isso vai adicionar a linha do tempo aqui em baixo. Em seguida, para abrir animdessIn, também
voltamos para Window, para
baixo para Extensão e abrir AnimdessIn2. Aqui está a sua barra de ferramentas AnimdesSin. Para começar a animar agora, primeiro
clicamos em “Criar linha do tempo de vídeo”. Isto lhe dará uma camada branca vazia aqui que podemos usar como plano de fundo. Puxando o controle deslizante aqui, podemos ampliar a linha do tempo. Isso tornará mais fácil para nós ver quando começarmos a adicionar quadros. Agora, antes de começarmos a animar, queremos ter certeza de que estamos na taxa de quadros correta. Aqui em baixo, vemos o quadro em que estamos. Normalmente, queremos animar em 24 quadros por segundo. Para alterar isso, vamos para o menu suspenso aqui
e, em seguida, clique em “Definir taxa de quadros da linha do tempo” e ele mudará isso para 24, assim. Agora podemos ir em frente e criar nosso primeiro quadro vazio. Para fazer isso, clicamos neste botão aqui. Isso adiciona uma camada vazia que está sendo mantida para dois quadros. Este botão aqui irá adicionar um quadro que é mantido para um quadro. Mas geralmente, queremos que nossos desenhos durem dois quadros. Isso cortará o nosso trabalho ao meio e animando em dois
também dá à nossa animação uma aparência e sensação realmente agradável. Depois de ter seu primeiro quadro, você pode ir em frente e fazer seu primeiro desenho. Em seguida, uma vez que você tem o seu primeiro desenho e você quer o seu próximo desenho, você pode ir em frente e clicar neste botão novamente. Na segunda vez que você clicar neste botão, ele irá adicionar o quadro em cima deste quadro. O que você precisa fazer agora é com sua ferramenta de ponteiro, selecionar este novo quadro e arrastá-lo e puxá-lo para baixo. Agora, quando você continuar clicando nisso, os quadros serão adicionados na mesma camada. Agora, quando vamos desenhar nosso segundo quadro, será muito útil se pudéssemos ver o quadro antes. Felizmente, há uma função para isso. Ao clicar neste botão aqui, ligamos algo chamado esfolamento de cebola. Esfolamento de cebola deixa-nos ver os quadros antes e depois do quadro em que estamos. Agora podemos ir em frente e desenhar nosso segundo quadro. Vou agora clicar nisso novamente e adicionar nosso terceiro quadro. Agora, só podemos ver a moldura antes. Se quisermos ver mais quadros, podemos ir em frente e clicar neste botão aqui. Podemos alterar essa configuração. Isso fará com que possamos ver mais quadros. Agora, eu vou desenhar meu terceiro quadro, e eu vou adicionar um novo quadro, e desenhar meu quarto. Agora que temos nossa primeira animação aqui,
nós, é claro, queremos que eu olhe para ela. Para fazer isso, podemos esfregar de volta e, em seguida, podemos reproduzir nossa animação clicando aqui. Como você pode ver, ainda estamos vendo cebola esfolando agora que estamos jogando. Queremos ir e clicar aqui e ter certeza de que está desligado. Se quisermos que a reprodução seja repetida, podemos ir em frente e agarrar a alça aqui e puxá-la de volta. Se a reprodução não estiver em loop, clique neste botão aqui e verifique se a reprodução em loop está selecionada. Se quisermos fazer uma cópia do desenho em que estamos, podemos ir em frente e clicar neste botão aqui, e isso nos dará uma cópia do desenho. Este botão aqui permite que você exclua seus desenhos. Você também pode pressionar Delete no teclado. Estes botões aqui tornarão seus quadros mais longos ou mais curtos. Se você pressionar este botão aqui, você pode trocar lugares de seus desenhos, assim. Agora, o último desenho foi trocado com o segundo último. Para trocá-lo de volta, basta clicar neste. Estes botões aqui permitem-lhe seleccionar a sua área de reprodução. Quando você faz sua animação, provavelmente
você quer adicionar um monte de coisas diferentes e, para facilitar, você pode dividi-los em camadas diferentes. Para criar uma nova camada para sua próxima animação, clique no painel de camadas aqui
e clique no botão de adição. Isso lhe dará uma nova camada em um grupo de vídeo diferente. Você pode puxar isso para trás e fazer dois quadros. Então você pode repetir o que fizemos antes. Em seguida, vou mostrar-lhe como fazer isso em cima de uma foto.
5. Animação de conteúdo: Vamos aplicar essas técnicas às nossas próprias fotos. Aqui tenho uma foto da minha adorável parceira, Megan. Se quiser ver as outras fotos dela, pode encontrá-la aqui. Esta foto já está processada e no formato correto que eu quero para o Instagram. Neste caso, é um quadrado de 1920 por 1920 pixels. Vou arrastar essa foto para o Photoshop e agora vou criar minha linha de tempo de vídeo, e como você vê agora, a foto se tornou a camada base. Vou em frente e trancar isso. Então, como antes, eu vou fazer meu primeiro quadro, e depois como antes eu vou ter certeza de que minha taxa de quadros é 24. Olhando para baixo aqui é 30, o que é o padrão para o Photoshop. Nós sempre queremos ter certeza de mudar isso. Eu entro aqui, mudo isso para 24, e agora posso ir em frente e adicionar minha moldura assim. Então eu vou rolar para trás para que eu possa ver o quadro em que estou
trabalhando e aqui em cima eu tenho minhas cores preparadas. Primeiro, estou pensando em fazer algumas bolhas voando por aqui. Voltando aos princípios da animação, eu quero fazer essas bolhas voarem ao redor e seguir um arco muito limpo. Vou fazer uma referência antes de começar a animar isto. Para fazer isso, farei uma camada grande, assim, e na camada reta, vou desenhar o arco que essa bolha seguirá. Para tornar um pouco mais fácil para mim animar isso, eu posso desenhar nessas linhas que mais ou menos me dirão onde colocar meus próximos desenhos. Em cantos como este, tende a abrandar. Vou continuar desenhando meus raios assim e estou variando a velocidade aqui para que você possa ver. Começa devagar, acelera, eu vou devagar, e acelera, vai devagar, e acelera. Aqui tenho a minha referência. Eu vou diminuir a opacidade sobre isso e então eu vou ter certeza de voltar para a minha camada de animação aqui. Eu quero ter certeza de que eu estou nesta camada e que esta camada está selecionada, caso contrário eu não posso desenhar sobre ela. Se você vir esta borda branca, você sabe que ela está selecionada. Então eu vou entrar e desenhar meu primeiro quadro aqui. Na verdade, vou colocar isto abaixo assim e voltar para cá. Então eu adiciono meu próximo quadro e, claro, eu preciso puxar isso para baixo. Vou ligar a pele de cebola e agora, como podem ver, algo aconteceu com a foto. O que está acontecendo aqui é por causa do esfolamento de cebola. O que estamos vendo é a moldura anterior da foto sendo multiplicada no topo. Para ajudar com esse escurecimento, podemos ir até nossa foto, desbloqueá-la e diminuir a opacidade nela. Então podemos ir em frente e adicionar uma nova camada, colocar na parte inferior, ter
certeza que está no início, depois preenchê-lo com um preenchimento branco como este, e então eu vou bloquear os dois. Isso tornará um pouco mais fácil para nós enxergarmos agora enquanto nos animamos. À medida que vou por aqui, quero brincar com o tamanho desta bolha. Naturalmente, como ele está acelerando eu quero
esticá-lo para fora e isso realmente vai transmitir a velocidade rápida. Quanto mais rápido for, mais eu quero esticar. Normalmente, quando você anima, você não quer exagerar nisso. Você não quer esticar tanto uma bolha que é incrivelmente longa, mas agora porque estamos brincando e fazendo algo muito solto e divertido, podemos realmente brincar com a escala das coisas. Para que possamos torná-lo muito longo ou muito pequeno. Mas nós só queremos ter certeza de que nós não vamos em frente e fazer um desenho realmente longo aqui, e então eu vou fazer um curto e depois um longo novamente, porque então nós vamos ter um estroboscópio onde ele apenas se move. Queremos aplicar a idéia de flexibilizar tanto para o movimento, mas também para o alongamento e escala da coisa. Agora aqui, à medida que ele diminui, vou começar a torná-lo um pouco mais curto novamente, e eu faço isso para que ele esteja seguindo o arco aqui. Para alterar a visibilidade, podemos brincar com as configurações e ver o que torna mais fácil ver o que estamos fazendo. Também gostaríamos de ter a certeza de que continuamos a tocar e a olhar nossa animação para que detectemos quaisquer erros e vejamos o tempo e como tudo se move antes de irmos
longe demais , porque é mais fácil corrigir as coisas no início do que mais tarde. Agora, eu vou excluir minha camada de referência aqui, e então para tornar mais fácil de ver isso, eu vou ligar a opacidade novamente, desligar a pele de cebola,
rolar de volta aqui, e então eu vou definir minha reprodução e, em seguida, Podemos dar uma olhada. Isso está parecendo muito legal. Talvez eu não queira que isso comece no começo, então podemos adicionar um quadro e colocar esse quadro todo no começo aqui. Nós temos um quadro vazio para começar e então eu vou fazer este quadro um pouco mais longo. Se quisermos fazer com que esta coisinha pareça realmente fundamentada na foto, podemos tentar adicionar uma sombra. Eu vou fazer isso fazendo uma nova camada aqui, e então eu vou puxar isso para fora e colocá-lo de volta aqui. Então eu vou arrastá-lo para fora para combinar com este primeiro quadro vazio, fazer um novo, puxá-lo para baixo, e agora eu vou começar a adicionar uma sombra. Vou desenterrá-lo adicionando um preto aqui. Agora, nós temos nossa camada de sombra aqui, e então eu vou ligar a opacidade novamente, e então eu vou pegar todo esse grupo aqui e diminuir a opacidade. Eu vou mudar o modo de mistura aqui para algo que eu acho que parece bom. Isto é o que parece. Vou continuar adicionando alguns efeitos aqui. Acho que vou fazer uma auréola à volta dela aqui, assim, e isto irradiará para fora. Aqui você pode brincar com essas coisas. Agora, se eu colocar este quadro mais perto do quadro antes, ele vai se mover mais devagar no início, e então eu posso espaçá-lo mais largo para torná-lo mais rápido. Vamos ver como isso se parece. Eu provavelmente quero mais um quadro
neste e eu vou fazer esse quadro mais perto aqui novamente para que ele desacelere. Agora, se eu quiser que esse efeito aconteça várias vezes, eu posso pegar todos esses quadros clicando no último e seguida, clique com o botão Shift e clicando no primeiro, e então eu clique no comando J e isso irá adicionar uma duplicata desses quadros atrás Aqui. Então eu posso pegar o primeiro quadro e torná-lo mais curto, talvez até mais curto aqui. Se não quiser espaço entre aqui, posso apagá-lo completamente. Eu iria em frente e pegar este quadro aqui e eu vou duplicá-lo mais uma vez. Eu só vou brincar um pouco e adicionar mais
alguns efeitos e vamos ver onde isso acaba. Eu adicionei algumas outras animações a esta foto e esta é a minha animação final. No próximo vídeo, vou mostrar-lhe como exportar isso
para o Instagram ou qualquer outra mídia social.
6. Exportação no Photoshop: Agora, queremos exportar isso para que possamos postar isso nas redes sociais. Para fazer isso, vamos para Arquivo e aqui para Exportar. Neste menu aqui, nós descemos para Renderizar vídeo. Nesta janela aqui, podemos nomear nosso arquivo, e aqui, selecionamos onde queremos salvá-lo. Uma coisa importante a mudar aqui quando estamos exportando isso é mudar seu formato aqui de QuickTime para H.264. Isso garantirá que exportamos um MP4 que possamos carregar para o Instagram, pois alguns formatos de arquivo, o Instagram não reconhecerá. Aqui em baixo, selecionamos o quanto queremos exportar. Se definirmos isso para a área de trabalho, ele irá exportar entre esses dois marcadores aqui. Uma vez que tudo é feito aqui, basta clicar em Render. Aqui temos nosso arquivo final. Agora, podemos ir em frente e enviar isto para o nosso telefone. Uma maneira fácil de fazer isso é, se você estiver no Mac, você pode usar o AirDrop e soltá-lo no iPhone. Caso contrário, você pode enviar o arquivo por e-mail e baixá-lo em seu telefone, ou você pode usar o Dropbox ou qualquer outra forma de serviço de compartilhamento na nuvem.
7. Seu projeto: Para a tarefa, eu quero que você escolha uma ou mais fotos e adicione seus próprios efeitos a elas. Assim que terminar a animação, gostaria que enviasse para a comunidade estudantil para que todos possamos vê-la. Para fazer isso, só precisamos exportar um GIF. Para exportar um GIF no Photoshop, vá para “Arquivo”, “Exportar” e “Seguro para a Web”. Nesta janela aqui, podemos selecionar nosso loop para sempre, e aqui vemos a quantidade de quadros que vamos exportar. Aqui, podemos visualizá-lo. Quando terminarmos, clicamos em “Salvar”, nomeamos nosso arquivo aqui e pressionamos “Salvar” novamente. Aqui temos nosso GIF pronto para ser carregado para a comunidade estudantil. Lembre-se, a comunidade está aqui para ajudá-lo. Se você ficar preso em qualquer lugar ao longo do processo,
por favor, entre em contato e eu ou seus colegas, ficaremos felizes em ajudá-lo.
8. Conclusão: Isso é tudo para esta curta aula sobre como animar no photoshop. Eu espero que você tenha gostado da aula e estou ansioso para ver o que você postar na comunidade e nas mídias sociais. Lembre-se, que se você postar no Instagram, me
marque para que eu possa vê-lo. Esperemos que essa classe tenha lhe dado
as ferramentas básicas necessárias para começar a animar no Photoshop. Se você quiser fazer um mergulho profundo na animação,
por favor, confira minhas outras aulas, especialmente aquela sobre o básico da animação. Se ainda não o fez, por favor, siga-me como Skillshare e eu o verei na próxima aula.
Johannes Fast, 2D Animator
