Como fazer um GIF no Photoshop (ou alternativa gratuita)

GIFs são incríveis. Eles são como os flipbooks da internet – ótimos para transmitir pensamentos e emoções que as palavras não consigo descrever, pois eles mostram as travessuras de seus adoráveis ​​​​animais de estimação ou lhe dão uma boa rir.

Conteúdo

  • Como fazer um GIF animado a partir de um vídeo (Photoshop)
  • Como fazer um GIF animado usando imagens estáticas (Photoshop)
  • Como fazer um GIF animado usando imagens estáticas (de graça)
  • Configurando suas imagens estáticas primeiro
  • Fazendo um GIF animado usando uma ferramenta gratuita
  • Como fazer um GIF animado a partir de um vídeo (de graça)
  • Como fazer um GIF a partir de um vídeo do YouTube

Talvez você tenha usado um GIF no seu telefone para enviar uma animação engraçada a um amigo ou os tenha visto aparecer nos comentários do Facebook. Mas você já fez seu próprio GIF? Você pode ter ideias para os maiores GIFs, mas talvez não saiba como tornar esse sonho realidade. Não precisa se preocupar: este tutorial simples deve guiá-lo através do processo de criação de GIFs de primeira linha, mesmo que não possamos dizer com certeza como pronunciá-los.

Vídeos recomendados

Moderado

20 minutos

  • Photoshop ou uma ferramenta online gratuita como Giphy

  • Imagens estáticas que você deseja usar em seu GIF

  • Um vídeo do qual você deseja criar seu GIF

  • Um computador

Como fazer um GIF animado a partir de um vídeo (Photoshop)

Antes de irmos direto para o tutorial, devemos abordar o elefante na sala. Adobe Photoshop é provavelmente o melhor software disponível para criar GIFs (ou editar imagens em geral). Se você não possui o Photoshop, outros programas podem oferecer algumas das mesmas funcionalidades, como GIMP, mas se você quiser levar a sério a criação de GIFs, o Photoshop é a melhor opção.

Passo 1: Encontre uma boa sequência de vídeo na web que você deseja transformar em GIF. Pode ser praticamente qualquer coisa, mas tente optar por um clipe que não seja muito longo, pois a brevidade é fundamental para um bom GIF.

Passo 2: Salve o vídeo em seu computador. Confira nosso guia em como baixar vídeos do YouTube se precisar de orientação sobre como extrair imagens da web. Corte a filmagem apenas para a duração que você deseja que o GIF seja reproduzido. Dois ou três segundos é ótimo, cinco são suficientes e 10 ou mais são possíveis com o corte correto, mas o arquivo será grande e difícil de trabalhar. A regra geral é transmitir sua ideia no menor número possível de quadros.

Relacionado

  • Melhores ofertas do Adobe Photoshop: obtenha o software de edição de fotos gratuitamente
  • Como combinar arquivos PDF no Windows, macOS ou na web
  • Como salvar uma página da web como PDF

Etapa 3: Abra o vídeo com o Photoshop. Para fazer isso, navegue até Arquivo > Importar > Quadros de vídeo em camadas. Selecione o arquivo de vídeo desejado e o Photoshop o abrirá como uma série de quadros estáticos. Você pode optar por importar o vídeo inteiro do início ao fim ou usar controles deslizantes para selecionar uma parte menor do clipe. Você pode limitar a importação a cada outro (ou a cada terceiro, quarto, etc.) quadro para diminuir o arquivo, mas isso também tornará o vídeo mais instável.

Importando um vídeo para camadas no Photoshop.

Passo 4: Mexa nas configurações. Você pode ajustar o equilíbrio de cores e outros enfeites com o Photoshop neste momento, se desejar. Quando tudo estiver perfeito, vá para Arquivo > Salvar para web. Você então encontrará uma janela parecida com esta:

Configurações de GIF no Photoshop.

Etapa 5: Você pode ajustar essas configurações para diminuir o tamanho do seu GIF. O ideal é que ele não seja maior que 1 MB, para que não demore muito para carregar nas páginas da web. Brinque com tudo isso até encontrar um ponto ideal.

  • Cores: Isso limita o número de cores usadas para criar a imagem, portanto, quanto maior, melhor (os GIFs são limitados a um máximo de 256 cores). Apenas desça para 128 ou menos se for necessário ou se o seu GIF não tiver muita cor.
  • Pontilhar: O pontilhamento espalha pixels de cores diferentes em uma imagem para fazer parecer que há cores intermediárias em imagens com uma paleta de cores limitada. Configurações mais altas produzirão imagens com melhor aparência, mas também tornarão o arquivo maior.
  • Com perdas: Use esta configuração para aplicar uma queda intencional na qualidade. Uma configuração mais baixa é melhor, mas pode ser necessária alguma perda de qualidade para tornar o arquivo pequeno o suficiente.
  • Tamanho: Alterar as dimensões do seu GIF pode ter um grande impacto no tamanho do arquivo.

Etapa 6: Salvar e compartilhar! Selecione os Salvar botão para finalizar sua criação. Uma vez feito isso, você pode enviá-lo para um site de hospedagem de imagens gratuito como Imgur para compartilhá-lo com seus amigos e incorporá-lo em blogs e sites.

Como fazer um GIF animado usando imagens estáticas (Photoshop)

Você também pode criar GIFs animados no Photoshop agrupando imagens estáticas. Este processo consiste em colocar cada quadro em camadas de baixo para cima e depois sequenciar as camadas usando a ferramenta de animação/linha do tempo do Photoshop.

Passo 1: Reúna as imagens estáticas que deseja sequenciar para o seu GIF e coloque-as em uma única pasta. Então, no Photoshop, escolha Arquivo > Roteiros > Carregar arquivos na pilha. Em seguida, selecione Navegar e escolha as imagens em sua área de trabalho que deseja agrupar em um GIF.

Passo 2: Selecione OK, e uma nova composição deverá abrir com essas fotos agora renderizadas como camadas individuais em uma única imagem. Organize-os adequadamente; seu primeiro quadro deve ocupar a camada inferior e assim por diante.

Etapa 3: Você também pode criar cada camada individualmente no próprio Photoshop, em vez de enviar em lote suas fotos como camadas. Execute o Photoshop e crie uma nova imagem selecionando Arquivo > Novo e depois selecionando OK. Em seguida, desbloqueie a camada de fundo selecionando duas vezes o Trancar ícone, crie uma nova camada abrindo Camada > Novo… > Camadae projete cada quadro de acordo.

Passo 4: Novamente, encadeie sua animação de baixo para cima. (Este processo funciona se você estiver usando uma versão mais antiga do Photoshop que não possui a opção “Carregar arquivos na pilha”.) Carregue seu fotos no Photoshop, arraste-as para o seu novo projeto e redimensione as camadas recém-criadas de acordo usando a ferramenta de transformação do Photoshop (Editar > Transformação livre ou Ctrl+T) e arraste os cantos para redimensionar o objeto).

Você deseja que seu resultado fique assim, com cada quadro da animação separado como uma camada e organizado cronologicamente de baixo para cima:

Tela de camada no Photoshop.

Etapa 5: Agora que você organizou suas camadas adequadamente, você pode começar a sequenciar suas camadas. Novamente, esse processo irá variar dependendo da versão do Photoshop que você está usando. Se você ainda estiver executando o CS5 ou inferior (ei, não vamos julgar), acesse a janela de animação abrindo Janela + Animação. Da mesma forma, selecione Janela + Linha do Tempo no Photoshop CS6 e Photoshop CC para acessar a janela Linha do tempo. Para Photoshop CC, selecione o Menu suspenso no meio da janela Linha do tempo e selecione Criar animação de quadro.

Etapa 6: Depois de abrir a ferramenta de sequenciamento do Photoshop, selecione o Seta pequena voltada para a direita no canto superior direito e escolha Faça molduras a partir de camadas.

Você também pode selecionar o Seta voltada para a direita para criar um novo quadro manualmente (ou você pode usar o comando de tecla de atalho Ctrl > Mudança > Alt. > F).

Etapa 7: A partir daí, selecione o Olho ícone próximo a cada camada para ocultar as camadas que você não deseja que apareçam no quadro que você criou.

Tela da camada 3 no Photoshop.

Etapa 8: A partir daqui, use o menu abaixo de cada quadro para alternar sua duração. O menu no canto inferior esquerdo determina quantas vezes seu GIF será reproduzido – defina-o como Para sempre se você quiser que ele faça um loop indefinidamente.

Etapa 9: Parabéns! Você criou um GIF animado usando imagens estáticas e agora tudo o que precisa fazer é exportá-lo do Photoshop usando o processo descrito acima. Para uma rápida recapitulação:

Dirigir a Arquivo > Salvar para web. Lembre-se de manter seu GIF com no máximo 1 MB. Se necessário, ajuste as configurações de cor, pontilhamento, perda e tamanho até que seu GIF seja redimensionado de acordo. Quando estiver satisfeito, salve seu GIF recém-criado.

Como fazer um GIF animado usando imagens estáticas (de graça)

Se você não tem acesso ao Photoshop, existem métodos gratuitos você pode usar para fazer um GIF, embora a qualidade do produto final possa não ser tão alta. Existem vários programas gratuitos (como GIMP ou Pixlr) que oferecem as funções básicas do Photoshop, portanto permitindo criar imagens estáticas e reproduzi-las em sequência, e sites que permitem cortar GIFs de vídeo. Nenhum desses processos será tão eficaz quanto o Photoshop – no entanto, eles são mais baratos e bastante simples.

Configurando suas imagens estáticas primeiro

Vários aplicativos no navegador permitem criar GIFs a partir de uma série de imagens estáticas. Como exemplo, usaremos Ezgif. Este site permite fazer upload de uma série de imagens, organizá-las e transformá-las em um GIF animado. É claro que para isso será necessário um conjunto de imagens que funcionem em sequência. Para fazer isso, precisaremos de um substituto gratuito do Photoshop. Nós usaremos Pixlr neste exemplo.

Passo 1: A primeira coisa a fazer é enviar uma nova imagem. Escolha o tamanho da tela, mas lembre-se de que quanto maior o tamanho do arquivo de um GIF, mais lentamente ele será carregado, então tente reduzir a quantidade de coisas que cabem na tela. Mais simples e menor geralmente é melhor.

Passo 2: Depois de ter uma tela, crie o primeiro quadro do seu GIF. Neste exemplo, usaremos a ferramenta de forma para criar uma pessoa a partir de um círculo, retângulos e linhas, salvando esta imagem para criar o primeiro quadro.

O processo de animação consiste em reproduzir uma série de imagens com pequenas alterações para dar a ilusão de movimento. Para fazer um GIF, você precisará fazer várias imagens, cada uma com uma ligeira variação da anterior. Para simplificar, este GIF terá apenas alguns frames, por isso não será bonito, mas deve ilustrar o conceito.

Stick figura pessoa ainda imagem.

Etapa 3: Para o próximo quadro, faremos a figura levantar os braços, apagando-os e desenhando novos braços levantados para cima. Salve a imagem para criar o segundo quadro.

Segundo quadro estático da imagem GIF do boneco palito. Este boneco palito tem os dois braços para cima.

Passo 4: A seguir, usaremos o Tipo ferramenta para fazer o texto aparecer, e salvaremos esta imagem como o terceiro quadro.

Terceira imagem estática do boneco palito. Este tem a palavra Eis! nele.

Etapa 5: Em seguida, adicionaremos mais texto e o salvaremos como o quarto quadro.

Esta é a quarta imagem estática do GIF do boneco palito. Este tem as palavras Eis! Um GIF! adicionado a ele.

Fazendo um GIF animado usando uma ferramenta gratuita

Com nossos frames prontos, iremos carregá-los no Ezgif. Veja como terminar de fazer seu GIF usando Ezgif:

Passo 1: Selecione a guia rotulada Criador de GIFs e selecione o Navegar botão. Selecione todos os arquivos de imagem associados ao seu GIF.

Passo 2: Em seguida, selecione o botão rotulado Carregue e faça um GIF!. Quando os arquivos de imagem terminarem de carregar, certifique-se de que estejam na ordem correta. Você também pode definir o tempo de atraso, que é o tempo entre os quadros, e escolher quantas vezes (se houver) deseja que o GIF faça um loop.

Passo a passo do criador de GIF do site EZGIF.

Etapa 3: Uma vez feito isso, selecione o botão rotulado Faça um GIF!

Passo 4: Seu GIF deverá aparecer, junto com botões para editá-lo ou salvá-lo em seu computador.

Salvando o GIF feito no EZGIF.

Como fazer um GIF animado a partir de um vídeo (de graça)

Se você quiser usar um trecho específico de um vídeo para um GIF, vários sites podem ajudá-lo a criá-los com muito pouca contribuição de sua parte. Ezgif, Giphy, ImgFlip, Gfycat, e muitos outros serviços online permitem que você crie GIFs sem a ajuda de um cartão de crédito, embora a conveniência signifique um sacrifício no nível de controle que você tem.

Passo 1: Usar uma dessas ferramentas online é incrivelmente simples. Como exemplo, usaremos o Giphy. Este site permite que você cole o URL de um vídeo específico ou carregue um arquivo de vídeo do seu computador. Insira o URL ou carregue seu vídeo e prossiga para a etapa 2.

Criador de GIF do site Giphy.

Passo 2: Depois de fazer isso, você pode escolher o ponto do vídeo onde o GIF começará e por quanto tempo o GIF será executado. Você também pode inserir uma legenda, se desejar.

Editando a duração de um GIF no Giphy.

Etapa 3: Depois de decidir sobre esses elementos, selecione o Criar GIF botão e permita que o site cuide do resto.

O processo é mais ou menos o mesmo para outros sites, incluindo o ImgFlip. No entanto, se você quiser mais controle sobre a qualidade resultante do seu GIF, provavelmente deveria ficar com o Photoshop. Dito isto, para funcionalidade básica de vídeo para GIF, sites como o Giphy devem funcionar bem.

Como fazer um GIF a partir de um vídeo do YouTube

Você pode usar os sites acima e muito mais para criar um GIF a partir de um vídeo do YouTube. Também temos um guia passo a passo que pode ajudá-lo crie GIFs incríveis a partir de qualquer vídeo do YouTube.

E é isso! Agora você é um guru de GIF (ou um GIF Jedi, se preferir a pronúncia “g” suave) e seus feeds de mídia social estão prestes a se tornar infinitamente mais interessantes.

Embora provavelmente devêssemos alertá-lo: com grande poder vem uma grande responsabilidade. Escolha seus momentos com sabedoria e não inunde seus amigos com um ataque avassalador de GIFs de gatos de baixa qualidade, não importa o quão fofos eles sejam. Há uma hora e um lugar, e a qualidade sempre supera a quantidade. O GIF pode ser modesto, mas também é uma lenda; merece seu respeito. Estude, pratique, domine.

Recomendações dos Editores

  • Como fazer uma captura de tela no seu Mac: os melhores métodos em 2023
  • Como imprimir de um Chromebook – a maneira mais fácil
  • De quanta RAM você precisa?
  • O melhor software de controle parental gratuito para PC, Mac, iOS e Android
  • Como presentear jogos no Steam