Como fazer um GIF animado gratuitamente para suas postagens no blog

Publicados: 2022-12-03

how to make a gif for a blog

Você provavelmente associa um gif animado às mídias sociais.

Eles geralmente são um tipo de vídeo curto para diversão e geralmente são pequenos trechos retirados de vídeos do YouTube.

Se for apenas por diversão, você pode encontrar milhares deles online se forem bibliotecas de gifs gratuitas, então não há necessidade de criar um gif animado você mesmo.

Talvez se o assunto deste post fosse sobre livros que são verdadeiros page-turners, eu poderia acrescentar algo como o abaixo.

Sei que não é o gif de alta qualidade mais emocionante já feito, mas é adequado para mostrar que você pode adicionar um a uma postagem de blog na maioria das plataformas de blog.

Se você usa o WordPress, pode carregar um gif da mesma forma que carrega todas as suas imagens no Editor de imagens.

vire a página

Como você faz um gif?

Muitos dos gifs que você vê na Internet são feitos de arquivos de vídeo e quadros de vídeo convertidos em camadas.

Envolve bastante trabalho. Alguns deles usam centenas de quadros de vídeo de importação de arquivos individuais.

Para transformar um vídeo em um gif, você precisa copiar os quadros individuais de um vídeo.

Algumas pessoas criam um gif animado no Photoshop, que é um pouco complicado.

Eu não sou um especialista. Mas pelo que pude entender, você precisa carregar os quadros das camadas e depois carregar os arquivos em uma pilha.

Parei por aí porque era tudo muito complicado para mim.

Para uma postagem ou artigo de blog, os arquivos gif são arquivos de imagem com aplicação limitada. Mas de vez em quando, eles são úteis.

Eu brinquei com a imagem do cabeçalho antes de escrever este post.

Depois de todas as minhas experiências, decidi ficar com uma imagem estática. Mas para não desperdiçar todo o meu trabalho, aqui está a versão gif que fiz.

Ele funciona para criar uma animação de quadro que você pode usar rapidamente em uma postagem de blog.

make a gif

Como fazer um gif, o jeito fácil

A maneira mais fácil de criar gifs animados é usar um criador de gif online gratuito ou criador de gif.

Existem muitos deles e todos funcionam de maneira semelhante.

Mas primeiro, você precisa criar os slides que usará para construir seu gif.

Para o exemplo acima, usei o Canva para fazer quatro imagens e mudei as palavras e as cores do texto em cada imagem.

Em seguida, usei uma ferramenta online gratuita para criação de gifs. Há muito por onde escolher se você fizer uma pesquisa no Google.

gif maker

Basta clicar em “Upload Images” para selecionar seus arquivos. Cada imagem criará uma nova camada.

Então, depois de carregar todos eles, você pode fazer alguns pequenos ajustes antes de visualizar seu gif.

criador de gif2

Se os slides estiverem na ordem errada, você pode alterar isso arrastando e soltando.

Você tem algumas configurações que pode escolher alterar.

O tamanho da tela é como o tamanho da imagem. Defina-o para se adequar ao seu blog, mas geralmente 750px é grande o suficiente.

Obviamente, o tamanho do arquivo aumentará se você o tornar muito grande, o que pode diminuir a velocidade de carregamento da página.

A velocidade da animação é a rapidez com que seus slides mudam. Você deve experimentar essa configuração para encontrar a melhor velocidade para o tipo de gif que deseja criar.

Depois de selecionar suas configurações, clique em “Criar animação GIF”.

Você verá um menu carregar abaixo com "Exibir" ou "Download". Clique em download do arquivo e você criou seu gif.

Se você tentar abrir o arquivo com um visualizador de imagens, verá apenas os slides. Para verificar seu novo gif, você precisará abri-lo no Chrome, Safari ou Firefox.

O que você pode fazer com um gif em uma postagem de blog?

O principal uso de gifs em um blog é condensar informações ou listas longas.

Usar colunas em uma página de blog não é mais uma boa ideia porque elas não são responsivas.

Isso significa que eles não serão visualizados corretamente em um telefone celular.

As colunas são reduzidas em tamanho para caber em uma tela pequena. Então o texto fica muito pequeno para ser lido.

Sem o uso de colunas, se eu quisesse incluir uma lista dos 75 livros mais populares, ela se estenderia muito, muito, muito para baixo na página em um laptop e ainda mais em um telefone ou tablet.

Uma maneira melhor é usar um gif.

Mais uma vez, você precisa fazer slides, mas desta vez usei capturas de tela e cortei todas no mesmo tamanho.

books 75 list

Agora minha lista de 75 livros ocupa muito menos espaço na página.

Além disso, em uma tela pequena como um telefone ou tablet, o gif será redimensionado automaticamente para caber.

Otimizei o gif acima para garantir que carregue o mais rápido possível.

Mas você pode selecionar a quantidade de compactação que usa se quiser ter um texto mais nítido.

Conclusão

Você não vai usar um gif em cada postagem de blog ou artigo que escrever.

Mas, de vez em quando, eles são úteis, principalmente para encaixar muita informação em um espaço administrável.

Levei algumas tentativas para descobrir o que funcionou e o que não funcionou.

O que descobri foi que era essencial redimensionar as imagens que usei antes de tentar criar um novo gif.

Você pode fazer esse cálculo a partir dos tamanhos de imagem que usa atualmente em seu blog.

O maior erro que você pode cometer é criar um gif muito mais largo do que a largura máxima da página do seu blog.

Você pode verificar isso no seu tema. Se você usar uma barra lateral, a largura pode estar entre 600 e 800 px.

Se você usar um gif que talvez seja o dobro da largura da página real do seu blog, ele será redimensionado automaticamente pela plataforma do seu blog.

Parecerá bom para você, mas a velocidade de carregamento da página diminuirá drasticamente devido ao grande tamanho do arquivo.

Além da questão do tamanho, não há nada de especial em incluir um gif nas postagens do seu blog.

Use gifs no lugar certo pelos motivos certos. Eles podem ser uma ferramenta prática para usar como parte de suas postagens de blog para fornecer a seus leitores alguns tipos de informações de uma forma muito melhor.

Leitura relacionada: 50 ferramentas e aplicativos de software de escrita gratuitos