Um GIF animado no Photoshop é uma animação criada usando o editor gráfico Adobe Photoshop no formato GIF (Graphics Interchange Format). GIF é um formato de imagem comum que suporta animação exibindo vários quadros (ou imagens) em sequência, criando o efeito de movimento.

Com o Adobe Photoshop, você pode criar facilmente um arquivo GIF animado original (Graphics Interchange Format) a partir de uma série de fotos. Neste tutorial, percorreremos o processo passo a passo de criação de um GIF animado no Photoshop.

GIF animado de pássaros batendo as asas no Photoshop.

1. Escolha quais fotos você deseja usar em seu GIF.

Para obter o melhor GIF possível, use uma série de imagens tiradas em rápida sucessão. Imagens com lapso de tempo ou imagens tiradas no modo burst funcionam melhor. Isso ocorre porque eles fazem seu GIF parecer um vídeo curto em loop. Quanto mais quadros você usar em seu GIF, mais suave será o efeito de animação. GIF animado no Photoshop.

Normalmente, 15 a 24 imagens estáticas funcionam melhor. Certifique-se de que o tamanho da imagem seja o mesmo para cada um dos quadros, portanto verifique novamente a contagem de pixels. Coloque todas as filmagens que deseja usar em uma pasta na área de trabalho ou no disco rígido. Isso os tornará mais fáceis de encontrar no Photoshop.

Como criar um GIF animado no Photoshop

2. Importe fotos. GIF animado no Photoshop

Abra o Adobe Photoshop. No menu Arquivo, escolha Scripts > Carregar arquivos na pilha. Isso abrirá uma nova caixa de diálogo. Clique em Procurar para encontrar a pasta que você criou em sua área de trabalho ou disco rígido que contém as imagens que deseja incluir em seu GIF.

Pressione a tecla Shift para selecionar várias imagens. Depois que todos os arquivos de imagem que você deseja usar estiverem destacados, clique em OK. Você verá então todos os arquivos selecionados listados na caixa de diálogo Carregar camadas.

Clique em OK e o Photoshop abrirá as imagens selecionadas como camadas separadas em um novo documento.

Painéis da linha do tempo do Photoshop

3. Abra o painel Linha do tempo. GIF animado no Photoshop

No menu Janela, escolha Linha do tempo para abrir o painel Linha do tempo na área de trabalho. Por padrão, o painel Linha do tempo é aberto na parte inferior da tela.

No centro do painel Linha do tempo, você verá um botão “Criar linha do tempo do vídeo” com uma seta ao lado. Clique na seta e selecione Criar animação de quadro no menu suspenso.

Agora o botão dirá “Criar animação de quadro”. Clique neste botão.

Como fazer um GIF animado em quadros de animação do Photoshop

4. Converta as camadas da imagem em quadros de animação.

No canto superior direito do painel Linha do tempo, você verá um ícone de menu (quatro linhas horizontais). Clique neste ícone de menu para abrir um menu suspenso com opções de animação.

Clique em Criar quadros a partir de camadas. Isso converte as imagens do painel Camadas em quadros individuais no seu GIF.

Agora você deve ver uma miniatura de cada uma das camadas da imagem no painel Linha do tempo. Clique no botão Play para visualizar a aparência do seu GIF. GIF animado no Photoshop

animação em loop

5. Faça um loop na animação.

No canto inferior esquerdo do painel Linha do tempo, você verá várias opções de loop. O Adobe Photoshop permite que você decida se deseja que seu GIF seja reproduzido uma vez, três vezes ou para sempre. Você pode selecionar manualmente outras opções de ciclo selecionando Outros.

O padrão geralmente é permanente. Se você selecionou uma das outras opções, clique na seta ao lado da duração especificada. Em seguida, selecione “Para sempre” no menu suspenso.

Clique no ícone de reprodução novamente para ter certeza de que gostou da aparência do GIF animado. GIF animado no Photoshop

6. Exporte a animação como um arquivo GIF.

No menu Arquivo, escolha Exportar > Salvar para Web (Legado). Isso abrirá uma nova caixa de diálogo de configurações. Aqui estão as configurações ideais para escolher ao salvar seu trabalho em formato de arquivo GIFs:

  • Na seção Predefinição, selecione GIF 128 Dithered.
  • Em Cores, selecione 256.
  • Na seção Tamanho da imagem, você pode ajustar as dimensões físicas da sua imagem GIF. Se os arquivos de imagem originais forem muito grandes, você deverá reduzir as dimensões da imagem GIF para uma melhor experiência de visualização na web. Ao ajustar os tamanhos, você verá a mudança estimada no tamanho do arquivo no canto inferior esquerdo da visualização do GIF.
  • Certifique-se de que "Forever" esteja selecionado em Opções de Looping.

Clique em Visualizar no canto inferior esquerdo da caixa de diálogo para ver como seu GIF ficará em uma janela do navegador da web. GIF animado no Photoshop

Clique em Salvar para abrir uma nova caixa de diálogo Opções de salvamento. Nomeie o arquivo, selecione um destino e clique em Salvar. Isso é tudo! Você criou seu próprio GIF de forma rápida e fácil no Adobe Photoshop.