Como fazer um GIF no Adobe Photoshop

Os GIFs estão por toda parte. A imagem animada antes humilde agora é a linguagem não oficial da web. GIFs são a maneira mais rápida de expressar uma emoção no Twitter, e você pode perder horas assistindo-os no Reddit e no Facebook.

Existem muitos lugares para encontrar GIFs, mas nada se compara a fazer o seu próprio. Você pode criar um GIF animado no Photoshop convertendo vídeos ou usando uma série de imagens estáticas. Vamos dar uma olhada em como fazer os dois.

Faça um GIF no Photoshop a partir de um vídeo

Existem várias maneiras de converter um vídeo em GIF e também é muito fácil criar um GIF no Photoshop usando um de seus próprios filmes.

Comece indo para Arquivo> Importar> Quadros de vídeo para camadas . Você não precisa criar um novo arquivo primeiro. Selecione seu vídeo e clique em Abrir .

Na caixa de diálogo a seguir, você pode escolher se deseja importar o vídeo inteiro ou apenas uma parte selecionada. Se você optar pelo último, arraste as alças de corte abaixo da janela de visualização para dentro para definir novos pontos inicial e final. Tudo entre essas alças será importado; tudo fora descartado.

Tenha em mente que quanto mais vídeo você importar, maior será o GIF resultante.

Se você estiver importando um clipe grande, selecionar Limitar a cada 2 quadros (ou mais) é uma maneira simples de reduzir o tamanho sem afetar muito a qualidade. Não corte muitos quadros, porém, ou você não vai acabar com um GIF suave.

Certifique-se de que a opção Make Frame Animation esteja marcada e clique em OK . O vídeo começará a ser importado. Pode demorar um pouco dependendo do tamanho. Quando terminar, você terá um novo arquivo de imagem, onde cada quadro do vídeo é colocado em sua própria camada.

Na parte inferior da tela está a paleta Timeline . Isso mostra todos os frames que irão compor o seu GIF, sendo que cada frame corresponde a uma camada diferente na imagem.

Você pode adicionar ou remover quadros ou editar qualquer uma das camadas existentes, da mesma forma que faria com uma camada normal em qualquer outra imagem. Mas para uma exportação direta de um vídeo para um GIF, basta clicar no botão Play na parte inferior para uma visualização. Quando estiver feliz, você estará pronto para salvar o GIF.

Como exportar um GIF no Photoshop

Vá para Arquivo> Exportar> Salvar para a Web (Legado) . Na caixa que é aberta, defina o formato como GIF, Cores como 256 e reduza o Tamanho da imagem para algo menor, como forma de manter o tamanho geral do arquivo baixo.

Você pode ver o tamanho do arquivo resultante na parte inferior esquerda da janela de visualização. Se for muito grande, arraste o controle deslizante com perdas para a direita. Isso afetará a qualidade, mas também reduzirá significativamente o tamanho do arquivo.

Por fim, clique em Salvar para exportar seu GIF animado.

Crie um GIF no Photoshop usando imagens estáticas

Se você não tem um vídeo para usar, pode criar um GIF manualmente a partir de uma série de imagens estáticas. Existem aplicativos para ajudá-lo a animar fotos no seu telefone , e você também pode fazer isso no Photoshop.

Você cria seu GIF a partir de um único arquivo de imagem contendo várias camadas, e as camadas são usadas para fornecer o conteúdo de cada quadro de sua animação. Existem duas maneiras de começar.

Se você já fez as imagens para sua animação, importe-as acessando Arquivo> Scripts> Carregar arquivos na pilha .

Clique em Navegar , selecione todas as imagens de que precisa e clique em OK . Cada imagem será então colocada em sua própria camada individual dentro do mesmo arquivo.

Alternativamente, se você ainda não fez as imagens, faça-o agora. Lembre-se de que cada parte da animação deve estar em sua própria camada.

Editar um GIF animado no Photoshop

Funciona assim:

• Quando você cria manualmente um quadro na animação, cada camada da imagem definida como Visível será incluída nesse quadro.
• Camadas definidas como Ocultas não serão incluídas no quadro.

Você cria sua animação mostrando ou ocultando diferentes camadas dentro da imagem para cada quadro.

Portanto, para o primeiro quadro, você pode definir a camada de fundo como Visível e todas as outras camadas como Oculto . Em seguida, no segundo quadro, você pode querer tornar a segunda camada visível e, em seguida, a terceira camada no terceiro quadro e assim por diante. Isso ficará claro assim que você começar.

Primeiro, vá para Window> Timeline . No centro do painel que é aberto, clique em Criar animação de quadro . Isso cria o primeiro quadro de sua animação. Na paleta Camadas , oculte as camadas que você não deseja que façam parte deste quadro, desmarcando os ícones de olho .

Agora clique no botão Novo quadro , que duplicará o quadro anterior. Mais uma vez, oculte as camadas que não deseja incluir neste novo quadro e torne visíveis as que você deseja.

Repita esse processo até adicionar todos os quadros de que precisa em seu GIF.

Defina a taxa de quadros e faça um loop GIF

Para terminar, defina Frame Delay – esta é, na verdade, a taxa de quadros. Clique no primeiro quadro e, em seguida , clique com a tecla Shift pressionada no último quadro.

Agora, clique na seta suspensa abaixo de um dos quadros e selecione um atraso. Nenhum atraso significa que a animação será executada rapidamente, enquanto um número específico de segundos significa que cada quadro permanecerá na tela por esse período de tempo.

Finalmente, defina as opções de loop , que você encontrará na parte inferior do painel Timeline. Ele define quantas vezes o GIF será reproduzido. Na maioria dos casos, você desejará defini-lo para Sempre .

Agora aperte o botão Play na parte inferior da tela para visualizar seu GIF. Agora você deve ver seu GIF animado em ação.

Você pode editar quadros apenas selecionando-os e ajustando quais camadas são visíveis (você também pode ajustar a opacidade ou fazer outros ajustes mais avançados). Adicione mais camadas se precisar ou clique no ícone da lixeira para excluí-las.

Quando estiver satisfeito, você pode pular para a seção Exportar um GIF. Ou continue lendo para refinar a animação e criar um GIF suave.

Animações avançadas com interpolação

O Photoshop oferece suporte a um poderoso recurso de animação chamado interpolação. Isso permite que você crie animações GIF suaves gerando automaticamente quadros de transição entre dois quadros existentes.

Por exemplo, digamos que você queira que uma camada apareça gradualmente. Você criaria um quadro com essa camada definida como Oculta e outro como Visível . Em seguida, você deve "interpolar" esses dois quadros e o Photoshop faz o resto.

Em nosso exemplo, vamos interpolar entre todos os quadros para dar ao nosso céu estrelado um efeito cintilante.

Primeiro, selecione o primeiro quadro e clique no botão Tween na barra de ferramentas na parte inferior do painel Timeline.

Na caixa de diálogo que é aberta, defina Interpolação com para Próximo quadro e Quadros para adicionar com o número de quadros de transição que você deseja. Um número mais alto significa um efeito mais suave, porém mais lento. Clique em OK para gerar os novos quadros.

Agora repita o processo para os outros quadros originais que você criou. Quando você obtiver o último, pode querer definir Tween com para Primeiro Quadro . Isso ajuda a criar uma transição suave de volta ao início de um GIF em loop.

Aperte o botão Play para visualizar o efeito.

Exportar um GIF no Photoshop

Quando terminar, primeiro salve o arquivo no formato PSD. Isso salvará todas as informações de camada e animação para que você possa voltar e editá-las mais tarde, se necessário. Depois disso, você pode exportá-lo como um GIF.

Vá para Arquivo> Exportar> Salvar para a Web (Legado) . Na caixa de diálogo que é aberta, verifique se o formato está definido como GIF e se a opção Cores está definida como 256 (isso garante a qualidade máxima).

Outras configurações que você pode querer alterar incluem o tamanho da imagem e as opções de loop, caso não tenha feito isso antes.

A janela de visualização mostra o tamanho do arquivo quando você salvá-lo. Você também pode clicar no botão Visualizar para testar a animação em uma janela do navegador. Por fim, clique em Salvar para salvar e exportar seu GIF.

Crie e edite GIFs no Photoshop

É muito fácil fazer um GIF no Photoshop e vale a pena fazer porque dá a você controle total sobre o resultado.

E se você não tem o Photoshop, não se preocupe. Existem muitos editores menos caros que também possuem a funcionalidade de criação de GIFs.