Como fazer um GIF animado com o Photoshop

Esta história faz parte de um grupo de histórias chamado Como

Não é suficiente ter ótimos novos dispositivos, aplicativos e jogos - você também precisa saber como usá-los. Aqui no The Verge, oferecemos instruções passo a passo para usuários novos e experientes que trabalham com aplicativos, serviços, telefones, laptops e outras ferramentas on-line, macOS, Windows, Chrome OS, iOS e Android. Desde instruções simples sobre como instalar e usar novos dispositivos até estratégias pouco conhecidas sobre como tirar proveito de recursos ocultos e os melhores métodos para adicionar energia ou armazenamento, temos sua tecnologia de volta.

Os GIFs são praticamente uma forma inescapável de comunicação pela Internet agora, e nunca foi tão fácil fazer o seu próprio.Criador de GIFs online de Giphypermite que você extraia clipes curtos do YouTube e adicione legendas, eGiphy Captureé um ótimo aplicativo para Mac que permite arrastar a parte da tela que deseja gravar e transformá-la em uma bela animação. Mas se você quiser se destacar na multidão criando seu próprio GIF animado no Photoshop, veja como.



Para efeitos desta demonstração,salve este GIFpara o seu computador e abri-lo no Photoshop. Usaremos os frames individuais deste GIF como um guia para desenhar uma versão dovocê mesmobreakdancing. É um pouco como o rotoscópio, uma técnica usada por animadores para traçar uma filmagem de ação ao vivo, mas em vez disso, estamos apenas traçando o contorno geral do corpo em nosso GIF original. Eu escolhi fazer do meu novo GIF um urso breakdance, para obter um resultado como este:



GIF por Dami Lee

Abrir seu GIF no Photoshop deve abrir o painel da linha do tempo, que ficará assim:

Em seu painel de camadas, crie uma nova camada e coloque-a no topo da camada 1. Abaixe a opacidade da camada 1 para que você possa usá-la como um guia para desenhar outra camada no topo. Faça isso para cada uma das cinco camadas. Deve ser parecido com isto:



Depois de desenhar as cinco novas camadas, vá em frente e exclua as cinco camadas originais para limpar sua área de trabalho. Voltando para a linha do tempo, clique em cada quadro e defina-o de forma que apenas uma camada correspondente seja visível por vez, clicando no ícone de olho. Clique no botão play ou aperte a barra de espaço para testar sua animação.

Você pode ajustar a velocidade de sua animação clicando no 0.2 abaixo da miniatura, o que abrirá um menu de quanto tempo cada quadro será mostrado na tela.

sistema de alarme

Quando você estiver satisfeito com a velocidade de sua animação, é hora de salvar seu GIF! Vá para Arquivo -> Exportar -> Salvar para a web. Certifique-se de que as opções de loop estejam definidas para Sempre, tanto na linha do tempo quanto na tela de exportação. Além disso, lembre-se das limitações de tamanho de arquivo das plataformas sociais com as quais você está planejando compartilhá-lo. Uma boa regra é manter os arquivos com menos de 5 MB, para que possam ser compartilhados em qualquer lugar. Boa sorte!



The Verge no YouTube

Primeiramente, o exclusivo olha para novas tecnologias, análises e programas como Processor with Dieter Bohn.Se inscrever!