Como fazer um GIF animado no Photoshop [Tutorial]

Por que os GIFs são grandes adições ao seu marketing? Eles são fáceis de consumir, fornecem uma nova maneira de capturar a atenção de seus espectadores, e podem ter um sério impacto emocional.Considerando o conteúdo que nos faz sentir algo nos encoraja a compartilhar, essas pequenas animações valem a pena experimentar.

A melhor parte sobre gifs é que eles não são muito difíceis de fazer. Se você tiver acesso ao Photoshop e alguns minutos de sobra, você pode criar um GIF animado em pouco tempo.

Clique aqui para baixar nosso guia gratuito para aprender a projetar gráficos de alta qualidade.

No tutorial a seguir sobre como fazer GIFs animados, estou usando a versão Creative Cloud 2015 do Photoshop, mas os passos devem ser semelhantes em outras versões.

Como criar um GIF animado no Photoshop

Aqui está um exemplo de um GIF animado que você pode fazer usando este tutorial:

Tudo bem, vamos começar!

Passo 1: Envie suas imagens para o Photoshop.

Se você já tem imagens criadas…

Reúna as imagens desejadas em uma pasta separada. Para carregá-los no Photoshop, clique em Scripts > arquivos > carregar arquivos em pilha.

Em seguida, selecione Procurar e escolha quais arquivos você gostaria de usar em seu GIF e clique em OK.

O Photoshop criará uma camada separada para cada imagem selecionada. Depois de fazer isso, pule para o segundo passo.

Se você ainda não tem a série de imagens criadas …

Crie cada quadro do GIF animado como uma camada diferente do Photoshop. Para adicionar uma nova camada, escolha Layer > New > Layer.

Certifique-se de nomear suas camadas para que você possa rastreá-las facilmente quando você fizer o seu GIF. Para nomear uma camada, vá para o painel Camada na parte inferior direita da tela, clique duas vezes no nome da camada padrão e digite o nome para o qual deseja alterá-la. Pressione Enter quando terminar.

Uma vez que você tem suas camadas lá dentro e você nomeou todos eles, você está pronto para o segundo passo.

Dica Pro: Se você quiser combinar camadas para que elas apareçam em um único quadro em seu GIF, ligue a visibilidade para as camadas que deseja mesclar (clicando no "olho" à esquerda de cada nome de camada para que apenas os olhos para as camadas que você deseja mesclar estejam abertos). Em seguida, pressione Shift + Command + Option + E (Mac) ou Shift + Ctrl + Alt + E (Windows).O Photoshop criará uma nova camada contendo o conteúdo mesclado, que você também deve renomear.

Passo 2: Abra a janela da linha do tempo.

Para abrir o Timeline, vá para a navegação superior, escolha Janela > Linha do Tempo.A Linha do Tempo permitirá que você ligue e desligue diferentes camadas por diferentes períodos de tempo, transformando assim sua imagem estática em um GIF.

A janela Timeline aparecerá na parte inferior da tela. Eis o que parece:

Passo 3: Na janela Da linha do tempo, clique em "Criar animação de quadro".

Se ele não for selecionado automaticamente, escolha-o no menu suspenso — mas, em seguida, certifique-se de realmente clicar nele, caso contrário as opções de animação de quadro não aparecerão.

Agora, sua linha do tempo deve ser algo assim:

Passo 4: Crie uma nova camada para cada novo quadro.

Para fazer isso, selecione primeiro todas as suas camadas indo para o menu de navegação superior e escolhendo Selecionar > todas as camadas.

Em seguida, clique no ícone do menu à direita da tela Timeline.

No menu suspenso que aparece, escolha Criar nova camada para cada novo quadro.

Passo 5: Abra o mesmo ícone do menu à direita e escolha "Faça quadros de camadas".

Isso fará de cada camada um quadro do seu GIF.

Passo 6: Em cada quadro, selecione quanto tempo deve aparecer antes de mudar para o próximo quadro.

Para fazer isso, clique na hora abaixo de cada quadro e escolha quanto tempo você gostaria que ele aparecesse. No nosso caso, escolhemos 0,5 segundos por quadro.

Passo 7: Na parte inferior da barra de ferramentas, selecione quantas vezes você gostaria que ele em loop.

O padrão dirá uma vez, mas você pode loop-lo quantas vezes quiser, incluindo Forever.Clique em Outros se quiser especificar um número personalizado de repetições.

Passo 8: Visualize seu GIF pressionando o ícone de reprodução.

Passo 9: Salve seu GIF para usar online.

Satisfeito com seu GIF? Salve-o para usar on-line indo para a barra de navegação superior e clicando em Arquivo > Exportar > Salvar para Web (Legacy).

Em seguida, escolha o tipo de arquivo GIF que você gostaria de salvá-lo como sob a retirada predefinida. Se você tiver um GIF com gradientes, escolha GIFs dithered para evitar a banda de cores.Se sua imagem emprega muitas cores sólidas, você pode optar por nenhum dither.

O número ao lado do arquivo GIF determina quão grandes (e quão precisas) as cores GIF serão comparadas com os JPEGs ou PNGs originais.De acordo com a Adobe, uma porcentagem mais alta de dithering se traduz na aparência de mais cores e detalhes — mas aumenta o tamanho do arquivo.

Clique em Salvar na parte inferior para salvar o arquivo no seu computador. Agora você está pronto para carregar este GIF para usar em seu marketing!

Carregue o arquivo GIF em qualquer lugar on-line que você colocaria uma imagem, e ela deve ser reproduzida perfeitamente. Veja como o produto final pode parecer: