Como criar um GIF animado (com imagens)

Índice:

Como criar um GIF animado (com imagens)
Como criar um GIF animado (com imagens)
Anonim

GIFs animados são uma forma simples de animação. Se você tiver uma série de imagens ou um pequeno vídeo, poderá criá-los em um ou dois minutos usando ferramentas online. Se você deseja editar as imagens e controlar a velocidade da animação mais de perto, baixe o GIMP gratuitamente e use sua capacidade integrada para criar animações GIF.

Passos

Método 1 de 2: criando um-g.webp" />
Crie um animado, etapa 1
Crie um animado, etapa 1

Etapa 1. Escolha uma série de imagens ou um vídeo

Faça uma pasta no seu computador, contendo as imagens que deseja animar. Cada imagem será um quadro separado da animação. Como alternativa, você pode converter um pequeno vídeo em um-g.webp

Crie um animado - Etapa 2
Crie um animado - Etapa 2

Etapa 2. Visite um gerador de-g.webp" />

Existem muitos geradores de-g.webp

Crie um animado - Etapa 3
Crie um animado - Etapa 3

Etapa 3. Corte um segmento de vídeo (opcional)

Se você estiver criando um-g.webp

  • Abra o VLC e use Arquivo → Abrir arquivo… para abrir o arquivo de vídeo.
  • Encontre o início do segmento que deseja transformar em GIF.
  • Selecione Reproduzir → Gravar no menu superior.
  • Reproduza o vídeo até que o segmento que você deseja "GIF-ify" termine. Pressione Gravar novamente para interromper a gravação. O novo arquivo menor agora está salvo na mesma pasta do vídeo original.
Crie um animado - Etapa 4
Crie um animado - Etapa 4

Etapa 4. Faça upload das imagens ou vídeo

Procure um link Upload de imagens. Se você estiver convertendo um vídeo, procure o link Enviar vídeo.

O upload do vídeo pode demorar muito se a sua conexão com a Internet for lenta ou o arquivo do vídeo for grande. Recomenda-se o envio de no máximo alguns segundos de vídeo

Crie um animado - Etapa 5
Crie um animado - Etapa 5

Etapa 5. Edite o GIF

Essas ferramentas online geralmente permitem que você altere a ordem das imagens no GIF, caso você as tenha enviado na ordem errada. Você também pode adicionar texto, alterar o tamanho das imagens e definir a velocidade da animação.

Crie um animado - Etapa 6
Crie um animado - Etapa 6

Etapa 6. Crie seu GIF

Procure por Gerar GIF, crie seu gif, pr link Criar Agora. Suas imagens ou vídeo serão transformados em uma animação GIF. Normalmente, uma lista de opções disponíveis será exibida, incluindo links para postar o-g.webp

Método 2 de 2: Criando um-g.webp" />
Crie um animado - Etapa 7
Crie um animado - Etapa 7

Etapa 1. Baixe o GIMP

GIMP significa GNU Image Manipulation Program, um programa de edição de imagens de código aberto. Baixe-o gratuitamente em gimp.org/downloads. Usando o GIMP, você pode editar cada quadro de seu GIF, personalizar a velocidade de seu-g.webp

Crie um animado - Etapa 8
Crie um animado - Etapa 8

Etapa 2. Abra a imagem que deseja animar

Vá para Arquivo → Abrir no menu superior e selecione uma imagem salva no seu computador. Se você gostaria de desenhar seu próprio-g.webp

Se você estiver usando um arquivo GIMP existente com várias camadas, use o comando Imagem → Achatar imagem para mesclar todos eles em uma camada. Esta camada será um quadro da animação

Crie um animado - Etapa 9
Crie um animado - Etapa 9

Etapa 3. Adicione imagens adicionais

Se você já tem várias imagens para transformar em-g.webp

  • Cada camada será um quadro do GIF. A imagem na parte inferior da lista aparecerá primeiro, depois as imagens acima dela. Arraste-os para alterar a ordem.
  • Todas as imagens devem ter o mesmo tamanho, ou as maiores serão cortadas quando o-g.webp" />
Crie um animado - Etapa 10
Crie um animado - Etapa 10

Etapa 4. Oculte as camadas para que possa editar as camadas abaixo (opcional)

Se você planeja editar as imagens ou adicionar texto a elas, será necessário ocultar todas as camadas mais acima na lista do que aquela que está editando, ou não poderá ver seu trabalho. Existem duas maneiras de fazer isso, ambas encontradas na janela "Camadas":

  • Clique no ícone "olho" ao lado de uma camada para ocultá-la. Clique no mesmo local novamente quando estiver pronto para mostrá-lo novamente.
  • Ou selecione uma camada e ajuste a barra de opacidade próxima ao topo da janela Camadas. A baixa opacidade torna a camada mais transparente. Isso é útil se você estiver adicionando texto ou outras adições a vários quadros, para que possa alinhá-los.
Crie um animado - Etapa 11
Crie um animado - Etapa 11

Etapa 5. Edite as imagens (opcional)

Você pode aprender sobre muitos recursos de edição do GIMP se quiser, ou apenas usar essas técnicas básicas. Selecione a imagem que deseja editar no ícone na janela "Camadas" à direita e use as seguintes ferramentas para ajustar seus quadros GIF:

  • Na janela "Barra de ferramentas" à esquerda, selecione a "Ferramenta Escala" (um pequeno quadrado com uma seta apontando para um grande quadrado) para redimensionar a imagem. Faça todas as suas camadas do mesmo tamanho.
  • Na janela da barra de ferramentas, selecione o ícone "A" e clique na imagem para adicionar texto. Digite o texto e use as ferramentas pop-up para ajustar o tamanho, a fonte e a cor. Quando terminar, use o comando Camada → Mesclar para baixo para combinar o texto com a camada abaixo dele.
Crie um animado - Etapa 12
Crie um animado - Etapa 12

Etapa 6. Visualize a animação

Depois de concluir suas edições, selecione o comando Filtros → Animação → Reprodução… no menu superior. Clique no ícone de reprodução na janela que aparece para ver sua animação.

Crie um animado - Etapa 13
Crie um animado - Etapa 13

Etapa 7. Ajuste o tempo

Vá para a janela "Camadas" e clique com o botão direito (ou clique com o botão direito do mouse em alguns Macs) em uma camada. Selecione Editar atributos da camada. Após o nome, digite (XXXXms), substituindo os Xs pelo número de milissegundos que você deseja que essa camada seja exibida. Faça isso com cada camada. Abra o Playback novamente para ver a animação com suas novas alterações e continue ajustando até estar satisfeito.

  • A maioria dos GIFs feitos de vídeos tem cerca de 10 quadros por segundo (100 ms por quadro).
  • Você pode pular esta etapa e selecionar uma velocidade padrão posteriormente, ao exportar o arquivo.
Crie um animado - Etapa 14
Crie um animado - Etapa 14

Etapa 8. Otimize a animação para carregar mais rápido

Use o menu superior para selecionar Filtro → Animação → Otimizar (para GIF). Isso criará uma cópia com um tamanho de arquivo muito menor. Continue trabalhando na cópia para as etapas restantes.

  • Antes da otimização, cada quadro é carregado completamente ("substituído"). Após a otimização, apenas as áreas da imagem que mudam são carregadas ("combinadas").
  • Você pode pular esta etapa e otimizar durante a exportação na etapa abaixo.
Crie um animado - Etapa 15
Crie um animado - Etapa 15

Etapa 9. Exporte seu arquivo como GIF

Selecione Arquivo → Exportar como…. Clique em Selecionar tipo de arquivo na parte inferior da janela que aparece para ver mais opções e, em seguida, role para baixo e selecione "GIF". Clique em Exportar e uma nova janela aparecerá, descrita abaixo.

Crie um animado - Etapa 16
Crie um animado - Etapa 16

Etapa 10. Defina suas opções e conclua a exportação

Na nova janela, intitulada "Exportar imagem como GIF", marque a caixa ao lado de "Como animação". Conclua clicando em Exportar ou altere suas opções primeiro:

  • Desmarque "Loop forever" se quiser que a animação seja reproduzida apenas uma vez.
  • Se você pulou a etapa de ajuste de tempo, defina o atraso aqui. Por padrão, isso é definido para 100 ms ou 10 quadros por segundo. Reduza esse número para um-g.webp" />
  • Se você ignorou a etapa de otimização acima, procure a opção "Eliminação de quadros" ao exportar e selecione "Camadas cumulativas (combinar)".

Pontas

  • Versões mais antigas do Adobe Photoshop vinham com outro programa chamado Adobe ImageReady. Se acontecer de você ter, crie cada quadro no Photoshop como uma camada separada e, em seguida, use o ImageReady para criar a animação, semelhante ao método acima.
  • O GIMP tem alguns efeitos de animação em Filtros → Animação. Isso adicionará um efeito de esmaecimento entre as camadas, como uma ondulação ou mesclagem.
  • Para recursos de animação mais avançados, instale o Plug-in de animação do Gimp (GAP) e leia o tutorial. O GAP não funciona para versões de 64 bits do GIMP 2.8, então você pode precisar fazer o download do GIMP 2.6.

Recomendado: