PhotoPro Cursos Online

Como fazer gif no Photoshop

Os gifs são sucesso na internet desde o início das redes sociais, e continuam fazendo sucesso. Nós da fotografia e do mundo do Photoshop utilizamos muito esse recurso para apresentar rapidamente frames do processo de criação, ou do antes e depois de uma fotografia. Os gifs podem ter inúmeros frames e fundo transparente. Porém, hoje vou apresentar como fazer gif no Photoshop, utilizando o exemplo de 3 frames, com 3 fotografias de antes e depois.

Após exportar as 3 etapas, preciso carregá-las num único arquivo no Photoshop. Fazer isso clicando e arrastando pode ser um pouco confuso, então vou mostrar um passo bem fácil e rápido: através do Adobe Bridge, selecione as fotos desejadas (na mesma pasta), vá ao menu TOOLS > Photoshop > Load Files Into Photoshop Layers… (Ferramentas > Photoshop > Carregar arquivos em camadas)

 

como_fazer_gif_no_photoshop_01
como fazer gif no photoshop

 

Nesse momento você será redirecionado ao Photoshop.
como fazer gif no photoshop

 

Agora, temos um único arquivo, com as fotos escolhidas em camadas. DICA: antes de começar criar a animação em si, é importante já ter todas as camadas desejadas. Para esse exemplo, eu tenho 3 fotografias: a primeira é versão original, a segunda teve ajustes realizados no Lightroom, e a terceira fiz ajustes mais específicos, através do Photoshop. Então neste GIF quero escrever ORIGINAL, LIGHTROOM e PHOTOSHOP para as respectivas imagens.

Com a ferramenta TEXTO, crie a primeira camada com a palavra original, duplique essa camada (CTRL + J), esconda a camada e edite o texto, criando então três novas camadas com os 3 textos.
como fazer gif no photoshop
como fazer gif no photoshop

 

 

Com todas as camadas necessárias criadas, agora podemos começar a definir a animação. Para isso, precisaremos da aba Timeline, localizada no menu Window > Timeline:
como fazer gif no photoshop

 

Nessa aba, temos duas opções: trabalhar com animações (sem áudio, que poderão ser exportadas no formato GIF) ou com vídeos. Na setinha mostrada na imagem abaixo, temos as duas opções: Create Video Timeline ou Create Frame Animation. Neste caso, escolheremos a animação, como mostra a imagem abaixo:
como fazer gif no photoshop

 

No primeiro frame, deixaremos visível apenas a foto e o texto referente à foto original. Definiremos 1 segundo para cada frame:
como fazer gif no photoshop

 

Agora, clique em novo frame (como mostrado na imagem abaixo) e agora oculte as camadas original, ativando apenas as camadas lightroom,  pois este será o segundo passo do GIF.
como fazer gif no photoshop

 

E assim, sucessivamente, vamos ativando as próximas camadas. Este gif do exemplo terá apenas 3 frames, mas você poderá inserir quantos desejar. Sugestão: tente sempre deixar um tempo a mais no último frame. No caso deste exemplo, a terceira imagem é a final e a mais importante. Por este motivo, as primeiras têm 1 segundo e a última 2 segundos. Também é possível inserir fração de segundos nesses frames.
como fazer gif no photoshop

 

Outra coisa importante é ativar o looping, ou seja, a repetição da animação. Deixando em once (uma vez), o gif rodará uma vez quando aberto, e congelará no último frame. Eu sempre altero essa opção para Forever, assim o gif se repetirá infinitamente.
como fazer gif no photoshop

 

Com a animação concluída, nosso arquivo ainda é um PSD. Precisamos exportá-lo: vá ao menu File > Export > Save for Web.
como fazer gif no photoshop

 

Mude o formato do arquivo para GIF, com a quantidade máxima de cores: 256. Verifique sempre o tamanho do seu arquivo: nada impede que ele seja criado num arquivo em alta resolução (se tratando de fotos), porém lembre que a internet requer velocidade, então no momento da exportação reduza para 700px de largura, tamanho suficiente para as redes sociais.
como fazer gif no photoshop
como fazer gif no photoshop

 

Dica extra: no Facebook não é possível inserir GIFs diretamente. Faça o upload em algum site, como o GIPHY.com, e então publique-o nas redes.
como fazer gif no photoshop

 

 

Curtiu essa dica? Confira nossos outros tutoriais gratuitos de Photoshop e aprenda muito mais!

Um grande abraço e até a próxima,

 

Erica Dal Bello

 

Conheça meus cursos:

  1. Foto de perfil de raiana raiana disse:

    Meu gif ficou com a qualidade horrível, sabe como é possível melhorá-lo?

Deixe sua mensagem

©Copyright - Todas as marcas utilizadas neste site são propriedade a seus respectivos fabricantes. Telefone: (0xx11) 4013-7979 - E-mail