Como criar um GIF com o Photoshop

Quem sou
Joel Fulleda
@joelfulleda
Autor e referências

Opera√ß√Ķes preliminares

Photoshop √© talvez o programa mais conhecido da Adobe dedicado √† manipula√ß√£o profissional de imagens. Sua √ļltima vers√£o, inclu√≠da no pacote Adobe Creative Nuvem (o Adobe CC), est√° dispon√≠vel para ambos Windows que para MacOS, ap√≥s a ativa√ß√£o de uma licen√ßa paga.

Os planos de assinatura dedicados aos programas Adobe CC s√£o diferentes e se adaptam a todas as necessidades: abaixo mostro os mais convenientes.


  • Fotografia - inclui os programas cl√°ssicos do Photoshop, Lightroom e Lightroom, al√©m de 20 GB de armazenamento em nuvem. O pre√ßo inicial √© 12,19 ‚ā¨ / m√™s.
  • Aplica√ß√£o √ļnica - inclui Photoshop, 100 GB de espa√ßo em nuvem e portf√≥lio adicional da Adobe, Adobe Fonts e software Adobe Spark. Os pre√ßos come√ßam em 36,59 ‚ā¨ / m√™s.
  • Todos os aplicativos - Inclui toda a cole√ß√£o de programas Adobe CC (Photoshop, InDesign, After Effects, Lightroom, Illustrator, XD e assim por diante), 100 GB de espa√ßo em nuvem, Adobe Portfolio, Adobe Spark e Adobe Fonts. O pre√ßo inicial √© 60,99 ‚ā¨ / m√™s.
  • Todos os aplicativos + Adobe Stock - como o anterior, mais 10 imagens gratuitas do Adobe Stock por m√™s. O pre√ßo √© 97,58 ‚ā¨ / m√™s.

Para obter mais informa√ß√Ķes sobre pre√ßos e licen√ßas dispon√≠veis para o Photoshop, voc√™ pode dar uma olhada no site oficial da Adobe.


Dito isso, fico feliz em informar que a Adobe tamb√©m oferece a possibilidade de baixar e experimentar o Photoshop sem nenhum custo, ativando uma licen√ßa gratuita com dura√ß√£o de uma semana, que voc√™ pode desativar a qualquer momento (sem restri√ß√Ķes ou custos adicionais): basta criar uma nova ID da Adobe, corresponda a um m√©todo de pagamento e prossiga com o download da vers√£o de teste do programa. Eu expliquei tudo para voc√™ em detalhes no meu guia sobre como baixar o Photoshop gratuitamente.



Como criar um GIF animado no Photoshop

Agora √© hora de agir e explicar para voc√™, na pr√°tica, como criar um GIF com o Photoshop. Por conveni√™ncia, recomendo que voc√™ re√ļna todas as imagens que dever√£o fazer parte da anima√ß√£o em uma √ļnica pasta, de forma a simplificar bastante a op√ß√£o de upload.

Importe as imagens

Para come√ßar, ent√£o, comece Photoshop, v√° para o menu Arquivo> Script (canto superior esquerdo) e clique na op√ß√£o Carregar arquivos em lote: ao faz√™-lo, ser√° iniciado o procedimento que permite carregar v√°rias imagens posicionando-as automaticamente em camadas separadas do projeto, sem ter que proceder manualmente.

Se tudo correr bem, a janela que permite carregar as camadas deve abrir: se voc√™ seguiu meu conselho e agrupou todas as imagens em uma √ļnica pasta, defina o menu suspenso Usar su Pasta, aperte o bot√£o Massa folhada e, usando o painel de File Explorer / Finder exibida na tela, navegue at√© a pasta que cont√©m suas imagens. Finalmente, selecione-o com um clique e pressione o bot√£o OK.

Por fim, coloque a marca de sele√ß√£o ao lado do item Tenta alinhar automaticamente as imagens de origem (a menos que as imagens tenham sido feitas especificamente para a cria√ß√£o do GIF: neste caso, esta op√ß√£o √© sup√©rflua) e clique no bot√£o OK, para prosseguir com a cria√ß√£o dos n√≠veis.

Crie a linha do tempo

A pr√≥xima etapa √© criar o Linha do tempo que o GIF deve seguir, ou seja, definir a ordem (e dura√ß√£o) das imagens nele contidas. Para fazer isso, voc√™ precisa ativar a c√Ęmera Timeline indo para o menu Janela> Linha do tempo, pra cima.


Em seguida, clique na guia Timeline que aparece imediatamente abaixo da imagem aberta, pressione o seta para baixo localizado pr√≥ximo ao item Criar cronograma de v√≠deo, escolha a op√ß√£o Criar anima√ß√£o de quadro a partir do menu que se prop√Ķe a voc√™ e clique no bot√£o de mesmo nome que aparece na tela, para exibir a janela de edi√ß√£o da linha do tempo.


Neste ponto, voc√™ precisa converter as camadas importadas anteriormente em quadros para usar no GIF: para obter este resultado, clique no bot√£o ‚ėį localizado √† direita da guia Linha do tempo e selecione o item Crie quadros a partir de camadas no menu que lhe √© proposto. O grosso est√° praticamente pronto! Se tudo correr bem, voc√™ ver√° tantos quadros aparecerem quantas imagens importadas anteriormente.

Agora, voc√™ s√≥ precisa definir os detalhes da sua anima√ß√£o: para alterar oordem algumas imagens, pegue-as e arraste-as para a direita ou esquerda; mudar o seu dura√ß√£o, execute uma a√ß√£o no menu suspenso sec 0. localizado em cada visualiza√ß√£o. Por fim, se voc√™ n√£o deseja que a sequ√™ncia se repita com um loop infinito (um GIF que nunca para), mas prefere que a anima√ß√£o pare ap√≥s um determinado n√ļmero de vezes, clique no item Sempre localizado na parte inferior do cart√£o Timeline e escolha a op√ß√£o que melhor se adapta a voc√™ no menu que aparece na tela.

Para verificar o resultado, use os bot√Ķes de controle (por exemplo, ‚Ėļ para iniciar a reprodu√ß√£o da anima√ß√£o) localizados na parte inferior. Se voc√™ notar uma falta de fluidez entre uma imagem e outra, voc√™ pode tentar conter o problema usando o recurso Tweening Photoshop: permite adicionar frames semitransparentes gerados automaticamente, a fim de melhorar a transi√ß√£o entre as imagens que comp√Ķem o GIF.


Para utiliz√°-lo, clique no quadro de seu interesse e, em seguida, no bot√£o Tweening localizado na guia Linha do tempo (aquela na forma de tra√ßo circular, terceiro a partir da direita), defina o menu suspenso Tweening com na op√ß√£o Pr√≥ximo quadro, indica o n√ļmero de quadros para adicionar automaticamente e pressione o bot√£o OK, para continuar. Repita isso em todos os quadros que voc√™ achar problem√°ticos. 


Quando estiver satisfeito com seu trabalho, você pode passar para a próxima etapa, a de exportar o GIF recém-criado.

Exporte o GIF

Uma vez finalizada a defini√ß√£o da anima√ß√£o, basta salvar seu trabalho no formato GIF: v√° ao menu Envie o (canto superior esquerdo), mova o mouse sobre o item Exportar e escolha a op√ß√£o Salvar para a Web (vers√£o anterior). A seguir, use a nova janela que se abre na tela para definir as op√ß√Ķes de salvamento: mova o menu suspenso Formato (colocado imediatamente abaixo do t√≠tulo omiss√£o) na op√ß√£o GIF e, se desejar, ajuste larguraaltura da imagem intervindo nos campos de texto hom√īnimos localizados no quadro Dimens√Ķes imagem.

Se você deseja redimensionar o GIF usando um fator de escala (por exemplo, 50% para reduzir pela metade o tamanho da imagem), você pode especificar a porcentagem no apropriado campo de texto.

Por fim, certifique-se de que a caixa Converter para sRGB est√° marcada, clique no bot√£o Salvar ... localizado na parte inferior e use o painel File Explorer / Finder para escolher onde salvar a imagem. Voc√™ viu? Crie um GIF com o Photoshop n√£o foi nada dif√≠cil!

Como fazer um GIF de um vídeo com o Photoshop

querer criar um GIF animado a partir de um vídeo já existente? Não tem problema: você pode fazer isso de uma forma muito simples, usando a funcionalidade apropriada do Photoshop.

Antes de prosseguir, por√©m, deixe-me inform√°-lo sobre um detalhe fundamental: quanto maior a taxa de quadros do v√≠deo, mais quadros formar√£o a imagem. Isso significa, na pr√°tica, que importar o arquivo pode levar muito tempo e que, a menos que voc√™ exclua manualmente alguns frames desnecess√°rios, o GIF pode realmente ‚Äúpesar‚ÄĚ muitos MB.

Tudo limpo? OK, ent√£o vamos come√ßar. Primeiro, abra o menu Envie o Photoshop (canto superior esquerdo), selecione o item Importar> Quadros de v√≠deo em camadas e use o painel File Explorer / Finder para escolher o v√≠deo de seu interesse. Depois de fazer isso, especifique se deseja importar o v√≠deo do come√ßo a final, ou selecione um intervalo personalizado marcando a caixa Somente intervalo selecionado e ajustando eu controles deslizantes de in√≠cio e fim que est√£o localizados logo abaixo da visualiza√ß√£o do v√≠deo.

Por fim, se voc√™ tiver um v√≠deo com taxa de quadros igual ou superior a 60 fps, aconselho a restringir o n√ļmero de quadros importados, colocando a marca de sele√ß√£o ao lado do item Apenas um cada e especificando o n√ļmero de quadros a "pular": em um v√≠deo de 60 fps, por exemplo, voc√™ s√≥ poderia importar um a cada 20 quadros.

Quando terminar, coloque a marca de sele√ß√£o ao lado do item Criar anima√ß√£o de quadro e aperte o bot√£o OK para come√ßar a importar o filme, o que pode demorar alguns segundos. Caso voc√™ deva ver uma mensagem sobre o alto tamanho / dura√ß√£o da anima√ß√£o resultante, clique no bot√£o cancelar e aumente o n√ļmero de frames a pular, agindo conforme a op√ß√£o que falei h√° pouco.

Neste ponto, se você deseja personalizar os quadros gerados (alterar sua duração, adicionar interpolação, movê-los e assim por diante), você pode alterar a guia Linha de tempo conforme expliquei anteriormente. Se, por outro lado, você deseja obter uma animação fiel ao vídeo de onde partiu, pode prosseguir diretamente com a fase de exportação do GIF seguindo os passos que ilustrei há pouco.

Outras maneiras de criar um GIF animado

Você achou o procedimento para criar GIFs animados com o Photoshop muito simples, mas não tem intenção de pagar para usar o programa, então gostaria de experimentar outros métodos para obter pelo menos um resultado semelhante?

Ent√£o acho que tenho o que voc√™ precisa: em meus guias sobre como animar imagens e como criar GIFs a partir de v√≠deos, eu de fato forneci a voc√™ uma s√©rie de programas, aplicativos e servi√ßos online v√°lidos, muitos dos quais s√£o totalmente gratuitos, √ļtil para alcan√ßar a meta que voc√™ estabeleceu para si mesmo. Acredite em mim, vale a pena!

Como criar um GIF com o Photoshop

√Āudio v√≠deo Como criar um GIF com o Photoshop
Adicione um coment√°rio do Como criar um GIF com o Photoshop
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.