Como fazer um GIF no Photoshop (ou uma 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 dão a você 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 de um vídeo do YouTube

Talvez você tenha usado um GIF em seu telefone para enviar uma animação engraçada a um amigo ou os tenha visto aparecer nos comentários em Facebook. Mas você já fez seu próprio GIF? Você pode ter ideias para o maior dos GIFs, mas talvez não saiba como tornar esse sonho realidade. Não precisa se preocupar: este tutorial simples deve guiá-lo pelo processo de criação de GIFs de alto nível, mesmo que não possamos dizer definitivamente como pronunciá-lo.

Vídeos recomendados

Moderado

20 minutos

  • Photoshop ou uma ferramenta online gratuita como o Giphy

  • Imagens estáticas que você deseja usar para o 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 pularmos direto para o tutorial, devemos abordar o elefante na sala. O Adobe Photoshop é provavelmente o melhor software disponível para criar GIFs (ou editar imagens em geral). Se você não tiver o Photoshop, outros programas podem fornecer algumas das mesmas funcionalidades, como GIMP, mas se você quiser levar a sério a criação de GIFs, o Photoshop é o caminho certo.

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

Passo 2: Salve o vídeo em seu computador. Confira nosso guia sobre como baixar videos do youtube se precisar de orientação sobre como extrair imagens da web. Reduza a filmagem apenas para o comprimento que você deseja que o GIF reproduza. Dois ou três segundos é ótimo, cinco é empurrar 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 um PDF

Etapa 3: Abra o vídeo com o Photoshop. Para fazer isso, navegue até Arquivo > Importar > Quadros de vídeo para 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 começo ao fim ou usar os controles deslizantes para selecionar uma parte menor do clipe. Você pode limitar a importação a quadros alternados (ou a cada terceiro, quarto etc.) para tornar o arquivo menor, mas isso também tornará o vídeo mais cortado.

Importando um vídeo para camadas no Photoshop.

Passo 4: Mexe com as configurações. Você pode ajustar o equilíbrio de cores e outros enfeites com o Photoshop neste ponto, se desejar. Quando tudo parecer perfeito, vá para Arquivo > Salvar para web. Você então se deparará com uma janela que se parece com esta:

Configurações de GIF no Photoshop.

Passo 5: Você pode ajustar essas configurações para tornar seu GIF menor. Idealmente, você deve torná-lo não maior que 1 MB, para que não demore muito para carregar nas páginas da web. Brinque com todos eles 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 diminua para 128 ou menos se precisar ou se o seu GIF não tiver muita cor em primeiro lugar.
  • Diter: 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 isso também tornará 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 seu arquivo pequeno o suficiente.
  • Tamanho: Alterar as dimensões do seu GIF pode ter um grande impacto no tamanho do arquivo.

Passo 6: Salvar e compartilhar! Selecione os Salvar botão para finalizar sua criação. Depois de concluído, você pode enviá-lo para um site gratuito de hospedagem de imagens 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 juntando imagens estáticas. Esse processo consiste em colocar cada quadro em camadas de baixo para cima e, em seguida, 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. Em seguida, 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 deve abrir com essas fotos agora renderizadas como camadas individuais em uma única imagem. Organize-os de acordo; 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 carregar em lote suas fotos como camadas. Execute o Photoshop e crie uma nova imagem selecionando Arquivo > Novo e então 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: Mais uma vez, encadeie sua animação de baixo para cima. (Esse 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 para o Photoshop, arraste-as para o seu novo projeto e redimensione as camadas recém-criadas de acordo com 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 o resultado fique assim, com cada quadro da animação separado como uma camada e organizado cronologicamente de baixo para cima:

Tela de camadas no Photoshop.

Passo 5: Agora que você organizou suas camadas adequadamente, pode começar a sequenciar suas camadas. Novamente, esse processo varia 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 Timeline. Para Photoshop CC, selecione o Menu suspenso no meio da janela Timeline e selecione Criar animação de quadro.

Passo 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 quadros de camadas.

Você também pode selecionar o Seta 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 ao lado de 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.

Passo 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 infinito.

Passo 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 não maior que 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 tiver 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, 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 diretos.

Configurando suas imagens estáticas primeiro

Vários aplicativos no navegador permitem que você crie 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, 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 vamos usar Pixlr neste exemplo.

Passo 1: A primeira coisa a fazer é carregar 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 carregará, 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, faça o primeiro quadro do seu GIF. Para este 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 criar um GIF, você precisará criar várias imagens, cada uma com uma pequena variação da anterior. Para simplificar, este GIF terá apenas alguns quadros, portanto não ficará 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 tem os dois braços no ar.

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

Imagem do terceiro quadro estático do boneco. Este tem a palavra Eis! nele.

Passo 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 Behold! Um GIF! adicionado a ele.

Fazendo um GIF animado usando uma ferramenta gratuita

Com nossos quadros prontos, vamos enviá-los para o Ezgif. Veja como terminar de criar seu GIF usando o Ezgif:

Passo 1: Selecione a guia rotulada criador de GIF 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, verifique se eles estão 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, selecione o botão rotulado Faça um GIF!

Passo 4: Seu GIF deve 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ê deseja usar um trecho específico de um vídeo para um GIF, vários sites podem ajudá-lo a criá-los com muito pouca entrada 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 venha com 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 a URL ou carregue seu vídeo e continue na etapa 2.

Criador de GIFs do site Giphy.

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

Editando o comprimento de um GIF no Giphy.

Etapa 3: Depois de decidir sobre esses elementos, selecione o Criar GIF botão e permitir 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 deve ficar com o Photoshop. Dito isso, para a funcionalidade básica de vídeo para GIF, sites como o Giphy devem funcionar bem.

Como fazer um GIF de um vídeo do YouTube

Você pode usar os sites acima e 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 do GIF (ou um GIF Jedi, se preferir a pronúncia suave do “g”), e seus feeds de mídia social estão prestes a se tornar infinitamente mais emocionantes.

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

Recomendações dos editores

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