Construa o exemplo com quatro imagens primeiro, depois adapte a ordenação, a duração do fotograma e a tela à sua própria sequência de fotografias. Abrir Criador de GIF.
Escolher imagens e organizar a sequência de fotogramas
Abra o GIF Maker e selecione Imagens. Carregue as suas fotografias ou escolha Experimentar um exemplo. As entradas comuns incluem JPG, PNG, WebP e GIF; o formulário de carregamento lista os formatos adicionais suportados. Um lote pode conter até 50 ficheiros, com um limite de 25 MB por imagem e limites de processamento globais.
Este exemplo utiliza Experimentar um exemplo para carregar de gif-orbit-01.webp a gif-orbit-04.webp. Cada original tem 640 × 640 píxeis, e as quatro fotografias mostram posições diferentes na mesma cena orbital. Mantenha a sua ordem original para o resultado pretendido.
Os cartões de fotograma situam-se acima da pré-visualização. Arraste um cartão para alterar a sua posição, ou selecione-o e utilize Mover antes ou Mover depois no painel de definições. Os utilizadores de teclado podem selecionar cartões com as teclas de seta e reordenar com Alt mais uma tecla de seta. Reproduzir acima da pré-visualização verifica a sequência atual.
Duplicar adiciona outra cópia do fotograma selecionado. Remover elimina um fotograma da sequência, mantendo pelo menos um. Anular e Refazer recuperam edições recentes; adicionar ou remover um ficheiro de origem inicia um novo conjunto de ficheiros e repõe esse histórico de edição. Utilize Adicionar imagens quando a sequência precisar de mais fotografias.
Utilize imagens relacionadas com uma progressão clara. Uma sequência simples é mais fácil de seguir do que muitas fotografias não relacionadas a mudar rapidamente.
Defina a duração de cada fotograma e escolha uma transição
Selecione um fotograma e defina a Duração em segundos. O intervalo suportado é de 0.02 a 10 segundos por fotograma de origem. Aplicar esta duração a todos os fotogramas confere a cada fotograma o tempo selecionado. Para uma apresentação de diapositivos com um título ou uma fotografia final detalhada, deixe esse fotograma visível durante mais tempo do que os restantes.
Para o exemplo, mantenha cada Duração em 0.65 segundos. Experimentar um exemplo já define este valor; com as suas próprias imagens, introduza 0.65 para um fotograma e selecione Aplicar esta duração a todos os fotogramas. Escolha Esbatimento suave em Transição e defina o tempo de transição para 0.20 segundos, ou 200 milissegundos.
Abra Texto e qualidade de exportação e mantenha os passos de transição em 4. Cada esbatimento adiciona quatro fotogramas intermédios. Com quatro fotogramas originais, quatro esbatimentos em ciclo, reprodução Avançar e Repetir sempre, este exemplo contém 20 fotogramas renderizados. As quatro pausas de 0.65 segundos mais quatro esbatimentos de 0.20 segundos perfazem um ciclo de 3.4 segundos.
Corte limpo alterna diretamente entre imagens sem adicionar fotogramas de transição. Deslizar para a esquerda move a imagem seguinte através da tela. Mais passos de transição podem tornar uma transição mais suave, mas utilizam mais do orçamento de exportação de 200 fotogramas. O editor informa quando a sequência e os efeitos escolhidos excedem esse limite.
Avançar reproduz a sequência por ordem, Inverter reproduz de trás para a frente, e Ressaltar regressa através da sequência sem repetir ambos os fotogramas extremos. Ciclo escolhe a repetição infinita ou um número fixo de reproduções. Para o exemplo prático, mantenha Avançar e Repetir sempre.
A duração é a pausa antes de uma transição; o tempo de transição é adicionado a esta. Quatro fotografias a 0.65 segundos não perfazem um ciclo de 2.6 segundos quando os esbatimentos também estão ativados.
O exemplo neste guia
Quatro imagens de exemplo na sua ordem original; 0.65 s por fotograma; Para a frente; Repetir sempre; Esbatimento suave; 0.20 s de tempo de transição; 4 passos de transição; Quadrado 640 × 640 px; Mostrar a imagem completa; centrado a 100% de zoom; legenda do primeiro fotograma "Made to loop."; Inferior; 32 px; branco; 256 cores; Gradientes de cor suaves e Otimizar tamanho de ficheiro ativados.
- Imagens de origem
- 4 WebPs · cada uma com 640 × 640 px
- Temporização dos fotogramas
- 0.65 s de espera + 0.20 s de esbatimento
- GIF transferido
- 640 × 640 px · 20 fotogramas
- Ciclo de animação
- 3.4 segundos · repete sempre
Escolha a tela, reenquadre imagens e adicione legendas
Em Tela e fundo, escolha Quadrado · 1:1 para o exemplo e mantenha a Largura e Altura em 640 px. Outras predefinições incluem Retrato, História, Paisagem e Ecrã panorâmico. Corresponder à primeira imagem começa a partir da forma da primeira imagem, enquanto Tamanho personalizado aceita dimensões de 16 a 1600 px por margem, sujeito ao limite total de processamento da animação.
Ajuste da imagem oferece Mostrar a imagem completa e Preencher a tela. Mostrar a imagem completa com 100% de zoom mantém todas as margens de origem e pode deixar fundo à volta de uma imagem com forma diferente. Preencher a tela cobre a área de saída e pode cortar as margens. Defina o Fundo para o preenchimento desejado ou ative Fundo transparente quando o destino o exigir.
Selecione um fotograma para alterar o seu enquadramento de forma independente. Arraste a pré-visualização ou altere o Zoom, utilize Esquerda ou Direita para rotações de 90 graus, ou Inverter para a espelhar. Repor fotograma devolve esse fotograma ao enquadramento centrado e sem rotação com 100% de zoom. O exemplo mantém as quatro fotografias quadradas originais centradas e utiliza Mostrar a imagem completa.
Selecione o primeiro fotograma e introduza Feito para repetir. na Legenda. Deixe as outras três legendas vazias. Em Texto e qualidade de exportação, mantenha a Posição da legenda em Inferior, Tamanho da legenda em 32 px e Cor da legenda branca. As legendas pertencem a fotogramas individuais; selecionar outro fotograma permite-lhe escrever uma linha diferente. A primeira legenda do exemplo desaparece com o seu fotograma.
Mantenha GIF cores em 256 · mais detalhe, com Gradientes de cor suaves e Otimizar tamanho do ficheiro ativados para o resultado final. Contagens de cores mais baixas podem tornar o ficheiro mais leve, mas podem alterar tons subtis. Gradientes de cor suaves utiliza difusão, que pode suavizar bandas de cor enquanto adiciona um padrão fino visível.
Verifique cada fotograma após alterar a forma da tela. Uma composição que se ajusta a uma imagem pode cortar o motivo noutra. Aumentar as dimensões de saída não pode restaurar detalhes em falta de uma origem pequena.
Crie o GIF e reveja a animação transferida
Reproduza a pré-visualização e observe um ciclo completo, incluindo o regresso do último fotograma ao primeiro. Verifique se as legendas permanecem visíveis tempo suficiente, se o corte é consistente e se nenhum fotograma parece apressado. Selecione Criar GIF quando a sequência estiver pronta; o servidor renderiza a animação final a partir dos originais carregados.
O exemplo prático transfere animation.gif a 640 × 640 píxeis. O resultado real tem 20 fotogramas, um ciclo de 3.4 segundos e ciclo infinito. A comparação acima mostra as quatro imagens originais como uma folha de contactos e o primeiro fotograma real desse GIF transferido, incluindo a legenda adicionada Feito para repetir.
As imagens do artigo são apenas pré-visualizações, não um leitor de animação. Abra o GIF transferido numa aplicação que suporte animação para verificar o tempo e o ciclo. Uma pré-visualização que parece suave ainda pode sofrer alterações de cor após a conversão da paleta GIF, por isso inspecione o resultado guardado antes de partilhar.
Para um resultado mais pequeno, experimente menos fotogramas de origem, transições mais curtas, menos passos de transição, uma tela mais pequena ou um valor de GIF cores mais baixo. Encurtar apenas o tempo de pausa não remove fotogramas de imagem, pelo que pode alterar o ritmo sem reduzir muito o tamanho do ficheiro.
Transfira antes de atualizar ou sair. Atualizar o editor ou a página de transferência regressa à página principal da ferramenta. Guarde as suas imagens originais porque o GIF exportado é uma animação achatada, não um ficheiro de projeto que contenha os controlos de origem editáveis.
Um visualizador de imagens estáticas pode mostrar apenas o primeiro fotograma GIF. Teste o ficheiro num navegador ou noutro visualizador capaz de reproduzir animações antes de concluir que a animação está em falta.
Questões comuns
Posso criar um GIF a partir de imagens JPG e PNG juntas?
Sim. O modo de imagens pode combinar formatos de imagem suportados numa única sequência. Cada entrada torna-se um ou mais fotogramas da linha cronológica. Escolha um tamanho de tela partilhado e verifique o ajuste de cada imagem.
Cada imagem pode permanecer no ecrã durante um tempo diferente?
Sim. Selecione um fotograma e altere a Duração. Aplicar esta duração a todos os fotogramas é opcional; deixe-a inutilizada quando as imagens necessitarem de tempos de espera diferentes.
Porque é que o GIF tem mais fotogramas do que o número de fotografias?
O esbatimento suave e o deslizar para a esquerda inserem fotogramas de transição, e o ressalto adiciona uma sequência de retorno. Um ficheiro animado carregado também pode conter vários fotogramas. O limite de 200 fotogramas aplica-se à animação renderizada, não apenas ao número de fotografias carregadas.
Posso colocar uma legenda diferente em cada imagem?
Sim. A legenda aplica-se ao fotograma selecionado. Selecione cada fotograma para introduzir o seu texto. A posição, o tamanho e a cor da legenda são controlos de estilo partilhados para a animação.
O GIF pode ter um fundo transparente?
Sim. Ative o Fundo transparente em Tela e fundo. O GIF suporta píxeis totalmente transparentes em vez da transparência parcial suave ao estilo PNG, pelo que as margens suaves podem mudar. Verifique o resultado transferido em relação ao fundo pretendido.
Porque é que algumas margens de uma fotografia estão em falta?
Preencher a tela e o Zoom extra podem cortar as margens da origem. Para manter uma imagem completa, escolha Mostrar a imagem completa, defina o Zoom para 100% e utilize o enquadramento centrado. Uma forma de tela diferente pode deixar um fundo visível à sua volta.
Fazer com que o GIF seja reproduzido mais rapidamente torna o seu ficheiro mais pequeno?
Não necessariamente. Uma espera mais curta altera a temporização, mas mantém os mesmos fotogramas. Reduzir as dimensões, o número de fotogramas renderizados ou a contagem de cores tem geralmente um efeito mais direto no tamanho do ficheiro.
Todas as imagens são processadas no meu navegador?
Não. O navegador apresenta a composição interativa, mas as pré-visualizações dos fotogramas e a codificação final do GIF utilizam processamento no servidor. O ficheiro final é renderizado a partir dos originais carregados e das definições selecionadas.
Transforme as suas imagens num ciclo com um ritmo claro
Experimente um exemplo ou utilize o seu próprio ficheiro e reveja o resultado antes de partilhar.
