Editores

25/02/2011 14h20 - Atualizado em 19/09/2018 11h55

Como fazer GIF no Photoshop

Tais Carvalho
por
Para o TechTudo

O Adobe Photoshop possui uma ferramenta para criação de GIFs, um formato de arquivo animado muito popular nas redes sociais. Apesar de não ser recomendado em situações que necessitam de maior detalhamento, o GIF tem recursos práticos como permitir transparência, preservando o fundo no qual foi inserido, e compatibilidade com a maioria dos programas. Neste tutorial, aprenda a criar e salvar um GIF a partir de uma sequência de imagens no Photoshop.

Veja como colocar GIFs animados no Facebook

Adobe Photoshop (Foto: Reprodução)Como criar um GIF animado no Photoshop (Foto: Reprodução/Adobe)



Passo 1. Separe as imagens que irá usar no GIF em uma pasta. Abra o Photoshop, selecione "File", "Scripts" e depois "Load Files into Stack";

No Photoshop, comece abrindo as imagens para montar o GIF (Foto: Reprodução/Tais Carvalho)No Photoshop, comece abrindo as imagens para montar o GIF (Foto: Reprodução/Tais Carvalho)


Passo 2. Na nova tela, toque em "Browse" e selecione todas as imagens que separou. Em seguida, aperte "Ok" para abri-las no Photoshop;

Selecione todas as imagens e clique em "Ok" no Photoshop (Foto: Reprodução/Tais Carvalho)Selecione todas as imagens e clique em "Ok" no Photoshop (Foto: Reprodução/Tais Carvalho)


Caso não tenha as imagens prontas, comece criando um arquivo (Ctrl+N) no Photoshop. Monte cada quadro do GIF em uma camada (layer) diferente. Para adicionar um novo layer, vá no menu em "Layer" e selecione "New". Você pode usar imagens, texto e formas na edição.

Se quiser começar do zero, crie cada frame do GIF em uma camada diferente no Photoshop (Foto: Reprodução/Tais Carvalho)Se quiser começar do zero, crie cada frame do GIF em uma camada diferente no Photoshop (Foto: Reprodução/Tais Carvalho)


Passo 3. Vá até o menu "Window" e selecione "Timeline";

Abra o menu "Timeline" no Photoshop (Foto: Reprodução/Tais Carvalho)Abra o menu "Timeline" no Photoshop (Foto: Reprodução/Tais Carvalho)


Passo 4. Agora, aperte o ícone "Create Frame Animation";

Crie uma linha do tempo para editar o GIF no Photoshop (Foto: Reprodução/Tais Carvalho)Crie uma linha do tempo para editar o GIF no Photoshop (Foto: Reprodução/Tais Carvalho)


Passo 5. Você verá que apenas uma imagem irá para a timeline do GIF. Para inserir as demais, toque no menu "Select" e pressione "All Layers";

Selecione todos as camadas para adicioná-las à linha do tempo no Photoshop (Foto: Reprodução/Tais Carvalho)Selecione todos as camadas para adicioná-las à linha do tempo no Photoshop (Foto: Reprodução/Tais Carvalho)


Passo 6. Clique no pequeno botão indicado na imagem abaixo e aperte a opção "Make Frames From Layers" para adicionar todas as camadas;

Adicione as outras imagens do GIF na timeline do Photoshop (Foto: Reprodução/Tais Carvalho)Adicione as outras imagens do GIF na timeline do Photoshop (Foto: Reprodução/Tais Carvalho)


O Photoshop colocou as imagens na ordem contrária? Clique novamente no pequeno ícone, à esquerda da lista de camadas (layers), e selecione a opção "Reverse Frames" para inverter o esquema da linha do tempo.

Para inverter a ordem das imagens, clique em "Reverse Frames" no Photoshop (Foto: Reprodução/Tais Carvalho)Para inverter a ordem das imagens, clique em "Reverse Frames" no Photoshop (Foto: Reprodução/Tais Carvalho)


Passo 7. Agora, configure a duração de cada frame do GIF. Abaixo do ícone de cada imagem, na linha do tempo, você verá que está escrito "0 sec." Mude a velocidade de acordo com as suas preferências;

Para inverter a ordem das imagens, clique em "Reverse Frames" no Photoshop (Foto: Reprodução/Tais Carvalho)Para inverter a ordem das imagens, clique em "Reverse Frames" no Photoshop (Foto: Reprodução/Tais Carvalho)


Passo 8. Por fim, selecione quantas vezes o GIF irá repetir a animação. Selecione "Once" para uma vez, "3 times" para três vezes e "Forever" para que a animação se repita infinitamente enquanto o GIF estiver aberto;

No Photoshop, ajuste a duração que cara imagem terá no GIF animado (Foto: Reprodução/Tais Carvalho)No Photoshop, ajuste a duração que cara imagem terá no GIF animado (Foto: Reprodução/Tais Carvalho)


Passo 9. Clique no ícone de play para ver como ficou a animação do GIF. Caso não esteja satisfeito, faça os ajustes necessários antes de salvar;

Por último, configure a repetição do GIF animado (Foto: Reprodução/Tais Carvalho)Por último, configure a repetição do GIF animado (Foto: Reprodução/Tais Carvalho)


Passo 10. Para salvar o GIF, vá até o menu "File", selecione "Export" e depois "Save for Web (Legacy)". Configure a coloração e tamanho do GIF e, por último, clique em "Save..." e escolha um nome para o seu novo arquivo.

Por fim, exporte o arquivo em formato GIF para o seu computador (Foto: Reprodução/Tais Carvalho)Por fim, exporte o arquivo em formato GIF para o seu computador (Foto: Reprodução/Tais Carvalho)


Compartilhe o GIF nas redes sociais, no Giphy ou onde quiser.

GIF animado (Foto: Reprodução/Tais Carvalho)GIF animado (Foto: Reprodução/Tais Carvalho)

Como deletar uma cor de imagem no Photoshop? Tire dúvidas no Fórum do TechTudo.

 


Seja o primeiro a comentar

Os comentários são de responsabilidade exclusiva de seus autores e não representam a opinião deste site. Se achar algo que viole os termos de uso, denuncie. Leia as perguntas mais frequentes para saber o que é impróprio ou ilegal.

recentes

populares

  • Dermeval Neto
    2011-12-21T15:45:38

    O meu é o CS4 e não tem.. o que eu faço???

  • Gleyton Rocha
    2011-02-26T17:41:22

    EU TENHO O PHOTOSHOP CS E NELE NÃO TEM A OPÇÃO 'ANIMATION' NA ABA WINDOW.